/*
fond_bleu_fonce #51677e
fond_bleu_clair #8c9cab
bleu_texte_ssmenu #afc5dc
rouge_texte_menu #eb0301
gris_texte_menu #5b5b59

interieur : 
turquoise_lien #0184df
bleu_gris_texte_dessus #8894a0
gris_clair_bandeau_dessus #eaeef1




*********************************  STYLE  

.noir  {background:#000000}

// td.fond_bleu_fonce  {background:#51677e;margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;cellspacing:0px;cellpadding:0px;height:20px;}
td.fond_bleu_clair  {background:#8c9cab;margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;cellspacing:0px;cellpadding:0px; }
td.fond_bleu_clair_bas  {text-align:center; vertical-align:bottom;background:#8c9cab;margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;height:90px; }
td.fond_bleu_clair_haut  {text-align:center; vertical-align:top;background:#8c9cab;margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px; }
*/
/**********************************  BODY  */



BODY { 
font-family: verdana;  
color: #5c5a5a; 
background:#ffffff; 
font-size:12px; 
cellspacing:0px;cellpadding:0px; 
margin: 0px 0 ;
padding: 0 ;
overflow: auto;
scrollbar-face-color:#51677e;
scrollbar-arrow-color:#51677e;
scrollbar-track-color:#c3cad2;
scrollbar-shadow-color:#51677e;
scrollbar-highlight-color:#c3cad2;
scrollbar-3dlight-color:#51677e;
scrollbar-darkshadow-Color:#c3cad2;}

/**********************************  TABLE  */
TABLE {
height:100%; 
width:100%; 
margin: 0px 0 ;
padding: 0 ;
cellspacing:0px;cellpadding:0px;
text-align:left;
}

TABLE.acccent { 
height:auto; 
width:99%;
background:#51677e; 

}

TABLE.cent { 
height:auto; 
width:99%;
}

TABLE.introcent {
height:99%; 
width:99%;
}

table.interne
{
margin-right:30px;
padding-right:25px;
width:99%;

}

TD  {
text-align:left; 
margin: 0px 0 ;
padding: 0 ;
font-family: verdana;  
color: #5c5a5a; 
font-size:12px;
vertical-align:top;

}

TD.center  {
text-align:center; 
margin: 0px ;
padding: 0px ;
vertical-align:middle;
width:auto;
height:120px;
}

TD.titform
{
font-family: verdana;  
background : #51677e; 
font-size:12px; 
color:#ffffff;
font-weight:bold;

}
TD.form
{
font-family: verdana;  
background: #c3cad2; 
font-size:11px; 
vertical-align:middle;
}

TD.bandeau1 {background:#51677e;height:32px;width:100%;}
TD.bandeau2 {background-color: #ffffff; color:#8894a0; height:29px;width:100%;}
TD.bandeau3 {background-color: #c3cad2; height:1px;width:100%;padding-left:0px;color:#c3cad2;font-size:8px;}

TD.contain {
text-align:justify;
vertical-align:top;
padding-left:20px;
padding-bottom:20px;
height:auto;
padding-top:25px;
padding-right:50px;
border: 0px solid #000000;
}



TD.centrer_haut_blanc {background:#ffffff;vertical-align:top; padding-top:5px; padding-bottom:0px;height: 160px;}

DIV.image2 {top: 155px; bottom: auto; height: 111px; width:100%;}

div.rech {
position:absolute;
top:180px;
height:267px;
width:180px;
background-image : url(i/menu.jpg); 
background-repeat : no-repeat; 
background-position : center left; 
margin-top : 0px; 
margin-bottom : 0px; 
margin-left : 0px; 
margin-right : 0; 
vertical-align : middle; 
} 

div.rech2
{
position:absolute;
left: 20px; 
top: 55px; 
text-align: right; 
width:180px;
border: 0px solid #000000;
padding-right:20px;

}

div.retour {
position:absolute;
height:50px;
top:470px;
width:180px;
background-position : center right; 
text-align:right;
margin-top : 0px; 
margin-bottom : 0px; 
margin-left : 0px; 
margin-right : 0; 
vertical-align : middle; 
} 

td.fond_bleu_fonce{
width: 100%;
height:30px;
background:#51677e;
margin-left: 20px;
vertical-align:top;
}

td.bas_auto{
width: 100%;
background:#51677e;
height:auto;
}

td.fond_bleu_clair2{
width: 100%;
background:#8c9cab;
margin-left: 20px;
margin-top:0px;
top:0px
height:100px;
text-align:left;
border: 0px solid #000000;
}

td.fond_bleu_clair
{
background:#8c9cab;
width: 100%;
}

td.fond_bleu_clair_bas  {
text-align:center;
vertical-align:bottom;
width:90%;
background:#8c9cab;
height:100px;
}

td.fond_bleu_clair_haut  {
text-align:center;
vertical-align:top;
background:#8c9cab;
width: 100%;
}

td.fond_blanc  {
text-align:center;
background:#ffffff;
width: 90%;
height: 200px;

}


.arriere {
position: relative;/* dimension et positionnement du bloc conteneur  de l'image */
height : 20px;
width : 100%;
vertical-align:bottom;
background:#8c9cab;
z-index:0
}

.arriere img {
/* l'image occupe toute la place de son bloc conteneur */
vertical-align:bottom;
float:right;
top: 35px;
}


.first {
position:absolute;
font-size: 16px;
color: #ffffff;
height : 10px;
width : 100%;
z-index:5;
top: 110px;
right:0px;
font-weight:bold;
}

.firstfr {
position:absolute;
font-size: 16px;
color: #ffffff;
height : 10px;
width : 100%;
z-index:5;
top: 110px;
right:50px;
font-weight:bold;
}

#bas {
position: relative;	/* dimension et positionnement du bloc conteneur  de l'image */
width : 100%;
vertical-align:top;
background:#8c9cab;
}

#bas img {
/* l'image occupe toute la place de son bloc conteneur */
vertical-align:top;
}

td.ssmenu{
width: 90%;
background:#51677e;
vertical-align:top;
font-size: 1.2em;
color: #8c9cab;
}

td.ssmenu3{
width: 50%;
height:10px;
padding-left:15px;
background:#51677e;
vertical-align:top;
font-size: 1.2em;
color: #8c9cab;
text-align:left;
}

td.ssmenu4{
width: 50%;
height:10px;
text-align:right;
padding-right:20px;
vertical-align:bottom;

padding-right:15px;
background:#51677e;
vertical-align:top;
font-size: 10px;
color: #8c9cab;

}

td.logo{
width: 90%;
height:auto;
background:#51677e;
vertical-align:top;
font-size: 1em;
color: #ffffff;
padding-top:5px;
border:0px solid #ffffff;
}

#ssmenu {
height:20px;
margin-left:15px;
border:1px solid #8c9cab;
width:50%;
}

#ssmenu2 {
height:20px;
text-align:right;
margin-right:15px;
width:50%;
}

#ssmenu A {
font-size:12px;
font-family: Verdana;
font-weight:normal;
color:#afc5dc;
text-decoration:none;
}



