@font-face{font-family:'poppinsbold';src:url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/poppins-bold-webfont.woff2) format("woff2"),url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/poppins-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'poppinsregular';src:url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/poppins-regular-webfont.woff2) format("woff2"),url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/poppins-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'Baloo2Regular';src:url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/Baloo2-Regular.woff2) format("woff2"),url(https://www.lbpeinture.be/smarty/wireframe20/media/fonts/Baloo2-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
:root{--bs-body-color:#242a29;--bs-body-bg:#fff;--bs-primary-color:#30b69c;--bs-secondary-bg:#62b56e;--bs-tertiary-color:#95cd44;--bs-tertiary-bg:#063543;--titre-color:#0e4d5f;--bouton-color:#95cd44;--dark-color:#141414;--light-color:#fff4fb;--link-footer:#2a809b;--bs-btn-padding-x:50px;--bs-btn-padding-y:15px;--border-color:#eee;--link-color:#8bcd63;--bs-nav-link-color:#8bcd63;--bs-nav-link-color-second:#ff6d6d;--bs-body-font-family:'Baloo2Regular';--font-poppinsregular:'poppinsregular';--bs-titles-font-family:'poppinsbold';--bs-body-font-weight:400;--bs-body-line-height:1.8em;--bs-body-font-size:15px;--bs-nav-link-font-size:1em;--bs-nav-link-font-weight:400;--bs-nav-link-padding-y:10px;--bs-nav-link-padding-x:0;--bs-navbar-nav-link-padding-x:0;--bs-dropdown-zindex:99;--bs-dropdown-min-width:200px;--bs-dropdown-padding-x:20px;--bs-dropdown-padding-y:15px;--bs-dropdown-font-size:1em;--bs-dropdown-padding-y:5px;--bs-dropdown-font-size:1em}
a{color:var(--bs-primary-color);transition:all .4s;outline:none}
a:active,a:hover,a:focus{color:var(--bs-primary-color);text-decoration:none}
hr{border-color:var(--bs-gray-400)}
.image-left{margin:0 35px 30px 0!important;float:left!important}
.image-right{    margin: 0 0 30px 35px !important;    float: right !important;    box-shadow: 4px 4px 0 0 var(--bs-tertiary-color);    border: 1px solid var(--bs-tertiary-color);    border-radius: 5px;}
.btn-primary{background:var(--bs-primary-color);border-color:var(--bs-body-bg)}
.btn-primary:hover{background:var(--dark-color);border-color:var(--bs-body-bg)}
span.phone-responsive{display:none}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--bs-titles-font-family);font-weight:400;color: var(--bs-primary-color)}
.link1 {border: medium none;bottom: 0;font: 0px / 0 a !important;height: 100%;left: 0;margin: 0 !important;position: absolute;right: 0;top: 0;transition: all 0.8s ease 0s;width: 100%;z-index: 100;}
/*******/
.top_bar {background: var(--titre-color);color: var(--white-color);height: 48px;padding: 5px 0;}
.bloc_cta {background: url(../images/cta.webp) no-repeat left center;width: 155px;padding: 7px 0 5px 46px;font-size: 17px;}
.bloc_cta a {color: #fff;letter-spacing: 1px;text-decoration: none;}
.bloc_cta a:hover {  color: #42bc8e}
header.sticky-top .navbar-brand .big {top: 0px;transition: opacity .4s, visibility 0s linear 0s, top .4s}
header.sticky-top .navbar-brand .small {top: -60px;transform: translateY(-200%);transition: transform .4s}
header.sticky-top.is-sticky {box-shadow: 0 0 30px rgba(0, 0, 0, .1);position: fixed !important;top: 0;width: 100%;    background: var(--bs-body-bg); height:70px;left: 0}
header.sticky-top.is-sticky .navbar-brand .big {visibility: hidden;opacity: 0;top: -50px;transition: opacity .4s, visibility 0s linear .4s, top .4s}
header.sticky-top.is-sticky .navbar-brand .small {visibility: visible;transform: translateY(0%);top: -10px}
header.sticky-top {       top: 0px;    padding-top: 18px;height: 128px}
/*nav.navbar {    background: #ffc425;}*/
header.sticky-top .bouton , header.sticky-top .bouton2 {    display: none;}
header.sticky-top   .bouton{  display:none;}
header.sticky-top.is-sticky .bouton2{display:block;    position: absolute;background: url(../images/cta2.webp) no-repeat center;width: 45px;height: 45px;right: 0; bottom: -47px}
header.sticky-top.is-sticky .bouton2 a {    border: medium none;    bottom: 0;    font: 0px / 0 a !important;    height: 100%;    left: 0;    margin: 0 !important;    position: absolute;    right: 0;    top: 0;    transition: all 0.8s ease 0s;    width: 100%;    z-index: 100;}
header.sticky-top.is-sticky .bouton{position: absolute;pointer-events: auto;height: 45px;line-height: 45px;text-align: center;letter-spacing: 0em;font-size: 15px;right: 45px;bottom: -47px;z-index: 2;display: block;padding:0 20px;text-transform: none;}
header.sticky-top.is-sticky .bouton a{color: var(--bs-body-bg);text-decoration:none;}
header.sticky-top.is-sticky  .bouton:hover a{  text-decoration:none;}
header.sticky-top.is-sticky  .bouton a:hover{}
header.sticky-top.is-sticky .bouton:before,header.sticky-top.is-sticky .bouton2:before {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: var(--bs-primary-color);z-index:-2;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);}
header.sticky-top.is-sticky .bouton:hover:before, header.sticky-top.is-sticky .bouton2:hover:before {opacity:0;}
header.sticky-top.is-sticky  .bouton:after, header.sticky-top.is-sticky .bouton2:after { position: absolute; content: '';left: 0; width: 0;top: 0;bottom: 0;background: var(--bouton-color);    transition: width .3s;z-index:-1;width:0;}
header.sticky-top.is-sticky  .bouton:hover:after, header.sticky-top.is-sticky  .bouton2:hover:after { width:100%;}

/*header.sticky-top.is-sticky .bouton2:hover {    opacity: .9;}*/
.inner-wrapper {    margin-top: 0;    height: 128px;}
header.sticky-top.is-sticky .inner-wrapper {    height: 50px;  }
header.sticky-top.is-sticky .bloc_cta {position: absolute;  width: 145px;  padding: 0 10px;margin-top: 123px;left: 0;top: 0;background-color: var(--bouton-color);border-radius: 50px;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);} 
header.sticky-top.is-sticky .bloc_cta:before{display:none;}
header.sticky-top.is-sticky .WhatsApp-contact {  margin-left: 6px;}
.cta_top { font-family: var(--bs-menu-font-family);font-size: 18px;color: var(--bs-body-bg);padding: 10px 20px 9px 48px;background: url(../images/cta.webp) no-repeat center left;margin-left: 45px;}
.cta_top a.cta1 {color: var(--bs-body-bg);    font-size: 16px;}
.cta_top a.cta1:hover {color: var(--bs-secondary-bg)}
/*section.banner.small .slide-box-message a {font-size: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0}*/
/********/
section.top_bg {
    background: url(../images/bg.webp) no-repeat top center #fff;
}
section.banner{min-height:570px;margin-top: 0px;overflow: hidden}
section.banner:before{	content:'';	position:absolute;	top:0;	left:0;	right:0;	background:url(../images/top_header.webp) no-repeat top center;	height:159px;}
section.banner .carousel-item:before {content: '';z-index: 10;position: absolute;left: 0;right: 0;top: 0;bottom: 0}
.homepage section.banner{height:570px;}
section.banner .carousel-caption {    display: none !important;}
section.banner .slide{/*! position:absolute; *//*! top:11%; *//*! bottom:0; *//*! right:16%; */ width: 778px;height: 478px;transition:filter .4s}
section.banner.small .slide{    height: 445px;}
section.banner .slide img {    border: 13px solid #fff;  }
.carousel img{height:100%;object-fit:cover}
section.banner.small-size {min-height: 85px}
.carousel-inner,.carousel-item{height:100%}
/**********/
.banner .slide-box-message {color: var(--bs-body-bg);font-size: 50px; margin-bottom: 22px;line-height: 1.35}
.banner .slide-box-message h2{    margin-bottom: 19px;line-height: 1.2em;  font-size: 56px;    color: var(--bs-tertiary-bg);    display: table;  padding: 0 15px 10px 0;}
.banner.small .slide-box-message h2{font-size: 36px;  }
.banner .slide-box-message h2 span.vert {color: var(--bs-primary-color);}

/*.banner .slide-box-message a {font-size: 16px;letter-spacing: 2px;line-height: 1;text-shadow: none;padding: 20px 40px;display: inline-block;text-decoration: none;color: var(--bs-body-bg);background: var(--bs-primary-color);border-radius: 3px;box-shadow: none;transition: box-shadow .4s;	margin: 30px 0 0}
.banner .slide-box-message a:hover {box-shadow: 0 5px 30px rgba(0, 0, 0, .25)}*/
section.banner .container {    top: 58%;}
.slide-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*section.banner.small .slide-box-message a {font-size: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0}*/
section.banner.small .slide-box-message {font-size: 24px}
a.cta {    display: table;}
a.cta span.info_num{  font-size: 16px;    padding: 0;    color: var(--bs-body-color);    letter-spacing: 1px;}
a.cta .cta_txt{padding: 14px 25px;    color: var(--bs-body-bg);    font-size: 16px;    letter-spacing: 2px;background: #2C839F;background: linear-gradient(90deg, rgba(44, 131, 159, 1) 0%, rgba(49, 182, 155, 1) 100%);}
a.cta:hover .cta_txt{color:  var(--bs-body-bg)}
a.cta .cta_txt:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;transition: width .4s;z-index: -1;background: var(--bs-secondary-bg);border-radius: 50px;}
a.cta .cta_txt:after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; background: var(--bs-primary-color); width:0; border-radius: 50px; transition: width .4s; z-index: -1; box-shadow: 0 0 25px rgb(0 0 0 / 20%);}
a.cta .cta_txt:hover:after{width:100%;}
a.cta .cta_txt:hover{background: #31B69B;background: linear-gradient(90deg,rgba(49, 182, 155, 1) 0%, rgba(44, 131, 159, 1) 63%);}
/************/
header.sticky-top a.nav-link {position: relative;text-align: center;padding:32px 2px  !important;font-size: 14px;text-decoration: none;text-transform: uppercase;letter-spacing: .51px;  color: #363636}
header.sticky-top.is-sticky a.nav-link{    padding: 13px 2px!important;}
header.sticky-top .dropdown-menu li.nav-item a.nav-link.child {    padding: 5px 2px !important;}
header.sticky-top .navbar-expand-lg .navbar-nav {margin: 0 !important;    margin-top: 0!important;}
header.sticky-top .level-0 > li > a.nav-link::before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 5px;width: 0;background: var(--link-color);opacity: 0;z-index: -1;  transition: width .4s, opacity .4s}
header.sticky-top .level-0 > li {padding: 0 12px}
header.sticky-top .navbar-nav > li > .nav-link:hover::before,header.sticky-top .navbar-nav > .selected > .nav-link::before{width: 100%;opacity: 1}
header.sticky-top .navbar-nav > li > .nav-link:hover,header.sticky-top .navbar-nav > .selected > .nav-link { color: var(--link-color) }
header.sticky-top .dropdown-toggle::after{content: '\f078';font-family: "Font Awesome 6 Pro";border-top: 0 solid;font-size: 10px;padding: 2px 0 0 2px;font-weight: 900;-webkit-text-stroke: 1px var(--dark-color)	}
header.sticky-top .dropdown-menu .nav-link:hover, .dropdown-menu .selected .nav-link {color: var(--bs-primary-color) !important}
header.sticky-top .dropdown-menu li.nav-item:not(:first-child) {    border-top: 1px solid #000;margin-top: 5px}
header.sticky-top .dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 100%;left: 50%;transform: translateX(-50%);z-index: 99;text-align: center;margin-top: 0;min-width: 12em;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);background: var(--bs-body-bg);padding: 0}
header.sticky-top .dropdown-menu li.nav-item{padding:0}
header.sticky-top .dropdown-toggle{position: absolute;bottom: -7px;z-index: 999;cursor: pointer;left: 50%;transform: translateX(-50%)}
header.sticky-top .dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:4px}
header.sticky-top ul.dropdown-menu{border:0;border-radius:0}
header.sticky-top .dropdown-toggle.child::after{content:'\f054';font-family:"Font Awesome 6 Pro";border-top:0 solid}
header.sticky-top .dropdown-menu li{position:relative}
header.sticky-top .nav-item .submenu-left{right:100%;left:auto}
header.sticky-top .dropdown-menu > li:hover > .submenu{display:block}
header.sticky-top .dropdown-menu .nav-link{padding: 5px 30px !important;transition: background .4s, color .4s}
header.sticky-top .dropdown-menu .nav-link:before{display:none}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu .level-2{position:absolute;padding:0;left:100%;top:0;transform:translateX(0%)}
/************/
.homepage .wrapper{    padding: 108px 0 0px;}
.wrapper {    padding: 10px 0 0px;}
.content-wrapper {    letter-spacing: 1px;}
.img-box img {    border-radius: 115px 115px 115px 0;    box-shadow: 0 0 29px rgb(88 32 71 / 21%);}
.homepage .content-wrapper {    text-align: center;padding:5px  0 56px }
.homepage  .content h1{font-size: 55px;}
.content h1{ letter-spacing: 0px;position: relative;    font-size:39px;color: var(--titre-color); margin: 0 0 40px;text-align: center;line-height: .81em}

