body {
    background: #fff;
    color: #7b8487;
    font-family: 'Metropolis';
    font-size:15px;
    line-height: 24px;
}
a {
    color: #3290d5;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #3290d5;
    text-decoration: none;
}
.submit-button{padding:10px 20px 7px;color:#fff;width:100%;background:#3290d5;text-transform:uppercase;text-decoration:none;}
.submit-button:hover, .form-submit-button:hover{background:#000;color:#fff;}

.mcePxmGallery {
    margin-top: 20px;
    float: none;
    clear: both;
}
hr {
	border-color: rgba(0,0,0,.3);
}
.image-right {
    float: right;
    margin: 0 0 20px 25px;
    padding: 5px;
    border: 1px solid rgba(51, 144, 213, 0.32);
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
	padding:2px;
	border:1px solid rgba(0,0,0,.3);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Metropolis';
    line-height: 1.1em;
	font-weight:700;
}
h1, .h1{
    font-size:28px;
	text-transform:uppercase;
	color:#3290d5;
}
h2, .h2{
       font-size: 22px;
    color: #002e82;
}
h3, .h3{
    font-size:24px;
	color:#3290d5;
}
h4, .h4{
    font-size:22px;
	color:#000;
}
h5, .h5{
    font-size:20px;
	color:#3290d5;
}
h6, .h6{
    font-size:18px;
	color:#000;
}
span.number-responsive {
	display: none;
}
.container{width:1130px}

header.top {
	position: relative;
	z-index:3;
	background: #fff;
	padding:16px 0 18px;
}
header.top .container {
	position: relative;
}
header.top .logo {
	float: none;
	display:table;
	margin:0 auto;
}
header.top .cta {
    position: absolute;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #2d88cb;
	right:15px;
}
header.top .cta-devis {
    position: absolute;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #2d88cb;
    left: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
header.top .cta-devis .avis{
    width: 70px;
    margin-right: 30px;
}
header.top .cta-devis .avis img{    width: 100%;}

header.top .cta,
header.top .cta-devis{
    top: 30px;
}
header.top .cta1 {
	right:auto!important;
	left:15px;
}
header.top .cta p,
header.top .cta-devis p {
    margin:0 0 1px;
    letter-spacing: 0.037em;
}
header.top .cta a,
header.top .cta-devis a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    color: #004a80;
    letter-spacing:.16em;
}
header.top .cta-devis a{font-size:20px;}
header.top .cta a:hover{
    color: #000;
	transition:.3s all ease;
}
nav.main-nav {
	position: relative;
	z-index: 50;
	transition: background .8s;
}
nav.main-nav::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
}
nav.main-nav.sticky-top.page-1741 {
    background: #3290d5;
}
.is-sticky nav.main-nav {
	background:#3290d5;
}
nav.main-nav .mobile-nav {
	position: relative;
	display: none;
	text-align: center;
}
nav.main-nav .mobile-nav a {
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	padding: 10px;
	display: block;
}
nav.main-nav .mobile-nav a:hover {
	color: #000;
}
/*  ** */
section.banner {
    position: relative;
    z-index: 2;
    height:502px;
}
section.banner.small {
	height: 540px;
}
section.banner:before{
    position: absolute;
    height:323px;
    left: 0;
    right: 0;
    top: 0;
    content:'';
    background:#3290d5;
}
section.banner .fluid_container {
    position:absolute;
    left:50%;
    right:50%;
    top:71px;
    bottom:0;
    margin:0 -554px;
    border:12px solid #fff;
}
section.banner .fluid_container #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
section.banner .fluid_container #slideshow {
	margin-bottom: 0!important;
}
@keyframes slide-in {
    100% {
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	opacity: 1;
    }
}
/* ** */
div#videos {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#video {
    /* float: right; */
    margin:5px 0 15px 60px;
    max-width: 444px;
}
#video .projekktor {
    width:444px !important;
    height:282px !important;
}
#video .ppcontrols ul.right li {
    background: none !important;
}
article.content {
	padding:56px 0 30px;
    width: 100%;
	display: table;
}
article.content header.page-title {
    position: relative;
    padding: 41px 0 30px;
    letter-spacing: 0.02em;
}
article.content header.page-title h1 {
    margin: 0;
    padding: 0;
}
article.content #chassisdeceu{
    width: 100%;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: space-around;
}
article.content #chassisdeceu p{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%;
}
article.content #chassisdeceu p img {    width: 100% !important;    min-width: 280px;}
article.content #chassisdeceu p img:hover {    box-shadow: #00000029 0px 0px 15px 10px;}

