/*  pour tous les menus */
ul#menuhaut li,ul#acces_rapide li,.menugauche li, #ariane li, #accessibilite li{
	list-style-type:none;
}

/* menu haut */
ul#menuhaut {
  clear:both;
  position:absolute;
  right:0;
  top:172px;
  margin:0;
  padding-bottom:0;
}
ul#menuhaut li {
	position: relative;
	float: left;
	padding:0;
}
ul#menuhaut li, ul#menuhaut li a {
  height:30px;
  color:#FFF;
}
ul#menuhaut li a {
  display:block;
  position: relative;
  z-index:8;
  float:left;
  margin-left:5px;
  width:126px;
  line-height:30px;
  text-align:center;
  background:url('../img/bg_menuhaut.jpg') no-repeat;
}
ul#menuhaut li a:hover, ul#menuhaut li.selected a, ul#menuhaut li a.selected, ul#menuhaut li a.current,ul#menuhaut li a.active {
	z-index: 10;
 	background-position: 0 -30px;
}
ul#menuhaut .smenu {
	overflow: hidden;
	display: none;
	position: absolute;
	top:29px;
	left: 5px;
	z-index: 9;
	width: 519px;
	padding: 0 0 1em 0;
	margin: 0;
	border: 1px solid #add638;
	font-size:.9em;
	background: #4d989d;
	}
ul#menuhaut li.lycee .smenu {
	left: -126px;
	}
ul#menuhaut li.pro .smenu {
	left: -257px;
	}
ul#menuhaut li.scolaire .smenu {
	left: auto;
	right: 0;
	}
ul#menuhaut .smenu li {
	display: block;
	float:left;
	clear: none;
	width:250px;
	margin:1em 0 0 0;
	padding: 0;
	}
ul#menuhaut .smenu li, ul#menuhaut .smenu li a {
	height: auto;
	line-height: 1.6em;
	color: #fff;
	background: none;
	}
ul#menuhaut .smenu li a {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 1em;
	width: auto;
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
	}
ul#menuhaut .smenu li a:hover {
	text-decoration: none;
	}
ul#menuhaut .smenu .ssmenu {
	margin:0 1em;
	padding:0 0 1em 0;
	clear: left;
	background: none;
	}
ul#menuhaut .ssmenu li {
	width: 100%;
	margin: 0em;
	}
ul#menuhaut .ssmenu li a {
	font-weight: normal;
	}


/* menu ariane */
#ariane {
  margin:0 0 0 0;
  padding:.2em;
  height:25px;
  color:#0188C2;
  line-height: 25px;
  font-size:.95em;
  font-weight: bold;
}
#ariane li a {
	text-decoration: underline;
  	color: #666;
}
#ariane li a:hover {
	text-decoration: none;
	}
#ariane li {
  /*list-style: none;*/
  display:inline;
  font-size:.9em;
}

/* menu accessibilit� */
#accessibilite ul {
  margin:0;
}

#accessibilite ul li {
  display:inline;
 /* list-style: none;*/
}

#accessibilite ul li a {
  font-size:0.7em;
  color:#fff;
  text-decoration:underline;
}
#accessibilite ul li a:hover {
  text-decoration:none;
}

/* menu acc�s rapide */
ul#acces_rapide, ul#acces_rapide li, ul#acces_rapide li a, .menugauche li, .menugauche, .menugauche li a {
  margin:0;
  padding:0;
}

ul#acces_rapide, .menugauche {
  overflow:hidden;
  z-index:10;
  margin:20px 0 10px;
  width:180px;
}
ul#acces_rapide li, .menugauche li {
	margin: 0;
}
ul#acces_rapide li a, .menugauche li a {
	display:block;
	padding: 0 0 0 5px;
	height: 31px;
	line-height: 31px;
	color: #676767;
	font-weight: bold;
	background:  url('../img/bg_acces_rapide_li.jpg') no-repeat 0 -31px;
}
ul#acces_rapide li a:hover, .menugauche li a:hover,
.menugauche li.last a.active, .menugauche li.last a.current {
	background:  url('../img/bg_acces_rapide_li.jpg') no-repeat 0 0;
	}
ul#acces_rapide li.first a, .menugauche li.first a {
	height: 31px;
	line-height: 31px;
	background:  url('../img/bg_acces_rapide_ul_top.jpg') no-repeat 0 -31px;
	}
