@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/QuicksandLight.eot');
    src: url('../fonts/QuicksandLight.eot') format('embedded-opentype'),
         url('../fonts/QuicksandLight.woff2') format('woff2'),
         url('../fonts/QuicksandLight.woff') format('woff'),
         url('../fonts/QuicksandLight.ttf') format('truetype'),
         url('../fonts/QuicksandLight.svg#QuicksandLight') format('svg');
}
@font-face {
    font-family: 'QuicksandRegular';
    src: url('../fonts/QuicksandRegular.eot');
    src: url('../fonts/QuicksandRegular.eot') format('embedded-opentype'),
         url('../fonts/QuicksandRegular.woff2') format('woff2'),
         url('../fonts/QuicksandRegular.woff') format('woff'),
         url('../fonts/QuicksandRegular.ttf') format('truetype'),
         url('../fonts/QuicksandRegular.svg#QuicksandRegular') format('svg');
}
@font-face {
    font-family: 'QuicksandMedium';
    src: url('../fonts/QuicksandMedium.eot');
    src: url('../fonts/QuicksandMedium.eot') format('embedded-opentype'),
         url('../fonts/QuicksandMedium.woff2') format('woff2'),
         url('../fonts/QuicksandMedium.woff') format('woff'),
         url('../fonts/QuicksandMedium.ttf') format('truetype'),
         url('../fonts/QuicksandMedium.svg#QuicksandMedium') format('svg');
}

/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #fff;
    color: #6a6a6a;  font-family: 'QuicksandLight';
    font-size: 15px;
    line-height: 1.6em;
}
a {
    color: #112085;
    text-decoration: underline;
    transition: all .4s;
 
}
a:active, a:hover, a:focus {
  color: #112085;
    text-decoration: none;
}
 

.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
#news-popup .popup-wrapper .popup-content .news-item-title {

    font-size: 1.2em!important;

    letter-spacing: 0.1em!important;
}
 .container{    width:1317px!important;position: relative;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.1em;
    text-transform:none;
  font-family: 'QuicksandLight';
    letter-spacing:0.2em;
    text-shadow: none;
	font-weight:normal;
}

h1, .h1{
    font-size: 16px;
    color: #6a6a6a;

}
h2, .h2{
    font-size:30px;
	color:#122184;
	    font-family: 'QuicksandRegular';
		 letter-spacing: 0;

}
h3, .h3{
    font-size: 19px;
	color:#6a6a6a;
	
	
}
h4, .h4{
    font-size: 18px;
	color:#122184;
	  

}
h5, .h5{
    font-size: 17px;
	color:#6a6a6a;

	
}
h6, .h6{
    font-size: 16px;
	color:#122184;


}

hr {
	border-color: #e5e5e5;
}


nav.main-nav {
    position: relative;
    z-index: 100;
	top:0px;
	width:100%;
    height: 109px;
	top:0px;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
	    width: 100%;
		background:#fff;

}

.is-sticky nav.main-nav {


	box-shadow:0px 0px 5px rgba(0,0,0,0.5);

}

 .logo {
    position: relative;
	float:left;
	margin-top:5px;
    pointer-events: auto;
    z-index: 5;
    transform-origin: left top;
    transition: all .8s;
    transition-delay: .1s;

}




nav.main-nav .sf-menu {
    text-align: right;
    align-self: center;
    float: right;
    margin-top: 32px;

}
.is-sticky nav.main-nav .sf-menu {}

nav.main-nav .mobile-nav {
    display: none;
    text-align: right;
    align-self: center;
}
nav.main-nav .mobile-nav a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    line-height: 40px;
    font-size: 24px;
}
nav.main-nav .mobile-nav i.fa {
    text-align: center;
    color: #fff;
    line-height: 40px;
    width: 43px;
    line-height: 40px;
    display: inline-block;
    background: #112085;
}

div#sticky-wrapper {
    position: relative;
    width: 100%;
 
}
header.top {
    position: relative;
    height: 500px;
    z-index: 3;
	    width: 100%;
		background:url(../images/bg-header.jpg) top center no-repeat;
}

header.top.big {
    height:742px;
}


header.top  .container {
    position: relative;
	height:100%;
    /* pointer-events: none; */
}



