/*******************************
    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; margin-bottom:0}
#menu-haut .ulHome{ position:relative; float:left;}
#menu-haut .li0 { display:inline-block; margin:0; padding:0; position: relative }
#menu-haut .li0:last-child{ margin:0; }
#menu-haut .li0:hover, #menu-haut .li0.selected{ }
#menu-haut .li0:hover .lien0, #menu-haut .li0.selected .lien0{ background: #006c9e; color: #FFFFFF;}
#menu-haut .li0 .lien0 {color:#FFFFFF}
#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:16px 15px; color:#004372; font-size: 1.1rem; font-weight:500; text-decoration:none; text-transform: uppercase; color: #000000}
#menu-haut .lien0:hover{cursor: default}

#menu-haut #debdrag li:nth-child(1) a{ padding-left:15px}

/*********************
Niveau 01 
*********************/
#menu-haut .ul1    {position:absolute; top:58px; left:0px; text-align:left; 
    margin: 0;
    border-radius: 0;
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    background: #f9f9f9;
    padding: 0;
    z-index: 1;
}

#menu-haut .ul1 li{ list-style: none; width: 260px; display: inline-block; vertical-align: top;}

#menu-haut .ul1:before{ content:""; position: absolute; z-index:-1; top:0; bottom: 0; left:-100vw; right:-100vw; background: #f9f9f9; border-bottom:2px solid #0795ca; width: 1000vw}

#menu-haut .li1 {position:relative; width:260px; background:#f4f4f4; list-style: none}
#menu-haut .li1:hover, #menu-haut .li1.selected{ }
#menu-haut .lien1{display:block; padding:10px 0px 10px 10px; font-size:1.4em; text-decoration:none;}
#menu-haut .lien1:hover{background: #006c9e; color: #FFFFFF;}

#debdrag li ul li:nth-child(1) a{ padding-left:inherit}

#debdrag{ padding-left:0}


		
/* 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:100%; padding-left: 0}
#menu-haut .ul2 li {position:relative; width:260px; background:#f2f2f2; display:  block}
#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;  padding:10px 0px 10px 10px;  margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul2 li .lien2:hover{background: #006c9e; color: #FFFFFF;}

/*********************
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{}

.txtblanc{color:#fff;font-size: 1.1rem;font-weight: normal;text-transform: uppercase;}