#menu {padding-top: 0; padding-bottom: 0; float: right; padding-right: 40px;}
#menu ul {list-style-type: none; text-align: center; padding: 0; margin: 0;}
#menu ul li {float: left; list-style: none; margin: 0; position: relative;}
#menu ul li a {display: inline-block !important; font-family: 'Roboto'; position: relative; font-weight: 600; font-size: 15px; text-transform: uppercase; display: inline-block; line-height: 20px; text-decoration: none; color: #222222; padding: 24px 25px; margin-right: 4px; transition-duration: 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s;}
#menu ul li.m1 a, #menu ul li.m5 a {line-height: 40px;}
#menu ul li.m3 a {padding: 14px 15px;}
#menu ul li a.select {background-color: #003A4C; color: white;}
#menu ul li:hover > a {background-color: #003A4C; color: white; transition-duration: 0s;}
#menu ul li a:hover:hover .dropdown-icon {stroke: #fff;}

#menu ul li a .dropdown-icon {vertical-align: -3px; padding-left: 3px;}

.menu-2 {background-color: #da1c5a !important;}
.menu-2 ul li a {border-bottom: none !important;}

#menu ul li.m7 {display: none;}



#menu ul ul{position:absolute;left:-9999px; overflow: hidden; border-top: 3px solid #003a4c; background-color: white; box-shadow: rgba(0, 0, 0, .20) 0 3px 5px;}
#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 !important;width:205px;line-height: 24px !important; text-align: left; font-size:15px;background:white;text-decoration:none;color:#222222;text-transform:uppercase;margin-right: 0; -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.machines ul li a {width: 315px;}
#menu ul ul li:hover > a,#menu ul ul li a:hover{color:white;}
#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.accueil {display: none;}



#menu #menu-button{display:none}

@media all and (max-width: 1484px)
{
	/*#menu ul li a {padding: 24px 6px;}*/
}


@media all and (max-width: 1425px)
{
	#menu ul li.accueil {display: block;}
	#menu ul li.lasociete .select {background-color: #00475d;}
	
	#menu {float: none; padding-top: 3px; box-shadow: rgba(0,0,0,.40) 0 1px 4px;}
	#en-tete .logo {float: none; text-align: center; padding-top: 7px;}
	#en-tete .logo a {display: inline;}
	#en-tete .logo a img {display: inline;}
	#en-tete {height: auto;}
	#menu ul li {float: none; display: inline;}
	#menu ul li a {line-height: 35px; margin-top: 10px;}
	#menu ul li.m1 a, #menu ul li.m5 a {line-height: 22px;}
	#menu li a br {display: none;}
	
	#menu ul li.m7 {display: inline-block;}
	
	#menu .dropdown-icon {display: none;}
	#menu ul ul {border-top: none;}
	#menu ul ul li a {color: white !important; background-color: #05789b !important;}
}

@media all and (max-width: 1425px) {
	#en-tete .logo a {font-size: 30px;}
	#en-tete .logo {padding-top: 12px; padding-bottom: 5px;}
	#en-tete .en-tete-fix {padding: 0 8px;}
	
	#menu {position: relative; right: 0; padding: 0; margin: 0 0 0 0;}
	#menu ul li.m1{margin:0}
	#menu{width:100%; background: #003A4C !important; position: fixed;}
	#menu ul{width:100%;display:none}
	#menu.align-center > ul,#menu.align-right ul ul{text-align:left}
	#menu ul li a:hover, #menu ul li a.select {background-color: rgb(17 82 211);}
	#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.machines 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:15px;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:#b7c33f}
	#menu > ul > li:hover > a,#menu > ul > li.active > a{color:#fff;border-bottom:none;background-color:rgb(6 79 118);background-image: none;}
	#menu > ul > li> a{background-color: #00475d;font-size: 15px;border-bottom: 1px solid #faffed !important;}
	#menu > ul > li > a{padding:17px 0; color: white;}
	#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:13px 20px;color:white;cursor:pointer;font-size:16px;text-transform:uppercase;font-weight: bold;}
	#menu #menu-button::after{content:'';position:absolute;top:16px;right:20px;display:block;width:15px;height:2px;background:white;}
	#menu #menu-button::before{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:3px;border-top:2px solid white;border-bottom:2px solid white;}
	#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:white;z-index:99}
	#menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:white;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; margin: 0;}
	#menu {z-index: 10;}
	#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: 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;}
	
	#menu ul li {margin: 0;}
	
	.menu-2 ul li a {border-bottom: 1px solid #fdd5e2 !important;}
	
	#menu ul li.m3 a {padding: 17px 0px;}
}

@media all and (max-width: 745px) {
	#en-tete .logo {text-align: left; margin-left: 5px;}
}

@media all and (max-width: 350px) {
	#en-tete .logo a {font-size: 27px;}
}