header.top #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 2;
}
section.banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin-bottom:0px!important;
}
header.top #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 1;
	margin-bottom: 0px !important;
}
header.top  .fluid_container #slideshow .camera_pag  .camera_pag_ul {
   list-style: none;
    margin: 0;
    padding: 0;
    text-align: center!important;
    padding-right: 0px !important;
    width: 100%!important;
    margin: 0 auto!important;
	pointer-events: auto;
	padding-right:0%!important;
 
}
header.top .fluid_container #slideshow .camera_pag_ul li {
margin: 0 2px 0px 2px;
	background: none;
	display:inline-block;
width: 12px;
    height: 12px;
	border-radius:50%;
}

header.top .fluid_container #slideshow .camera_pag_ul li > span {
    left: 0;
    top: 0px;
	right:0px;
	top:0px;
    margin:0 auto;
width: 12px;
    height: 12px;
 border-radius:50%;
background:#fff;


}

header.top .fluid_container #slideshow .camera_pag_ul li.cameracurrent > span {
background:#4151c2;


}
header.top  .fluid_container #slideshow .camera_pag {
    position: absolute;
 bottom:30px;
    width: 100%!important;
    height: auto;
    margin: 0 auto;
    z-index: 5;
}
header.top .slogan {
bottom: 40%;
    position: absolute;
    z-index: 5;
    display: inline-block;
    pointer-events: auto;
    text-align: right;
    color: #fff;
    right: 15px;
    font-family: 'QuicksandRegular';
    font-size: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
 
}
header.top .slogan p{ font-family: 'QuicksandRegular';
    font-size: 60px;
    line-height: 65px;
    letter-spacing: 0px;
    margin: 0px 0px 32px;
    text-shadow: 0px 0px 7px rgb(0 0 0 / 35%);
    text-transform: none;}
header.top.big .slogan {     bottom: 40.2%;}





