/************** menu langues **************/

ul#langues { float:left;}
ul#langues li { display:inline;}
ul#langues li a {}

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

ul#outils {}
ul#outils li {display:inline; padding:0 4px; border-right:1px solid #13B0A8;}
ul#outils li.last {border-right:0;}
ul#outils li a {}


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

/* 1e niveau */
#navigation {height:31px; width:980px; padding:0 20px; background:transparent url(../images/bg_menu.jpg) repeat-y scroll 0 0;}
#navigation li {float:left; height:24px; padding-top:7px; border-right:1px solid #fff; }
#navigation li.select {background:#13b0a8;}
#navigation li:hover {}
#navigation li.last {border-right:none;}
#navigation li a {color:#000; padding:0 10px; display:block;}
#navigation li a:hover, #navigation li a.aselect { color:#fff; }

/***** Spécifique à certains menus ******/
#navigation li.actualites {background:#76777f; text-transform:uppercase; font-size:0.9em;}
#navigation li.qsn {width:132px;}
#navigation li.actualites a {color:#fff; padding:0 18px;}
#navigation li.actualites:hover {background:#13b0a8;}
#navigation li.actualites.select {background:#13b0a8;}


#navigation li.index {background:transparent url(../images/picto_accueil.gif) no-repeat scroll 50px -31px; width:90px; cursor:pointer;}
#navigation li.index a {text-indent:-99999px; width:70px;}
#navigation li:hover.index, #navigation li.select.index { text-indent:-99999px; background:transparent url(../images/picto_accueil.gif) no-repeat scroll 50px 0;}

#navigation li ul { display: none; }
/* 2e niveau */
ul.snav {}
ul.snav li {font-family:Century Gothic; border-bottom:1px solid #fff; font-size:1.2em;  width:228px; letter-spacing:0.03em; }
ul.snav li a {color:#fff; height:30px; display:block; padding:30px 10px 0 20px;}
ul.snav li.grande-distribution {background:url(../images/catalogue_distribution_bg.jpg) no-repeat;}
ul.snav li.grande-distribution a {}
ul.snav li.medical-sante {background:url(../images/catalogue_medical_bg.jpg) no-repeat;}
ul.snav li.medical-sante a {}
ul.snav li.collectivite-administration {background:url(../images/catalogue_collectivites_bg.jpg) no-repeat;}
ul.snav li.collectivite-administration a {height:50px; padding:10px 10px 0 20px;}
ul.snav li.industriel-commerce-proximite-luxe {background:url(../images/catalogue_industriels_bg.jpg) no-repeat;}
ul.snav li.industriel-commerce-proximite-luxe a {height:50px; padding:10px 10px 0 20px;}
ul.snav li.select, ul.snav li:hover  {background:url(../images/catalogue_sous-menu_select.gif) no-repeat;}

/*3e niveau*/
ul.snav li ul {display:none;}
ul.snav li.grande-distribution.select ul {display:block; background:#13b0a8;}
ul.snav li.medical-sante.select ul {display:block; background:#13b0a8;}
ul.snav li.collectivite-administration.select ul {display:block; background:#13b0a8;}
ul.snav li.collectivite-administration.select ul li a {height:auto; padding:8px 0 4px 15px;}
ul.snav li.industriel-commerce-proximite-luxe.select ul {display:block; background:#13b0a8;}
ul.snav li.industriel-commerce-proximite-luxe.select ul li a{height:auto; padding:8px 0 4px 15px;}

ul.snav li ul li {font-size:0.85em; font-family:Arial,Helvetica,sans-serif; border-bottom:0;}
ul.snav li ul li a {background:transparent url(../images/puce_smenu.jpg) no-repeat scroll left 13px; border-bottom:1px solid #000000; height:auto; margin:0 15px; padding:8px 0 4px 15px;}
ul.snav li ul li.last a {border-bottom:0;}
ul.snav li.select ul li:hover, ul.snav li.select ul li.select {background:none;}
ul.snav li ul li a:hover, ul.snav li ul li a.aselect {color:#000; background:transparent url(../images/puce_smenu.jpg) no-repeat scroll left 13px;}


/**********************Menu bas de page ******************/
#nav { margin-left:250px; font-size: 77%; float: left; }
#nav a { color:#5e5e5e;}
#nav a:hover {color: #13b0a8;}

/**********Outils impression & page ***********/
ul#nav-contenu {float:right; margin-right:8px; font-size:85%; height:21px; width:125px; padding-left:5px; padding-top:5px; background:#bbbbbb;}
ul#nav-contenu li {border-right:1px solid #000000; float:left; padding:0 4px;}
ul#nav-contenu li.last {border-right:0;}
ul#nav-contenu li a {color:#000;}
ul#nav-contenu li a:hover { color: #13b0a8;}

/**********************Plan du site***************/

ul.plan {margin-top:30px;}
ul.plan li { font-weight: bold; }
ul.plan li li { font-weight: normal; float: none; }