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

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

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

ul#outils { clear:both; float:right; width:301px; margin:3em 0 1em 5px; padding:5px 0; border-top:1px solid #7e9fca; border-bottom:1px solid #7e9fca; text-align:center; font-size:0.85em;}
ul#outils li { display:inline;}
ul#outils li a { color:#687986; padding-left:22px; padding-right:8px; background-repeat:no-repeat; background-position:0 0;}
ul#outils li a:hover { color:#000;}

ul#outils li.plan-site a { background-image:url(../images/picto_plan.gif);}
ul#outils li.liens a { background-image:url(../images/picto_liens.gif);}
ul#outils li.glossaire a { background-image:url(../images/picto_glossaire.gif);}


/************** menu déroulant *************

/* 1e niveau */

#nav { margin:2px 0; float:left; width:100%; background:#d2e0ed url(../images/nav_bg.gif) repeat-x left bottom; position:relative; z-index:10;}
ul#navigation, #navigation ul, #navigation li { margin:0; padding:0; }
ul#navigation { float:left; margin:0; padding:0; z-index:10; }
ul#navigation li { float:left; height:35px; position:relative; }
ul#navigation li a { display:block; height:25px; padding:7px 9px 3px; font-size: 1em; text-align: center; color:#000; font-family: "Trebuchet MS", Arial, helvetica; border-left: 1px solid #fff;}
ul#navigation li:hover, ul#navigation li a.aselect { color:#fff; background:#4a7cb3 url(../images/navigation_select_bg.gif) repeat-x left top;}
ul#navigation li a:hover { color:#fff;}
ul#navigation li.index { margin-left:0em;}
ul#navigation li.index a { border:0; width:20px; background:url(../images/navigation_home.gif) no-repeat center bottom; text-indent:-99999px;}
ul#navigation li.index:hover { background:none;}

ul#navigation li.web-tv-video-en-ligne { width:115px; line-height:1em;}
ul#navigation li.e-marketing-referencement { width:115px; line-height:1em;}
ul#navigation li.creation-sites-e-commerce { width:125px; line-height:1em;}
ul#navigation li.e-marketing-referencement a, ul#navigation li.web-tv-video-en-ligne a, ul#navigation li.creation-sites-e-commerce a  { padding-top:4px; padding-bottom:6px; }


/* 2e niveau */

ul#navigation ul {
	display: none;
	position: absolute;
	top:35px;
	left:-8px;
	width: 180px;
	padding: 10px 20px 25px;
	background:url(../images/sousmenu_bg.png) no-repeat left bottom;
}
ul#navigation li:hover ul { display: block; }
ul#navigation ul li { display:inline; height:auto; padding:0; margin:0 !important; border-bottom:1px solid #b3c8df;}
ul#navigation ul li.last { border:0;}

#navigation ul li a {
	display:block; 
	clear:both; 
	float:none; 
	width: 160px; 
	height:auto; 
	padding: 4px 10px;
	color: #fff;
	font-size:0.9em;
	text-align: left;
	border: 0;
}
ul#navigation ul li a:hover, ul#navigation li.select ul li a.aselect { background:url(../images/puce_sousnav.gif) no-repeat left center; }
ul#navigation ul li:hover { background:none;}
ul#navigation li.select ul li a.aselect { color: #000;}
ul#navigation li.select ul li.select { background:#4a7cb3 url(../images/navigation_select_bg.gif) repeat-x left top;}

/* 3e niveau */

ul#navigation li:hover ul ul {display: none;}
ul#navigation ul ul {
	display: none;
	position: absolute;
	left:170px;
	top:-10px;
	width: auto;
	padding: 10px;
	background:#4a7cb3;
}

ul#navigation li:hover ul li:hover ul { display:block;}

ul#navigation ul ul li a { font-size:0.85em; background:url(../images/puce_li_li_li.gif) no-repeat left center;}
ul#navigation ul ul li a:hover, ul#navigation ul ul li a.aselect { background:url(../images/puce_li_li_li.gif) no-repeat left center;}
#navigation ul li li a:hover, #navigation ul li.select li a:hover { color: #000; }
ul#navigation ul li.select a.aselect, #navigation ul li.select li a { color: #fff;}