/************** Commun **************/
#navigation, #institutionnel {float: left; }
#navigation li, #institutionnel li {float: left; }
#navigation li a, #institutionnel li a {float: left; font-size: 0.80em; font-weight: bold; text-transform: uppercase;}
#navigation li a:hover, #navigation li a.aselect, #institutionnel li a:hover, #institutionnel li a.aselect, #pied  ul#outils li a:hover, #pied  ul#outils li.select a {color: #ff6911;}
#navigation li.last, #institutionnel li.last a  {border-right: 0;}


/************** menu institutionnel **************/
#institutionnel { /*width: 590px; padding: 0 0 0 400px !important; background: url(../images/toplinks_backgrnd.gif) no-repeat;
background-image:url(../images/toplinks_backgrnd.gif) no-repeat right top;
background-repeat:no-repeat;
width:517px;
height:27px;
font-size:11px;
float:right;
margin:0px 0 10px 0;*/
}
#institutionnel li {padding: 3px 0px 2px;}
#institutionnel li a {padding: 7px  12px; border-right: 1px solid #dfdfdf; color: #666;}

/************** menu principal **************/

#navigation { width: 990px;  padding: 0px; border-top: 5px solid #fff;}
#navigation li {border-right: 1px solid #dfdfdf; border-left: 1px solid #fff;}
#navigation li.index {border-right: 0; border-left: 0;}

#navigation li a {padding: 10px 25px 10px 10px; color: #912768;  background:  url("../images/navigation_bg_li_a.gif") repeat-x left 0; border-bottom: 5px solid #d64d3a;}
#navigation li a:hover, #navigation li a.aselect { background: url("../images/navigation_bg_li_a-hover.gif") repeat-x 0 0;}

#navigation li.index a {width: 13px; padding: 16px 30px 16px 10px; border-bottom-color: #bd5753; text-indent: -9999px; background: #bd5753 url(../images/bg_accueil.gif) no-repeat right top;}
#navigation li.index a:hover, #navigation li.index.select a {border-bottom-color: #ff6911; text-indent: -9999px; background: #ff6911 url(../images/bg_accueil.gif) no-repeat 100% -49px;}
#navigation li.soutien-scolaire-cours-particuliers a {width: 115px;}
#navigation li.stage-intensif-revision-scolaire a {width: 104px; padding-right:31px; border-bottom-color: #4f413e; }
#navigation li.soutien-scolaire-etude-du-soir-encadree a {width: 140px; border-bottom-color: #ff802b; }
#navigation li.preparation-examen-concours a {width: 118px; border-bottom-color: #9b1b3b; }
#navigation li.cours-de-langues a {width: 55px; border-bottom-color: #899e32; }
#navigation li.conseil-orientation a {width: 71px; border-bottom-color: #743b94; }
#navigation li.formation-continue a {width: 70px; border-bottom-color: #3b6f94; }

/* 2e niveau */

ul.sousnav {clear: both; width: 287px; padding: 40px 0px 30px; background: url("../images/sousnav_bg_ul.jpg") no-repeat center top;}
ul.sousnav li { float: left; width: 285px; margin: 0; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #fff;}
ul.sousnav li a {float: left; height: 15px; width: 245px; padding: 8px 20px 8px 20px; line-height: 1em; color: #912768; font-weight: bold;  background:  url("../images/navigation_bg_li_a.gif") repeat-x left 0; border-right: 1px solid #dfdfdf; border-left: 1px solid #fff; border-bottom: 5px solid #e769a8;}
ul.sousnav li a:hover, ul.sousnav li.select a {color: #ff6911; background:  url("../images/navigation_bg_li_a-hover.gif") repeat-x 0 0;}
ul.sousnav li.last{margin-bottom:20px;}

/************** pied **************/
#pied #navigation, #pied #institutionnel, ul#outils {float: left; width: 300px; padding: 0px 10px !important; border-left: 1px solid #dfdfdf; color: #666; background: none;}
#pied #navigation li, #pied #institutionnel li, #pied  #navigation li a, #pied  #institutionnel li a {clear: both; padding: 3px 0px; border: 0; background: none; width: auto; color: #666;}
#navigation li a, #institutionnel li a {}
#pied #navigation li a:hover, #pied #navigation li a.aselect, #pied #institutionnel li a:hover, #pied #institutionnel li a.aselect {background: none; color: #ff6911;}

#pied #navigation li.index a { text-indent: 0px !important;}

/* 2e niveau */
#pied #institutionnel li ul {padding-left: 20px;}
#pied #institutionnel li ul li {padding-left: 10px; border-left: 1px solid #dfdfdf;}

/************** menu outils (pied) **************/
ul#outils {border-left: none; padding: 0 !important; margin-bottom: 15px;}
ul#outils li {float: left; border-right: 1px solid #666;}
ul#outils li.last {border-right: none;}
ul#outils li.plan-site a {padding: 3px 10px 3px 0px !important;}

ul#outils li a {color: #666; padding: 3px 10px;}