/* CSS Document */
*{
margin:0;
padding:0;
font-size:0.9em;
text-decoration:none;
top:0;
left:0;
border:0;
outline:0;
}
html,body{
height:100%;
width:100%;
}
body{
background-color:#f6f7f8;
}
#conteneur{
width:900px;
height:auto;/*600px;*/
margin:auto;
background-image:url(../img/bg_corps.gif);
background-repeat:repeat-y;
}
/********************************/
#entete {
height:92px;
text-align:left;
background-color:#FFFFFF;
background-image:url(../img/bg_entete.gif);
background-repeat:no-repeat;
background-position:right;
font-size:1.4em;
}
#entete h1{
float:left;
display:inline;
}
/************************************************************MENU************************************************************/
#dmenu{
position:relative;
z-index:999;
margin-top:48px;
padding-left:6px;
display:inline;
float:left;
list-style-type:none;
height:17px;
}
#dmenu li{
float:left;
margin-right:7px;
height:17px;
white-space: nowrap;
overflow:hidden;
}
#dmenu>li{overflow:visible;}
#navAccueil{width:58px;}
#navTitres{width:40px;}
#navSuppColl{width:159px;}
#navOpeSpe{width:143px;}
#navEtudes{width:51px;}
#navSecteurs{width:61px;}
#navTarifs{width:40px;}
#navContacts{width:68px;}

#dmenu li a{
display:block;
height:17px;
font-size:1.0em;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
}
#dmenu li a:hover{
background-position:0px -17px;
}
#navAccueil a{width:58px;background-image: url(../img/menu/accueil.gif);}
#navTitres a{width:40px;background-image: url(../img/menu/titres.gif);}
#navSuppColl a{width:159px;background-image: url(../img/menu/suppColl.gif);}
#navOpeSpe a{width:143px;background-image: url(../img/menu/opeSpe.gif);}
#navEtudes a{width:51px;background-image: url(../img/menu/etudes.gif);}
#navSecteurs a{width:61px;background-image: url(../img/menu/secteurs.gif);}
#navTarifs a{width:40px;background-image: url(../img/menu/tarifs.gif);}
#navContacts a{width:68px;background-image: url(../img/menu/contacts.gif);}

#navAccueil ul li a{background-image:none;}
#navTitres  ul li a{background-image:none;}
#navSuppColl  ul li a{background-image:none;}
#navOpeSpe  ul li a{background-image:none;}
#navEtudes  ul li a{background-image:none;}
#navSecteurs  ul li a{background-image:none;}
#navTarifs  ul li a{background-image:none;}
#navContacts  ul li a{background-image:none;}

#dmenu li a{
display:block;
height:17px;
}
#dmenu li a span{
display:none;
}
#dmenu li ul{
float:left;
padding-top:3px;
display:inline;
position:relative;
z-index:10;
width:auto;
white-space: nowrap;
display:none;
list-style-type:none;
}
#dmenu li.over ul{display:inline;}
#dmenu li:hover ul{display:inline;}
#dmenu li ul li{
float:left;
/*width:auto;*/
clear:left;
display:inline;
white-space: pre;
margin:0;
overflow:hidden;
height:17px;
/*padding-top:1px;*/
}
#dmenu li ul>li{overflow:visible;}


#navTitres  ul li {width:335px;}
#navOpeSpe  ul li {width:190px;}
#navSecteurs  ul li {width:160px;}
#navContacts  ul li {width:190px;}
#navSuppColl  ul li {width:335px;}

#navTitres ul li a{background:transparent url(../img/menu/bg_titres.gif) top left no-repeat;}
#navOpeSpe ul li a{background:transparent url(../img/menu/bg_opeSpe.gif) top left no-repeat;}
#navSecteurs  ul li a{background:transparent url(../img/menu/bg_contacts.gif) top left no-repeat;}
#navContacts  ul li a{background:transparent url(../img/menu/bg_opeSpe.gif) top left no-repeat;}
#navSuppColl ul li a{background:transparent url(../img/menu/bg_titres.gif) top left no-repeat;}

#navTitres ul li>a{background:transparent url(../img/menu/bg_titres.png) top left no-repeat;}
#navOpeSpe ul li>a{background:transparent url(../img/menu/bg_opeSpe.png) top left no-repeat;}
#navSecteurs ul li>a{background:transparent url(../img/menu/bg_contacts.png) top left no-repeat;}
#navContacts ul li>a{background:transparent url(../img/menu/bg_opeSpe.png) top left no-repeat;}
#navSuppColl ul li>a{background:transparent url(../img/menu/bg_titres.png) top left no-repeat;}

#dmenu li ul li a{
color:#ffffff;
white-space: pre;
width:auto;
height:17px;
font-weight:bold;
padding:0 15px 0 15px;
background-position:0px -17px;
}

#dmenu li ul li a:hover{
background-position:0px 0px;
color:#e14e58;
/*background-color:#85406c;*/
}


body.Bacceuil #dmenu #navAccueil a{background-position: 0 -17px;}
body.Btitres #dmenu #navTitres a{background-position: 0 -17px;}
body.BsuppColl #dmenu #navSuppColl a{background-position: 0 -17px;}
body.BopeSpe #dmenu #navOpeSpe a{background-position: 0 -17px;}
body.Betudes #dmenu #navEtudes a{background-position: 0 -17px;}
body.Bsecteurs #dmenu #navSecteurs a{background-position: 0 -17px;}
body.Btarifs #dmenu #navTarifs a{background-position: 0 -17px;}
body.Bcontacts #dmenu #navContacts a{background-position: 0 -17px;}




/************************************************************************************************************************/
/**************corps******************/
#corps{
/*position:relative;*/
height:465px;
clear:both;
overflow:visible;
padding-bottom:42px;
background:url(../img/bg_footer.gif) bottom center no-repeat;
}
/*************Pied de page***************/
#piedPage{
clear:both;
/*height:20px;*/
background-color:#f6f7f8;
font-size:1.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5e5d5d;
margin-top:-20px;
width:900px; /*FIX BUG IE- : le texte disparait*/
}
#piedPage ul{
margin-left:32px;
list-style-type:none;

}
#piedPage ul li{
float:left;
display:inline;
margin-left:5px;
}
#piedPage ul li a{
color:#5e5d5d;
text-decoration:none;
}
#piedPage ul li a:hover {
text-decoration:underline;
}
#piedPage a.retourRacine{
float:right;
text-decoration:none;
color:#e30061;
margin-right:22px;
font-size:0.7em;
}

#piedPage a.retourRacine:hover {
text-decoration:underline;
}
#piedPage a.retourRacine span{display:none;}
#piedPage a.retourRacine:hover span{display:inline;}
/*************************************** FIN DE LA STRUCTURE*****************************************************/
h2.txt {
color:#e30061;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
margin-bottom:20px;
font-weight:normal;
}
h2.txt  b{
font-weight:bold;
font-size:1em;
}