/*******************************
    N A V  P R I N C I P A L E
********************************/
/*******************************/
#menu-haut{/*position:absolute; top:69px; right:0px; width:74%;*/ z-index:100; }
#menu-haut ul ul{display:none; z-index:2;}
#menu-haut li:hover > ul{display:block; z-index:10;}

#header-wrapper.small #menu-haut{position:absolute; top:15px; right:60px; }
#header-wrapper.small #menu-haut .ul1{ top:30px; }


/*********************
Niveau 00 
*********************/ 
.displayMenu{ display:none;}

#menu-haut .ul0{ position:relative; text-align:right;}
#menu-haut .ulHome{ position:relative; float:left;}
#menu-haut .li0 {position:relative; display:inline-block; margin:0px 1%; padding:0 0 4px; }
#menu-haut .li0:last-child{ margin:0px 0 0 2%; }
#menu-haut .li0:hover, #menu-haut .li0.selected{ }
#menu-haut .li0:hover .lien0, #menu-haut .li0.selected .lien0{ color:#b49400; border-bottom:6px #b49400 solid; } 
#menu-haut .li0:hover:first-child .lien0, #menu-haut .li0.selected:first-child .lien0{ border-bottom:0px #b49400 solid; } 
#menu-haut .lien0{ display:block; padding:0px 0px 4px 0px; color:#004372; font-size:1.6em; font-weight:500; border-bottom:6px transparent solid; text-decoration:none;}

/*********************
Niveau 01 
*********************/
#menu-haut .ul1    {position:absolute; top:31px; left:0px; text-align:left;}
#menu-haut .li1 {position:relative; width:260px; background:#f4f4f4;}
#menu-haut .li1:hover, #menu-haut .li1.selected{ }
#menu-haut .lien1{display:block; padding:10px 0px 10px 20px; font-size:1.4em; text-decoration:none;}
#menu-haut .lien1:hover{ background:#c2a628; color:white;}

		
/* max-width:960px */
@media only screen and (max-width:1024px){
.displayMenu{ display:block; position:absolute; top:35px; right:5px; cursor:pointer; }
#header-wrapper.small .displayMenu{ top:12px; right:30px; }

#menu-haut {display:none;}
#menu-haut { position:absolute; top:102px; left:0;width:98%; margin:0px 1%; background:#004372; }
#header-wrapper.small #menu-haut { top:46px;}

#menu-haut ul ul{display:block;}

#menu-haut .ul0{ width:100%; text-align:left; }
#menu-haut .li0 { display:block; width:100%; margin:0px 0; }
#menu-haut .li0:last-child{ margin:0 0 0 0; }
#menu-haut .lien0{ display:block; padding:5px 2% 5px 3%; color:white; font-size:1.8em; border-bottom:6px transparent solid;}
#menu-haut .li0:hover .lien0, #menu-haut .li0.selected .lien0{ color:#b49400; border-bottom:6px transparent solid; } 
#menu-haut .lien0:hover{ color:#c2a628;}

#menu-haut .ul1{ position:relative; width:100%; top:auto; left:auto; }
#menu-haut .li1 { width:100%;}
#menu-haut .lien1{ display:block; }

}



@media only screen and (max-width:480px) {
.displayMenu{ display:block; position:absolute; top:6px; right:5px;}
}

/*********************
Niveau 02 
*********************/
#menu-haut .ul2    {position:absolute; top:0px; left:230px;}
#menu-haut .ul2 li {position:relative; width:230px; background:#f2f2f2;}
#menu-haut .ul2 li:first-child{}
#menu-haut .ul2 li:last-child{}
#menu-haut .ul2 li:hover, #menu-haut .ul2 li.selected{background:#c7c7c7;}
#menu-haut .ul2 li .lien2{display:block; height:20px; padding:8px 8px 0px 7px; margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul2 li .lien2:hover{}

/*********************
Niveau 03 
*********************/
#menu-haut .ul3    {position:absolute; top:0px; left:230px;}
#menu-haut .ul3 li {position:relative; width:230px; background:#f2f2f2;}
#menu-haut .ul3 li:first-child{}
#menu-haut .ul3 li:last-child{}
#menu-haut .ul3 li:hover, #menu-haut .ul3 li.selected{background:#c7c7c7;}
#menu-haut .ul3 li .lien3{display:block; height:20px; padding:8px 8px 0px 7px; margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul3 li .lien3:hover{}

.breadcrumb-item.active span.separator {
	color: var(--color-2);
}