.content h1 span.subtitle {
    font-size: 24px;
      font-family: var(--font-poppinsregular);
  padding:0 127px;letter-spacing: 5px;
  background:url(../images/bg_title.png) no-repeat left center, url(../images/bg_title2.png) no-repeat right center;
}
article.page-content.content1.content h1 span.subtitle{letter-spacing: 0px;}
.content h2 {
    font-size: 22px;
}
.content header.page-title h1{position: relative;margin: 0;font-size: 3.25em;line-height: 1.5em;font-weight: normal;color: var(--bs-primary-color)}
.homepage article.content p {    text-align: center;}
article.content p{text-align: justify;margin:0 0 20px}

article.content ul {
	    list-style: none;
	    margin-left: 0;
	    padding: 0;
	}
	article.content ul li {
	    position: relative;
	    left: 0;
	    margin-left: 1em;
	    padding-right: 0;
	    background: url(../images/list-icon01.png) no-repeat left top 10px;
	    padding-left: 19px;
	}
	ul.pagination li, ul.pagination ul li {
    background: none !important;
    padding-left: 0 !important;
}
article.content .table-style{position:relative}
article.content .table-style th{background:var(--bs-gray-200)}
article.content .table-style th,article.content .table-style td{border:1px solid var(--bs-gray-400);padding:2px 5px}
article.content1 .grid-gallery{display: grid;grid-template-columns: repeat(4, 1fr);    background: #000;grid-gap: 0px}
article.content1 .link-picture {background-size: cover;background-position: center;height: 300px;cursor: zoom-in;position: relative;display: block;overflow: hidden}
article.content1 a.link-picture:hover{opacity:.5;}
article.content .link-subgallery{position: relative;background-size: cover;background-position: center;height: 300px;text-decoration: auto;cursor: pointer;overflow: hidden}
article.content .link-subgallery span.text-subgallery {display: none}
.bloc_home {    display: flex;    margin-top: 25px;    color: var(--bs-body-bg);}
.liste {    padding: 25px;    font-size: 20px;    font-family: var(--bs-titles-font-family);    text-align: center;    border-radius: 25px 55px 20px 0;    box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.liste span.subtite {
    font-size: 22px;
    text-transform: uppercase;
}

.liste.liste1 {    margin-right: 31px;    background: var(--bs-primary-color); }
.liste.liste2 {    background: var(--bs-tertiary-color);}
a.btn.btn-primary.news-article-back-btn {    float: right !important;}
h1.news-article-title {
    letter-spacing: 0px;
    position: relative;
    font-size: 55px;
    color: var(--titre-color);
    margin: 0 0 40px;
    line-height: .91em;
}

h1.news-article-title .subtitle {
    position: relative;
    font-size: 24px;
    color: var(--titre-color);
    display: table !important;
    margin: 0 auto;
}
.news-article-row .news-article-photo-col { order : 2; }
.news-article-row .news-article-body-col {order : 1;  }
.news-article-row .news-article-share-col {order : 3;}
.news-article-row .news-article-back-col {order : 4;}
a.link-ico.share-facebook {    font-size: 18px !important;    padding: 10px 10px !important;}
article.content  ul.contact-news {
  margin: 30px 0 0;
  background: #0000000f;
  padding: 15px;
  /*! display: flex; */
  font-size: 13px;
  gap: 50px;
  /*! justify-content: space-between; */
  float: left;
  width: 100%;
}
article.content  ul.contact-news li{background:url(../images/icon-news.png) no-repeat;
line-height: 28px;
padding-left: 34px;
}
#more {display: none;}
#myBtn {margin-top: 10px;position: relative;font-size: 14px;letter-spacing: 0.08em;z-index: 1;background: none;border: none;outline: none;color: #fff;padding: 13px 38px 12px;text-transform: uppercase;transition: all .4s;}
#myBtn:before{position: absolute;z-index: -1;left: 0;content: '';background: var(--bs-primary-color);border-radius: 50px;top: 0;bottom: 0;right: 0;}
#myBtn:hover:before{background: var(--bouton-color);box-shadow: 0 0 20px rgb(255 255 255 / 15%);}
@keyframes bg{
0%{background-size:0 2px,2px 0,0 2px,2px 0}25%{background-size:100% 2px,2px 0,0 2px,2px 0}50%{background-size:100% 2px,2px 100%,0 2px,2px 0}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}
}
.page-link{color:var(--bs-primary-color);text-decoration:none}
.active>.page-link,.page-link.active,.page-link:hover{color:var(--bs-body-bg);background-color:var(--bs-secondary-bg);border-color:var(--bs-secondary-bg)}
.disabled>.page-link,.page-link.disabled{color:var(--bs-primary-color)!important}
article.content .pagination{margin-top:10px;justify-content:center}
article.content span.title-subgallery{position: absolute;left: 0;right: 0;bottom: 0;background: var(--border-color);text-align: center;transition: background .4s, transform .4s;font-size: 18px;font-weight: bold;font-style: normal;color: var(--bs-nav-link-color);padding: 15px 10px}
article.content .link-picture span.title-picture,article.content .link-picture span.text-picture{position:absolute;z-index:10;left:50px;right:50px;bottom:0;text-align:center;color:var(--bs-secondary-bg);display:block!important;opacity:0;transition:bottom .6s,opacity .6s;transition-delay:0}
article.content .link-subgallery:after, article.content1 .link-picture: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 .link-subgallery:hover:before, article.content1 .link-picture:hover:before {top: 50%}
article.content .link-subgallery:hover:after, article.content1 .link-picture:hover:after {left: 50%}
article.content .link-subgallery:before, article.content1 .link-picture: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 .link-subgallery:hover span.title-subgallery {background: var(--bs-nav-link-color-second);color:var(--bs-body-bg)}
article.content .link-picture span.title-picture{color:var(--bs-body-bg);text-transform:uppercase}
article.content .link-picture:hover span.text-picture,article.content .link-picture:hover span.title-picture{bottom:50px;opacity:1;transition-delay:.4s}
article.content .link-picture:hover span.title-picture{bottom:70px}
article.content .grid-gallery:after{content:'';display:block;clear:both}
article.content .grid-sizer,.grid-item{width:25%}
.grid-item{margin-bottom:2px}
article.content .grid-item{float:left}
article.content .grid-item img{display:block;width:100%;max-width:100%}
/******/
section.services {padding: 0px  0 77px}
section.services .box {z-index: 0; padding: 129px 0px 129px;max-width: 377px;    background: url(../images/bg_photo.webp) no-repeat right  top; color: var(--bs-body-bg);}
section.services .box:hover {     background: url(../images/bg_photo_h.webp) no-repeat right  top;}
section.services .box .photo {      position: relative;}
section.services .box .photo img {box-shadow: 0 0 21px rgb(0 0 0 / 40%);}
section.services .box  .text { letter-spacing: 1px;     padding: 18px 20px 0 150px;}
section.services .box h2 {   position: relative; font-size: 33px;     color: var(--bs-body-bg); margin-bottom: 20px;    padding-left: 150px;}
section.services .box h2 span.subtitle{     font-family: var(--font-poppinsregular);}
/******/
section.services .box_contact{
    display: table;
    margin: 0 auto;
    padding: 8px 0px;
    font-size: 18px;
    letter-spacing: 2px;    z-index: 0;
      font-family: var(--bs-titles-font-family);
      color:var(--bs-body-bg);
}
section.services .box_contact a{color: var(--bs-body-bg);    box-shadow: 0 0 20px rgb(228 52 127 / 25%);    border-radius: 50px;}
section.services .box_contact p{margin:0;}
section.services .box_contact .slide-box-message h2 {
    margin-bottom: 19px;
    line-height: 1.2em;
    font-size: 52px;
    color: var(--bs-primary-color);
    border-bottom: 1px solid #000402;
    padding: 0 0px 16px 0;
}
section.services .box_contact .slide-box-message h2 span.subtitle {
    font-size: 78px;
   color: #f184c9;
    font-family: var(--font-Cormorant_GaramondSemiBoldItalic);
}
section.services .box_contact .slide-box-message h3 {color: var(--titre-color);font-size: 25px;}
section.services .box_contact a.cta {
    margin: 0 auto;
}
/***********/
section.boxes {
  background: var(--light-color) url(../images/bottom_boxes.webp) no-repeat bottom center;
    padding: 84px 0 80px;
}
section.boxes .box05 {  position: relative;letter-spacing: 1.5px;}
section.boxes .box05 h2{    letter-spacing: 0px;
    position: relative;
    font-size: 52px;
    color: var(--titre-color);
    margin: 0 0 40px;
    line-height: .61em;padding-left: 29px;
    text-transform: uppercase;}
section.boxes .box05 h2 span.subtitle{font-size: 35px;    color: #1f1f1f;    text-transform: none;}
section.boxes .box05:hover h2, section.boxes .box05:hover h2 span.subtitle{  color: var(--bs-primary-color)}
section.boxes .box05 h2:before {
    content: '';
    position: absolute;
    top: -58px;
    bottom: 0;
    left: -13px;
    width: 69px;
    height: 132px;
    background: url(../images/bg_title.webp) no-repeat left center;
}
section.boxes .photo {
    max-width: 536px;
    right: -77px;
    top: -86px;
    padding: 0;
}
section.boxes .photo img {    max-width: 536px;}
section.boxes   .box05 .plus {
    background: var(--bs-primary-color);
    display: table;
    color: #fff;
    padding: 15px 34px 14px;
    border-radius: 50px;
    margin-top: 37px;
}
section.boxes   .box05:hover .plus {background: var(--bouton-color);}
/********/
section.realisation { padding: 0px 0 115px}
section.realisation h1 a{text-decoration: none;    color: var(--titre-color);}
section.realisation h1 a:hover  {  color: var(--bs-primary-color)}
section.realisation h1 {font-size: 55px;position: relative;display: table;margin: 0 auto 23px;    text-align: center;}
section.realisation h1 span.subtitle{font-size: 24px;margin: 0 auto;    display: table;font-family: var(--font-poppinsregular);padding: 0 127px;letter-spacing: 5px;background: url(../images/bg_title.png) no-repeat left center, url(../images/bg_title2.png) no-repeat right center;color: var(--bs-secondary-bg);}
section.realisation #pluginFslightbox{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:19px}
section.realisation .link-picture{position:relative;width: 312px;height:212px;margin: 0 !important;background-repeat: no-repeat;background-size: cover;    box-shadow: 0 0 16px rgb(0 0 0 / 31%);}
section.realisation .link-picture:after{position:absolute;content:'';left:0;top:0;right:0;height:0;background: #0e4d5f  ;opacity:.42;transition:height .3s}
section.realisation .link-picture:hover:after{height:100%}

section.realisation .link-picture:before {    content: '';    position: absolute;    left: 0px;    right: 0;    top: 0px;  }
section.realisation .link-picture .title-picture{position:absolute;z-index:1;left:0;right:0;color:var(--bs-body-bg);font-weight:700;font-size:0;bottom:0%;       line-height: 1em; font-family: var(--bs-body-font-family);    padding: 0 40px 8px;transition:bottom .3s}
section.realisation .link-picture:hover .title-picture{font-size: 12px;    text-align: center;bottom:50px}
section.realisation .breadcrumb-gallery,.galery .nav-gallery{display:none}
section.realisation  .grid-gallery {   display: grid;    grid-gap: 18px;grid-template-columns: repeat(4, 1fr);  }
/***********/
.contactForm h3.contact-field {display: none}
.contactForm .contact-field-item.fullwidth {grid-column: 1 / 3}
.contactForm {position: relative;display: block;text-align: left;width: 100%;margin: 0 auto 65px}
section.contact-form .g-recaptcha {float: left}
.form-control {border-radius: 0;    border: none;border-bottom: 1px solid var(--bs-primary-color);font-size: 14px;line-height: 30px;color: var(--bs-body-color);padding: 5px 15px;outline: none !important;text-align: center;width: 100%;height: 40px;margin: 0px;transition: all .4s;box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-color: #ffffff8a;}
select#form1-select_1 {   background-color: #ffffff8a;}
.modal-dialog-scrollable .modal-content {text-align: left;color: var(--bs-body-color);text-shadow: none;font-weight: 400;}
/*.modal-dialog-scrollable .modal-content a {    color: #fff !important;}*/
.modal-header h3 {font-family: var(--bs-body-font-family);}
.gdpr.form-check {grid-column: 1 / 3;text-align: left;}
.contactForm .contact-field-item textarea {height: 100px;}
.contactForm .contact-submit .btn-primary {display: inline-block;border: none;background-color: var(--bs-primary-color) !important;padding: 10px 25px;text-transform: uppercase;font-size: 17px;color: var(--bs-body-bg);transition: background .4s;text-decoration: none;    float: right;border-radius: 0;font-weight: 700}

.contactForm .contact-submit .btn-primary:hover {background: var(--bs-body-color)!important;}
.contactForm .contact-field-item {margin: 0 0 10px;}
.contactForm .contact-field-item .form-control {text-align: left;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;}
/* Firefox */
input[type=number] {  -moz-appearance: textfield;}
::placeholder {	color: var(--bs-body-color) !important;}
::-webkit-input-placeholder {	color: var(--bs-body-color) !important;}
.g-recaptcha {    float: left;}
.mcePxmContactv2 {   width: 100%;    display: table;}
div#contactv2-confirm-1{
    background-color: #fff !important;
    color: #000 !important;
  border-color: #1b0c2d;
}
/************/
footer.bottom {background: url(../images/bg_footer.webp) no-repeat top center;padding:123px  0 107px;font-size: 16px;    letter-spacing: 1px;    margin-top: -34px;color: #14323a}
footer.bottom::before {
    content: "";
    position: absolute;
    top: 100px;
    bottom: 0px;
    left: 0px;
    right:0;
    background: #95e78a;
      z-index: -1;
}
footer.bottom h2 {
    color: var(--titre-color);
    font-size: 20px;
    letter-spacing: 0;
	position:relative;
	padding-left:50px;
}
footer.bottom h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 7px;
    background: var(--titre-color);
    width: 34px;
    height:2px;
}
footer.bottom a{color:var(--link-footer)}
.footer-b {
    color: var(--link-footer);
    position: fixed;
    bottom: 4px;
    right: 15px;
}
footer.bottom .col-md-3{padding:0;}
/**************/
.box-news {color: var(--bs-body-bg);padding:57px 0 26px;background: url(../images/bg_act.webp) no-repeat top center;    z-index: 0;}
.box-news:before {content: '';position: absolute;top:0;bottom: 0;left: 0;right: 0; background: url(../images/mask2.png) no-repeat top center;z-index: -1;}
.box-news h1 {font-size: 55px;color: var(--bs-body-bg);position: relative;padding-bottom:0px;display: table;    margin-bottom: 0;}
.box-news h1 a{text-decoration: none;    color: var(--bs-body-bg);}
.box-news h1 a:hover  {  color:var(--bs-secondary-bg)}
.box-news h1 span.subtitle{font-size: 24px;margin: 0 auto;    display: table;font-family: var(--font-poppinsregular);padding: 0 127px;letter-spacing: 5px;background: url(../images/bg_title.png) no-repeat left center;color: var(--bs-secondary-bg);}
.box-news div#AllNews {    position: relative;}
.box-news #AllNews .news-object.Item{
    position: relative;
    margin: 0;
    padding: 145px 20px 40px;
    transition: box-shadow .3s;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 90px  90px  0px 90px ;
    background: #fff;
    box-shadow: 0 0 29px rgb(0 0 0 / 21%);
    border: none;
    outline: none;
  max-width: 375px;
      min-height: 406px;
	margin: 0 auto;
    }

.box-news #AllNews .news-object.Item:hover {    background: var(--bs-primary-color);  }
.box-news #AllNews .news-object.Item h3{letter-spacing: 0px;font-size: 21px;    color: var(--bs-body-color);margin-bottom: 17px;}
.box-news #AllNews .news-object.Item h3 br {    display: none;}
.box-news div#AllNews .news-col{position: relative;}
.box-news div#AllNews .news-col:before { content: '';     position: absolute;    top: 50px;    left: 0;    right: 0;    font-size: 38px;    color: var(--bs-body-bg);    font-family: var(--bs-titles-font-family);    background:  var(--bs-tertiary-bg);    width: 64px;    height: 64px;    border-radius: 50px;    line-height: 64px;    margin: 0 auto;    z-index: 1;}
.box-news #AllNews .Item:hover,.box-news #AllNews .news-object.Item:hover h3{color: var(--bs-body-bg);}
.box-news #AllNews .Item .nophoto,.box-news #AllNews .Item .photo,.box-news #AllNews .date{display:none;}
.box-news div#AllNews .Item .read-more a {    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    z-index: 1;    outline: none;    font-size: 0;    background: transparent;    border: none;}
.box-news .photo.nophoto { display:none;}
 #news_slide .carousel-item .news-abstract:before {
   content: 'Voir plus';
   position: absolute;
   bottom: 25px;
   left: 0;
   text-align: center;
   font-size: 16px;
   letter-spacing: 2px;
   color: var(--titre-color);
   background: var(--bouton-color);
	max-width:144px;
	width:100%;
	height:41px;
	line-height:41px;
}
#news_slide .carousel-item:hover .news-abstract:before {  background: var(--bs-body-bg);}
.box-news .text h2 {position: relative;font-size: 60px;color: var(--bs-body-bg);text-transform: uppercase;margin-bottom: 22px;line-height: .65em;}
.box-news .text h2 span.subtitle {    font-size: 40px;    text-transform: none;    font-family: var(--font-QuicksandBold);}
.box_news p {    margin: 0;    line-height: 1.6em;}
.news-abstract {    font-size: 13px;letter-spacing: 1px; }
.box_news  .photo.nophoto {    display: none;}
#news_slide .news-red-more {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
}
#news_slide .news-image {
  display: none !important;
}

