/* CSS Document */

/*Barre menu + logo*/

.menu-1-ligne {
    position: relative;
	width: 100%;
	height: 46px;
    z-index:2;
	/*background-color: rgba(255, 255, 255, 1);*/
	/*background-image: radial-gradient(circle farthest-side, #fff, #f4f4f4);*/
	}
.menu-1-ligne .centre {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	height: 46px;
	transition: height 250ms;
	}
.menu-1-ligne.scrolled, .menu-1-ligne.scrolled .centre {
	height:70px;
	transition: height 250ms;
	background-color: rgba(255, 255, 255, 1);
	}
.menu-1-ligne.scrolled::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    background-color: transparent;
    z-index: 900;
}
.menu-1-ligne #logo{
    position: absolute;
	top: 20px;
	left: 5px;
	width: 200px;
	height: 67px;
	display: block;
	background:url(/images/logo-auditech.png) no-repeat left;
	background-size:cover;
	transition: all 250ms;
	}
.menu-1-ligne.scrolled #logo{
	top: 10px;
	width:	149.253px;
	height: 50px;
	transition: all 250ms;
	background:url(/images/logo-auditech-scroll.png) no-repeat left;
	background-size:cover;
	}

.menu-1-ligne .langue{
    position: absolute;
	top: 50%;
	margin-top: -13px;
	right:0px;
	z-index: 9999999;
	height: 26px;
	line-height: 28px;
	vertical-align:middle;
	border-radius: 5px;
	background-color: rgb(0 0 0 / 15%);
	color: #fff;
	padding: 0 8px;
	}
.menu-1-ligne .langue a{
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform:uppercase;
	}
.menu-1-ligne.scrolled .langue a{
	color: #9c9a8c;
	}
li.langue:hover div#listeLangue {
    display: block;
	text-align: end;
}
div#listeLangue {
    display: none;
}
/*icone*/
.menu-1-ligne #actu .fa-calendar-alt {font-size: 24px; color:#bdbfc0; font-family: FontAwesome; font-style: normal;}
.menu-1-ligne #actu .fa-calendar-alt:before {content:'\f073';}

.menu-1-ligne #ic-contact .fa-envelope {position: absolute; top: 50%; margin-top: -12px; right: 70px; font-size: 24px; color:#fff; font-family: "Font Awesome 5 Pro"; font-style: normal; display: none;}
.scrolled .menu-1-ligne #ic-contact .fa-envelope {color:#333132;}
.menu-1-ligne #ic-contact .fa-envelope:before {content:'\f0e0';}

.menu-1-ligne #ic-tel .fa-phone-alt {position: absolute; top: 50%; margin-top: -10px; right: 120px; font-size: 20px; color:#fff; font-family: "Font Awesome 5 Pro"; font-style: normal; display: none;}
.scrolled .menu-1-ligne #ic-tel .fa-phone-alt {color:#333132;}
.menu-1-ligne #ic-tel .fa-phone-alt:before {content:'\f879';}


/*menu */



/*degradé des deux côté*/
/*.menu-1-ligne .centre::before{
	content:'';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 47px;
	left: 0px;
	background-image: linear-gradient(to right,#FFF, #dbd9e5, #FFF);
	}*/

.menu-1-ligne .nav {display: none;}

	
.menu-1-ligne ul.nav  {
	text-align: left;
	}
ul.nav a:hover {
    color: white !important;
}
.menu-1-ligne .desktop  ul.nav > li {
	display: inline-block;
	vertical-align: top;
	height: 46px;
	margin-right: 15px;
	transition: all 250ms;
	position: relative;
	}
.menu-1-ligne .desktop  ul.nav > li:last-child {
	margin-right: 20px;

	}
.menu-1-ligne.scrolled  ul.nav > li {
	height: 70px;
	transition: all 250ms;
	}


