/*******************************
    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;}
#menu-haut .li0 { list-style:none; position:relative; flex: auto}
/*#menu-haut .li0 .lien0 span{ padding:inherit}*/
#menu-haut .li0:hover, #menu-haut .li0.selected{color:#f5d410; }
#menu-haut .li0:hover .lien0, #menu-haut .li0:hover .lien0 span, #menu-haut .li0.selected .lien0, #menu-haut .li0.selected .lien0 span, #menu-haut .li0 > span:hover, #menu-haut .li0.selected > span {  color:#d62d1d; background-color: #e2e2e8 } 
#menu-haut .li0:hover:first-child .lien0, #menu-haut .li0.selected:first-child .lien0{ color:#f5d410; } 
#menu-haut .lien0, #menu-haut .lien0 span, #menu-haut  span { font-size: 18px; color:#fff; cursor: pointer; text-transform: uppercase; font-weight: 400; padding: 20px 5px; font-weight: 500}


#menu-haut .li0 > span {
    display: block;
    height: 100%;
    background-color: 
    #d62d1d;
    text-align: center;
}

#menu-haut .lien0{ display: block; text-align:center}
#menu-haut .lien0.selected, #menu-haut .lien0:hover{ background-color:#e2e2e8; color:#d62d1d}
#menu-haut .lien0.selected > span, #menu-haut .lien0:hover > span{color:#d62d1d}

#menu-haut .lien0, #menu-haut li a{ background-color:#d62d1d}
#menu-haut .li0:last-child a span{ padding: 20px 0px}
#menu-haut .li0:last-child{ display: flex}
#menu-haut .li0:last-child a{ flex: 1}
#menu-haut .li0:last-child .lien0{ padding: 20px 0;}


/*#menu-haut .li0 span:hover~.ul1{ opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  visibility:visible }
*/
/*********************
Niveau 01 
*********************/

#menu-haut li a{/*-webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out*/}
#menu-haut .ul1 {
    position: absolute;
    top: 67px;
    left: -1px;
    text-align: left;
    background-color: #FFF;
    padding: 0;
    right: -1px;
	border-left:none;
	border-right: none;
	border-top: 1px solid #fff
}


#menu-haut .ul1 li{border-left: none}

#menu-haut .li1{background-color: transparent}

#menu-haut .li1 {position:relative; width:auto; list-style: none}
 #menu-haut .li1.selected .lien1{color: #d62d1d; background-color: #e2e2e8;}
#menu-haut .lien1:hover:before, #menu-haut .lien1.selected:before,  #menu-haut .li1.selected .lien1:before{ border-top: 2px solid #d62d1d; border-left: 2px solid #d62d1d; background-color: transparent !important}

#menu-haut .lien1{display:block; padding:10px 20px 10px 40px; font-size: 16px; color: #fff; text-decoration:none;}

#menu-haut .lien1:first-child{padding-left: 40px}

#menu-haut .lien1:before {
    content: "";
    transform: rotate(135deg);
    width: 10px !important;
    height: 10px !important;
    background-image: none !important;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    left: 15px;
    top: 20px;
}


#menu-haut .lien1:hover, #menu-haut .lien1:hover:before, #menu-haut ul li a:hover, #menu-haut .li0:hover > span{ color:#d62d1d; background-color: #e2e2e8}

#menu-haut .ul1:before{ content: "";
/*left: -300vh;
right: -300vh;
top: 0;
bottom: 0;
background-color: transparent;
position: absolute;
z-index: 0; */ /*border-top: 1px solid #dadada; border-bottom: 1px solid #dadada*/}


/*#menu-haut .li0:after {
	content: '';
	display: block;
	width: 0;
	height: 5px;
	background: #f5d410;
	transition: width .3s;
	bottom: -25px;
	border-radius: 2px;
	position: absolute;
	z-index:10;
	box-shadow: 0 4px 10px rgba(245,212,16,0.5)
}
#menu-haut .li0.selected:after, #menu-haut .li0:hover:after {
	width: 100%
}
*/

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

#menu-haut .li0 div a{ display:  block; height: 100%}

#menu-haut .li0:last-child{ display: flex; align-items:center; justify-content:  center; max-width: 110px}

.top-header .col-lg-12 ul li div a{ padding: 21px 5px 22px 5px}

.top-header .col-lg-12 ul li div:first-child a{text-align: right}

.top-header .col-lg-12 ul li div:last-child a{text-align: left}

.top-header .col-lg-12 ul li div{ flex: auto}

#menu-haut span.icon-home{font-size: 21px}