html {
height: 100%;
}
body {
margin:0px 0px 0px 0px; 
text-align:center;
margin-left: auto; 
margin-right: auto; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:0.8em;
height:100%;
width:100%; 
background-image:url(../img/body_back.jpg); 
background-repeat:repeat-x;
background-color:#FFF; 
}
td{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
}
#container { 
width:100%; 
height:100%;
text-align:center;
margin-left: auto; 
margin-right: auto;
/*border:1px solid #5AFF00;  vert fluo*/
}
#supheader{
width:986px;
text-align:center;
margin-left: auto; 
margin-right: auto; height:220px;}
#header {
background-image:url(../img/header_1.jpg); 
background-position: top center; 
background-repeat:no-repeat; 
height:220px; 
vertical-align:bottom; 
text-align:right; 
border-left:1px solid #FFF;
border-right:1px solid #FFF;
/*border:1px solid #FFAE00;  orange */

}
#rechercherapide {
/*height:159px; */
color:#999; 
vertical-align:bottom; 
padding-right:30px; 
padding-top:125px; 
text-align:right;
color:#335E7A; font-size:10px;
}
.absmid{vertical-align:middle;}
#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;
background-image:url(../images/sous_header.jpg); 
background-repeat:no-repeat; 
height:45px;
/* border:1px solid #A800FF; violet */

}

#menu {
clear:both; 
background-color:#333; 
color:#FFFFFF; 
}
#page{
width:100%; 
text-align:center;
margin-left: auto; 
margin-right: auto; 
}
#content {
background-color:#F4F8F9; 
width:986px; 
margin-left: auto; 
margin-right: auto;
}
#sscontent { 
text-align:justify; padding:10px; 
/*border:1px solid #000;  rouge */
}
#supfooter {clear:both; width:986px;text-align:center; margin-left: auto; margin-right: auto;}
#footer {font-size:11px;color:#99A6AB; text-align:center; padding:25px;}

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

a.fontsize:link {color: #FFF;text-decoration : none; font-size:12px;}
a.fontsize:visited {color: #FFF;text-decoration : none;font-size:12px;}
a.fontsize:hover {color: #333;text-decoration : none;font-size:12px; }

a.menuhaut:link {color: #40A162;text-decoration : none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.menuhaut:visited {color: #40A162;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.menuhaut:hover {color: #333;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; }

a.menuhaut2:link {color: #004800;text-decoration : none; font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.menuhaut2:visited {color: #004800;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.menuhaut2:hover {color: #333;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; }

a.rubacc:link {color: #333;text-decoration : none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.rubacc:visited {color: #333;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.rubacc:hover {color: #40A162;text-decoration : none;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; }

/*  liste etab */
.descriptif {font-size: 11px;font-style: normal;font-weight: normal;color: #333;}
.bordure {border: 1px solid #003366;}
.nom {font-size: 16px;font-style: normal;font-weight: bold;color: #40A162;}
.nomalaune {font-size: 11px;font-style: normal;font-weight: bold;color: #335E7A;}
.coordonnees {font-size: 14px;font-style: normal;font-weight: normal;color: #333;}
.coordonnees2 {font-size: 12px;font-style: normal;font-weight: normal;color: #333;}
.coordalaune {font-size: 11px;font-style: normal;font-weight: normal;color: #335E7A;}
.lien {font-size: 12px;font-style: normal;font-weight: bold;color: #333;}
.lienalaune {font-size: 11px;font-style: normal;color: #335E7A;}

a.liste:link {color: #669966;text-decoration : none;}
a.liste:visited {color: #669966;text-decoration : none;}
a.liste:hover {color: #333;text-decoration : none;}

.nom2 {font-size: 12px;font-style: normal;font-weight: bold;color: #40A162;}
.coordonnees2 {font-size: 11px;font-style: normal;font-weight: normal;color: #333;}
.lien2 {font-size: 11px;font-style: normal;font-weight: bold;color: #333;}
.descriptif2 {font-size: 11px;font-style: normal;font-weight: normal;color: #333;}
/* ///////////////////////////// */

.titrepage{ font-size:14px; color:#004800;}


a.apartenaires:link {color: #CE0153;text-decoration : none;}
a.apartenaires:visited {color: #CE0153;text-decoration : none;}
a.apartenaires:hover {color: #0266A1;text-decoration : none;}

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


.titrepartenaire {font-size:1.1em; font-weight:bold;}

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

#sous-menu{padding:15px; padding-right:5px;font-size:12px;}
#contenu{ 
clear:both;
padding:15px; 
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:#CCC;
height: 1px;
background-color:#CCC;
border: 0;
}

img {
border: none;
}
.absmiddle{ 
vertical-align:middle;
}
input{
font-size:11px
}
.button {
font-family: Arial; font-size: 12px; color:#FFF ; background-color : #325F76; border: 1px solid #FFF
}

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

.fondtrci{background-color:#F4F4F4;}
.barre { height : 100%; background-image:url(../img/barre.jpg); background-repeat:repeat; }