.menu-1-ligne .desktop ul.nav > li > a{
    position: relative;
    display: block;
    text-align: center;
    font-size: 1em;
    height: 46px;
    vertical-align: middle;
    font-weight: 700;
    color: #444549;
    font-family: 'Roboto Condensed', sans-serif;
    transition: all 250ms;
	padding: 14.5px 8px;
    transition: all 250ms;
	}
.menu-1-ligne a:hover {
    color: white;
}
.menu-1-ligne.scrolled  .desktop ul.nav > li > a{
	transition: all 250ms;
	padding-top: 12.5px;
	color: #9c9a8c;
	}
.menu-1-ligne .desktop  ul.nav > li > a span{
	position: relative;
	height: 45px;
	line-height: 45px;
	vertical-align:middle;
	display:block;
	padding: 0 10px 0 10px;

	}


	
/*anim barre progressive	
.menu-1-ligne  ul.nav > li > a::before, .menu-1-ligne  ul.nav > li > a::before{
	content:'';
	width: 100%;
	height: 4px;
	background-color: #ea302e;
	opacity: 0;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translate(-50%) scaleX(0.5);
    transform: translate(-50%) scaleX(0.5);
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
	
	
	}
.menu-1-ligne  ul.nav > li > a.on::before, .menu-1-ligne  ul.nav > li > a:hover::before{
	opacity: 1;
	-webkit-transform: translate(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1);
	
	}
*/	

	

.menu-1-ligne.scrolled .desktop  ul.nav > li > a{
	height: 70px;
	line-height: 70px;
	}
/*.menu-1-ligne .desktop  ul.nav > li > a::after, .menu-1-ligne .desktop  ul.nav > li > a.on::after{
	content:'';
	width: 100%;
	height: 4px;
	background-color: transparent;
	position: absolute;
	bottom: 30px;
	left: 0px;
	transition: all 250ms; 
	}*/
.menu-1-ligne.scrolled .desktop  ul.nav > li > a::after, .menu-1-ligne.scrolled .desktop  ul.nav > li > a.on::after{
	bottom: 16px;

	}
.menu-1-ligne .desktop  ul.nav > li > a.on::after {
	background-color: #ffffff;
	
	}
.menu-1-ligne .desktop  ul.nav > li > a:hover::after{
	background-color: #ffffff;
	transition: all 250ms; 
	}
.menu-1-ligne .desktop  ul.nav > li > a:hover, .menu-1-ligne .desktop  ul.nav > li > a.on{
	color: #000000;
	}


.menu-1-ligne .desktop  ul.nav > li.mobile  {
	display:none;
	}
	



/*ss menu version li verticale
.menu ul ul { top: 100px; position: absolute; z-index: 9900; text-align: left; display: none;  padding: 15px; background: #fff;}
.scrolled .menu ul ul { top: 70px;}
.menu ul ul li{ white-space:nowrap;}
.menu ul ul li a{ color:#000; font-weight: 400; font-family: 'Work Sans', sans-serif; padding: 8px 30px 8px 10px; display:block;}
.menu ul ul li a:hover{ color: #96be0b;}
*/

/*menu plein écran*/
.menu-1-ligne .ssmenu {
	display: none;
	}

li.has-sub.parent ul li a {
	padding: 0 8px;
}


