body {
background: url(../images/bg_body.jpg);
background-repeat:repeat-x;
background-color:#d5d5d5;

}

ul.topnav {
	list-style: none;
	padding: 0 0px;
	margin: 0;
	float: left;
	width:980px;
    /width:1120px;
	height:40px;
	font-size: 10px;
	/*background: url(../images/bg_menu.png);*/


}
#subnav{
/z-index:10;
}

ul.topnav li {

	float: left;
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
   /z-index:10;
}
ul.topnav li a{
	padding: 0;
	height:40px;

	text-align:left;
	width:158px;
	margin:0 5px 0 0;
	font-weight:bold;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

#hover_ecoles{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 6px; top:36px;

	background: url(../images/hover_ecoles.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
height:152px;


z-index:5;

}

#hover_ecoles div{

background-color:#d3b300;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;

}

#hover_ecoles div a:hover{

background-color:#ffd11d;
}

#hover_colleges div{

background-color:#6774b5;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;

}

#hover_colleges div a:hover{

background-color:#89b6df;

}

#hover_lycees div{

background-color:#498f36;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;

}

#hover_lycees div a:hover{

background-color:#42b654;
}

.orange div{

background-color:#eb8b32;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;

}

#hover_professionnel .orange div a:hover{

background-color:#ce3d0f;
}

.violet div{

background-color:#ab528e;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;

}

#hover_superieur .violet div a:hover{

background-color:#fda5e0;
}

#ecoles_region{
background: url(../images/deps_ecoles.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:60px;
margin-left:15px;

}
#ecoles_dep{
background: url(../images/regions_ecoles.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
position:relative;


}

#colleges_region{
background: url(../images/regions_colleges.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:60px;
margin-left:15px;
}

#colleges_dep{
background: url(../images/deps_colleges.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
}



#hover_colleges{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:1px; top:36px;
    /left:-4px; top:36px;
	background: url(../images/hover_colleges.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
height:152px;


z-index:5;

}

#lycees_region{

background: url(../images/regions_lycees.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:60px;
margin-left:15px;
}
#lycees_dep{
background: url(../images/deps_lycees.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
}
#hover_lycees{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:-4px; top:36px;
    /left:-15px;
	background: url(../images/hover_lycees.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
    height:152px;


z-index:5;

}

#hover_professionnel{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:-12px; top:36px;
	/left:-27px;
	background: url(../images/hover_professionnel.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
    height:120px;
    z-index:5;

}

#hover_professionnel .show:hover{
background-color:#ff8503;
}



#hover_professionnel .hover_navel_professionnel {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 155px; top: -6px;
	background: url(../images/hover_navel_professionnel.png);
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 176px;
    height:118px;
 


}


#hover_professionnel .hover_navel_agricole {


 top: -26px;

 


}
 #lycees_professionnels_region{
    background: url(../images/regions_professionnel.png);
    background-repeat:no-repeat;
    display:block;
    height:16px;
    width:120px;
    margin-top:10px;
    margin-left:15px;
   

}
#menu_cap_bep_specialite{
position:absolute;
top:80px;
}

#lycees_professionnels_dep{
background: url(../images/deps_professionnel.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
}



#lycees_agricoles_dep{
background: url(../images/deps_professionnel.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
}

#lycees_agricoles_region{
background: url(../images/regions_professionnel.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:10px;
margin-left:15px;
}


#hover_superieur{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:-17px; top:36px;
	/left:-39px; top:36px;
	background: url(../images/hover_superieur.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
    height:165px;


z-index:5;

}
#hover_superieur a:hover{
background-color:#d47099;

}



#hover_superieur .hover_navel_superieur {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 155px; top: -8px;
	background: url(../images/hover_navel_superieur.png);
     background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 176px;
    
    height:118px;



}
#hover_superieur .hover_navel_superieur_prepa{
top:-33px;
}

#hover_superieur .hover_navel_superieur_universite{
top:-45px;
}

#hover_superieur .hover_navel_superieur_ingenieur{
top:-45px;
}


#hover_superieur .hover_navel_superieur_commerce{
top:-45px;
}

#hover_superieur .hover_navel_superieur_specialisee{
top:-45px;
}


#hover_professionnel .space, #hover_superieur .space{
height:5px;
}

#hover_superieur .show,#hover_professionnel .show{
text-align:left;
margin-left:10px;
/margin-left:5px;

height:20px;
width: 145px;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display:block;

}

#hover_superieur li,#hover_professionnel li{
margin-bottom:5px;
height:20px;
width: 153px;


}

#hover_superieur .specialite{

background: url(../images/superieur_specialite.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:160px;
top:-7px;
/top:-9px;
position:absolute;

margin-left:5px;



}


#hover_superieur .dep{
background: url(../images/deps_superieur.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:-10px;
/top:4px;
position:absolute;

margin-left:10px;
}

#hover_superieur .region{
background: url(../images/regions_superieur.png);
    background-repeat:no-repeat;
display:block;
height:16px;
width:120px;
margin-top:-10px;
/top:-1px;
position:absolute;
margin-left:10px;
}


#hover_internats{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:-23px; top:36px;
	/left:-49px; top:36px;
	background: url(../images/hover_internats.png);
    background-repeat:no-repeat;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 156px;
    height:192px;
padding-left:10px;
font-size:11px;


z-index:5;


}
#hover_internats .int_ecole{
margin-top:8px;

width:140px;
height:17px;
}

#hover_internats .int_pro{
margin-top:7px;

width:140px;
height:30px;
}

#hover_internats a:hover{
background-color:#b37c45;
}


ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	/*width: 160px;*/


}

#menu ul.reg li{
	margin: 0; padding: 0;
	display:block;
   
    height:20px;
list-style:none;
text-align:left;


}

#menu ul.reg li a{
text-align:left;

display:block;
height:20px;

 width:250px;
font-size:11px;
}

#menu #specialite_wrap{
z-index:10;width:300px;
position:absolute;
text-align:left;
font-size:11px;
height:200px;
overflow:auto;
margin-left:0px;
}

#menu #deps_wrap{
width:340px;
z-index:10;
position:absolute;
text-align:left;
font-size:15px;
height:200px;
overflow:auto;
margin-left:0px;

}

#menu #regions_wrap{
z-index:10;
width:280px;
position:absolute;
text-align:left;
font-size:11px;
height:200px;
overflow:auto;

}