.slogan a{ text-decoration:none; 	color:#fff;}



header.top .slogan .cta1 .number {
    display: block;
    width: 217px;
    height: 33px;
    line-height: 33px;
    text-align: left;
    padding-left: 49px;
    font-size: 24px;
    color: #fff;
    border-radius: 28px;
    background: #112085;
    position: relative;
    float: right;
    margin-top: 25px;
}
header.top .slogan .cta1 .number:before{     position: absolute;
    left: -18px;
    top: -10px;
    content: '';
    width: 53px;
    height: 55px;
    background: url(../images/icon-cta.png) no-repeat;}
header.top .slogan .cta1 .number-responsive {
display: none;
}
span.titr {
    float: right;
    width: 100%;
}
header.top .slogan .cta1 .tel-resp{          display: block;
    width: 217px;
    height: 33px;
    line-height: 33px;
    text-align: left;
    padding-left: 49px;
    font-size: 24px;
    color: #fff;
    border-radius: 28px;
    background: #112085;
    position: relative;
    float: right;
    margin-top: 25px;
}
.camera_overlayer{ background:rgba(0,0,0,0.17);}
header.top .slogan .cta1 .tel-resp:before{     position: absolute;
    left: -18px;
    top: -10px;
    content: '';
    width: 53px;
    height: 55px;
    background: url(../images/icon-cta.png) no-repeat;}
.slogan a{ text-decoration:none; 	color:#fff;}

header.top .slogan .tel-resp:hover{  background:#4151c2;}
header.top .slogan .number:hover{ background:#4151c2;}



section.home-content {

    position: relative;
    padding: 75px 0 70px;
    min-height: auto;
    z-index: 3;


}
section.home-content:before {
    position: absolute;
    left: 0%;
    top: 0px;
    content: '';
    background: #dbdef4;
    width: 52.5%;
    height: 560px;
    clip-path: polygon(100% 0, 0 0, 0 100%);
	    z-index: -1;
}
section.page-content {
    position: relative;
    padding: 165px 0 70px;

	
}

article.content {
letter-spacing: 0em;
    text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;
    float: right;
    width: 100%;


}
article.content h2{
   text-transform: uppercase;

}
section.home-content article.content {
letter-spacing: 0em;
    text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;
    float: right;
width: 53.5%;


}
section.contact-content article.content {
letter-spacing:0em;
 text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;

}
 article.content img
 {
    height: auto;
    max-width: 100%;
    outline: none;}
article.content header.page-title {
margin-bottom: 15px;
    position: relative;
    text-align: left;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 35px;

}


article.content header.page-title h1{
margin: 0px;
    position: relative;
    width: 100%;
	padding-left:0px;
	text-align:left;
	
 }

article.content a{ text-shadow:none;}
 article.content header.page-title h1 span:nth-child(1) { display:block;    color: #6a6a6a;}
 article.content header.page-title h1 span:nth-child(2) {
    color: #122184;
    letter-spacing: 0px;
    font-size: 72px;
    margin-top: 12px;
display: initial;
    text-shadow: none;
    text-transform:none;
 font-family: 'QuicksandRegular';
     line-height: 72px;
}
 article.content header.page-title h1 span:last-child{ color: #4151c2!important;
    display: initial!important;     letter-spacing: 0px;
    font-size: 72px;
    margin-top: 12px;
display: initial;
    text-shadow: none;
    text-transform:none;
 font-family: 'QuicksandRegular';    line-height: 72px;}
  article.content header.page-title.page-title2 h1 span:nth-child(1) {     color: #122184;
    letter-spacing: 0px;
    font-size: 72px;
    margin-top: 12px;
display: initial;
    text-shadow: none;
    text-transform:none;
 font-family: 'QuicksandRegular';
     line-height: 72px;}
	   article.content header.page-title.page-title2 h1 span:nth-child(2) {     color: #122184;
    letter-spacing: 0px;
    font-size: 72px;
    margin-top: 12px;
display: initial;
    text-shadow: none;
    text-transform:none;
 font-family: 'QuicksandRegular';
     line-height: 72px;}
 
 
.moretext {
  display: none;
}
a.moreless-button {
    cursor: pointer;
	position: relative;
    /* float: left; */
    width: 150px;
    height: 49px;
    text-align: center;
    background: #353535;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 49px;
    margin-top: 0px;
	display: block;
	border-radius:28px;
}
a.moreless-button:hover{background:#4151c2;}
.map1 {
    position: absolute;
    width: 50%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-right: 1px solid #000;
}
.map2 {
    position: absolute;
    width: 50%;
    top: 0px;
    bottom: 0px;
    right: 0px;
}
section.home-content .img{ float:left; width:438px; height:191px; margin-top:55px; background:url(../images/Audison-.png) no-repeat; background-size:contain;}
article.content header.page-title h5 {
    margin: 0;
}

article.content header.page-title + h2 {
    margin-top: 0;
  
}
article.content p {
    margin: 0 0 10px;
}


article.content ul {
    list-style: outside disc;
    margin-left: 0;
    padding-left: 20px;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 4px;
    padding-left: 20px;
}
article.content ul ul li {
    background: url(../images/list-icon02.png) no-repeat 0 7px;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #f2f2f2;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}
table td {padding: 10px 5px;}
table tr:nth-child(n) {
    background: #e5e5e5;
}
table tr:nth-child(2n) {
       background: #d5d5d5;
}

	
section.contactform {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
	
}


section.services {
    position: relative;

    padding: 0px 0 13px;
    text-align: left;
    min-height: 312px;

	
		
	
}
section.services:before{     position: absolute;
    right: 0px;
    bottom: 0px;
    width: 69%;
    content: '';
    height: 115px;
    background: #4151c2;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;}
section.services:after{    position: absolute;
    left: 30.3%;
    bottom: 0px;
    width: 9px;
    content: '';
    height: 115px;
    background: #122184;
    border-radius: 28px;}
section.services h2{ float:left; font-family: 'QuicksandLight'; font-size:24px; color:#122184; margin-top:80px; letter-spacing:0em; padding-top:74px; /*background:url(../images/bg-h2.png) left top no-repeat;  */  text-shadow: 0px 0px 0px #122184;}
section.services .titrh2{    color: #4151c2;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'QuicksandRegular';
    letter-spacing: 0.16em;
    margin-top: 15px;
    display: block;    text-shadow: 0px 0px 0px #4151c2;}
section.services .boxes{    width:70%;
    width: 72.8%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    float: right;
}

section.services  a{ text-decoration:none; 
}
section.services  a:hover{ text-decoration:none; }
section.services  .box{
width: 293px;
height:293px;
    text-align: center;
    position: relative;
    float: left;
    padding: 0px 0px 0px;
    display: block;
    z-index: 2;
	text-align:center;

}



section.services  .box .img{ position: relative;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 30%);
    margin: 0 auto;
    display: table;
    opacity: 1;}
	section.services  .box .img img{ position:relative; width:100%; height:100%; border-radius: 18px;}

section.services  .box:hover .img{transition: all .4s;border:5px solid #122184;box-shadow:0px 0px 7px rgba(0,0,0,0); }


section.services  .box  h3{
    width: 100%;
    text-transform: none;
    color: #333b3f;
    letter-spacing: 0.0em;
    font-size: 28.72px;
    position: absolute;
    text-align: center;
    margin-top: 0px;
    background: #fff;
    bottom: 40px;
    left: 0px;
    right: 0px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-family: 'QuicksandMedium';
}




section.services  .box:hover  h3{ color:#fff; background:#122184;transition: all .4s;}

section.newsletter, .page-486 section.newsletter {
padding: 93px 0px 85px;
    background: url(../images/bg-newsletter.jpg) left bottom no-repeat #fff;
    position: relative;
    width: 100%;
    float: left;
    min-height: 399px;
}
.page-486 section.newsletter {
    background: url(../images/bg-newsletterstarkey.jpg) left bottom no-repeat #fff;
  
}

section.newsletter .content-newsletter{ float: right;
    text-align: center;
    width: 70%;}
section.newsletter h2{ color:#122184; font-size:36px;font-family: 'QuicksandRegular'; margin:0px 0px 30px; letter-spacing:0px;}
section.logos {
padding:44px 0px 20px;
background:#122184;
 position:relative;
     width: 100%;
    float: left;
	min-height:219px;
	text-align:center;
}
.box-logos{ position: relative;
    width: 44.8%;
    float: right;
    text-align: center;position:relative;

}
.box-logos2{ 
    width: 100%;

display: flex;
justify-content: space-between;
align-items: center;
flex-wrap : wrap;
position:relative;

}
.box-logos:before{    position: absolute;
    top: 20px;
    height: 101px;
    width: 1px;
    content: '';
    left: -61px;
    background: rgba(255,255,255,0.2);}
section.logos a{ text-decoration:none;}

section.logos  h2{ margin:0px 0px 50px; letter-spacing:0.0em; color:#fff;  font-family: 'QuicksandRegular';font-size:30px;
text-align:center;
}
.temoignages{ position: relative;
    width: 50%;
	float:left;
text-align: center;
color: #fff;
    padding-right: 20px;
}
.temoignages a{ color:#fff;}
.temoignages a:hover{ color:#7584eb;}
.temoignages h2:hover{ color:#7584eb;}

article.content #AllNews {
    position: relative;
    padding-top: 30px;
}
article.content #AllNews .row {
    display: flex;
}
article.content #AllNews .row > [class*='col-'] {
    flex-direction: column;
}
article.content #AllNews .Item {
    position: relative;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 250px;
    background: rgba(255,255,255,0);
    transition: background .4s;
}
article.content #AllNews .Item:hover {
    background: #f6f6f6;
}
article.content #AllNews .Item .photo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
article.content #AllNews .Item .photo img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .4s;
}
article.content #AllNews .Item:hover .photo img {
    filter: brightness(70%) contrast(70%);
}
article.content #AllNews .Item .photo.nophoto {
    position: relative;
    height: 100%;
    background: #eee;
    background-size: 50%;
    filter: grayscale(100%);
    transition: background-color .4s;
}
article.content #AllNews .Item:hover .photo.nophoto {
    background-color: #ccc;
}
article.content #AllNews .Item .photo::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 40px;
    background: #fff;
    z-index: 10;
    transition: top .4s;
}
article.content #AllNews .Item .photo::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 1px;
    background: #fff;
    z-index: 10;
    transition: left .4s;
}
article.content #AllNews .Item:hover .photo::before {
    top: 50%;
}
article.content #AllNews .Item:hover .photo::after {
    left: 50%;
}
article.content #AllNews .Item figcaption {
    position: relative;
}
article.content #AllNews .Item figcaption h3 {
    margin: 0 0 15px;
    transition: color .4s;
}
article.content #AllNews .Item:hover figcaption h3 {
    color: #b28b5b;
}
article.content #AllNews .Item figcaption .button {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #b28b5b;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);
    transition: box-shadow .4s;
}
article.content #AllNews .Item:hover figcaption .button {
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}
article.content #AllNews .Item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