#news_slide .carousel-item {
  height: 200px;    width: 65%;
}
.carousel-indicators{    margin: 0;justify-content: left;}
.carousel-caption{    text-align: left;    top: 0px;left: 0;    right: 0}
h5.news-title {
    margin-bottom: 5px;
    color: var(--bs-body-bg);
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--font-poppinsbold);
    letter-spacing: 1px;
}
h5.news-title::after{position:absolute;top:0;left:0;right:0;font-family:var(--bs-titles-font-family);font-size:60px;line-height:38px;color:var(--bs-body-bg);opacity:.04;transition:color .3s,opacity .3s}
.box-news .Item:hover h3::after{color:var(--bs-primary-color);opacity:.4}
/**/
.content div#AllNews .Item .photo img {object-fit: cover;transition: all .6s;height: 100%;width: 100%}
.content div#AllNews .news-col {width: 100%}
.content div#AllNews .Item h3 {    color: var(--titre-color);margin: 0 0 15px}
.content div#AllNews .Item i.fa-duotone.fa-image {display: none}
.content div#AllNews .Item {display: grid;grid-template-columns: 24% auto;position: relative;margin-bottom: 30px;    padding: 15px;background: rgb(255 255 255 / 71%);transition: background .4s;box-shadow: 0 0 20px rgb(0 0 0 / 21%);;grid-gap: 30px}
.content div#AllNews .Item .date {display: none}
.content div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo {box-shadow: 20px -20px 0 rgba(255,255,255,.1)}
.content div#AllNews .Item .nophoto {position: relative;background: var(--border-color) url(../images/mv_beauty-small.webp) center no-repeat;background-size: 50%;filter: grayscale(100%);transition: background-color .4s}
.content div#AllNews .Item .button:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;outline: none}
.content div#AllNews .Item .button {margin-top: 10px;font-size: 16px;line-height: 1;text-shadow: none;padding: 10px 30px;display: inline-block;text-decoration: none;color: var(--bs-body-bg);background: var(--bs-primary-color);border-radius: 3px;box-shadow: 0 3px 3px rgba(0, 0, 0, .1);transition: box-shadow .4s}
.content div#AllNews .Item .photo img {position: relative;object-fit: cover;height: 100%;width: 100%}
.content div#AllNews .Item:hover .photo img {filter: brightness(70%) contrast(70%)}
.content div#AllNews .Item .nophoto, div#AllNews .Item .photo {width: 100%;height: 100%;position: relative;overflow: hidden}
.content div#AllNews .Item .nophoto::before, div#AllNews .Item .photo::before {content: '';position: absolute;left: 50%;top: -50%;transform: translate(-50%, -50%);width: 1px;height: 40px;background: var(--bs-body-bg);z-index: 10;transition: top .4s}
.content div#AllNews .Item .nophoto::after, div#AllNews .Item .photo::after {content: '';position: absolute;left: -50%;top: 50%;transform: translate(-50%, -50%);width: 40px;height: 1px;background: var(--bs-body-bg);z-index: 10;transition: left .4s}
.content div#AllNews .Item:hover {    box-shadow: 0 0 30px rgb(0 0 0 / 51%);background: var(--bs-body-bg)}
.content div#AllNews .Item:hover .nophoto::before, div#AllNews .Item:hover .photo::before {top: 50%}
.content div#AllNews .Item:hover .nophoto::after, div#AllNews .Item:hover .photo::after {left: 50%}
/******/
.form-newsletter label.form-label {display: none}
.form-newsletter {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px}
.form-newsletter div#gdpr_policy {grid-column: 1 / 4;display: flex;justify-content: center}
.form-newsletter div#NewsletterSubmitHeader {grid-column: 1 / 4;text-align: center}
div#NewsletterSubmitHeader input#subscriber-submit {font-size: 16px;line-height: 30px;color: var(--bs-body-bg);text-transform: uppercase;padding: 10px 30px;outline: none !important;background: var(--light-color);border: none;border-radius: 3px;transition: background .4s, box-shadow .4s}
div#NewsletterSubmitHeader input#subscriber-submit:hover {background: var(--bs-nav-link-color-second)}
section.newsletter .container h3 ~ div {padding-left: 30px;padding-right: 30px}
a.btn-cookies-link{background-color:var(--dark-color)!important;color:var(--bs-body-bg)!important}
a.btn-cookies-link:hover{background-color:var(--bs-body-color)!important}
#scrollTopBtn{position:fixed;bottom:32px;right:21px;color:var(--bs-body-bg);border-radius:4px;opacity:0;background-color:var(--dark-color);padding:6px 12px}
#scrollTopBtn.Active{opacity:1}
.btn-cookies-pos,.footer-b,#scrollTopBtn{z-index:1020}
.carousel-control-next,.carousel-control-prev{width:30px}
.carousel-control-prev {    left: 46%;}
.carousel-control-next {    right: 46%;}
.carousel-control-next-icon, .carousel-control-prev-icon{    background-color: #000;}
.carousel-control-next, .carousel-control-prev{    top:87.5%;}
.toast-news{width:800px;background:rgba(0,0,0,.85)!important;color:var(--bs-body-bg)!important}
.news-popup-image{flex:0 0 auto;width:33.33333333%}
.news-popup-text{flex:0 0 auto;width:66.66666667%;color:var(--bs-body-bg);font-size:1.15em;line-height:1.3em;}
.toast-header{position:relative;z-index:1;font-size:1.5rem;background:var(--dark-color)!important;color:var(--bs-body-bg)!important}
.toast-header::before{position:absolute;content:'';z-index:-1;right:7px;top:calc(50% - 17px);bottom:auto;width:33px;background:var(--bs-body-bg);border-radius:50%;height:33px}
.me-auto{font-weight:300!important}
.toast-header .btn-close{background-size:40%}
.news-popup-text small.news-date-popup{color:var(--bs-body-bg);font-weight:700}
@media only screen and (max-width : 1680px) {
  section.banner .slide{ right: 0px;}
  .homepage .wrapper {    padding: 58px 0 0px;}
}
@media only screen and (max-width : 1500px) {
  .banner .slide-box-message h2{    font-size: 46px;}
}
@media only screen and (max-width : 1366px) {
  .container{    max-width: 100%;}
}
@media only screen and (max-width : 1280px) {
  .banner .slide-box-message h2{    font-size: 45px;}
  section.realisation .grid-gallery{    grid-gap: 0;}
}
@media only screen and (max-width : 1199.98px) {article.content .grid-gallery{grid-column-gap:10px;grid-row-gap:10px;padding:0 15px}
section.realisation .grid-gallery {    grid-gap: 25px;    grid-template-columns: repeat(2, 1fr);    justify-items: center;}
  header.sticky-top .level-0 > li {    padding: 0 2px;}
  a.cta .cta_txt{    font-size: 15px;    letter-spacing: 1px;}
article.content .grid-gallery#pluginMasonry {	grid-column-gap:0;grid-row-gap:0;  padding: 0}
.banner .slide-box-message {	font-size: 40px}
   section.top_bg { background-size: cover;}
  .banner.small .slide-box-message h2 {    font-size: 27px;}
.banner .slide-box-message h2, .banner .slide-box-message h2 span.subtitle {        font-size: 33px;    }
  .banner .slide-box-message h3{font-size: 19px;}
      section.banner .slide { top: 35%;left: 0;        right: 0;        margin: 0 auto;    }
section.banner .container {    top: 48%;}
  .banner .slide-box-message h2{display: block; padding-right: 0;}
  a.cta {    margin: 0 auto;}
  section.banner ,.homepage section.banner{    min-height: 540px;}
  .homepage .wrapper {    padding: 46px 0 0px;}
   .homepage .content-wrapper{    padding: 5px 0 0;}
  .content-wrapper {    padding-top: 0 !important;}
}
@media only screen and (max-width : 1024px) {
      .homepage .wrapper {        padding: 0;    }
  section.banner, .homepage section.banner {min-height: 770px;}
  .banner.small .slide-box-message h2,.banner .slide-box-message h2{ text-align: center;}
    .slide-content {
  flex-direction: column
}
  .homepage .content h1, .content h1{    font-size: 39px;}
  .content h1 span.subtitle{    letter-spacing: 0;        font-size: 21px;}
  header.sticky-top .navbar-brand .big{max-width: 300px;top: 4px;}
header.sticky-top a.nav-link{  font-size: 12.5px;        letter-spacing: 0;}
  .box-news #AllNews .news-object.Item{    min-height: 282px;}
      .box-news #AllNews .news-object.Item {        min-height: 436px;    }
  .box-news span.news-abstract:before{    bottom: 20px;}
  section.services .box h2{padding-left: 75px;}
  section.services .box .text{padding: 18px 10px 0 75px;}
}
@media only screen and (max-width : 991.98px) {.toast-container{left:5%;width:90%!important}
  .box-news div#AllNews{    grid-gap: 20px;}
.image-left,.image-right{margin:0 auto 30px!important;float:none!important;display:table!important;max-width:100%!important}
article.content1 .grid-gallery{grid-template-columns:repeat(3,1fr)}
header.sticky-top .navbar-collapse{position: absolute;top: 98px;left: 50%;transform: translateX(-50%);width: 100vw;background: var(--titre-color);padding: 10px 0;text-align: left;z-index: 100}
header.sticky-top .level-0 > li:not(:first-child) {	margin-left: 0}
header.sticky-top .navbar-collapse li a {	color: var(--bs-body-bg) !important;padding: 12px 2px !important;text-align: left}
header.sticky-top .navbar-collapse li a:hover,  header.sticky-top .navbar-collapse li a.focus {	    color:var(--bs-secondary-bg) !important}
  header.sticky-top .navbar-nav > li > .nav-link:hover, header.sticky-top .navbar-nav > .selected > .nav-link {    -webkit-text-stroke: 1px var(--bs-secondary-bg);}
header.sticky-top .nav-item .submenu{padding:10px;width:100%;background:var(--bs-body-bg);border-radius:5px}
header.sticky-top .dropdown-menu li.nav-item{padding:0}
header.sticky-top .dropdown-menu .nav-link{border-bottom:none!important;color:var(--bs-black)!important;padding:5px}
header.sticky-top .dropdown-menu .nav-link:hover{background:var(--border-color)}
header.sticky-top .nav-item .level-2{background:var(--tertiary-color);left:0;position:relative}
header.sticky-top li.nav-item{padding:1px 10px}
header.sticky-top .nav-link{color:var(--bs-body-bg)}
header.sticky-top .dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-body-bg);color:var(--bs-body-bg)}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu{transform:translateX(0%)}
header.sticky-top .dropdown-menu .nav-link{text-align:left}
header.sticky-top .level-0 > li > a.nav-link::before {	display: none}
header.sticky-top .dropdown-toggle {	left: auto;	transform: translateX(0%);	right: 15px;	background: var(--bs-primary-color);	padding: 0 4px;	border-radius: 5px;	bottom:auto;	top: 17px}
header.sticky-top .dropdown-menu .nav-link {  padding: 5px 10px !important}
  section.realisation #pluginFslightbox{    grid-template-columns: 1fr;}
