/* CSS du menu déroulant */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#fond_menu{
	/*border: 1px solid #ededed;*/
	position: relative;
	/*height: 24px;*/
	height: 34px;/*test*/
	background-image: url(images/fonds/fond_menu_a.png);/*test*/
	background-repeat: no-repeat;/*test*/
	background-position: center bottom;/*test*/
	width: 868px;
	font-size: 11px;
	background-color: #d6d8d9;
	left: 0px;
}
.page_accueil #fond_menu{
	background-image: url(images/fonds/fond_menu_accueil.png)!important;
}


#menu {
	list-style-type:none;
	margin:0px 0 0px 0px;
	padding:0;
	/*background-color: #00CC00;*/
	width: 100%;
z-index:100;
}

#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:125px; height:1px; z-index:200;}
#menu li a, #menu li a:visited {text-decoration:none;}

#menu dl {position:absolute; top:0; left:0; width: 201px; /*width: 150px;*/ margin: 0; padding: 0; background: transparent url(transparency.gif);}
#menu dt {
	background: #fff;
	margin:0;
	font-size: 11px;
	border-bottom:1px solid #fff;
	width:125px;
	float:left;
	font-weight: 700;
}
#menu dd {display:none; background: transparent; border-bottom:1px solid #FFF; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

/*#menu dt a, #menu dt a:visited {display:block; color:#000033; padding: 5px 5px 5px 20px; width:125px;}*/
#menu dt a, #menu dt a:visited {display:block; color:#000033; padding: 6px 18px 5px; width:125px;}
#menu dd a, #menu dd a:visited {background:#FAE8BA; color:#000033; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:176px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {width:201px  border-bottom:15px solid #E8E8E8;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #E8E8E8; color:#534;}

/* Par défault */
/*#menu dt.on a, #menu dt.on a:visited{background: #FFF; color: #333333;}*/
/* Par secteur */

/* 1 -  Accueil */
/*#menu .secteur1 dt.on a:visited, #menu .secteur1 dd.on a:visited{background: #FFF;color: #EDB21B;}
#menu li:hover dl.secteur1, #menu li a:hover dl.secteur1 {border-bottom:15px solid #EDB21B; }
#menu li.secteur1:hover dt a, #menu .secteur1 dd a:hover {background: #FFF; color:#EDB21B;}
#menu li.secteur1:hover dt a,#menu li.secteur1:hover dt a:hover {background: #EDB21B; color:#FFF}*/
#menu li.secteur1:hover dt a,#menu li.secteur1:hover dt a:hover,#menu .secteur1 dt.on a:visited { width:71px !important;}
#menu li.secteur1, #menu .secteur1 dt, #menu .secteur1 dt a, #menu .secteur1 dt a:visited {width:71px !important;}


/* 2 - Le Collège */
#menu .secteur2{
 /*display:none;*/
}
/*#menu .secteur2 dt.on a:visited, #menu .secteur2 dd.on a:visited{background: #FFF;color: #EDB21B;}
#menu li:hover dl.secteur2, #menu li a:hover dl.secteur2 {border-bottom:15px solid #EDB21B; }
#menu li.secteur2:hover dt a, #menu .secteur2 dd a:hover {background: #FFF; color:#EDB21B;}
#menu li.secteur2:hover dt a,#menu li.secteur2:hover dt a:hover {background: #EDB21B; color:#FFF}*/
#menu li.secteur2:hover dt a,#menu li.secteur2:hover dt a:hover,#menu .secteur2 dt.on a:visited { width:89px !important;}
#menu li.secteur2, #menu .secteur2 dt, #menu .secteur2 dt a, #menu .secteur2 dt a:visited {width:89px !important;}

/* 3 - Services aux élèves */
#menu .secteur3{
 /*display:none;*/
}
/*#menu .secteur3 dt.on a:visited, #menu .secteur3 dd.on a{background: #EDB21B!important; color: #333333;}
#menu li:hover dl.secteur3, #menu li a:hover dl.secteur3 {border-bottom:15px solid #EDB21B; }
#menu li.secteur3:hover dt a, #menu .secteur3 dd a:hover {background: #EDB21B; color:#534;}
#menu li.secteur3:hover dt a,#menu li.secteur3:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur3:hover dt a,#menu li.secteur3:hover dt a:hover,#menu .secteur3 dt.on a:visited { width:141px !important;}
#menu li.secteur3, #menu .secteur3 dt, #menu .secteur3 dt a, #menu .secteur3 dt a:visited {width:141px !important;}/*163*/

