#menu,#menu ul,#menu ul li,#menu ul li a,#menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:32px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
#menu {float: right; margin-top: 30px;}
#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;z-index:1000}
#menu-line{position:absolute;bottom:0;left:0;height:3px;background:none}
#menu > ul > li{float:left; margin-right: 24px;}
#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{border-bottom: 2px solid #dbdbdb;padding:0;font-size:16px;text-decoration:none;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 > li.active > a, #menu > ul > li.active:hover > a{background-image: url("/img/fond-menu.png"); border-bottom: 2px solid #004290; animation: none;}


#menu > ul > li:hover > a {
background-image: url("/img/fond-menu.png");
background-repeat: repeat-x;
border-bottom: 2px solid #004290;
animation: menu1 0.2s 1 linear;
}
@keyframes menu1 {
0% {background-position: 0 32px;}
100% {background-position: 0px 0;}
}


#menu ul ul{position:absolute;left:-9999px;b-moz-box-shadow: 1px 1px 2px #8A8686; -webkit-box-shadow: 1px 1px 2px #8A8686; -o-box-shadow: 1px 1px 2px #8A8686; box-shadow: 1px 1px 2px #8A8686;}
#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:36px;}
#menu ul ul li a{text-align: left;padding:2px 20px;width:170px;font-size:13px;line-height:32px;background: rgb(240, 240, 240);text-decoration:none;color:#333;-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{background-color: #D0D0D0;}
#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 > li.m1 {width: 128px;}
#menu > ul > li.m2 {width: 129px;}
#menu > ul > li.m3 {width: 98px;}
#menu > ul > li.m4 {width: 149px; margin-right: 0;}

@media all and (max-width: 1200px)
{
	#menu > ul > li {margin-right: 21px;}
}

@media screen and (max-width: 1200px)
{
	#menu {right: 10px;}
}

@media all and (max-width: 1200px)
{
	#menu {float: none; right: auto; width: 588px; margin: auto; padding: 25px 0 15px 0;}
	#menu > ul > li {margin-right: 28px;}
}

@media all and (max-width: 680px) {
	#menu {position: relative; right: 0; padding: 0; margin: 18px 0 0 0;}
	#menu ul li.m1{margin:0}
	#menu{width:100%; background: #E0E0E0;}
	#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;}
	#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: 12px 20px 12px 20px;font-size:13px;color:#333;background:none; text-align: center; border-bottom: 1px solid #C5C5C5;}
	#menu ul ul li:hover > a,#menu ul ul li a:hover{color:#fff;background-color:#A2A2A2}
	#menu > ul > li:hover > a,#menu > ul > li.active > a{color:#fff;border-bottom:none;background-color:#A2A2A2;background-image: none;}
	#menu > ul > li> a{background-color: #F0F0F0;font-size: 15px;border-bottom: 1px solid #C5C5C5;}
	#menu > ul > li > a{padding:17px 20px; color: #333;}
	#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;font-family: 'OpenSansSemibold';padding:13px 20px;color:#333;cursor:pointer;font-size:16px;text-transform:uppercase;}
	#menu #menu-button::after{content:'';position:absolute;top:16px;right:20px;display:block;width:15px;height:2px;background:#333}
	#menu #menu-button::before{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #333;border-bottom:2px solid #333}
	#menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid #C5C5C5;height:57px;width:52px;cursor:pointer}
	#menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	#menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99}
	#menu .submenu-button.submenu-opened:after{display:none}

	#menu, #menu ul, #menu ul li, #menu ul li a, #menu #menu-button {line-height: 22px; height: auto;}
	
	#menu > ul > li.m1 {width: auto;}
	#menu > ul > li.m2 {width: auto;}
	#menu > ul > li.m3 {width: auto;}
	#menu > ul > li.m4 {width: auto;}
	#menu > ul > li {margin-right: 0;}
	
	#en-tete-haut .logo {padding-top: 5px; padding-bottom: 15px;}
	
	#menu > ul > li.active > a, #menu > ul > li.active:hover > a {background-image: none;}
	
	#menu > ul > li.active > a, #menu > ul > li.active:hover > a, #menu > ul > li:hover > a {border-bottom: none;}
}