article.content .grid-sizer, .grid-item {	width: 50%}}
@media only screen and (max-width : 800px) {
  .content div#AllNews .Item h3{    font-size: 16px;text-align: center;}
.news-abstract {
 text-align: center;
 display: table;
 line-height: normal;
 margin: 0 auto 15px;
}
    .content div#AllNews .Item .button{
        margin: auto; display: table;
    }
    .box-news{    padding: 47px 0 54px;overflow: hidden;}
    
  #news_slide .carousel-item {    height: 208px;}
  .box-news h1{margin: 0 auto;}
  .carousel-caption {    text-align: center;    padding: 1.25rem 6rem;}
  #news_slide .carousel-item .news-abstract:before{margin: 0 auto; right: 0;    bottom: 0;}
  .carousel-indicators {    justify-content: center;    bottom: -16px;}
  #news_slide .carousel-item{    width: 100%;}
footer.bottom .col-md-3{        width: 100%;}
  section.banner .container {    z-index: 1 !important;}
  section.services .col-md-4{        width: 100%;}
  section.services .box{margin: 0 auto;background-size: contain;}
      section.services .box h2, section.services .box .text {        padding-left: 150px;    }
  footer.bottom{text-align: center;}
  footer.bottom h2:before{content:none;}
  footer.bottom h2{padding-left:0; text-align:center}
  .adr, .gsm, .coord {
        max-width: 170px;
        width: 100%;
        float: none !important;
        display: table !important;
        margin: 30px auto 0 !important;
         text-align: center;
    }
      .banner .slide-box-message h2 {        font-size: 26px!important;    padding: 0 0px 16px 0;    }
      section.boxes .photo {        right: 0;        left: 0;        top: auto;        position: relative !important;        margin: 0 auto;    }
      section.boxes .col-md-8 {        width: 100%;    }
      section.realisation .grid-gallery {        grid-template-columns: repeat(2, 1fr);        margin: 0;        justify-items: center;    }
  section.realisation .link-picture{width: 100%;}
  section.banner.small .slide {  top: 38%;}
  .homepage .content h1,.content h1{    font-size: 33px;    line-height: 1em;}
  .content h1 span.subtitle {    font-size: 19px;}
  .news-article-row .news-article-photo-col {    order: 1;    width: 100%;    text-align: center;}
  .news-article-row .news-article-body-col {    order: 1;    width: 100%;}
  .content h2 {    font-size: 18px;}
    .news-article-row .news-article-share-col {width:30% !important}
