/************** menu outils **************/

ul#outils { width:240px;}
ul#outils li {float:left; }
ul#outils li a {padding: 3px 7px; border-right: 1px solid #a7a7a4;}
ul#outils li.plan-site a {padding: 3px 7px 3px 0px;}
ul#outils li.mentions-legales a {border-right: 0;}

/************** commun menu principal + navigation-pied **************/
#navigation ul, ul#navigation-pied {width: 720px; }
#navigation ul li, ul#navigation-pied li {float: left;  padding:0px;}
#navigation ul li a, ul#navigation-pied li a {float: left; width: 80px; height: 29px; font-weight: bold; text-transform: uppercase;  }
#navigation ul li a:hover, #navigation ul li a.aselect, ul#navigation-pied li a:hover, ul#navigation-pied li a.aselect {  color: #0061aa;}
#navigation ul li.actualites a, #navigation ul li.portraits a, #navigation ul li.annonces-legales a, ul#navigation-pied li.actualites a, #navigation ul li.publicite a, ul#navigation-pied li.portraits a, ul#navigation-pied li.annonces-legales a {width: 65px;}
#navigation ul li.videos a, ul#navigation-pied li.videos a, ul#navigation-pied li.publicite a, ul#navigation-pied li.index a  {width: 45px;}


/************** menu principal **************/
/*.entete { width:510px;}
.utilitaire .entete { width:auto;}*/
#navigation ul {float: left; width:100%; }
#navigation ul li { background: url(../images/menu_bg_li.gif) no-repeat top right;}
#navigation ul li a {padding: 8px 12px 0px 12px; color: #303131; font-size: 0.80em; width:79px;}
#navigation ul li a:hover, #navigation ul li a.aselect {background: url(../images/menu_bg_li_a.gif) no-repeat top right;}

#navigation ul li.index a {width: 25px; background: url(../images/menu_bg_li_accueil.gif) no-repeat top right; text-indent: -9999px;}
#navigation ul li.index a:hover, #navigation ul li.index a.aselect {background: url(../images/menu_bg_li_accueil.gif) no-repeat bottom right;}

#navigation ul li.abonnement a {color: red; }

/************** navigation-pied **************/
ul#navigation-pied {height: 40px; margin: 0px; padding-bottom: 30px; }
ul#navigation-pied li a {padding: 0px 10px 0px 5px; color: #fff; border-right: 1px solid #a7a7a4;  font-size: 0.9em;}
ul#navigation-pied li.last a {border-right: 0;}


/************** sous nav colonne gauche **************/
ul.snav { float:left; width:100%; margin:12px 0 2.5em; padding:5px 0; border-top:5px solid #d6171c; border-bottom:1px solid #ccc; background:#fff;}
ul.snav li { padding:1px 5px 1px 15px; border-bottom:1px solid #ccc;}
ul.snav li.last { border:0;}
ul.snav li a { font-weight:bold;}
ul.snav li a:hover, ul.snav li.select a { color:#d6171c;  /*padding:0 0 0 8px; border-left:4px solid #d6171c;*/}

/* menu vidéos */
#actualite { clear:both;}
.nav { float:left; width:100%; margin-bottom:1em;}
.nav h2 { font-size:1.3em; margin:0;}
.nav ul.snav { margin:0 0 1em;}