#logo {
float: left;
margin-left:10px;
height:20px;
}


#textelogo {
float: left;
margin-left:10px;
font-size: 0.8em;
}

#menu {
position:relative;
top:30px;
height : 100px;
z-index:100;
width : 100%;
align:center;

}
#menu img {
/* l'image occupe toute la place de son bloc conteneur */
height: 111px;
align:center;

}
#menu p {
position: absolute;	/* placement du texte par-dessus l'image */
top: 400px;
font-size: 1.2em;
color: white;
}

#menu dl {
float: left;
width: 12%;
margin: 0 20px 0 0;
}



#menu dl a{
color:#5b5b59;
text-decoration:none;
font-size:18px;
font-weight:bold ;

}

A.home {font-size:18px; font-family: Verdana; font-weight:bold; color:#5b5b59; text-decoration:none;}
A.home:link {color:#5b5b59; text-decoration:none; }
A.home:visited {color:#5b5b59; text-decoration:none; }
A.home:active {color:#5b5b59; text-decoration:none; }
A.home:hover {color:#eb0301; text-decoration:none; }

#menu dl a:active{
color:#eb0301;
text-decoration:none;
}

#menu dl a:hover{
color:#eb0301;
text-decoration:none;
}

TABLE.partner1{
height:100px; 
width:100%; 
margin: 0px 0 ;
padding: 0 ;
cellspacing:0px;cellpadding:0px;
}

TABLE.partner2 {
height:auto; 
width:100%; 

}

td.partner1
{
text-align:right;
padding-right:50px;
vertical-align:middle;
height:30px;
}

td.partner2
{
vertical-align:middle;
height:30px;

}

div.bandeau2_1 {
position:absolute;
top:35px;
left:0px;}

div.bandeau2_2 {
position:absolute;
font-size: 11px; 
font-weight: bold; 
top: 45px; 
left: 482px;}

TD.titre_gris {background-color: #eaeef1; color:#ffffff; font-size: 30px; font-weight: bold; text-align: left; vertical-align: bottom; height: 65px; padding-left: 100px;}
DIV.rouge {position:absolute;font-size: 14px; font-weight: bold; color: #eb0301; text-align: left; top: 125px; left: 51px;}

td.menu_cadre_selec {background-color: #ffffff; text-align: right; height: 20px; vertical-align: middle; color: #eb0301;width:120px;}
td.menu_cadre {text-align: right; height: 20px; vertical-align: middle;}
/* styles pour les liens */

H5.guide {font-size:14px; font-weight: bold; text-align: left;}


A.menu {font-size:15px; font-family: Verdana; font-weight:bold; color:#5b5b59; text-decoration:none;}
A.menu:link {color:#5b5b59; text-decoration:none; }
A.menu:visited {color:#5b5b59; text-decoration:none; }
A.menu:active {color:#eb0301; text-decoration:none; }
A.menu:hover {color:#eb0301; text-decoration:underline; }

A.ssmenu {font-size:12px; font-family: Verdana; font-weight:normal; color:#afc5dc; text-decoration:none;}
A.ssmenu:link {color:#afc5dc; text-decoration:none; }
A.ssmenu:visited {color:#afc5dc; text-decoration:none; }
A.ssmenu:active {color:#afc5dc; text-decoration:none; }
A.ssmenu:hover {color:#afc5dc; text-decoration:underline; }

A.cadremenu {font-size:16px; font-family: Verdana; font-weight:bold; color:#5c5a5a; text-decoration:none;}
A.cadremenu:link {color:#5c5a5a; text-decoration:none }
A.cadremenu:visited {color:#5c5a5a; text-decoration:none }
A.cadremenu:active {color:#5c5a5a; text-decoration:none }
A.cadremenu:hover {color:#eb0301; text-decoration:none }

A.basemenu {font-size:16px; font-family: Verdana; font-weight:bold; color:#eb0301; text-decoration:none;}
A.basemenu:link {color:#eb0301; text-decoration:none }
A.basemenu:visited {color:#eb0301; text-decoration:none }
A.basemenu:active {color:#eb0301; text-decoration:none }
A.basemenu:hover {color:#eb0301; text-decoration:none }


A.toolmenu {font-size:16px; font-family: Verdana; font-weight:bold; color:#eb0301; text-decoration:none;}
A.toolmenu:link {color:#eb0301; text-decoration:none }
A.toolmenu:visited {color:#eb0301; text-decoration:none }
A.toolmenu:active {color:#eb0301; text-decoration:none }
A.toolmenu:hover {color:#eb0301; text-decoration:none }

A.base {font-size:16px; font-family: Verdana; font-weight:bold; color:#eb0301; text-decoration:none;}
A.base:link {color:#eb0301; text-decoration:none }
A.base:visited {color:#eb0301; text-decoration:none }
A.base:active {color:#eb0301; text-decoration:none }
A.base:hover {color:#eb0301; text-decoration:underline }


A.contain {font-size:12px; font-family: Verdana; font-weight:normal; color:#0184df; text-decoration:none;}
A.contain:link {color:#0184df; text-decoration:none; }
A.contain:visited {color:#0184df; text-decoration:none; }
A.contain:active {color:#0184df;font-weight:normal; text-decoration:none; }
A.contain:hover {color:#0184df; text-decoration:underline; }

A.bas {font-size:14px; font-family: Verdana; font-weight:bold; color:#0184df; text-decoration:none;}
A.bas:link {color:#0184df; text-decoration:none; }
A.bas:visited {color:#0184df; text-decoration:none; }
A.bas:active {color:#0184df;font-weight:normal; text-decoration:none; }
A.bas:hover {color:#0184df; text-decoration:underline; }

li {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;
  display: list-item;
  list-style-image: url(i/puce.gif);
}

li.youpi {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;
  display: list-item;
  list-style-image: url(i/puce_bleu.gif);
}
li.2 {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;
  display: list-item;
  list-style-image: url(i/puce_bleu.gif);
}

li.guide {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: #5c5a5a; 
  display: list-item;
  list-style-image: url(i/puce.gif);
}

table.intit {height:auto; width:90%; }

TR.intit {background-color:#8c9cab; width:90%}
TD.intit {width:350px; border:solid 1px #000000;height:30px;vertical-align:middle;text-align:left;padding-left:20px; font-size:14px;color:#000000;font-weight:normal; }
TD.intit2 {border:solid 1px #000000;vertical-align:middle;text-align:center;}
TD.modif {border:solid 1px #000000;padding-left:20px;padding-top:10px;padding-bottom:10px; width:350px; }
TD.modif2 {border:solid 1px #000000;padding-top:10px;padding-bottom:10px;text-align:center;}
TD.modif3 {border:solid 1px #000000;padding-top:10px;padding-bottom:10px;text-align:left;padding-left:10px;}

TD.legende {font-size:10px;font-weight:normal; }
td.chapter {width:480px;height:50px;}
td.chapter1 {background-color: #eaeef1; color:#5c5a5a;width:480px;height:50px;vertical-align:middle;text-align:left;}

td.smiley {width:200px;height:50px;text-align:left;vertical-align:top;background-color: #eaeef1;}
span.rouge2 {font-size: 14px; font-weight: bold; color: #eb0301;}