/* 4 - Vie pédgogique*/
#menu .secteur4{
 /*display:none;*/
}
/*#menu .secteur4 dt.on a:visited, #menu .secteur4 dd.on a{background: #EDB21B!important; color: #333333;}
#menu li:hover dl.secteur4, #menu li a:hover dl.secteur4 {border-bottom:15px solid #EDB21B; }
#menu li.secteur4:hover dt a, #menu .secteur4 dd a:hover {background: #EDB21B; color:#534;}
#menu li.secteur4:hover dt a,#menu li.secteur4:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur4:hover dt a,#menu li.secteur4:hover dt a:hover,#menu .secteur4 dt.on a:visited { width:126px !important;}
#menu li.secteur4, #menu .secteur4 dt, #menu .secteur4 dt a, #menu .secteur4 dt a:visited {width:126px !important;}

/* 5 - Vie étudiante */
#menu .secteur5{
 /*display:none;*/
}
/*#menu .secteur5 dt.on a:visited, #menu .secteur5 dd.on a{background: #EDB21B!important; color: #333333;}
#menu li:hover dl.secteur5, #menu li a:hover dl.secteur5 {border-bottom:15px solid #EDB21B; }
#menu li.secteur5:hover dt a, #menu .secteur5 dd a:hover {background: #EDB21B; color:#534;}
#menu li.secteur5:hover dt a,#menu li.secteur5:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur5:hover dt a,#menu li.secteur5:hover dt a:hover,#menu .secteur5 dt.on a:visited { width:140px !important;}
#menu li.secteur5, #menu .secteur5 dt, #menu .secteur5 dt a, #menu .secteur5 dt a:visited, #menu .secteur5 dt a:hover {width:140px !important;}

/* 6 - Vie spirituelle */
#menu .secteur6{
/*display:none;*/
}
/*#menu .secteur6 dt.on a:visited, #menu .secteur6 dd.on a{background: #EDB21B!important; color: #333333;}
#menu li:hover dl.secteur6, #menu li a:hover dl.secteur6 {border-bottom:15px solid #EDB21B; }
#menu li.secteur6:hover dt a,#menu li.secteur6:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur6:hover dt a,#menu li.secteur6:hover dt a:hover,#menu .secteur6 dt.on a:visited { width:128px !important;}
#menu li.secteur6, #menu .secteur6 dt, #menu .secteur6 dt a, #menu .secteur6 dt a:visited, #menu .secteur6 dt a:hover {width:128px !important;}

/* 7 - Admission */
#menu .secteur7{
 /*display:none;*/
}
/*#menu .secteur7 dt.on a:visited, #menu .secteur7 dd.on a{background: #EDB21B!important; color: #993300}
#menu li:hover dl.secteur7, #menu li a:hover dl.secteur7 {border-bottom:15px solid #EDB21B; }
#menu li.secteur7:hover dt a, #menu .secteur7 dd a:hover {background: #EDB21B; color:#534; }
#menu li.secteur7:hover dt a,#menu li.secteur7:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur7:hover dt a,#menu li.secteur7:hover dt a:hover,#menu .secteur7 dt.on a:visited { width:64px !important;}
#menu li.secteur7, #menu .secteur7 dt, #menu .secteur7 dt a, #menu .secteur7 dt a:visited, #menu .secteur7 dt a:hover {width:64px !important;}

#menu .secteur8{
 /*display:none;*/
}
/*#menu .secteur7 dt.on a:visited, #menu .secteur7 dd.on a{background: #EDB21B!important; color: #993300}
#menu li:hover dl.secteur7, #menu li a:hover dl.secteur7 {border-bottom:15px solid #EDB21B; }
#menu li.secteur7:hover dt a, #menu .secteur7 dd a:hover {background: #EDB21B; color:#534; }
#menu li.secteur7:hover dt a,#menu li.secteur7:hover dt a:hover {background: #EDB21B; color:#534}*/
#menu li.secteur8:hover dt a,#menu li.secteur8:hover dt a:hover,#menu .secteur8 dt.on a:visited { width:auto !important;}
#menu li.secteur8, #menu .secteur8 dt, #menu .secteur8 dt a, #menu .secteur8 dt a:visited, #menu .secteur8 dt a:hover {width:101px !important;}


#menu  dt.on a:visited, #menu dd.on a:visited{background: #FFF;color: #EDB21B;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid #EDB21B; }
#menu li:hover dt a, #menu  dd a:hover {background: #FFF; color:#EDB21B;}
#menu li:hover dt a,#menu li:hover dt a:hover {background: #EDB21B; color:#FFF}