footer.bottom {
    position: relative;
    padding: 93px 0px 20px;
    color: #474747;
    background: #fff;
    font-size: 15px;
    min-height: 400px;
    background-size: cover;
    line-height: 23px;
    width: 100%;
    float: left;
    letter-spacing: 0.0em;
    text-shadow: 0px 0px 0px #000;
    font-family: 'QuicksandRegular';

}

footer.bottom.bottom2 {
    background: #f9f9f9;
}



footer a{ color:#122184!important; text-decoration:underline!important;}
footer a:hover{ color:#474747!important; text-decoration:none!important;}
.googlemaps_v2 label.modal-label{color:#122184!important; text-decoration:underline!important;}
.googlemaps_v2 label.modal-label:hover{color:#474747!important; text-decoration:none!important;}
footer.bottom .content-f{     position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: left;}




footer.bottom  h2{       font-size: 28px;
    color: #151515;
    letter-spacing: 0.0em;
    text-transform: none;
    font-family: 'QuicksandRegular';
    margin: 0px 0px 17px;
    text-shadow: 0px 0px 0px #000;
} 
footer.bottom   .bloc11{  
    padding-left: 50px;
    background: url(../images/ligging.png) left 0px no-repeat;
	min-height:36px;

}
footer.bottom   .bloc12{   
    padding-left: 50px;
    background: url(../images/ligging.png) left 0px no-repeat;
	min-height:36px;
	margin-top:24px;
}

footer.bottom   .bloc13{   
    padding-left: 50px;
    background: url(../images/mail.png) left 7px no-repeat;
    min-height: 36px;
    margin-top: 17px;
}
footer.bottom   .bloc2{     text-align: center;
    margin-top: -29px;}
footer.bottom   .bloc3{ float:right; }
footer.bottom   .bloc3 h2{margin-top: -124px;}
	footer.bottom   .bloc3 p{ margin-bottom:25px;}
		footer.bottom   .bloc3  strong{     display: block;
    font-size: 18px;
    color: #122184;
    font-family: 'QuicksandRegular';
    font-weight: 500;
}
			footer.bottom   .bloc3  .fer{    text-decoration: line-through;
    text-decoration-color: #b2b2b2;}
footer.maps {
    position: relative;
    height: 378px;
    overflow: hidden;
    background: #eee;
    width: 100%;
    float: left;
}
footer.bottom span.number-responsive{ display:none;}
footer.maps  .box_googlemapsv2 iframe {

position: absolute;
    left: 0;
    right: 15px;
    top: 0;
    bottom: 0;
    /* min-height: 368px; */
    height: 100%;
}
footer.maps .link a {
	font-size: 0;
}
footer.maps .link a.iframe.fancyIFrame {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

footer.maps span.googlemaps_v2 {
    width: 100%;
    height: 100%;
}
footer.maps .googlemaps_v2 label.modal-label{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	font-size:0px;
}


a#scrollTopBtn {bottom: 40px;z-index: 9;left: auto;right: 5px;transform: translateX(-50%);padding: 6px 15px 10px;background: #112184;border-radius: 3px;color: #fff;font-size: 30px;line-height: 1;text-decoration: none;box-shadow: none;transition: background .4s, box-shadow .4s;}
a#scrollTopBtn:hover {
    background: #4151c2;
	color:#fff;
   
}
a#scrollTopBtn i.fa::before {
    content: '\f0d8';
}


.phone-responsive {
    display: none;
}

.cookieinfo a.cookieinfo-close {
    border-radius: 3px !important;
    text-transform: uppercase;
    font-size: .9em;
    padding: 5px 15px !important;
}
#footerSlideButton {
color: #4151c2!important;
    right: 19px!important;
}
#video{
 position: relative;
 background: transparent;
     width: 100%;
    height: 100%;
}


.video1 {
    overflow: hidden;
    height: 550px;
}
.videoTop {position: absolute;width: 100%;/* margin: 0 auto; *//* float: none; *//* display: table; *//* overflow: hidden; */top: 0;right: 0;left: 0;z-index: 0;height: 600px;}
.videoTop video {
    object-fit: cover;
    width: 100%;
    height: 600px;
}

.videoTop2 {position: absolute;width: 100%; height: 100%;/* margin: 0 auto; *//* float: none; *//* display: table; */overflow: hidden;top: 0;right: 0;left: 0;z-index: 0;max-height: 500px;}
.videoTop2 iframe {
   object-fit: cover;
   width: 100%;
   height: 100%;
}
@media only screen and (min-width : 1920px) {
section.home-content:before {

}
section.services:before{ 
    width: 66.4%;}
	section.services:after{
    left: 32.8%;}
}
@media only screen and (max-width : 1680px) {

section.services:before {
    background: none;
}

section.services:after {
    background: none;
}
}

@media only screen and (max-width : 1600px) {
    section.newsletter .content-newsletter {
      float: right;
      text-align: center;
      width: 60%;
  }

}

@media only screen and (max-width : 1365px) {
    section.newsletter .content-newsletter {
      float: right;
      text-align: center;
      width: 51%;
  }

}

@media only screen and (max-width :1317px) {
	.container{ width:100%!important;}
	.logo img{ max-width:100%;}
	footer.bottom .bloc2 img{ max-width:100%;}
.sf-menu a {    padding: 0px 3.5px 0px 14px!important;}
section.services .box {    width: 265px;}
        section.newsletter .content-newsletter {
      float: right;
      text-align: center;
      width: 60%;
  }
  
}

@media only screen and (max-width : 1279px) {section.home-content article.content {
width: 55%;
}}
@media only screen and (max-width : 1199px) {
	
	.sf-menu a {
    padding: 0px 7px 0px!important;
}

	
	header.top {

    height: 650px;}
	header.top .slogan {
    bottom: 15%;}
section.services .boxes {

    width: 100%;}
	.logo {
    max-width: 200px;
}
section.services .box {
    width: 293px;}
    
    section.newsletter {
   
background: url(../images/bg-newsletter.jpg) left no-repeat #fff;
    bottom: -200px;
    margin-bottom: 90px;
}

section.newsletter .content-newsletter {
    margin-top: -240px;
}


section.newsletter, .page-486 section.newsletter {
padding: 63px 0px 85px;
}

	}

@media only screen and (max-width : 1023px) {
footer.bottom h2 {

    text-align: center;
}
section.home-content article.content {
    width: 53%;
}

    .homepageTemplate nav.main-nav .sf-menu {
        text-align: right;
    }
.sf-menu a {
    padding: 0px 6px 0px!important;
}
	.box-logos {

    width: 45.8%;}	
	footer.bottom .bloc11 {
    width: 100%;
    padding-left: 0px;
    background: url(../images/ligging.png) top center no-repeat;
	padding-top:55px;
	text-align:center;
}
footer.bottom  .bloc12 {
    width: 100%;
    padding-left: 0px;
    background: url(../images/ligging.png) top center no-repeat;
	text-align:center;
	padding-top:55px;
}
footer.bottom  .bloc13 {
    width: 100%;
    padding-left: 0px;
    background: url(../images/mail.png) top center no-repeat;
	text-align:center;
	padding-top:55px;
}
footer.bottom .bloc1{ float:none; margin:0 auto; display:table; width:100%;margin-bottom: 20px;}
footer.bottom .bloc2 img{ margin:0 auto; max-width:100%;}
footer.bottom .bloc2{ float:none; margin:0 auto; display:table; width:100%;margin-bottom: 20px;}
footer.bottom .bloc3 {
   
    float: none;
    text-align: center;

}
footer.bottom .content-f{ display:block;    top: 90px;}

}
@media only screen and (max-width : 1180px) {
	section.services .box {
width: 100%;

    max-width: 293px;
    display: table;
    margin: 0 auto;
    float: none;
}


	nav.main-nav .mobile-nav {
    margin-top: 20px;
}

	nav.main-nav ul.sf-menu {
        display: none;
    }
    nav.main-nav .mobile-nav {
float: right;
    margin-top: 19px;

    display: block;}
   nav.main-nav ul.sf-menu {
        display: none;
    }

.is-sticky nav.main-nav .sf-menu {

    display: none;}

    header.top {
        height:550px;
    }
 
  
header.top.big {
    height: 550px;
}
.contenu-h {
    width: 100%;
}
	section.services a{ text-decoration:none;}


	nav.main-nav .logo {
    margin-top:5px;
}


section.services .content-boxes {
    grid-template-columns: repeat(1, 1fr);
	margin-bottom:0px;

}




section.home-content:before{ display:none;}

section.home-content article.content {

    width: 100%;
}
section.services .boxes {
width: 100%;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
}


section.newsletter .content-newsletter {

    width: 100%;
}


.temoignages {
    position: relative;
    width: 100%;}
	.box-logos {

    width: 100%;}
	.box-logos2 {
    width: 100%;}
	.box-logos2 img{    margin-bottom: 10px;}
section.logos .img {
    float: none;
    margin: 0 auto;
	display:table; max-width:100%;
}
section.logos .content-logos {
    width: 100%;
	text-align:center;
	display:block;
}

header.top .slogan {
       bottom: 13%;}

  header.top.big .slogan {
    bottom: 13%;
}
header.top .slogan p {

    font-size: 41px;
    line-height: 44px;}
section.home-content .img {
    float: none;
    width: 100%; max-width:400px; display:table; margin:0 auto;}
	article.content img {
    height: auto;
    max-width: 100%;
    outline: none;
    float: none!important;
    margin: 0 auto;
    display: table;
    padding: 0px!important;
}
section.services h2 {
  /*  background: url(../images/bg-h2.png) top center no-repeat;*/
    width: 100%;
    text-align: center;
	margin-top:0px;
}
article.content header.page-title h1 {

    text-align: center;
}
}


@media only screen and (max-width : 767px) {
    
  article.content header.page-title h1, article.content header.page-title h1 span:nth-child(2), article.content header.page-title h1 span:last-child{font-size: 53px;}
    
    section.newsletter {
    padding: 53px 0px 85px;
    background: url(../images/bg-newsletter.jpg) 62% center no-repeat #fff;
    bottom: -200px;
    margin-bottom: 110px;

}

.page-486 section.newsletter {
    background: url(../images/bg-newsletterstarkey.jpg) 30% bottom no-repeat #fff;
  
}


    section.services:before {

    background: none;
    
}
	section.services:after {
  
    background: none

}
    header.top {
        height: 785px;
    }
 
    header.top.big {
        height: 785px;
    }
	header.top .slogan {
text-align: center;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    display: table;
 
}
    header.top.big .slogan {
text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    display: table;
  
}
    header.top.slogan {
text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    display: table;
  
}

footer.bottom .number-responsive {
display:inline-block;

}

footer.bottom .number{ display:none;}
   header.top .slogan .number-responsive{display: table;
    margin: 0 auto;}
    header.top .slogan .number{ display:none;}
	  section.style .number-responsive{display: table;
    margin: 0 auto;
    float: none;}


header.top .slogan .cta1 .number{ display:none;}
header.top .slogan .cta1 .number-responsive{ display:inline-block;}
header.top .slogan .cta1 span.titr{ display:none;}



	header.top .slogan .cta1 {
    margin: 0 auto;
    width: 100%;
	    text-align: center;
}
header.top .slogan .cta1 .tel-resp{ float:none; margin:0 auto; display:table; margin-top:10px;}


	footer.bottom span.number-responsive {
    display:inline-block;
}
footer.bottom span.number {
    display: none;
}

}
@media only screen and (max-width : 640px) {
	.map1{ width:100%; height:100px; position:relative;    border-right: none;    border-bottom: 1px solid #000;}
	.map2{ width:100%; height:100px;position:relative;}
footer.maps {
    position: relative;
    height: auto;}
    header.top .slogan .cta1 .number-responsive{ display:inline-block;}

article.content p {
    text-align: left!important;
}
h1, .h1 {
    font-size: 20px;}

}
@media only screen and (max-width : 480px) {
	header.top {
    height: 450px;
    overflow: hidden;
}
	.videoTop, .videoTop2, .videoTop video, .videoTop2 video{height: 450px;}
	.videoTop2{
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
}.videoTop2 iframe {
    object-fit: contain;
}
header.top.big {
    height: 450px;
}
header.top .slogan p {

    font-size: 30px;
    line-height: 33px;}

	nav.main-nav .logo {
    margin-top: 10px;
	    width: 230px;
}


span.tv{ display:block;}

	nav.main-nav {
    height: 100px;}

  header.top .slogan {width: 295px;margin: 0 auto;left: 0px;right: 0px;font-size: 19px;position: relative;margin-top: 150px;display: table;}


}

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/

  .sf-menu,  .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
 .sf-menu li {
	position: relative;
}
 .sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
 .sf-menu > li {
	float: left;
}
 .sf-menu li:hover > ul,
 .sf-menu li.sfHover > ul {
	display: block;
}

 .sf-menu a {
	display: block;
	position: relative;
}
 .sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
 .sf-menu {

}
  .sf-menu li {
position: relative;
    position: relative;
    padding: 0px 1px 0px 2px;
    position: relative;

}


  .sf-menu li:first-child {
    padding-left: 0;
	border-left:none;
	background:none;
}
  .sf-menu li:last-child { padding-right:0px;}

  .sf-menu a {height: 32px;text-decoration: none;color: #5a5a5a;font-family: 'QuicksandRegular';height: 34px;height: 35px;line-height: 34px;padding: 0px 12.5px 0px 16px;text-transform: none;letter-spacing: 0.02em;position: relative;text-align: center;text-shadow: 0px 0px 0px #000, 0px 0px 0px #000;}
.sf-menu a:before{
    position:absolute;
    left: 6px;
    top: 9px;
    content:'';
    width:19px;
    height:17px;
    background:url(../images/bg-a.png) left center no-repeat;
    opacity:0;
    }
 .sf-menu > li > a:hover:before,  .sf-menu > li.sfHover > a:before, 
 .sf-menu > li.active > a:before,  .sf-menu > li.selected > a:before { opacity:1;}
 .sf-menu > li > a:hover,  .sf-menu > li.sfHover > a, 
 .sf-menu > li.active > a,  .sf-menu > li.selected > a {
	 color:#fff;
	 background:#112085;
	 border-radius:28px;

}


 .sf-menu ul {
background: #fff;
    padding: 0px 0px;
    width: 98%;
    margin-top:0px;
    margin-left: 2px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.35);

}
 .sf-menu ul li {
	border-top: 1px solid rgba(0,0,0,.2);
	background:none;
	border-left:none!important;
	    white-space: initial;
		width:100%;
		padding:0px;
}
 .sf-menu ul li:before { display:none;}
 .sf-menu ul li:first-child {
	border-top: 0;
}
 .sf-menu ul a {
    color: #000;
    font-size: 14px;
    height: auto;
    line-height: 1em;
    text-align: center;
    padding: 8px 5px 10px!important;
    max-width: 100%!important;
	border-bottom:none;
}
 .sf-menu ul a:before { display:none;}
 .sf-menu ul li a:hover,  .sf-menu ul li.sfHover > a,
 .sf-menu ul li.active > a,  .sf-menu ul li.selected > a {
color:#4151c2;
	border-bottom:none;
	background:none;
	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {

}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: .9em;
    line-height: 1em;
    position: absolute;
    bottom: -3px;
    left: -7px;
    transition: color .4s;
    right: 0px;
    width: 2px;
    margin: 0 auto;
    color: #bebebe;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {

}


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

}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #112085;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.5em;
}
.mobile-menu ul ul {
	background: rgba(0,0,0,.15);
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
}
.mobile-menu a {
	padding: 0 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	transition: color .4s, background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	color: #fff;
	background: #7584eb;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}


.gdpr_policy {line-height: 20px;margin: 10px 0;}
.contactForm .gdpr_policy label {
    width: 90%;
    margin: -5px 0 0 20px;
}
.contactForm input.form-upload {
    width: 100%;
}
.contactForm .gdpr_policy input[type=checkbox] {
    position: absolute;
    margin-top: 5px;
}
form.contactForm .g-recaptcha{
    float: none;
}
@media only screen and (max-width : 480px) {
    .contactForm .gdpr_policy input[type=checkbox] {
        margin-top: 0px;
    }
/*submit btn*/
    .contact-submit,
    .contactForm .form-submit-button{
        width:100%;
    }
}
/*recaptcha*/
.contactForm .g-recaptcha {
    margin-bottom: 20px;
}
@media only screen and (max-width: 420px){
	.contactForm .g-recaptcha {
	    float: none;
	    margin-left: 0px;
	}
	.g-recaptcha * {
	    width: 100% !important;
	}
}



/* CSS de base pour le tableau tarifs */
    .tarifs-auditifs {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        font-family: sans-serif;
    }
    .tarifs-auditifs th, .tarifs-auditifs td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    .tarifs-auditifs th{
        color: #112184;
    }
    .tarifs-auditifs thead {
        background-color: #2c3e504a;
    }
    table.tarifs-auditifs  tr:nth-child(2n),
	table.tarifs-auditifs tr:nth-child(n){background:none;}
	.tarifs-auditifs tbody tr.bim{
        background-color: #f2f2f2;
}
    .tarifs-auditifs .code-nomenclatures {
        background-color: #4151c270;
        font-size: 0.9em;
        padding: 4px 8px;
        font-style: italic;
        text-align: center;
    }
    /* Rendre le tableau responsive pour les petits écrans */
    @media (max-width: 768px) {
        /* Masque le tableau sur les petits écrans et le remplace par une structure de cartes (ou autre technique responsive) */
        .table-responsive {
            overflow-x: auto; /* Permet le défilement horizontal si le contenu est trop large */
        }
        .tarifs-auditifs {
             display: block; /* Peut aider avec l'overflow-x */
             width: 700px; /* Fixe une largeur minimale pour le défilement */
        }

        .tarifs-auditifs td:nth-of-type(1) { /* Colonne 1 */
            font-weight: bold;
        }
            }