body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #333333;
background-image:url(images/arriere-plan.jpg);
background-position:top;
background-repeat:repeat-x;
}
a img{
border:0;
}
#conteneur {
margin: 15px auto ;
width:750px;
}
#header {
padding-top:15px;
height: 85px;
background-image:url(images/fondHeader.jpg);
background-position:top;
}
#logo{
border-style:none;
float:left;
}
#pub{
float:left;
}
#coord{
display:block;
width:205px;
float:right;
text-align:justify;
color:#FFFFFF;
font-size:0.7em;
margin:5px 10px;
}

#gauche {
float:left;
height:auto;
width: 150px;
background-color: #004E61;
}
#gauche p{
padding:10px;
color:#ABD9B6;
}
#pied {
height: 20px;
background-image:    url("/images/fond-pied.png");
background-repeat:no-repeat;
background-position:center;
}

/*menu horizontal*/
#menuhr{
height:30px;
margin-top:5px;
background-image:url(images/fondmenuH.jpg);
}
#menuh {
list-style-type: none;
margin: 0;
padding: 0;
margin-left:150px;
width:600px;
}

#menuh li {
float:left;
width:20%;

}
#menuh a {
	display:block;
	height:25px;
	text-align:center;
	color: #CCCCCC;
	margin-top:2px;
	text-decoration:none;
	font-size: 12px;
	line-height:12px;
	background-image:url(images/fond-boutonH.png);
	background-repeat:no-repeat;
	background-position:left;
}
#menuh a:hover {
background-color: #ABD9B6;
color:#004E61;
text-decoration:none;
}

/*menu gauche*/
#gauche{
padding-top:50px;
background-image:url(images/fond-gauche.jpg);
background-position:top;
}

#valid{
background-image:url(images/fondValid.jpg);
background-position:bottom;
padding:0 0 30px 0;
}
#FB{
width:130px;
height:80px;
padding-left:48px;
}
#valid a img{
margin:5px 31px;
}
#menugauche {
list-style-type: none;
margin:0;
padding:0 0 100px 0;
background-image:url(images/fond-menugauche.jpg);
background-repeat:repeat-y;
}
#menugauche p{
color: #CCCCCC;
}
#menugauche a{
display:block;
width:150px;
height:25px;
color: #CCCCCC;
text-decoration: none;
text-align:center;
font-size: 12px;
line-height:23px;
background-image:    url("/images/nav.png");
background-position:top;
}
#menugauche a:hover {
color:#004E61;
text-decoration: none;
background-position:bottom;
}

/*tout ce qui est le contenu*/
h1{
font-size:2em;
text-align:center;
margin:0;
padding:15px;
}
h2{
font-size:1.5em;
text-align:left;
margin:0;
padding:15px;
}
h3{
font-size:1.3em;
text-align:left;
margin:0;
padding:0 15px;
}
h5{
font-size:1em;
text-align:left;
margin:40px 0px 15px 25px;
}
#centre {
background-color:#FFFFFF;
background-image: url(images/fond-contenu.png);
background-position:top left;
background-repeat:no-repeat;
margin-left: 155px;
margin-top: 5px;
color:#004E61;
font-family:"Times New Roman", Times, serif;
}
#centre p{
padding:5px 15px;
text-indent:25px;
text-align:justify;
}
#centre a{
color:#D67E0A;
}
.img-gauche{
display:block;
margin:15px;
float:left;
}
.img-droite{
display:block;
margin:15px;
float:right;
clear:right;
}
.img-centre{
display:block;
margin:15px auto;
}
.important{
font-weight:bold;
}
.rouge{
color:#FF0000;
font-size:18px;
}
table{
text-align:center;
width:90%;
margin:auto 15px;
}
.tableaucourt{
width:auto;
}
.titre{
background-color:#abd9b6;
font-weight:bold;
}
td{
border:1px solid #004E61;
padding:5px;
}
#active a{
background-color: #ABD9B6;
color:#004E61;
}
#activeg a{
background-position:top;
color:#004E61;
}
hr{
width:80%;
background-color:#abd9b6;
height:5px;
}
/*formulaire*/
form{
width:450px;
margin:5px auto;
padding:35px;
background-color:#666666;
}

.champ{
font-size:14px;
margin:1px 0;
padding:5px 0;
float:left;
width:210px;
height:30px;
background-color:#CCCCCC;
}
#formbout{
clear:both;
margin:1px 150px;
}
#demande{
text-align:center;
width:410px;
margin:5px 0;
padding:10px 20px 5px 20px;
background-color:#CCCCCC;
clear:both;
}