@import "layout.css";
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body
{
	margin: 8px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	background: #fff ;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	text-decoration: underline ;
	color: #0099FF ;
}


a:hover{
	text-decoration: none ;
	color: #FF0000;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}
 
/* L'entête
-------------------------------------------------------- */

#top h1{
	color: #FFFFFF;

}

#top h1 a{
	display:block;
	height: 140px;
	width:242px;
	color: #FFFFFF;
	background: url(img/logo-nav.gif) top left no-repeat;
	text-indent: -5000px;
}
#top h1 a:hover{
	color: #FFFFFF;
}

#menuhaut {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0 ;
	margin-bottom: 0;
	height: 35px;
	background: url(img/fond-menu.jpg) no-repeat -5px top;
	padding: 0 ;
}
#menuhaut ul{
	margin: 0 auto ;
	padding: 0 ;
	list-style-type: none;	
}
#menuhaut li {
	float: left;
	padding: 0 ;
	margin: 0 ;
}
#menuhaut a {
	width: 105px;
	height: 35px;
	display: block ;
	text-align: center ;
	line-height: 30px ;
	font-weight: bold;
	border-right: 1px solid #fff;
	text-decoration: none;
	font-size: 1em ;
	color: black;
}
#menuhaut a:hover {
color: #fff;
background: transparent url(img/fond-menu.jpg) no-repeat -5px top;
}
#menuhaut a#lien1:hover {
background-position: -5px -35px;
}
#menuhaut a#lien2:hover {
background-position: -111px -35px;
}
#menuhaut a#lien3:hover {
background-position: -217px -35px;
}
#menuhaut a#lien4:hover {
background-position: -323px -35px;
}
#menuhaut a#lien5:hover {
background-position: -429px -35px;
}
#menuhaut a#lien6:hover {
background-position: -535px -35px;
}
#menuhaut a#lien7:hover {
background-position: -641px -35px;
}
#menuhaut a:active {
color: #8CBC0E;
}


/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}

.post-title{
	color: #F90;
	background: transparent;
	margin-bottom: 0;
}

.post-title a{
	color: #F90;
	background: transparent;
	text-decoration: none;
}

.post-info{
	margin-top: 0;
	color: #FA0;
	background: transparent;
	padding-bottom: 1ex;
	/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
	color: #FA0;
	background: transparent;
	text-decoration: none;
}

.post-content{
	text-align: justify;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}
#content h2
{
	padding-left: 45px ;
	margin-right: 15px ;
	line-height: 25px ;
	font-weight: bold;
	font-size: 1.6em ;
	color: #70C828 ;
	border-bottom: 1px solid #70C828 ;
	background: url(img/icones-titres.gif) no-repeat left top;
	
}
#content h2 a
{
	Text-decoration:none;
	color: #70C828 ;	
}
#content h2 a:hover
{
	Text-decoration:none;
	color: #70C828 ;	
}
#content h3
{
	margin-left: 15px ;
	margin-right: 15px ;
	margin-bottom: 0 ;
	padding: 0 ;
	font-size: 1.3em ;
	font-weight: bold;
	color: #FCB200 ;
}
#content h3:first-letter {
	color: #8CBC0E;
	font-size: 1.2em ;
}

#content h4
{
	margin-left: 20px ;
	padding-left: 0px ;
	font-size: 1.2em ;
	font-weight: bold;
	color: #0099FF ;
}
#content strong
{
	color: #FF0000 ;
}
#content p
{
	margin-left: 30px ;
	margin-right: 5px ;
	text-align: left ;
	line-height: 1.4em ;
}
#content a
{
	text-decoration: underline ;
	color: #0099FF ;
}
#content a:hover
{
	text-decoration: none ;
	color: #FF0000;
}
#content ul{
	list-style-image: url(images/puce-verte.gif) ;
	width: auto;
	padding: 5px;
	margin-left: 40px ;
	margin-right: 20px ;
	background: #E6E6E6;
	line-height: 1.4em ;
}
#content li{
margin-bottom: 5px;
}

#ariane {
margin : 0 ;
padding : 0 ;
}
.poulain {
margin : 10px ;
padding : 5px ;
background: #E6E6E6;
overflow:auto;
}
/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{
	border-bottom: 1px solid #F0F0F0;
	color: inherit;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #8CBC0E;
	margin: 0 0 1ex 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}

#sidebar div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	margin: 0 auto;
}

#sidebar div#calendar table th{
	color: #493;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#sidebar div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

/* Le pied de page
-------------------------------------------------------- */
#footer{
	text-align: center ;
	margin: 0 auto ;
	background: url(img/barre-bas.jpg) no-repeat ;
}

#footer #menu
{
	float: left ;
	margin-left: 30px;
}
#footer #menu ul {
	list-style-type: none;
	margin-left: 0px;
}
#footer #menu ul li {
	float: left ;
	margin-left: 3px ;
}
#footer #menu a
{
	text-decoration: none ;
	color: #0099FF ;
	text-align: center;
	line-height: 30px ;
}
#footer #menu a:hover
{
	text-decoration: none ;
	color: #FF0000;
	background: #E6E6E6 ;
	text-align: center;
}
#footer #mentions
{
	text-align: center ;
	float: right ;
	width: 228px ;
	height: 56px;
}
.gesConcours-complet {display:none;}
.gesSaut-d-obstacles {display:none;}
#partenariat {text-align:center; padding:0.5em;}
#partenariat img {border:0;}