ul#acces_rapide li.first a:hover, .menugauche li.first a:hover,
.menugauche li.first a.active, .menugauche li.first a.current {
	background-position:0 0;
	}
ul#acces_rapide li.last a, .menugauche li.last a {
	background: url('../img/bg_acces_rapide_li_last.jpg') no-repeat 0 -32px;
}
ul#acces_rapide li.last a:hover, .menugauche li.last a:hover {
	background-position: 0 0;
}
ul#acces_rapide li.active ul {
	margin: 0;
}
ul#acces_rapide li.active, ul#acces_rapide li.active a {
  /*background: #D4D5D2;*/
}

ul#acces_rapide .smenu, .menugauche .smenu, .menugauche .ssmenu {
	margin: 0;
	padding: 0;
	border-left:1px solid #bcddec;
	border-right:1px solid #bcddec;
	background: #fff;
	}
.menugauche .smenu .last {
	border-bottom:1px solid #bcddec;
	}
ul#acces_rapide .smenu a, .menugauche .smenu a,
.menugauche li.first .smenu a, .menugauche li.last .smenu a,
.menugauche .smenu .last a, .menugauche .smenu .first a{
	/*background: none;*/
	}
ul#acces_rapide .smenu a:hover, .menugauche .smenu a:hover,
.menugauche li.first .smenu a:hover, .menugauche li.last .smenu a:hover {
	background-color: #ddd;
	}

.menugauche {
	margin:10px 0 10px;
	}
.menugauche li.first a {
	background-image: url('../img/bg_menugauche_ul_top.jpg');
	}
.menugauche li a {
	background-image: url('../img/bg_menugauche_li.jpg');
	}
.menugauche li.last a {
	background-image: url('../img/bg_menugauche_li_last.jpg');
	}

.menugauche .smenu {
	font-size: .9em;
	}
.menugauche .smenu li, .menugauche .smenu li a {
	height: auto;
	line-height: 1.6em;
	}
.menugauche .smenu li a, .menugauche .smenu .ssmenu li a, .menugauche .smenu li a.active,
.menugauche .smenu li.first a, .menugauche .smenu li.last a {
	padding-left:18px;
	background:#fff url('../img/puce_verte.gif') no-repeat top left;
	}
.menugauche .smenu li a.active, .menugauche .smenu li a.current {
	background-color: #bcddec;
	}
.menugauche .ssmenu {
	border:0;
	}
.menugauche .smenu .ssmenu li a {
	padding-left:30px;
	background-position: 16px 0;
	}
.decouvrir, .decouvrir li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.decouvrir {
	margin-top: 2em;
	}
.decouvrir li a{
	display: block;
	margin: 0 0 .5em 0;
	padding: 0 .2em;
	width: 180px;
	height: 24px;
	color: #fff;
	line-height: 24px;
	background: url('../img/bg_gauche_menuvert_li.jpg') no-repeat;
	}
.decouvrir li a:hover {
	background: url('../img/bg_gauche_menuorange_li.jpg') no-repeat;
	}


.menuvert li {
 background: url('../img/bg_gauche_menuvert_li.jpg') no-repeat;
 }



/* menu droite */
ul.menudroite {
  /*list-style-type: none;*/
  margin:0;
  padding:0;
  margin-left:10px;
  color:#fff;
}
ul.menudroite li{
  margin:0;
  margin-bottom:2em;
  padding: 0;
  height: 99px;
  width: 180px;
  font-size:.85em;
  background:  url('../img/bg_menudroite_li.jpg') no-repeat  ;
}
ul.menudroite h3{
	margin: 0;
	padding: .5em;
	font-size:1em;
}
ul.menudroite li img{
  float:left;
  margin:0 5px 0;
}
ul.menudroite li p {
	margin: 0 .2em;
	}
ul.menudroite p.suite {
	margin-right:.5em;
	text-align: right;
	}
ul.menudroite a {
	color:#fff;
	text-decoration: underline;
	}
ul.menudroite a:hover {
	text-decoration: none;
	}

/*menu pied */
div#pied li.novaldi {
  clear: left;
  color: #000000;
  left: 10px;
  position: absolute;
}