.menu-1-ligne .desktop.menu ul ul.ssmenu { /*top: 100px;*/ width: 100%; position: absolute; z-index: 9900; text-align: left; display: none; background: #fff;  transition: all 250ms; display: none; }
.scrolled  .desktop.menu ul ul.ssmenu { top: 70px; transition: all 250ms;}
.desktop.menu li li { line-height: 200%; font-size: 13px; width: 95%; }
.desktop.menu ul ul li a{ font-weight: 400}
.desktop.menu ul ul li a:hover{ color: #ffffff;}
.desktop.menu ul ul li.titre {
	text-transform: uppercase;
	padding-bottom: 10px;
		font-weight: bold;
	font-size: 14pt;
}

.menu-1-ligne .desktop.menu ul ul.ssmenu {
    display: none;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), #f8f8f8);
    color: #000;
    left: 0px;
    text-align: left;
    padding-top: 30px;
    position: absolute;
    width: 218px;
    padding-bottom: 24px;
    padding-left: 8px;
    overflow: auto;
	border: 1px solid #d20422;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul  {
	display: inline-block;
	width: 45%;
	vertical-align:text-top;
	margin: 0 2%;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li:first-child {
	border-bottom: 1px solid #dedede;
	padding-left: 15px;
	margin-bottom: 10px;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li {
	padding: 0 70px;
	margin-bottom: 4px;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li a{
	font-size: 1.14em;
	line-height: 20px;
	font-weight: 400;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li a{
	position: relative; 
	font-size: 1.14em;
	line-height: 20px;
	font-weight: 500;
	padding: 5px 20px;
	
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li a::before{
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #0e72b5;
    border-top: 2px solid #0e72b5;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 0px;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li a:hover{
	color: #fff;
	background-color: #1073b4;
	border-radius: 15px;
	padding: 5px 20px 5px 35px;
	font-weight: 300;
	}
.menu-1-ligne .desktop .nav .ssmenu > ul > li a:hover::before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    left: 15px;
	transition: all 250ms;
	}
.menu-1-ligne .desktop ul.nav > li > a:after {
    content: "|";
    color: #a1a2a4;
    font-size: 1.5em;
    right: -25px;
    top: 10px;
    position: absolute;
    display: inline-flex;
    margin-right: 15px;
	font-weight: 100;
}
@media screen and (max-width: 1250px) {
.menu-1-ligne .langue{
	top: 12px;
    margin-top: inherit;
    right: 56px;
	}
.menu-1-ligne ul.nav {
    margin-right: 5px;
}
	 }	
@media screen and (max-width: 1150px) {
.menu-1-ligne .desktop ul.nav > li > a span {
    padding: 0 0 0 0;
}
.scrolled .menu-1-ligne .langue {
    display: none;
}
	}


@media screen and (max-width: 550px) {

	 }



@media screen and (max-width: 1000px) {
.menu-1-ligne ul.nav {
    display: none;
	}
.menu-1-ligne #ic-contact .fa-calendar-alt {display: block;}
.menu-1-ligne #ic-contact .fa-envelope {display: block;}
.menu-1-ligne #ic-tel .fa-phone-alt {display: block;}
.menu-1-ligne ul.nav > li > a::before {
    display: none;
	}
.menu-1-ligne  ul.nav > li.mobile  {
	display: block;
	}
.menu-1-ligne .centre::before {
    display: none;
	}

.menu-1-ligne  ul.nav, .menu-1-ligne.scrolled  ul.nav {
	position:fixed;
	max-width: 315px;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0 0 0 0;
	overflow: auto;
	height: 100%;
	background: white;
	transition: left 250ms;
	z-index: 9999;
	padding-right: 15px;
	}
	.menu-1-ligne .langue {
		z-index: 9900;
	}

.menu-1-ligne  ul.nav > li, .menu-1-ligne.scrolled  ul.nav > li {
	display: block;
	border-bottom: 1px solid rgb(0, 0, 0);
	border-right: none;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.menu-1-ligne  ul.nav > li:after {
	display: none;
	}
.menu-1-ligne  ul.nav > li:last-child{
	border-bottom: none;
	}

.menu-1-ligne  ul.nav > li a, .menu-1-ligne.scrolled  ul.nav > li > a{
	color:rgb(0, 0, 0);
	text-decoration: none;
	display:block;
	/*white-space:nowrap;*/
	line-height:inherit;
	height:inherit;
	padding: 13px 15px;
	margin: 0 0 0 0;
	font-size: 1.2em;
	}

.menu-1-ligne ul.nav > li {
    margin-left: 0px;
}



.menu-1-ligne  ul.nav > li a.on:hover{
	background-color: #d20422;
	color: #fff;
	cursor:default;
	}
.menu-1-ligne  ul.nav > li a:hover, .menu-1-ligne  ul.nav > li.hover > a{
	background-color: #d20422;
	color: #292728;
	}





/****Menu version mobile****/

.menu-1-ligne .nav .ssmenu {
	background-color: #fff;
	color: #000;
	padding: 20px 10px;
	left: inherit;
	}
.menu-1-ligne .nav .ssmenu a{
	color: #59514f;
	display:block;
	padding: 10px 0;
	text-align:center;
	white-space:normal;
	line-height: 24px;
	}
.menu ul ul.ssmenu {
    top: inherit;
    position: relative;
    z-index: 9900;
    text-align: center;
    display: none;
    padding: 15px;
    background: #877875;
}



.menu-1-ligne ul.nav > li:nth-of-type(1), .menu-1-ligne ul.nav > li, .menu-1-ligne ul.nav > li:nth-last-child(3) {
    margin: 0 0 0 0;
}
.menu-1-ligne  ul.nav > li > a::after {
	display: none;
	}
.menu-1-ligne  ul.nav > li.parent > a:before, .menu-1-ligne  ul.nav > li:nth-of-type(2) > a:hover::before, .menu-1-ligne  ul.nav > li > a.on:before{
	display: none;
	}

.menu-1-ligne  ul.nav > li.hover > ul.ssmenu::before{
    display: none;
	}
.menu-1-ligne  ul.nav > li.hover > ul.ssmenu{
	width: 100%;
    left:inherit;
	top:inherit;
	display: block;
	z-index:1000;
	text-align: left;
	background-color: #fff;
	border: none;
	text-align:center;
	padding: 0 0;
	position: relative;
	}
.menu-1-ligne ul.nav > li.hover:nth-of-type(3) > ul.ssmenu {
    width: 100%;
    left: inherit;
}
.menu-1-ligne  ul.nav > li.hover > ul.ssmenu li {
	line-height: 26px;
	width: 100%;
	height: auto;
	display: block;
	vertical-align: inherit;
	margin: 0 0;

	}
.menu-1-ligne  ul.nav > li.hover > ul.ssmenu li span{
	display: none;
	}
.menu-1-ligne  ul.nav > li.hover > ul.ssmenu li:last-child {
	border-bottom: none;
	}
.menu-1-ligne  ul.nav > li.hover > ul.ssmenu li a{
	display: block;
	/*white-space: nowrap;*/
	width: 100%;
	font-size: 1.07em;
	font-weight: 300;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 26px;
	vertical-align:middle;
	font-size: 1em;
	font-weight: 400;
	text-transform:uppercase;
	color: #454c5b;
	}

.menu-1-ligne  ul.nav > li:last-child, .menu-1-ligne  ul.nav > li:nth-last-child(2) {
	display: block;
	padding: 0 0 0 0;
	}
.menu-1-ligne  ul.nav > li:last-child {
    border: none;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0x;
    background: none;
	border-bottom: 1px solid #fff;
}

.menu-1-ligne ul.nav > li:last-child a {
	font-size: 1.2em;
	line-height: inherit;
	height: auto;
	}

	}


@media screen and (max-width: 500px) {
.menu-1-ligne .barre li.actu {
	display: none;
	}
.menu-1-ligne #logo{

	}

	}



/* all nav */
.menu { position: relative; width: 100%; z-index: 9900; line-height: normal; background: white; }
::marker {color: green !important;}
.menu a { color: #000; }
.menu ul { margin: 0; padding: 0; }
.menu li { list-style: none; display: block; margin: 0; padding: 0; line-height:normal; }
.menu li a { display: block; text-decoration: none; font-size: inherit; font-family: inherit; box-sizing: border-box;}
@media only screen and (max-width : 1000px) {
	.menu { background: none; }
}
/* main level */
.menu > ul > li { display: inline-block;  }
.menu > ul > li > a {  }



/* second level dd */
.menu ul > ul > ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; display: inline-block;}
.menu > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.menu > ul > li.drop-left > ul { right: 0; }
.menu li.drop-left ul ul { left: auto; right: 220px; }


/* sticky nav */
.menu.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.menu-noscroll-x { overflow-x: hidden; }

/* general styling */
/*.menu li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline-block; }*/
.menu li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.menu li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.menu.hide-arrows li.has-sub > a:after, .menu.hide-arrows li li.has-sub > a:after, .menu.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.menu .menu-toggle, .menu .close-menu, .menu .call-btn-mobile, .menu .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.menu .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; text-align: center; z-index: 9999; border: 0; }
/*.menu.desktop li.has-sub a { padding-right: 5px; }
.menu.desktop.hide-arrows li.has-sub a { padding-right: 15px; }*/
.menu.mobile > ul > li > a.dd-toggle { padding: 0; }
.menu li.call-btn-mobile, .menu li.location-btn-mobile { display: none; }

/* svg icons */
.menu svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.menu a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.menu a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.menu a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.menu li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }


.menu .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; margin-right: 10px; }
.menu .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.menu .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }


/* mobile nav */
.menu .menu-toggle, .menu .call-btn-mobile, .menu .location-btn-mobile, .menu .close-menu { box-sizing: border-box; }
.menu .menu-toggle span.bars { display: inline-block; position: relative;}
.accueil .menu .menu-toggle span.bars span { display: block; width: 25px; height: 2px; border-radius: 6px; background: rgb(0, 0, 0); margin: 0 0 5px; }
.menu .menu-toggle span.bars span { display: block; width: 25px; height: 2px; border-radius: 6px; background: rgb(255, 255, 255); margin: 0 0 5px; }
.scrolled .menu .menu-toggle span.bars span {background: #333132; }
.menu .full { width: 100%; }
.menu .half { width: 50%; }
.menu .third { width: 33%; text-align: center; }
.menu .location-btn-mobile.third { text-align: center; }
.menu .location-btn-mobile.half { text-align: right; }

.menu.mobile { position: absolute; top:50%; margin-top: -8px; height: 20px; width: 30px; right: 10px; padding-top: 0px;  }
.scrolled .menu.mobile {}
.menu.mobile.fixed { position: static; }
.menu.mobile ul.ssmenu {display: none; }
.menu.mobile.active { padding-bottom: 0; }
.menu.mobile.active > ul { display: block; }
.menu.mobile ul { text-align: left; }
.menu.mobile > ul > li { display: block; }

.menu.mobile ul ul.ssmenu { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;  }
.menu.mobile ul ul.ssmenu .titre{font-size: 1.2em; font-weight: 700; padding-bottom: 10px;}
.menu.mobile ul ul.ssmenu li a{text-align: left; padding: 10px;}
.menu.mobile ul ul ul { left: auto; top: auto; }
.menu.mobile li.drop-left ul ul { right: auto; }
.menu.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.menu.mobile li a.dd-toggle { border: 0; }
.menu.mobile.light li a.dd-toggle { border: 0; }
.menu.mobile .menu-toggle, .menu.mobile .dd-toggle, .menu.mobile .close-menu, .menu.mobile .call-btn-mobile, .menu.mobile .location-btn-mobile { display: inline-block; }
.menu.mobile .close-menu {display: none;}
.menu.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.menu.mobile li.call-btn-mobile, .menu.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.menu.mobile li.call-btn-mobile.full, .menu.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }






/* mobile nav */
@media only screen and (max-width : 420px) {
	.menu.mobile .call-btn-mobile.third span, .menu.mobile .location-btn-mobile.third span { display: none; }
}


@media screen and (max-width: 400px) {
.menu-1-ligne #logo{
	top: 24px;
	width:	149.253px;
	height: 50px;
	}
	}