/**** ici on retrouve le  menu haut, le menu gauche,
le fil d'ariane, et le menu droit *****/

/*** menu d'aide ***/
ul#help {
	margin:4px auto 0 auto;
	text-align:right;
	color:#fff;
	padding:0;
	}
ul#help li {
	display:inline;
	list-style: none;
	margin:0;
	padding:0;
	}
ul#help li a {
	padding:0 1em;
	color:#fff;
	text-decoration:underline;
	font-size:.8em;
	margin:0;
	}
ul#help li a:hover {
	text-decoration: none;
	}
/*---------- menuhaut ----------------*/


ul#menuhaut {
	margin:1px 8px 0 26px;

	text-align:right;
}


ul#menuhaut li
{
	display: inline ;
	text-align: center ;
	margin:0px;
	padding:0px;
}


ul#menuhaut li a
{
color:#ff9900;
padding:0 8px;
border-right:1px solid #ff9900;
font-size:.9em;
}
ul#menuhaut li.last a
{
border-right:none;
}


ul#menuhaut li a:hover,ul#menuhaut li.selected a
{
	background-color:#ff9900;
	color:#ffffff;
}


/*------------------ menu gauche -------------------*/
div#gauche {
	font-size:0.95em;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background:#99cc00;
}
div#gauche ul {
	list-style-type:none;
	margin-top:20px;
}
div#gauche ul li ul {
	margin-top:0;
}


div#gauche li a {
	color:#fff;
	display:block;
	font-weight:bold;
	background:#99cc00 url('../img/dotted_vert_blanc.gif') no-repeat bottom left;
	padding:1.2em 0;
	padding-left:5px;


}
div#gauche li a:hover {
	background:#fe9900;
}
div#gauche li.menu_on {
	background:#fe9900 url('../img/dotted_vert_blanc.gif') no-repeat bottom left;
	padding-bottom:5px;

}
div#gauche li.menu_on a{
	background:#fe9900;
}
div#gauche li.menu_on a.selected{
	background:#fe9900 url('../img/rect_blanc.gif') no-repeat bottom left;


}
div#gauche li.menu_on ul li a {
	padding:0;
	line-height:1.5em;
	font-size:.9em;
	margin-left:10px;
	padding-left:6px;
}
div#gauche li.smenu_on a.selected,div#gauche li.menu_on li a:hover {
	background:url('../img/fleche_menu.gif') no-repeat left;
	color:#666;


}
div#gauche li.smenu_on ul.ssmenu li a, div#gauche ul.ssmenu li a.selected{
	margin-left:20px;
	font-size:.85em;
	font-weight:normal;
}
div#gauche ul.ssmenu li a.selected{
	color:#000;
	}
div#gauche div#extranet, div#gauche div#recherche {
	background-color:#D6EB99;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin:10px 0;
	text-align:center;
	color:#ff9900;
	font-weight:bold;
}
div#gauche div#extranet h1, div#gauche div#recherche h1 {
	border-bottom:1px solid #ffffff;
	font-size:1em;
	padding:2px 0
}


div#gauche div#extranet form, div#gauche div#recherche form {
	margin: 4px;
	text-align:right;
}


div#gauche label {
	font-weight:normal;
	text-align:right;
	border:0 none;
}
div#gauche input {
	width:90px;
	height:1.2em;
	margin:0 5px;
	border:0 none;
}
div#gauche div#extranet .bouton, div#gauche input.button {
	background:#D6EB99;
	color:#ff9900;
	width:22px;
	height:1.4em;
	font-weight:bold;
	margin-right:75px;
	text-align:center;
}
div#gauche div#recherche {
	padding:0.3em 0;
}
div#gauche div#recherche .bouton {
	background:#D6EB99;
	color:#ff9900;
	font-weight:bold;
	width:20px;
	}
/**--------------- onglets ----------- **/
div#contenu ul#onglets {
	margin:15px 0 0 23px;
		float:none;
	}
div#contenu ul#onglets li {
	background:none;
		}
div#contenu ul#onglets li {
	padding:0;
	float:left;

	}
div#contenu ul#onglets li a {
	display:block;
	width:140px;
	margin:0 2px 0 2px;
	height:23px;
	padding:6px 5px 2px 5px;
	background:#99CC00;
	color:#fff;
	padding-bottom:5px;
	font-weight:bold;
	margin-bottom:1em;
	text-align:center;
	}
div#contenu ul#onglets li a:hover,div#contenu ul#onglets li.selected a {
	background:#ff9900;
	color:#fff;
	}
/*------------ ariane ---------------------*/
div#contenu ul#ariane {
	margin:0 0 7px 0;
}
div#contenu ul#ariane li {
	display:inline;
	line-height:19px;
	padding-right:2px;
	padding:0;
	margin:0;
	font-size:.9em;
	list-style: none;
	background: none;
	color:#222;
	}
div#contenu ul#ariane li a {
	color:#444;
	padding-left:2px;
	background: none;
	}
ul#ariane li a:hover {text-decoration:underline}

/**----------------browse menu --------------**/
div#contenu ul.browseMenu {
	clear:both;
	width:100%;
	text-align:center;
	margin:2em 0;
	}
div#contenu ul.browseMenu li {
	display:inline;
	background:none;
	margin-right:1em;
	}
div#contenu ul.browseMenu li.first {
	padding-left:1.2em;
	background: url('../img/arrow_left.gif') no-repeat left;
	}
div#contenu ul.browseMenu li.last {
	padding-right:1.2em;
	background: url('../img/arrow_right.gif') no-repeat right;
	}


/*------------------ menu bas --------------*/
div#footer li {display:inline;color:#ff9900;}
div#footer a {
	color:#ff9900;
	font-size:.85em;
	}
div#footer a:hover {color:#000}
div#footer #carte {position:absolute; right:250px;top:-7px}

div#footer li.novaldi {
	position: absolute;
	left:0;
	top:8px;
	font-size: .8em;
	color:#666;
}
div#footer li.novaldi a {
	font-size: 100%;
}
/*----------------- menu de sections ----------*/
div#contenu ul.csc-menu-3 {margin:0 0 0 10px}
div#contenu ul.csc-menu-3 li.csc-section {margin:1px 0 1px 10px; width:230px; float:left; background: url('../../site/img/fleche_orange.gif') no-repeat left 5px; padding-left:10px;}
div#contenu ul.csc-menu-3 li.csc-section a {display:block;width:220px;}
div#contenu p.csc-linkToTop {text-align:right; margin:0; line-height:1em;}
div#contenu p.csc-linkToTop a {background:url('../img/pointe_orange.gif') no-repeat center left; padding-left:5px; font-size:.9em}