article.content p {
    margin-bottom: 20px;
    letter-spacing: 1px;
}
article.content ul {
    padding-left: 10px;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 5px;
    padding-left: 20px;
}
article.content ul ul li {
    background-image: url(../images/list-icon02.png);
}
article.content .table-style {
	position: relative;
}
article.content .table-style th {
	background: #f73100;
	color:#fff;
}
article.content .table-style th,
article.content .table-style td {
	border: 1px solid #ccc;
	padding:7px 5px;
}
article.content .lireplus{
	float:left;
	padding:10px 15px 8px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	margin: 15px 0 0;
	background:#3290d5;
}
article.content .lireplus:hover{
	background:#000;
}
.imgs-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto 20px;
    max-width: fit-content;
    padding: 5px;
    border: 1px solid #3390d557;
}

.imgs-content img {
    margin: 5px;
}
p.links a {
    float: none;
    text-align: center;
    margin: 0 10px 5px;
    display: inline-block;
    min-width: 150px;
}
p.belge100 img {
    max-height: 250px;
    width: auto;
    margin: 20px auto 0;
}

p.belge100 {
    /* font-size: 16px; */
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0;
}
.logos {
    position: relative;
    border: 1px solid rgba(0,0,0,.2);
    margin: 0 0 50px;
    clear: both;
    width: 100%;
    display: table;
    text-align: center;
}
.logos a{
	text-decoration:none;
}
.logos a {
    float: none;
    margin: 0 23px;
    display: inline-block;
}
.logos a:first-child {
    margin-left: 0;
}
.logos a:last-child {
    margin-right:11px;
}
table.table1 td {
    border-bottom: 1px dashed rgba(0,0,0,.2);
    padding: 0 0 10px;
    margin: 0 0 10px;
    display: table;
    width: 100%;
}
/* ** */
.photos {
	position: relative;
	padding:20px 0 17px;
	background:#3290d5;
}
.photos p {
    margin: 0;
}
.photos .holder {
	display: none;
}
.photos br {
	display: none;
}
.photos .highslideContainer a.highslide {
	position: relative;
	z-index: 1;
}
.photos .highslideContainer a.highslide:hover {
	transform: scale(1.25);
	box-shadow: 0 5px 10px -5px rgba(0,0,0,1);
	z-index: 20;
}
.photos a.highslide::before{display:none}
.photos a.highslide::after {
    content: "\f00e";
    position: absolute;
    z-index: 10;
    top:60%;
    left: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    box-sizing: border-box;
    color: #666;
    font-family: 'FontAwesome';
    line-height: 40px;
    font-size: 18px;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(0%, -120%);
    transform: translate(0%, -120%);
    opacity: 0;
    box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}
