html {
height: 100%;
}
body {
margin:0px 0px 0px 0px; 
text-align:center;
margin-left: auto; 
margin-right: auto; 
background-color:#FFF; 
font-family:Arial, Helvetica, sans-serif; 
font-size:0.7em; color:#666666;
height:100%;
width:100%; 
background-image:url(../images/fond_body.jpg); 
background-repeat:repeat-x;
background-color:#E9E9E9; 
}

#supmenu { float:left; background-image:url(../img/fondmenu.png); background-repeat:no-repeat; height:455px; width:240px; text-align:left; padding-left:20px; vertical-align:bottom;}

#container { 
width:985px; 
height:100%; 
text-align:center;
margin-left: auto; 
margin-right: auto; background-color:#FFFFFF;
}
#supheader{
width:983px;
text-align:center;
margin-left: auto; 
margin-right: auto;
}
#header {
background-position: top center; 
background-repeat:no-repeat; 
height:455px; 
vertical-align:bottom; 
padding-left:30px; 
text-align:right;
padding-right:20px;
/*border:1px solid #FFAE00;  orange */

}
#menu-haut {
height:159px; 
color:#999; 
vertical-align:bottom; 
padding-right:30px; 
padding-top:67px; 
text-align:right;
}
.title{ font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#FFFFFF; }
.sstitle{ font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px; padding:0px; color:#FFFFFF;}
#menu-haut a{ color:#FFFFFF; text-transform:uppercase; /*font-size:1.1em;*/ font-weight:bold;text-decoration:none; font-size:14px;}
#menu-haut a:hover{ text-decoration:none; color:#333333;text-transform:uppercase; /*font-size:1.1em;*/ font-weight:bold; font-size:14px;}
#menu-haut a:visited{}

#ssheader {
width:988px;
display:block; 
background-image:url(../images/sous_header.jpg); 
background-position: top center; 
background-repeat:no-repeat; 
height:45px;
/* border:1px solid #A800FF; violet */

}


#page{
width:100%; 
text-align:center;
margin-left: auto; 
margin-right: auto; 
}
#content {
width:983px; 
text-align:center;
margin-left: auto; 
margin-right: auto; 
}
#sscontent { 
background-color:#FFF; 
text-align:justify; 
padding-bottom:20px; 
padding-top:20px; 
padding-left:5px; 
padding-right:5px; 

/*border:1px solid #000;  rouge */
}
#supfooter {clear:both; width:983px;text-align:center; margin-left: auto; margin-right: auto;}
#footer {font-size:11px;color:#333; text-align:left;  background-color:#FFFFFF; border-top:1px solid #E9E9E9; padding-top:15px; padding-left:10px; }

#footer a:link {color: #999;text-decoration : none;}
#footer a:visited {color: #999;text-decoration : none;}
#footer a:hover {color: #999;text-decoration : underline;}


a:link {text-decoration : none;font-family:Arial, Helvetica, sans-serif;  color:#666;}
a:visited {text-decoration : none;font-family:Arial, Helvetica, sans-serif;  color:#666;}
a:hover {text-decoration : none;font-family:Arial, Helvetica, sans-serif;  color:#333;}



#vignette { padding-bottom:30px;}
#vignette img{border:2px solid #0BBEE9;}

#sous-menu{padding:15px; padding-right:5px;font-size:12px;}
#contenu{ 
clear:both;
padding:0px; 
background-color:#666666;
text-align:left;
}
.txtbleu{
color:#C1FF48;
}
.titrebleu{
color:#C1FF48;
font-size:16px;
}
.txtblanc{
color:#FFF;
}
.txtgris{
color:#333333;
}
.titreannonce{
font-size:16px; 
font-weight:bold;
}
.sstitreannonce{
font-size:14px;
font-weight:bold;
}
hr{
color:#C1FF48;
height: 1px;
background-color:#C1FF48;
border: 0;
}

img {
border: none;
}
.absmiddle{ 
vertical-align:middle;
}
input{
font-size:11px
}
.button {
background-color:#C1FF48; font-size:14px; color:#333333; border:1px solid #999;
}

td.vignette{
   width: 108px;
   text-align: center;
}

.fondtrci{background-color:#F4F4F4;}