.news-article-row .news-article-back-col {width: 70% !important;}
}
@media only screen and (max-width : 520px) {
.box-news::before {
 
  right: -90%;
  
  z-index: -1;
  opacity: .3;
  background: url(../images/bg_act.webp) no-repeat center right;
  background-size: cover;
}
}

@media only screen and (max-width : 767px) {article.content1 .grid-gallery{grid-template-columns:repeat(2,1fr)}
  .carousel-caption {    display: block !important;        padding: 1.25rem 1rem;}
  section.banner .container {    z-index: 1 !important;}
  #news_slide .carousel-item .news-abstract:before{bottom: 5px;}
  #news_slide .carousel-item{     height: 200px;width: 100%;}
  section.banner .slide{width:100%}
.news-popup-text{width:100%}
.contactForm {	grid-template-columns: repeat(1, 1fr)}
.contactForm .contact-field-item.fullwidth, .gdpr.form-check {	grid-column: 1 / 1}
.contactForm .contact-submit .btn-primary {	float: none;margin: 20px auto 0;display: table;}
.banner .slide-box-message {	font-size: 30px}
.wrapper .photo {  width: 100%;  position: relative !important}
.wrapper .photo .img-box > img, section.satisfaction .photo .img-box > img {	position: relative !important}
div#AllNews .Item {  grid-template-columns: 100%;  padding: 15px}
.form-newsletter {  grid-template-columns: repeat(1,1fr)}
.form-newsletter div#gdpr_policy, .form-newsletter div#NewsletterSubmitHeader {  grid-column: 1 / 1}
section.contactform {	padding: 20px 15px !important}
  section.services .box_contact .slide-box-message h2{font-size: 35px;}
  section.services .box_contact .slide-box-message h2 span.subtitle {    font-size: 41px;}
  section.services .box_contact .slide-box-message h3{    font-size: 19px;    letter-spacing: 0;}
    .content h1 span.subtitle{padding: 0;background:none;}
      .homepage .wrapper,.wrapper {padding: 0; }
   .carousel-control-next {    right: 45.7%;}
  .carousel-control-prev {    left: 45.7%;}
}
@media only screen and (max-width : 640px) { 
 .carousel-control-next {    right: 45%;}
  .carousel-control-prev {    left: 45%;}}