/* ** */
.boxes {
    position: relative;
	z-index:1;
    padding:78px 0 55px;
}
section.boxes:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background:rgba(252,252,252,.49);
}
.boxes a.box {
    position: relative;
    width: 100%;
    display: table;
    text-decoration: none;
    max-width: 332px;
    text-align: center;
    color: #3290d5;
}
.boxes a.box:hover{
    color: #004a80;
	transition:.3s all ease;
}
.boxes .box02 {
	float:none;
	margin:0 auto;
}
.boxes .box03 {
	float:right;
}
.boxes a.box .image {
    position: relative;
    z-index: 1;
    display: block;
    background: url(../images/before.png) no-repeat center top;
    min-height: 258px;
}
.boxes a.box .image img{
    max-width: 138px;
    max-height: 137px;
}
.boxes a.box:hover .image img{
	transition:.3s all ease;
	transform:scale(1.5,1.5);
}
.boxes a.box:hover .image {
    background: url(../images/after.png) no-repeat center top;
	transition:.3s all ease;
}
.boxes a.box01 .image {
    padding: 60px 76px 56px 9px;
}
.boxes a.box02 .image {
    padding: 58px 76px 63px 9px;
}
.boxes a.box03 .image {
    padding: 76px 67px 76px 8px;
}
.boxes a.box h2 {
    font-size: 22px;
    margin:28px 0 0;
    color: #3290d5;
    text-transform: uppercase;
    line-height: 29px;
    font-weight: 700;
    letter-spacing: 0.012em;
}
.boxes a.box:hover h2 {
    color: #004a80;
	transition:.3s all ease;
}
.boxes a.box p {
    margin: 0;
    letter-spacing: 0.09em;
    line-height: 20px;
}
.boxes a.box03 h2 {
    font-size: 21px !important;
    letter-spacing:0 !important;
}
/* ** */
.videos {
    position:relative;
    padding:22px 0;
    background:#000000;
}
div#videogauche3 {
    display: table;
    margin: auto;
    position: relative;
    width: 100%;
    height: 150px;
    
    z-index:0
}
div#videogauche3:after{
	content: "\f144";
	position: absolute;
	z-index:0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	padding-top:22%;
	background:#0000004a;
	box-sizing: border-box;
	color: #ffffffb8;
	font-family: 'FontAwesome';
	line-height: 40px;
	font-size: 48px;
	
	transition: all 0.5s;
}
div#videogauche3 a{
	position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    opacity: 0;
}
div#videogauche3.video1{
    background: #3190d52b url(../images/video01.jpg) center  no-repeat;
}
div#videogauche3.video2{
    background:#3190d52b url(../images/video02.jpg) center  no-repeat;
}
div#videogauche3.video3{
    background:#3190d52b url(../images/video03.jpg) center  no-repeat;
}
div#videogauche3.video4{
    background: #3190d52b url(../images/video04.jpg) center  no-repeat;
}
div#videogauche3.video1, div#videogauche3.video2, div#videogauche3.video3, div#videogauche3.video4{
	background-size:cover;
}
/* * */
footer.bottom {
    position: relative;
    z-index: 4;
    background:#0065b3;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}
section.googlemaps{position:relative;width:100%;height:310px;overflow:hidden;}
section.googlemaps .box_googlemapsv2{position:absolute;left:0;right:-500px;top:-70px;bottom:-70px;height:auto!important;width:auto!important;overflow:hidden}
section.googlemaps .box_googlemapsv2 iframe{margin:0!important;position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;}
section.googlemaps .link a{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1000;font-size:0}
section.googlemaps span.googlemaps_v2{width:100%;height:100%}
section.googlemaps .googlemaps_v2 label.modal-label{position:absolute;left:0;right:0;top:0;bottom:0;z-index:4;font-size:0}
/* */
.footer1 h3 {
    position: relative;
    color: #eff1f2;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
    margin:48px 0 22px;
    padding: 0 0 20px;
}
.footer1 h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 46px;
    height: 4px;
    background: #fff;
}
footer.bottom .adr {
    float: left;
}
footer.bottom .info {
    float: right;
    margin-right: 8px;
}
footer.bottom .avis{
    float: none;
    clear: both;
    padding: 20px 0 10px;
    text-align: center;
}
footer.bottom .avis img {
    max-width: 180px;
    margin: 5px 20px;
    text-align: center;
}
footer.bottom .footer1 a {
    color:#48daff;
	text-decoration:none;
}
footer.bottom .footer1 a:hover {
	text-decoration:underline;
}
footer.bottom .open {
    position: relative;
    float: right;
    margin:0 0 68px;
    line-height: 24px;
    min-width:364px;
}
.conge {
    position: relative;
    display: table;
    float: left;
    line-height: 19px;
    width: 100%;
    padding: 14px 8px 0px;
    background: #ffffffeb;
    color: #0065b3;
    margin-top: 40px;
    font-size: 16px;
}
.conge h5 {color: #011525;
    font-weight: normal;
    font-size: 20px;
    margin: 10px 0;
    border-bottom: 1px solid;
    width: 110px;
}
footer.bottom .open .openingLine:nth-child(2n+1) {
    clear: both;
    float: left;
}
footer.bottom .open .openingLine:nth-child(2n) {
    float: right;
}
footer.bottom span.openingDay {
    display: inline-block;
    width: 38px;
}
footer.bottom .footer1 {position:relative}
footer.bottom .footer1:before {position:absolute;top:116px;left:50%;width:1px;height:77px;content:'';margin-left:84px;/*background:#fff*/}
/* ** */
#scrollTopBtn:hover{background:#3290d5!important}
.footerSlideButton1{color:#3290d5!important}
.footerSlideButton1:hover{color:#ddd!important}
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:40px!important;right:40px!important;z-index:100!important;box-shadow:0 0 3px rgba(255,255,255,.4);opacity:1!important}
#footerSlideContainer{z-index:100!important;right:24px!important;bottom:6px!important;font-size:18px!important}
#footerSlideContainer a{z-index:100!important;color:#3290d5!important;font-size:18px!important;font-weight:700!important;}
#footerSlideContainer a:hover{color:#999!important}
div.cc-cookies{width:100%;z-index:50!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#3290d5!important;margin:0 10px;color:#fff !important}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#000!important}
div.cc-cookies{width:100%}
.cc-cookie-accept {margin-right: 145px!important;}
.cookieinfo{z-index:10 !important}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}

.real .highslide-gallery .highslideContainer a {    margin: 2px;}

.guestbook-form fieldset { /*display:flex;*/}
.guestbook-form fieldset .id_comments , .guestbook-form fieldset .guestbook-score {width:100%;}

@media only screen and (max-width : 1130px) {
.container{width:100%}
section.banner .fluid_container{left:15px;right:15px;margin:0}
article.content{padding:15px 0 30px}
.logos img{margin:0 6px}
.boxes a.box .image{background-size:contain!important}
.boxes a.box03 h2{font-size:19px!important}
footer.bottom .info{margin-right:0}
footer.bottom .footer1::before{margin-left:60px}
}
@media only screen and (max-width : 1023px) {
section.banner{height:400px}
.logos img{max-width:390px}
footer.bottom .open{margin:0 0 40px}
}
@media only screen and (max-width : 991px) {
nav.main-nav #navigation{display:none}
nav.main-nav .mobile-nav{display:block}
header.top .cta p,
header.top .cta-devis p{margin:0;letter-spacing:0}
header.top .cta,
header.top .cta-devis{font-size:18px}
header.top .cta a,
header.top .cta-devis a{font-size:26px;letter-spacing:.1em;}
header.top .cta-devis a{font-size:1.2em; line-height:.8em;}
#video .projekktor{width:360px!important}
#video{max-width:360px;margin: 0 auto 30px;}
.logos a{margin:0 10px 10px!important}
.boxes{padding:40px 0 30px}
.boxes a.box{float:none!important;margin:0 auto 15px}
div#videogauche3 {
   
    margin: 10px auto;
    height: 200px;
}
#videogauche3{float:none;margin:0 auto;display:table}
footer.bottom .footer1::before{display:none}
footer.bottom .open{float:left;margin:0 0 35px;min-width:100%}
.footer1 h3{margin:35px 0 22px}

div#videos {
    display: block;
}

