#menu,#menu ul,#menu ul li,#menu ul li a,#menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:40px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
#menu ul li a.two-line {line-height: 21px;}
#menu ul li.m1{margin:0 35px}
#menu ul{margin:auto;}
#menu:after,#menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#menu #menu-button{display:none}
#menu{width:auto;font-family:'Sarabun';z-index:1000;padding-top: 28px; padding-bottom: 8px;}
#menu-line{position:absolute;bottom:0;left:0;height:3px;background:none}
#menu > ul > li{float:left; margin-right: 14px;margin-left: 14px;}
#menu.align-center > ul{font-size:0;text-align:center}
#menu.align-center > ul > li{display:inline-block;float:none}
#menu.align-center ul ul{text-align:left}
#menu.align-right > ul > li{float:right}
#menu.align-right ul ul{text-align:right}
#menu > ul > li > a{padding:7px;font-size:16px;font-family: 'Sarabun';font-weight:300;text-decoration:none;text-transform:uppercase; color: white;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#menu > ul > li > a:after{content: "";
    display: inline-block;
    position: relative;
    width: 3px;
    height: 3px;
    left: 1.6em;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #3D3D3D;
    transform: translateY(-50%);}
#menu > ul > li:hover > a,#menu > ul > li.active > a{color:#e1ae00;/*border-bottom: 3px solid #b91d29;*/}
#menu ul ul{position:absolute;left:-9999px;border-radius: 4px; overflow: hidden;}
#menu li:hover > ul{left:auto}
#menu.align-right li:hover > ul{right:0}
#menu ul ul ul{margin-left:100%;top:0}
#menu.align-right ul ul ul{margin-left:0;margin-right:100%}
#menu ul ul li{height:0}
#menu ul li:hover > ul > li{height:50px}
#menu ul ul li a{padding:13px 15px;width:170px;line-height: 24px; font-size:15px;background:#072846;text-decoration:none;color:white;text-transform:uppercase;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#menu ul ul li:hover > a,#menu ul ul li a:hover{color:#e1ae00;}
#menu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#menu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
#menu ul ul li.has-sub:hover > a::after{border-color:#fff}
#menu ul ul li:not(:last-child)::after {background-image: none;}

#menu ul li a.select {color: #e1ae00;}



#menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url('/img/icone-volant.png'); /* change par ton image */
  background-size: contain;
  background-repeat: no-repeat;
}


header.bar-desc #menu {padding-top: 4px; padding-bottom: 4px;}



#menu ul li a.m5:after{display: none;}

@media screen and (max-width: 1150px)
{
	#menu {padding: 0; width: 870px; margin: auto;}
}

@media all and (max-width: 890px) {
	#menu ul li.m1{margin:0}
	#menu{width:100%;background-color:#e9e9e9;}
	#menu ul{width:100%;display:none}
	#menu.align-center > ul,#menu.align-right ul ul{text-align:left}
	#menu ul li,#menu ul ul li,#menu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15)}
	#menu ul li a,#menu ul ul li a{width:100%}
	#menu > ul > li,#menu.align-center > ul > li,#menu.align-right > ul > li{float:none;display:block}
	#menu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#3d3d3d;background:none}
	#menu ul ul li:hover > a,#menu ul ul li a:hover{color:#3d3d3d;background-color:#1e1e1e}
	#menu > ul > li:hover > a,#menu > ul > li.active > a{color:#3d3d3d;border-bottom:none;background-color:#d8d8d8}
	#menu > ul > li > a{padding:17px 20px}
	#menu ul ul ul li a{padding-left:40px}
	#menu ul ul,#menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	#menu > ul > li.has-sub > a::after,#menu ul ul li.has-sub > a::after{display:none}
	#menu-line{display:none}
	#menu #menu-button{display:block;padding:0px 20px;color:#3d3d3d;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase}
	#menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#3d3d3d}
	#menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #3d3d3d;border-bottom:2px solid #3d3d3d}
	#menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer}
	#menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#3d3d3d;z-index:99}
	#menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#3d3d3d;z-index:99}
	#menu .submenu-button.submenu-opened:after{display:none}
	
	#menu ul li a.m1{width:auto;}
	#menu ul li a.m2{width:auto;}
	#menu ul li a.m3{width:auto;}
	#menu ul li a.m4{width:auto;}
	#menu ul li a.m5{width:auto;}
	
	#menu > ul > li {margin: 0;}
	#menu > ul > li > a {padding: 0 20px;}
	#menu > ul > li > a:after {display: none;}
}