/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	MET en forme Le menu déroulant principal
/********************************************************************************************************/
/*
.element30{color:#4d90cd;} 				accueil
.element11{color:#f9a03b;} 				restauration
.element6 {color:#f80046;}				logement
.element7{color:#7ccf29;}				bourses
.element5 {color:#ff0099;} 				social
.element35 {color:#3398ff;}				international
.element34	{color:#993366;}			culture 
.element116 {color:#e3b500;}			petiteannonce

*/

/*
.element30 {color:#4d90cd;}
.restauration {color:#f9a03b;}
.logement {color:#f80046;}
.bourses {color:#7ccf29;}
.social {color:#ff0099;}
.international {color:#3398ff;}	
.culture {color:#993366;}
.petiteannonce {color:#e3b500;}

*/


/* Placement et initialisation générale  -----------------------------------------------------------------------------------------------*/

#navigationNiveau1{
	position:absolute;
	z-index: 100;
	top:164px;
	width:925px;
	border:4px solid #4d90cd; border-width: 0px 0px 4px 0px; padding-left:25px;
}

.restauration #navigationNiveau1{border-color:#f9a03b;}
.logement #navigationNiveau1{border-color:#f80046;}
.bourses #navigationNiveau1{border-color:#7ccf29;}
.social #navigationNiveau1{border-color:#ff0099;}
.international #navigationNiveau1{border-color:#3398ff;}	
.culture #navigationNiveau1{border-color:#993366;}
.petiteannonce #navigationNiveau1{border-color:#e3b500;}

#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{list-style-type:none;float:left;margin: 0 2px 0 0;}
#navigationNiveau1 a{ display:block; height:31px; background-position:0 0; padding:0;}
#navigationNiveau1 a span {position:absolute;top:-1000px;}

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/
#navigationNiveau1 .element30 a{background-image:url(../img/nav/01.gif);width:80px;}
#navigationNiveau1 .element11 a{background-image:url(../img/nav/02.gif);width:128px;}
#navigationNiveau1 .element6 a{background-image:url(../img/nav/03.gif);width:111px;}
#navigationNiveau1 .element7 a{background-image:url(../img/nav/04.gif);width:100px;}
#navigationNiveau1 .element5 a{background-image:url(../img/nav/05.gif);width:82px;}
#navigationNiveau1 .element35 a{background-image:url(../img/nav/06.gif);width:132px;}
#navigationNiveau1 .element34 a{background-image:url(../img/nav/07.gif);width:100px;}
#navigationNiveau1 .element116 a{background-image:url(../img/nav/08.gif);width:150px;}


#navigationNiveau1 li a:hover,#navigationNiveau1 li:hover a,#navigationNiveau1 li.sfhover a{ background-position:-150px; color:#fff;}
#navigationNiveau1 li.on a{ background-position:-300px; color:#CC0000;height:31px;border:0;}
#navigationNiveau1 li.on li a{color:#fff}



/* MENU DEROULANT : code principale -----------------------------------------------------------------------------------------------*/

#navigationNiveau1Contenu a {text-decoration:none; color:#FFFFFF;}

#navigationNiveau1Contenu li ul {
	position : absolute;
	left: -999em;
	width:160px;
	margin:0;
}

#navigationNiveau1Contenu li ul li {
	width:160px;
	border-bottom:1px solid #fff;
}


#navigationNiveau1Contenu li ul a{
	height:auto;
	display:block;
	padding:5px 5px;
	width:auto!important;
	background:none!important; 
	border:0;
}
#navigationNiveau1Contenu  li.on ul a{height:auto;}

#navigationNiveau1Contenu li:hover ul ul, #navigationNiveau1Contenu li.sfhover ul ul{
left: -999em;
}
#navigationNiveau1Contenu li:hover ul, #navigationNiveau1Contenu li li:hover ul, #navigationNiveau1Contenu li.sfhover ul, #navigationNiveau1Contenu li li.sfhover ul{ 
left: auto;
}
#navigationNiveau1Contenu li li a:hover, #navigationNiveau1Contenu li:hover li a{
background:none!important;
}
#navigationNiveau1Contenu li li:hover {
background-color:#ccc;
}

/* DECLINAISON COULEUR -----------------------------------------------------------------------------------------------*/
#navigationNiveau1Contenu .element30 {background:#4d90cd;}
#navigationNiveau1Contenu .element11 {background:#f9a03b;}
#navigationNiveau1Contenu .element6  {background:#f80046;}
#navigationNiveau1Contenu .element7 {background:#7ccf29;}
#navigationNiveau1Contenu .element5  {background:#ff0099;}
#navigationNiveau1Contenu .element35  {background:#3398ff;}
#navigationNiveau1Contenu .element34  {background:#993366;}
#navigationNiveau1Contenu .element116  {background:#e3b500;}

/* couleur des liens*/
#navigationNiveau1Contenu a{ color:#fff;}
/*
#navigationNiveau1Contenu .element01 a{ color:#fff}
#navigationNiveau1Contenu .element02 a{ color:#339900}
#navigationNiveau1Contenu .element03 a{ color:#fff}
#navigationNiveau1Contenu .element04 a{ color:#339900}
#navigationNiveau1Contenu .element05 a{ color:#fff}
#navigationNiveau1Contenu .element06 a{ color:#fff}

/* couleur des bordures */
#navigationNiveau1Contenu  li ul li{border-color:#fff;}
/*
#navigationNiveau1Contenu .element01  ul li{border:#3372B5;}
#navigationNiveau1Contenu .element02  ul li{border:#FFD633;}
#navigationNiveau1Contenu .element03  ul li{border:#BB3395;}
#navigationNiveau1Contenu .element04  ul li{border:#C45F33;}
#navigationNiveau1Contenu .element05  ul li{border:#4DA3B5;}
#navigationNiveau1Contenu .element06  ul li{border:#B99D5A;}

/* couleur de fond*/
#navigationNiveau1Contenu  li ul li{background:#4d90cd;}

#navigationNiveau1Contenu .element30 ul li{background:#4d90cd;}
#navigationNiveau1Contenu .element11 ul li{background:#f9a03b;}
#navigationNiveau1Contenu .element6 ul li{background:#f80046;}
#navigationNiveau1Contenu .element7 ul li{background:#7ccf29;}
#navigationNiveau1Contenu .element5 ul li{background:#ff0099;}
#navigationNiveau1Contenu .element35 ul li{background:#3398ff;}
#navigationNiveau1Contenu .element34 ul li{background:#993366;}
#navigationNiveau1Contenu .element116 ul li{background:#e3b500;}

/* couleur de fond hover*/
#navigationNiveau1Contenu li ul li:hover {background:#cc0000 ;}
#navigationNiveau1 .element30 ul li:hover{background-color:#82b1dc;}
#navigationNiveau1 .element11 ul li:hover{background-color:#fbbc75;}
#navigationNiveau1 .element6 ul li:hover{background-color:#ff4c7f;}
#navigationNiveau1 .element7 ul li:hover{background-color:#a3dd69;}
#navigationNiveau1 .element5 ul li:hover{background-color:#ff4cb6;}
#navigationNiveau1 .element35 ul li:hover{background-color:#70b7ff;}
#navigationNiveau1 .element34 ul li:hover{background-color:#b77094;}
#navigationNiveau1 .element116 ul li:hover{background-color:#ebcb4c;}