@media only screen and (max-width : 480px) { 
   .homepage .content h1,.content h1{    font-size:26px}
   .carousel-control-next {    right: 13px;}
  .carousel-control-prev {    left: 13px;}
  .content div#AllNews .Item{    grid-template-columns: 1fr;}
  section.services .box_contact{    letter-spacing: 0;}
  span.phone-responsive {    display: block;    display: none;}
  span.phone.mob {    display: none;}
  article.content p {    text-align: left;}
.contact-form .g-recaptcha{transform:scale(.8);width:250px;transform-origin:left}
article.content .grid-sizer, .grid-item {	width: 100%}
article.content1 .grid-gallery{grid-template-columns:repeat(1,1fr)}
.g-recaptcha {	width: 280px;	transform: scale(.8);	transform-origin: left}
    section.services h1 {        font-size: 25px;    }
  section.services h1:after{    font-size: 58px;}
  section.boxes .photo img {    max-width: 100%;}
      section.services h1, section.realisation h1, .box-news h1 {font-size: 32px;        text-align: center;    }
      section.realisation .grid-gallery {        grid-template-columns: 1fr;}
  .box-news h1 span.subtitle{background:none;padding: 0;}
      #news_slide .carousel-item {height: 230px;}
}
@media only screen and (max-width : 414px) {
  .contactForm{    margin: 0 auto 115px;}
  .box-news h1 {margin: 0 auto;}
  section.services .box h2{    font-size: 25px;}
  section.realisation h1 span.subtitle, .box-news h1 span.subtitle{padding: 0;background:none;}
      .content h1 {        padding-left: 0;    }
  .content h1:before{content:none;}
      section.services .box_contact .slide-box-message h2 {        font-size: 26px;    }
      section.services .box_contact .slide-box-message h2 span.subtitle {        font-size: 31px;    }
header.sticky-top.is-sticky .bloc_cta{right: 0;    margin: 163px  auto 0;left: 0;}
  section.boxes .box05 h2{    font-size: 40px;padding:0;}
  section.boxes .box05 h2:before{content: none;}
    section.services .box_contact {        font-size: 15px;    }
  section.services h1:before{content:none;}
      .banner .slide-box-message h2, .banner .slide-box-message h2 span.subtitle {        font-size: 29px;    }   
}
@media only screen and (max-width : 375px) {
      .content h1 {        font-size: 23px;  }
  .box-news{    background-color: #0e4d5f;}
      #news_slide .carousel-item {        height: 270px;}
  header.sticky-top.is-sticky .bouton{    font-size: 13px;}
  header.sticky-top .navbar-brand .big {        max-width: 240px;        top: 14px;    }
      a.cta .cta_txt {        font-size: 14px;        letter-spacing: 0;    }
      section.services .box h2, section.services .box .text {            padding: 18px 50px 0 75px;}
  footer.bottom img {    max-width: 250px;}
}
button.navbar-toggler::after,button.navbar-toggler::before{content:'';width:1.5em;background:var(--bouton-color);position:absolute;left:0;height:1.5px;transition:.3s}
button.navbar-toggler::before{top:0;transform:rotate(-32deg);transform-origin:right}
button.navbar-toggler::after{bottom:0;transform:rotate(32deg);transform-origin:right}
button.navbar-toggler .navbar-toggler-icon{display:block;height:1.5px;background-image:none;background-color:var(--bouton-color);transition:.1s;opacity:1;margin:8px 0}
button.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{opacity:0}
button.navbar-toggler[aria-expanded=false]::after,button.navbar-toggler[aria-expanded=false]::before{transform:none}