article.content {
    display: block;
}

.responsive-table {
                                width: 100%!important;
                }
                .responsive-table thead{
                                display: none;
                }
                .responsive-table tr{
                                border-bottom: 1px solid #f37403;
                }
                .responsive-table td{
                                display: block;
                                width: auto!important;
                                padding: 2px 0;
                                border: 0;
                                line-height: 1.4em;
                }
                .responsive-table td[colspan]{
                                font-size: 1.2em;
                }
                .responsive-table tr > td:first-child{
                                padding-top: 10px;
                }
                .responsive-table tr > td:last-child{
                                padding-bottom: 10px;
                }
                .responsive-table td p{
                                padding: 0;
                }


.responsive-table > tbody > tr > td {
                                 display: block;
                                width: auto;
}


}
@media only screen and (max-width : 767px) {
span.number{display:none}
span.number-responsive{display:inline-block}
header.top .logo{float:none;margin:0 auto;display:table}
header.top .cta,
header.top .cta-devis{position:relative;float:none;margin: 10px auto;display: flex;text-align:center;left:auto!important;right:auto!important;top:0;flex-direction: column;}
header.top .cta-devis .avis{margin:0 0 10px 0;}
header.top .cta-devis{margin-top:0; }
header.top .cta-devis p{text-align:center !important; margin: 0 auto !important;}
section.banner .fluid_container{top:50px}
section.banner::before{height:240px}
section.banner,section.banner.small{height:300px}
section.banner .fluid_container{border:6px solid #fff}
#video{float:none;margin:0 auto 15px;display:table}
article.content .lireplus{float:none;margin:15px auto 0;display:table}
.logos{margin:0 0 30px}
section.googlemaps{height:250px}
.footer1 h3{text-align:center}
.footer1 h3::before{left:50%;margin-left:-23px}
footer.bottom .adr,footer.bottom .info{float:none;display:table;margin:0 auto;text-align:center}
footer.bottom .open{margin:0 auto 30px;text-align:center;float:none;display:table;min-width:300px}
.image-right,.image-left{float:none;margin:0 auto 15px;display:table;max-width:100%}
.liste1{margin:0}
}

@media only screen and (max-width : 580px) {
    #news-popup .popup-wrapper .popup-photo{min-height:150px !important;}
	#news-popup .popup-wrapper .popup-content {
	    /*overflow-y: scroll !important;*/
	    height: 60vh;
	}
}

@media only screen and (max-width : 480px) {
    td {
        display: block;
        width:100%!important;
        clear:both;
    }
    
h1,.h1{font-size:26px}
article.content p{letter-spacing:.05em}
.logos img{max-width:270px}
.boxes a.box03 h2{font-size:18px!important}
footer.bottom .open{min-width:290px}
#video .projekktor{width:290px!important;height:250px!important}
  .conge h5{text-align: center; width:80%; margin: 10px auto;}
  
}

iframe {
    max-width: 100%;
}