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

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




:root{--bs-body-color:#404040;--bs-body-bg:#f9f9f7;--bs-primary-color:#53a249;--bs-secondary-bg:#182526;--bs-tertiary-color:#6be4dd;--bs-tertiary-bg:#f3f3f3;--dark-color:#000000;--box-color:#6d7172;--yellow-color:#f0f0f0;--light-color:#ffffff;--bs-btn-padding-x:20px;--bs-btn-padding-y:10px;--border-color:#fff;--bs-nav-link-color:#35393c;--bs-nav-link-color-second:#0067a6;--bs-body-font-family:'WorkSansRegular';--bs-titles-font-family:'PoppinsBold';--bs-body-font-weight:400;--bs-body-line-height:24px;--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;--footer-link: #53a249;}

.modal-header a{ background:var(--bs-primary-color); color:var(--light-color)!important;}
.modal-header a:hover{ background:var(--bs-secondary-bg); color:var(--light-color)!important;}

.modal-dialog-scrollable .modal-content {    padding-top: 10px;}
a{color:var(--bs-primary-color);transition:all .4s;outline:none}
.alert-success {    --bs-bg-opacity: 1;     background: var(--bs-secondary-bg)!important; color: var(--light-color)!important;border: 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;border-radius: 10px;}

.btn-primary{background:var(--bs-primary-color);border: none !important;}
.btn-primary:hover{background:var(--bs-secondary-bg);border: none !important;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--bs-titles-font-family);line-height:1em;font-weight:400; text-transform:none;letter-spacing: 0;}
span.phone-responsive{display:none}
.animate.clip_ltr{clip-path:inset(0 100% 0 0);transition:clip-path 800ms ease-out}
.animate.clip_rtl{clip-path:inset(0 0 0 100%);transition:clip-path 800ms ease-out}
.animate.clip_ttb{clip-path:inset(0 0 100% 0);transition:clip-path 800ms ease-out}
.animate.fade_in{opacity:0;transition:opacity 800ms ease-out;transition-delay:0}
.animate.fade_in.play{opacity:1}
.animate.delay-250{transition-delay:250ms}
.animate.delay-500{transition-delay:500ms}
.animate.clip_ttb.play{clip-path:inset(-1px -1px -1px -1px)}
.animate.clip_ltr.play{clip-path:inset(-1px -1px -1px -1px)}
.animate.clip_rtl.play{clip-path:inset(-1px -1px -1px -1px)}
header.sticky-top{box-shadow: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height:83px;
    top:0px !important; 
background:var(--light-color);

}
header.sticky-top.is-sticky{
    padding: 0px 0 !important;
    position: fixed !important;
   top: 0 !important;


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


    }

header.sticky-top .logo-sticky{
transform-origin: left top;
    transition: all .8s;
    transition-delay: .1s;
    position: relative;
    left: 0px;
    right: 0;
width: 300px;
    margin-top: 18px;
}
header.sticky-top .logo-sticky img{ max-width:100%; margin-left:0px;}
header.sticky-top.is-sticky .logo-sticky {
/*transform: scale(.59);
    margin-top: 0;*/

}

header.sticky-top   .cta-top{ 
    width: 188px;
   margin-top: 16px;
    z-index: 3;
    pointer-events: auto;
    z-index: 5;
height:42px; line-height:42px;
padding-left:15px;
text-align:left;
font-size:13px; text-transform:uppercase;
letter-spacing:0;
background:var(--bs-primary-color);
border-radius:5px;
position:relative;
}
header.sticky-top   .cta-top:before{ position:absolute;     top: 17px;
    right: 19px; right:15px; content:''; width:5px; height:8px; background:url(../images/fleche1.webp) no-repeat;}




header.sticky-top   .cta-top a{ position:absolute; left:0; top:0; bottom:0; right:0;padding-left:15px; color: var(--light-color); text-decoration:none}

header.sticky-top   .cta-top:hover{background:var(--bs-secondary-bg);}
header.sticky-top  .bouton{  display:none;}
header.sticky-top.is-sticky .bouton{      position: absolute;
    pointer-events: auto;
    height: 42px;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 15px;
    color: var(--light-color);
    right: 38px;
    bottom: -41px;
    z-index: 2;
    display: block;
    padding: 0 20px;
    text-transform: none;     }
header.sticky-top.is-sticky .bouton a{  color:var(--light-color); text-decoration:none;}
header.sticky-top.is-sticky  .bouton:hover a{  color:var(--light-color); text-decoration:none;}
header.sticky-top.is-sticky .bouton:before {    position: absolute;    content: '';    left: 0;    top: 0;    right: 0;    bottom: 0;background:var(--bs-primary-color);z-index:-2;    }
header.sticky-top.is-sticky .bouton:hover:before {    opacity:0;}
header.sticky-top.is-sticky  .bouton:after {    position: absolute;    content: '';    left: 0;    width: 0;    top: 0;    bottom: 0; background:var(--bs-secondary-bg);    transition: width .3s;z-index:-1;width:0;    }
header.sticky-top.is-sticky  .bouton:hover:after {    width:100%;}
header.sticky-top.is-sticky  .bouton:hover a{color: var(--border-color);  text-shadow:none;}
header.sticky-top   .bouton2{  display:none;}
header.sticky-top.is-sticky .bouton2{                   position: absolute;
    pointer-events: auto;
    height: 42px;
    line-height: 41px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff;
      right: -31px;
    bottom: 25px;
    z-index: 4;
    display: block;
    padding: 0 0px;
    text-transform: none;
    padding: 0px 0px 0px;
    width: 41px; font-size:0;
   }
header.sticky-top.is-sticky .bouton2 .wats{    position: relative;

  margin: 0 auto;
width: 100%;
  height: 100%;
  background: url(../images/wats11.webp) center center no-repeat;
  pointer-events: auto;
  display: block !important;    float: none;}

header.sticky-top.is-sticky .bouton2 .wats:before{ display:none;}
header.sticky-top.is-sticky .bouton2 .wats:after{ display:none;}

header.sticky-top.is-sticky .bouton2 .wats .fa-circle:before {

    content: '' !important;
}


header.sticky-top.is-sticky  .wats .fa-whatsapp:before {
content: '' !important;
}

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; border-radius:5px;}
header.sticky-top.is-sticky .bouton2:hover:before {    opacity:0;}
header.sticky-top.is-sticky  .bouton2:after {  border-radius:5px;   position: absolute;    content: '';    left: 0;    width: 0;    top: 0;    bottom: 0; background:var(--bs-secondary-bg);    transition: width .3s;z-index:-1;width:0;    }
header.sticky-top.is-sticky  .bouton2:hover:after {    width:100%;}
header.sticky-top.is-sticky .bouton2 .wats a{ position:absolute; left:0; top:0; bottom:0; right:0;}


header.sticky-top .inner-wrapper{ position: relative;
    display: flex;
    justify-content: space-between;
    position: relative;    height: 83px;;
}

nav.navbar.navbar-expand-lg {
    padding: 0px 0 0 !important;
}






header.sticky-top .navbar-expand-lg .navbar-nav {
    justify-content: space-between;
    /* display: table; */
    position: relative;
    margin-top: -6px !important;
    margin-left: 92px;
    float: right;

 
}
header.sticky-top.is-sticky .navbar-expand-lg .navbar-nav {  margin-top: -6px !important;   }

header.sticky-top a.nav-link{position: relative;
    padding: 0 5px !important;
    height: 39px;
    line-height: 39px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: var(--bs-secondary-bg);
    text-transform:uppercase;
    letter-spacing: 0.02em;
    border-bottom: 3px solid rgba(83, 162, 73, 0);
text-shadow:0px 0px 0px var(--bs-secondary-bg);

}
header.sticky-top .navbar-nav > li > .nav-link:hover,header.sticky-top .navbar-nav > .selected > .nav-link{   border-bottom: 3px solid rgba(83, 162, 73, 1);
 -webkit-text-stroke:1px var(--bs-secondary-bg);}


header.sticky-top .navbar-expand-lg .navbar-nav > li {       float: left;
padding: 0px 13px;
    position: relative;}


header.sticky-top .navbar-expand-lg .navbar-nav > li:first-child{ padding-left:0;} 
header.sticky-top .navbar-expand-lg .navbar-nav > li:last-child{ padding-right:0;} 
header.sticky-top .navbar-expand-lg .navbar-nav > li:first-child:before{ display:none}



header.sticky-top .navbar-nav > li > .nav-link:hover,header.sticky-top .navbar-nav > .selected > .nav-link{}
header.sticky-top .dropdown-toggle::after{content:'\f078';font-family:"Font Awesome 6 Pro";border-top:0 solid;font-size:7px;padding:2px 0 0 2px;font-weight:900;-webkit-text-stroke:1px var(--dark-color)}
header.sticky-top .dropdown-menu .nav-link:hover,header.sticky-top .dropdown-menu .selected .nav-link{color:var(--bs-primary-color)!important;}
header.sticky-top .dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu{    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    text-align: center;
    margin-top: 0;
    width: 99%;
background:var(--light-color); 
    padding: 15px 6px;    min-width: 184px; box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu > li{padding:0 0px;border-bottom:1px solid rgba(0,0,0,0.2);}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child{border-bottom:none;}
header.sticky-top .dropdown-menu li.nav-item{padding:0}
header.sticky-top .dropdown-toggle{  position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
       bottom: -2px;
    width: 15px;
    z-index: 999;
    cursor: pointer;}
header.sticky-top .dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:0}
ul.dropdown-menu {border:0;border-radius:0;       background:var(--dark-color);box-shadow:0px 0px 5px rgba(0,0,0,0.2); padding:0!important; margin:0!important;}
.dropdown-item {position: absolute;right: 5px;top: 10px;z-index: 999;cursor: pointer;}
.dropdown-toggle.child::after {content: '\f054';font-family: "Font Awesome 6 Pro";border-top: 0 solid;}


.dropdown-menu li{    position: relative;    padding: 0 !important;
    margin: 0 !important; width:100%;border-bottom: 1px solid rgba(0,0,0,0.2);}
.dropdown-menu li:last-child{ border-bottom:none;}
header.sticky-top .dropdown-menu li a{     border-radius: 0 !important; color: var(--dark-color)!important;font-size: 12px!important; height:auto; text-align: center;letter-spacing: 0; line-height: 1.2em;padding: 10px 5px !important; border-radius:0px;width:100%; text-align:center; letter-spacing:0!important;}
.dropdown-menu li:last-child a{ border-bottom:none;}



.nav-item .submenu{display:none;position:absolute;padding:0px 0px!important;--bs-dropdown-padding-x: 0!important;
    --bs-dropdown-padding-y: 0!important;left:100%}
.nav-item .submenu-left{right:100%;left:auto}
.dropdown-menu > li:hover > .submenu{display:block}
.dropdown-menu .nav-link{padding:0 0 0;transition:color .4s,border-bottom-color .8s}
.dropdown-menu .nav-link:before{display:none}


.banner {  width: 100%;    height:707px;     left: 0; float: left; position:relative;}

.banner .carousel-inner {

    height: 100%!important;
}
.banner .carousel-caption.d-none.d-md-block {
    display: none!important;
}
.banner .carousel-inner img{ height:100%; object-fit: cover;}
.banner.small {      height: 400px;  width: 100%;    position: relative;} 
.banner.small .slide-show { bottom:0;} 
.banner .carousel-control-next, .banner .carousel-control-prev{ display:none!important;}
.banner .slide-show {
    bottom: 0;
    right: 0;
    width: 100%;
    top: 0;

}
.banner .slide-show:before{ position:absolute; left:0; top:0; bottom:0; right:0; content:''; background:url(../images/bg-slide.webp) top center no-repeat; z-index:2;}

.banner.small .slide-show:before{ display:none;}

.banner .carousel-indicators {
       margin-right: 0 !important;
    margin-bottom:0rem !important;
    margin-left: 0 !important;
    z-index: 5 !important;
    padding-right: 0px !important;
    justify-content: center !important;
    width: 100%;

    left: 0 !important;
right:0;
    display: block !important;bottom: 3% !important; text-align:center}
.banner .carousel-item{ height:100%!important;}

.container.container-banner {    left: 0;    right: 0;    margin: 0 auto;    height: 100%;    top: 0;} 


.banner .carousel {
    position: relative;
    height: 100%;
}

.banner .container{     height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;}



.banner section.cta .b-left {        width: 100%;
    max-width: 100%;
     margin-top: 148px;
    text-align: center;}

.banner section.cta {    text-align: center;    pointer-events: auto;    z-index: 3;       }


section.cta .content-cta h6{        font-size: 31px;
    letter-spacing: 0em;
    width: auto;
    display: table;
    margin: 0 auto;
    margin-bottom: 43px;
    padding-bottom: 17px;
    text-transform: uppercase;
    pointer-events: auto;
    z-index: 1;
    color: var(--light-color);
    position: relative;

}
section.cta .content-cta h6:before{ position:absolute;left: -6px; right:0; margin:0 auto;  width:75px; bottom:0; height:6px; content:''; background:var(--bs-primary-color);}
section.cta .content-cta h6:after{     position: absolute;
    right: 16px;
    width: 15px;
    top: -4px;
    height: 22px;content:''; background:url(../images/tiret.webp) no-repeat;;}
section.cta .content-cta h2{         font-size: 49px;
    line-height: 57px;
    letter-spacing: 0em;
    margin: 0px 0px 8px;
    text-transform: uppercase;
    pointer-events: auto;
    z-index: 1;
    color: var(--light-color);
    position: relative;
}


section.cta .content-cta h3{      font-family: 'PoppinsRegular';     font-size: 23px;
    letter-spacing: 0em;
    margin: 0px 0px 50px;
    text-transform:none;

    pointer-events: auto;
    z-index: 1;
    color: var(--light-color);
    position: relative;
}

section.cta .content-cta .titrh2{ color:var(--bs-primary-color);}
section.cta .content-cta p{ font-size:15px; line-height:25px;  color: var(--light-color); margin:0px 0px 45px;}


section.cta .content-cta .bloc-bouton{ position:relative; margin:0 auto; width:411px;    display: flex;
    justify-content: space-between;}

section.cta .content-cta .bouton{         pointer-events: auto;
    width:188px;
    height: 42px;
    line-height: 42px;
    text-align: left;

    letter-spacing: 0em;
    font-size: 13px;
  color:var(--light-color);
    z-index: 2; 
    text-transform:uppercase;
    position: relative;
    font-weight: normal;
    background: var(--bs-primary-color);
border-radius:5px;
}

section.cta .content-cta .bouton:hover  { background: var(--light-color);}


section.cta .content-cta .bouton a{    color:var(--light-color);
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
padding-left:15px;
}section.cta .content-cta .bouton:hover a{color: var(--dark-color);}
section.cta .content-cta .bouton:before{ position:absolute; right:0; top:16px; right:15px; content:''; width:5px; height:8px; background:url(../images/fleche1.webp) no-repeat;}


section.cta .content-cta .bouton:hover:before{background:url(../images/fleche1-h.png) no-repeat;}





section.cta .content-cta .devis{         pointer-events: auto;
    width:188px;
    height: 42px;
    line-height: 38px;
    text-align: center;

    letter-spacing: 0em;
    font-size: 13px;
  color:var(--light-color);
    z-index: 2; 
    text-transform:uppercase;
    position: relative;
    font-weight: normal;
   
border-radius:5px;
border:2px solid var(--light-color);
}

section.cta .content-cta .devis:hover  { background: var(--light-color);}


section.cta .content-cta .devis a{    color:var(--light-color);
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
padding-left:0px; text-align: center;
}section.cta .content-cta .devis:hover a{color: var(--dark-color);}





.banner .slide-show .carousel-control-next-icon, .banner .slide-show .carousel-control-prev-icon {

    display: none;
}

.carousel-indicators {
       margin-right: 0 !important;
    margin-bottom: 0rem !important;
    margin-left: 0 !important;
    z-index: 5 !important;
    padding-right: 0px !important;
    justify-content: center !important;
    width: 100%;
    display: block !important;
    bottom: 4% !important;
    text-align: center;
    padding-left: 0;}
.carousel-fade .carousel-item {
    height: 100%!important;}
.carousel-indicators [data-bs-target]{
    box-sizing: content-box; flex: 0 1 auto; width:13px; height:13px; padding: 0;margin-right: $carousel-indicator-spacer;margin-left: $carousel-indicator-spacer;text-indent: -999px;cursor: pointer;    background-color: transparent;background-clip: padding-box; border-radius: 50%; margin:0px 0px!important; padding:0px!important; opacity:1!important; border:1px solid #fff;
text-align:center;
  }
.carousel-indicators .active {
 background-color:rgba(255,255,255,1);
}



.content-wrapper{padding:50px 0px 50px; position:relative;    clear: both;     float: left;
    width: 100%;}
main.content-wrapper.home{padding:70px 0px 130px; } 



main.content-wrapper  .photo-home {            position: relative;
    float: left;
    width: 100%;
    max-width: 700px;
    margin-right: 40px;
    margin-bottom: 20px;
    display: table;


 }



main.content-wrapper  .photo-home  img {width:100%; 


 margin: 0 !important;max-width:100%!important; }


 .grid-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:5px;grid-row-gap:5px}
 .link-picture{position:relative;background-size:cover;background-position:center;height:250px;cursor:zoom-in}
 .link-subgallery{position:relative;background-size:cover;background-position:center;height:150px;text-decoration:auto;cursor:pointer}
 span.title-subgallery{background-color:#000000ab;display:flex;color:#fff;padding:5px;text-transform:capitalize}
 .pagination{margin-top:10px;justify-content:center; padding: 0px;   }
.page-link{ color:var(--dark-color)}
.disabled>.page-link, .page-link.disabled {
    color: var(--bs-body-bg);pointer-events: none;background-color: var(--bs-primary-color); border-color: var(--bs-primary-color);}
.active>.page-link, .page-link.active {
    z-index: 3; color: var(--dark-color);    background-color: #fff; border-color: var(--dark-color);}
 .pagination  li{    background:none;     padding: 0px 2px !important;
    background: none !important;}
 .link-subgallery:before,.link-picture:before{content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:100%;transition:width .6s;transition-delay:0;background:rgba(29,53,87,0);}
 .link-subgallery:hover:before, .link-picture:hover::before{width:100%;transition-delay:.4s; background:url(../images/plus-g.webp) center center no-repeat rgba(0,0,0,0.5);}
 .link-subgallery::after,article.content .link-picture::after{content:'';z-index:3;position:absolute;left:20px;right:20px;top:20px;bottom:20px;background-size:0;background-repeat:no-repeat;background-image:linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%),linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%);background-position:0 0,100% 0,100% 100%,0 100%}
 .link-subgallery:hover::after,article.content .link-picture:hover::after{animation:bg 1.25s;animation-fill-mode:forwards}
 span.title-subgallery{position:absolute;display:block;left:5px;right:5px;top:50%;bottom:auto;transform:translateY(-50%);background:rgba(0,0,0,.9);text-align:center;text-transform:uppercase;font-weight:700;line-height:2.5em;color:#fff;padding:5px;z-index: 3;}
 .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:#999;display:block!important;opacity:0;transition:bottom .6s,opacity .6s;transition-delay:0}
 .link-picture span.title-picture{color:var(--bs-body-bg);text-transform:uppercase}
 .link-picture:hover span.text-picture,article.content .link-picture:hover span.title-picture{bottom:50px;opacity:1;transition-delay:.4s}
 .link-picture:hover span.title-picture{bottom:70px}

main.content-wrapper .content {    letter-spacing: 0.5px;   }


main.content-wrapper ul {padding-left: 10px}
main.content-wrapper ul li {list-style: none;background:url(../images/list-icon01.webp) no-repeat 0 7px;padding-left: 20px;text-shadow: 0px 0px 0px var(--bs-body-color);letter-spacing: 0.5px;}
main.content-wrapper ul ul li {background-image: url(../images/list-icon02.webp)}    
main.content-wrapper  .h2, h2 {font-size: 21px; }
#more {display: none;}
#myBtn {        width: 137px;
    position: relative;
    font-size: 13px;
    letter-spacing: 0.24em;
    z-index: 1;
    height: 42px;
    line-height: 42px;
    border: none;
    color: var(--bs-primary-color);
    text-transform: none;
    margin-bottom: 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    background: var(--bs-primary-color);
    color: var(--light-color);
    border-radius: 5px;}


#myBtn:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b88741+0,e7b671+100 */
background:var(--bs-secondary-bg); color:var(--light-color) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

@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%}
}
article.content .grid-gallery:after{content:'';display:block;clear:both}
article.content .grid-sizer,.grid-item{width:33%}
.grid-item {margin-bottom: 2px;}
article.content .grid-item{float:left}
article.content .grid-item img{display:block;width:100%;max-width:100%}
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%;
}
ul.contact-news li{background:url(../images/icon-news.webp) no-repeat!important;
  
line-height:32px!important;
padding-left: 34px!important;
}
header.page-title{padding:0px 0 60px; text-align: center;
    display: block;} 
header.page-title h1{font-size:35px;letter-spacing: 0em; text-align:center;   text-transform:none;    color:var(--bs-secondary-bg); position:relative;    display: block;  position:relative;}



header.page-title h1 span:first-child{
    font-size:18px;

    display: table;
margin:0 auto;
    margin-bottom: 10px;
    letter-spacing: 0em;
    position: relative;
    line-height: 20px;
    text-transform:none;
padding-left:50px;


}
header.page-title h1 span:last-child{

    display: block;



}
header.page-title h1 span:first-child:before{ position:absolute; left:0;     top: 8px; width:40px; height:3px; content:''; background:var(--bs-primary-color); }

h1.news-article-title{font-size:35px;letter-spacing: 0em; text-align:center;   text-transform:none;    color:var(--bs-secondary-bg); position:relative;    display: block;  position:relative;margin:0px 0px 60px; }




h1.news-article-title  span:first-child{
    font-size:18px;
    color: var(--bs-primary-color);
    display: table;
margin:0 auto;
    margin-bottom: 10px;
    letter-spacing: 0em;
    position: relative;
    line-height: 20px;
    text-transform:none;
padding-left:50px;


}
h1.news-article-title  span:first-child:before{ position:absolute; left:0;     top: 8px; width:40px; height:3px; content:''; background:var(--bs-primary-color); }
h1.news-article-title span:last-child{

    display: block;



}

.content h2{color:var(--bs-primary-color);}
.content h3{color:var(--bs-secondary-bg);        font-size: 17px;
}
.content h4 {color:var(--bs-secondary-bg);}
.content h5{color:var(--bs-secondary-bg);}
.content h6{color:var(--bs-secondary-bg);}
.content p{margin:0 0 20px;   text-shadow: 0px 0px 0px var(--bs-body-color);}
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}

/****************************services*************************/
section.services {     padding:63px 0px 30px;
    width: 100%;
    float: left;
    clear: both;
    z-index: 2; text-align:center; min-height:214px; background:#f9f9f7; }



section.services .boxes-grid {padding: 0px 0px 0px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;

    max-width: 100%;}


section.services .boxes-grid .box {
    text-align: center;
    width: 100%; max-width:297px;    position: relative;

 }
section.services .boxes-grid .box h3{ font-size:13px; color:var(--box-color);    line-height: 16px; padding-top:60px; margin:0;font-family: 'WorkSansSemiBold'; text-transform:uppercase;}
section.services .boxes-grid .box01 h3{ background:url(../images/icon3.webp) top center no-repeat;}
section.services .boxes-grid .box02 h3{ background:url(../images/icon4.webp) top center no-repeat;}
section.services .boxes-grid .box03 h3{ background:url(../images/icon5.webp) top center no-repeat;}
section.services .boxes-grid .box04 h3{ background:url(../images/icon6.webp) top center no-repeat;}
section.services .boxes-grid .box05 h3{ background:url(../images/icon7.webp) top center no-repeat;}
section.services .boxes-grid .box06 h3{ background:url(../images/icon8.webp) top center no-repeat;}

section.services .boxes-grid .box:before{ position:absolute; left:0; top:0; width:1px; height:89px; background:#a3a3a3; content:'';}

section.services .boxes-grid .box01:before{ display:none}
/***********************************************************************/

section.boxes5 {     padding: 15px 0px 0px;
    width: 100%;
    float: left;
    clear: both;

    z-index: 2; text-align:center}


section.boxes5 .boxes-grid {padding: 0px 0px 0px;    float: right;
    width: 100%;
display: flex;
    justify-content: space-between;
    position: relative;}
section.boxes5 .boxes-grid a{ text-decoration:none; }
section.boxes5 .boxes-grid a:hover{ text-decoration:none; }

section.boxes5 .boxes-grid .box {width: 100%;
    max-width: 945px;text-align: left;
color:var(--light-color); font-size:15px; line-height:29px;
 }


section.boxes5 .boxes-grid .box .img{    position: relative;
    width: 100%;

    display: table;}
section.boxes5 .boxes-grid .box .img:before{ position:absolute; left:0; top:0; right:0; bottom:0; content:''; background:url(../images/before1.webp) top center no-repeat; z-index:2;} 
section.boxes5 .boxes-grid .box02 .img:before{ background:url(../images/before2.webp) top center no-repeat;}

section.boxes5 .boxes-grid .box .img img{    position: relative;
    width: 100%;
 margin:0; min-width:100%;}

section.boxes5 .boxes-grid .box .img .info{ position:absolute; right:245px; top:88px; z-index:5; max-width:395px;}

section.boxes5 .boxes-grid .box02 .img .info{ left:245px; right:auto;}
section.boxes5 .boxes-grid ul {padding-left: 0px}
section.boxes5 .boxes-grid ul li {list-style: none;background:url(../images/list-icon01.webp) no-repeat 0 10px;padding-left: 22px;}

section.boxes5 .boxes-grid .box .plus{         pointer-events: auto;
    width:400px;
    height: 59px;
    line-height: 59px;
    text-align: left;

    letter-spacing: 0em;
    font-size: 15px;
  color:var(--light-color);
    z-index: 2; 
    text-transform:uppercase;
    position: relative;
    font-weight: normal;
    background: var(--bs-primary-color);
border-radius:5px;
padding-left:34px;margin-top: 25px;
}
section.boxes5 .boxes-grid .box02 .plus{ width:293px; padding-left:30px}
section.boxes5 .boxes-grid .box .plus:hover  { background: var(--bs-secondary-bg);}

section.boxes5 .boxes-grid .box .plus:before{ position: absolute;
    right: 0;
    top: 26px;
    right: 31px;
    content: '';
    width: 5px;
    height: 8px;
    background: url(../images/fleche1.webp) no-repeat;}






section.boxes5 .boxes-grid .box  h2{
padding-left:36px;
padding-top:138px;
    position: relative;

    font-size: 35px;
    text-transform:uppercase;
    letter-spacing: 0em;
    margin:0px 0px 10px; 
    color:var(--light-color);

    z-index: 5;
    }
section.boxes5 .boxes-grid .box h2:before{ position:absolute; left:65px;  top:0; width:108px; height:108px; content:'';}
section.boxes5 .boxes-grid .box01 h2:before{ background:url(../images/icon1.webp) top center no-repeat; transition:all .5s;}
section.boxes5 .boxes-grid .box01:hover h2:before{ background:url(../images/icon1.webp) bottom center no-repeat;}

section.boxes5 .boxes-grid .box02 h2:before{ background:url(../images/icon2.webp) top center no-repeat; transition:all .5s;}
section.boxes5 .boxes-grid .box02:hover h2:before{ background:url(../images/icon2.webp) bottom center no-repeat;}

section.boxes5 .boxes-grid .box  h6{
font-family: 'WorkSansRegular';
    position: relative;

    font-size:18px;
    text-transform:none;
    letter-spacing: 0em;
    margin:0px 0px 15px; 
    color:var(--light-color);

    z-index: 5;
    }

/***************************boxes*********************************/

section.boxes {     padding: 40px 0px 30px;
    width: 100%;
    float: left;
    clear: both;
background: var(--light-color);
    z-index: 2; text-align:center}


section.boxes  h2{ font-size:35px;     text-transform: none;line-height:44px; color: var(--bs-secondary-bg); margin:0px 0px 45px }
section.boxes  h6{ font-size:18px; letter-spacing:0em; text-transform:uppercase;  margin:0 auto; display:table; width:auto; margin-bottom:15px;color: var(--bs-secondary-bg); padding-left:50px; position:relative;}
section.boxes  h6:before{ position:absolute; left:0;     top: 7px; width:42px; height:3px; content:''; background:var(--bs-primary-color);}

section.boxes .boxes-grid {padding: 0px 0px 0px;    float: right;
    width: 100%;
display: flex;
    justify-content: space-between;
    position: relative;}
section.boxes .boxes-grid a{ text-decoration:none; }
section.boxes .boxes-grid a:hover{ text-decoration:none; }

section.boxes .boxes-grid .box {width: 100%;
  max-width:245px;text-align: center;
 }


section.boxes .boxes-grid .box .img{    position: relative;
    width: 100%;

    display: table;}
section.boxes .boxes-grid .box .img img{    position: relative;
    width: 100%; margin:0; min-width:100%}


section.boxes .boxes-grid .box  h3{
    position: relative;
font-family: 'WorkSansRegular';
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0em;
margin: 21px 0px 0px; 
    color:var(--bs-secondary-bg);

    z-index: 5;
    }

section.boxes .boxes-grid .box:hover  h3{    color:var(--bs-primary-color);}
/****************************************************************************************************************/
section.boxes2 {     padding: 10px 0px 30px;
    width: 100%;
    float: left;
    clear: both;
background: var(--light-color);
    z-index: 2; text-align:center}


section.boxes2 .boxes-grid {padding: 0px 0px 90px;    float: right;
    width: 100%;
display: flex;
    justify-content: space-between;
    position: relative;}
section.boxes2 .boxes-grid a{ text-decoration:none; }
section.boxes2 .boxes-grid a:hover{ text-decoration:none; }

section.boxes2 .boxes-grid .box {width: 100%;
  max-width:178px;text-align: center;
 }


section.boxes2 .boxes-grid .box .img{    position: relative;
    width: 100%;

    display: table;}

section.boxes2 .boxes-grid .box .img img{    position: relative;
    width: 100%; margin:0; min-width:100%}

section.boxes2 .boxes-grid .box  h3{
    position: relative;
font-family: 'WorkSansRegular';
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0em;
    margin:15px 0px 0px; 
    color:var(--bs-secondary-bg);

    z-index: 5;
    }

section.boxes2 .boxes-grid .box:hover  h3{    color:var(--bs-primary-color);}
/*****************************************************************//****************************************************/
section.boxes3 {         padding: 45px 0px 60px;
    width: 100%;
    float: left;
    clear: both;
 text-align:left; background:var(--bs-secondary-bg);}



section.boxes3 .content-box{ position:relative; width:100%;max-width:400px;
    float: left;

position:relative;
margin-top: 65px;
color:var(--light-color);
font-size:14px; line-height:21px; letter-spacing:0.1em;z-index: 1;    text-align: left;}
section.boxes3 a{color:var(--light-color); text-decoration:none}

section.boxes3 .content-box h2{ font-size:18px; letter-spacing:0em; text-transform:uppercase;  display:table; width:auto; margin:0px 0px 15px;color:var(--light-color); padding-left:50px; position:relative;}
section.boxes3 .content-box  h2:before{ position:absolute; left:0;    top: 5px; width:42px; height:3px; content:''; background:var(--bs-primary-color);}

section.boxes3 .content-box h6{font-family: 'WorkSansRegular';
    font-size: 18px;
    letter-spacing: 0em;
    text-transform: none;
    margin: 0px 0px 15px;
    color: var(--light-color);
    padding-left: 0;
    position: relative}



section.boxes3 .content-box .plus{     pointer-events: auto;
    width:314px;
    height: 47px;
    line-height: 45px;
    text-align: left;

    letter-spacing: 0em;
    font-size: 15px;
  color:var(--light-color);
    z-index: 2; 
    text-transform:uppercase;
    position: relative;
    font-weight: normal;
   
border-radius:10px;
border:2px solid var(--light-color);
padding-left:22px;
}

section.boxes3 .content-box:hover .plus  { background: var(--bs-primary-color);}
section.boxes3 .content-box .plus:before{    position: absolute;
    right: 0;
    top: 19px;
    right: 18px;
    content: '';
    width: 5px;
    height: 8px;
    background: url(../images/fleche1.webp) no-repeat;}


/*****************************************************************//****************************************************/
section.boxes-news{
 position:relative;    clear: both;
  width: 100%;   float: left;    text-align:center;     padding: 90px 0px 100px;text-align:center;
  }

section.boxes-news  h2 { position:relative;    font-size: 37px;   text-transform:uppercase;color:#1b1b1b; margin: 0px 0px 65px; width: 100%; position:relative; z-index:2; padding-top:65px; background:url(../images/bg-h.webp)top center no-repeat
    }

section.boxes-news h2 a {
  transition: color .3s;color:#1b1b1b;width:auto; display:inline-block; text-decoration:none;
}
section.boxes-news h2:hover a {
    color: var(--bs-primary-color);
}


section.boxes-news #AllNews .Item {
    position: relative;
    letter-spacing: 0em;
    display: block;
     text-align: left;
    padding: 0;
    margin: 0;

}

section.boxes-news #AllNews .news-col:nth-child(3) {
    float: right
}

section.boxes-news #AllNews .news-col {
    width: 100%;
    background: none;
    max-width:380px;
min-height:297px;
    float: left;
    position: relative;
    letter-spacing: 0em;
    display: block;

    position: relative;
padding:140px 30px 50px;
    text-align: left;

color:var(--bs-body-color);font-size:13px; letter-spacing:0.1em;


}
section.boxes-news #AllNews .news-col:before{ position:absolute; left:0; top:0; bottom:0; width:1px; content:''; background:#dadada;}
section.boxes-news #AllNews .news-col:after{position: absolute;
    left: -20px;
    top: 18px;
    width: 45px;
    height: 45px;
    content: '';
    background: var(--box-color);
    border-radius: 50%;
    color: var(--light-color);
    font-size: 19px;
    font-family: 'Inter_18ptBold';
    text-align: center;
    line-height: 45px;}
section.boxes-news #AllNews .news-col:nth-child(1):after{ content:'01'}
section.boxes-news #AllNews .news-col:nth-child(2):after{ content:'02'}
section.boxes-news #AllNews .news-col:nth-child(3):after{ content:'03'}
section.boxes-news #AllNews .news-col:hover:after{ background:var(--bs-primary-color);}

section.boxes-news span.news-abstract {
padding-bottom:30px; background:url(../images/fleche-news.webp) left bottom no-repeat;    width: 100%;
    float: left;
  
}

section.boxes-news div#AllNews {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 75px;
    margin: 0; width:100%;
}

section.boxes-news div#AllNews .col-sm-4 {
    width: 100%;
    padding: 0
}

section.boxes-news div#AllNews .col-sm-8 {
    width: 100%;
    padding: 0
}

section.boxes-news #AllNews .Item h3 {
font-size:20px;
    line-height:20px;
    letter-spacing: 0em;
    color: #1b1b1b;
    text-transform:none;
    margin: 0px 0 15px;
    text-shadow: none;

position:relative;
}
section.boxes-news #AllNews .Item h3 br{ display:none}
section.boxes-news #AllNews .news-col:hover h3{  color: var(--bs-primary-color);}
 
section.boxes-news .news-body-desc{
    background: none;
    padding: 0;
    position: relative;
    padding-bottom: 60px;    letter-spacing: 0.04em;


}



section.boxes-news #AllNews .Item .photo {
    position: relative;
    height: 178px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 20px;
display:none;
   /* box-shadow: 0 0 38px rgb(0 0 0 / .2);*/

}
section.boxes-news #AllNews .Item .nophoto{ display:none;}
section.boxes-news #AllNews .Item .photo:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 50%;

    font-size: 40px;
    color: var(--light-color);
    background: #dbb55c;
    bottom: -30px;
    z-index: 3; display:none;
}



section.boxes-news #AllNews .Item .photo i.fas.fa-search {
    display: none
}

section.boxes-news #AllNews .Item .photo img {
       position: relative;
    width: 100%;
    margin: 0;
    height: 100%;
    /* display: none; */
    border-radius: 20px;
}
section.boxes-news .news-body-desc{ position:relative;}
section.boxes-news #AllNews .Item p {
    margin: 0;
    text-align: left;
    position: relative;
    width: auto;

}

section.boxes-news #AllNews .Item {
    position: relative;
    width: 100%;
    display: block
}

section.boxes-news #AllNews .Item .date {
    display: none
}

section.boxes-news #AllNews .Item .read-more a {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    z-index: 3;
    margin: 0;
    background: none!important;
    border: none!important
}

section.boxes-news #AllNews .Item .read-more {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    z-index: 3;
    margin: 0
}



.contactForm h3.contact-field {display: none}
.contactForm .contact-field-item.fullwidth {grid-column: 1 / 3}
.contactForm {    position: relative;display: block;text-align: left;margin: 0 auto;margin-bottom: 60px;width: 100%;}
.contactForm .contact-field-item .form-control {    text-align: left;    width: 99%;}
.contactForm .contact-field-item.fullwidth {	width: 100%;	padding: 0px;	float: none;	clear: both;}
.contactForm .contact-field-item {	position: relative;	display: block;	padding: 0px;	margin-bottom: 16px;	width: 50%;	float: left;	clear: none;  font-size:12px; text-transform:none; letter-spacing:0.14em;}
.contactForm  ::placeholder {

	opacity:1;
}
div#contact-field-id_multiple_1 {
    min-height: 284px;
}
.contactForm ::-webkit-input-placeholder {

	opacity:1;
}
    legend {
        display: none;
    }
input#form6-upload_1{     border: none !important;}
input#form6-upload_2{    border: none !important;}
input#form6-upload_3{     border: none !important;}
input#form6-upload_4{     border: none !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type=number] {
 -moz-appearance: textfield;
}
 .form-check-input {
    border: 1px solid #000;
    margin-top: 4px;
}

 .g-recaptcha {float: left}
.form-control  {      border-radius: 0; border: none;font-size: 15px;line-height: 30px;padding: 5px 15px;outline: none !important;text-align: center;width: 100%;height: 40px;margin: 0px;transition: all .4s; background: none !important;text-transform: none;letter-spacing: 0em;
    border-bottom: 1px solid var(--bs-secondary-bg) !important; }

select#form1-select_1 {
    border-bottom: 1px solid var(--bs-secondary-bg) !important;
    border: none;
    border-radius: 0;
}
.form-label {
    margin-bottom: .5rem;

}
.form-control::file-selector-button{background:var(--bs-primary-color)!important;color:var(--light-color)!important; }
article.content .news-footer {    position: relative;    margin-top: 20px;    margin-bottom: 20px;    padding: 10px;    color: #fff;    display: flex;    justify-content: space-between;    align-items: center;    border: 1px solid #f0e5dd;}

article.content .news-footer .news-back a {background:var(--bs-primary-color);color:var(--bs-body-bg);    text-decoration: none;    border-radius: 3px;    padding: 5px 20px;    text-align: center;    display: block;position:relative;}
article.content .news-footer .news-back a:before {    content: "";    font-family: 'FontAwesome';    height: 23px;    width: 5px;    top: 4px;    font-size: 16px;    position: absolute;    left: 9px;}
article.content .news-footer .news-back a:hover { background:var(--bs-secondary-bg);color:var(--bs-body-bg);}

.gdpr.form-check {grid-column: 1 / 3;text-align: left;    width: 100%;
    float: left;}
.contactForm .contact-field-item textarea {height: 100px}
.contactForm .contact-submit .btn-primary {    display: inline-block;
    background: var(--bs-primary-color)!important;    padding: 10px 49px;    text-transform: none;    font-size: 16px;    color: var(--bs-body-bg)!important;    transition: background .4s;    text-decoration: none;    float: right;      font-weight: normal;    border: none!important;    letter-spacing: 0.12em;}
.contactForm .contact-submit .btn-primary:hover {background: var(--bs-secondary-bg)!important}
.contactForm .contact-field-item {margin: 0 0 16px}.contactForm .contact-field-item .form-control {text-align: left}
textarea#form1-comments_1 {    width: 99.6%;}.contactForm .g-recaptcha {    float: left;    margin: 0;}
.contactForm .contact-submit {    float: right;}

.img-news {
  max-width: 450px;
  border-radius: 10px;
 box-shadow: 2px 2px 0px var(--bs-primary-color);
  padding: 3px;    float: right;
}
.img-news img{ margin:0; max-width:100%;    border-radius: 10px;}
/***************************news*********************************/

.news-article-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-article-body p {
  text-align: justify;
}
.news-article-body-col {order : 1;width: 67%;}
.news-article-photo-col {order : 2;    width: 30%;}
 .news-article-photo-col img{  border-radius: 10px;
    box-shadow: 2px 2px 0px var(--bs-primary-color);
    padding: 3px;}
.news-article-share-col {order : 3;width: 65%;margin-top: 19px;}
.news-article-back-col {order : 4;width: 35%;}
.news-article-photo-col img {
    border-radius: 10px;
    box-shadow: 2px 2px 0px var(--bs-primary-color);
    padding: 3px;
}

/*****************************************************************//****************************************************/
 .page-news div#AllNews .Item .nophoto,div#AllNews .Item .photo {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    position: relative;
    box-shadow: 0 0 0 rgba(255,255,255,.05);
    transition: box-shadow .4s
}

 .page-news div#AllNews .Item .photo img {
    object-fit: cover;
    transition: all .6s;
    height: 100%;
    width: 100%
}

 .page-news div#AllNews .news-col {
    width: 100%
}

 .page-news div#AllNews .Item h3 {
    margin: 0 0 15px;

}

 .page-news div#AllNews .Item i.fa-duotone.fa-image {
    display: none
}

 .page-news div#AllNews .Item {
    position: relative;
    display: grid;
grid-template-columns: .4fr 30px 1fr;
    grid-template-rows: 30px 1fr 30px;
    margin-bottom: 50px
}

 .page-news div#AllNews .Item .date {
    display: none
}

 .page-news div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo {

}

 .page-news div#AllNews .Item .nophoto {

}

 .page-news div#AllNews .Item .news-desc {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    z-index: 5;
     background: #f1f1f1;
    padding: 50px
}

 .page-news div#AllNews .Item .button::before {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    background: var(--bs-secondary-bg);
    transition: all .4s;
    top: 0;
    bottom: 0;
    z-index: -1;
}

 .page-news div#AllNews .Item .button {
    color: var(--bs-secondary-bg) !important;
    border: 1px solid var(--bs-primary-color) !important;
    display: table;
    margin: 40px 0 0;
    font-weight: 300;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 35px;
    transition: all .4s;
    position: relative;
    z-index: 1;
    background: none !important;
}
.btn.btn-primary.news-article-back-btn {
    float: right;    color: #fff!important;
background: var(--bs-primary-color)!important;
}
 .page-news div#AllNews .Item .button:hover {
    color: #fff!important;background: var(--bs-secondary-bg)!important;
}
.btn.btn-primary.news-article-back-btn:hover {
    color: #fff!important;background: var(--bs-secondary-bg)!important;
}

 .page-news div#AllNews .Item .button:hover::before {
    right: 0
}

 .page-news div#AllNews .Item .photo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block
}
 .page-news .Item .news-desc h3 br{ display:none;}
.page-news{padding:0 0px 30px;background:none}
.newsletter1{background:var(--border-color);margin:0 50px 30px}.form-control{    border: 0;    border-bottom: 1px solid #c2e1ef;    border-radius: 0;    background: #f3f0f0;}.form-newsletter {display: grid;grid-template-columns: 1fr auto;}#NewsletterFirstNameHeader,#NewsletterLastNameHeader{display:none}#NewsletterEmailHeader label{display:none}#NewsletterEmailHeader{order:1;grid-column:1/3}#NewsletterSubmitHeader{order:3;text-align:center;margin:10px 0 0}div#NewsletterListHeader {display:none}#gdpr_policy{order:2;margin:20px 0 0}#gdpr_policy .form-check {display:inline-block}
.btn-primary{font-weight:300;background:#fff!important;text-transform:uppercase;color:#000!important;padding:10px 30px;border:1px solid #fff!important;transition:background .6s,color .6s;border: none !important;}
.btn-primary:hover{background:var(--bs-primary-color)!important;}
#NewsletterSubmitHeader #subscriber-submit:hover{color:var(--dark-color)!important;background:var(--bs-body-bg)!important}


.gall-home{ position:relative; float:right; width:100%; max-width:620px;}

.gall-home .grid-gallery{
     display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 11px;
    margin: 0px 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
    width: 100%;

}
.gall-home .link-picture {
    height:248px;
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
 transition: all .8s;
    transition-delay: .1s;



}

.gall-home .breadcrumb-gallery{display:none}




section.boxes4 {       padding: 70px 0px 70px;
    width: 100%;
    float: left;
    clear: both;
    background:url(../images/bg-cta2.webp) top center no-repeat; min-height:339px;
    background-size: cover;
    text-align: center; }

section.boxes4 .content-box{ margin:0 auto; width:auto; display:inline-block;}

section.boxes4  h2{ font-size:35px; text-transform:none; line-height:44px; color: var(--bs-secondary-bg); margin:0px 0px 28px }
section.boxes4  h6{ font-size:18px; letter-spacing:0em; text-transform:uppercase;  margin:0 auto; display:table; width:auto; margin-bottom:15px;color: var(--bs-primary-color); padding-left:50px; position:relative;}
section.boxes4  h6:before{ position:absolute; left:0; top:0; width:42px; height:3px; content:''; background:var(--bs-primary-color);}
section.boxes4 .content-box .bouton{          pointer-events: auto;
    width: 249px;
    height: 47px;
    line-height: 47px;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 0em;
    font-size: 15px;
    color: var(--light-color);
    z-index: 2;
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
    background: var(--bs-primary-color);
    border-radius: 5px;
    padding-left: 33px;
}
section.boxes4 .content-box .bouton:hover  { background: var(--bs-secondary-bg);}

section.boxes4 .content-box .bouton:before{ position:absolute;     top: 20px;
    right: 27px;right:15px; content:''; width:5px; height:8px; background:url(../images/fleche1.webp) no-repeat;}

section.boxes4:before{ position:absolute;    right: 14%;
    top: 96px; width:203px; height:111px; content:''; background:url(../images/before-cta.webp) no-repeat}



section.cta2 {       padding: 70px 0px 70px;
    width: 100%;
    float: left;
    clear: both;
    background:url(../images/bg-cta.jpg) bottom center no-repeat;
    background-size: cover;
    text-align: center; }
section.cta2:before{ position:absolute; left:0; right:0;     top: 7px; bottom:0; content:''; background:rgba(0,0,0,0.7);}
section.cta2 h2{           font-size: 50px;
    line-height: 45px;
    letter-spacing: 0em;
    margin: 0px 0px 25px;
    text-transform:none;
padding-left:25px;
    pointer-events: auto;
    z-index: 1;
    color: var(--light-color);

    position: relative;
}

section.cta2 h6{        font-size: 23px;
    line-height: 23px;
    letter-spacing: 0em;
    margin: 0px 0px 0px;
    text-transform: none;
    pointer-events: auto;
    z-index: 1;
    color: var(--light-color);
  font-family: 'ChakraPetchRegular';
    position: relative;
}


section.cta2 .bouton{         pointer-events: auto;
    width:330px;
    height: 59px;
    line-height: 59px;
    text-align: center;

    letter-spacing: 0.02em;
    font-size: 15px;
  color:var(--light-color);
    z-index: 2; 
    text-transform:none;
    position: relative;
    font-weight: normal;
    background: var(--bs-primary-color);
border-radius:5px;
margin:0 auto; margin-top:30px;
  display: table;
}
section.cta2 .bouton:hover  { background: var(--light-color);}


section.cta2 .bouton a{    color:var(--light-color);
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
padding-left:0px;
}
section.cta2 .bouton:hover a{color: var(--dark-color);}



footer.bottom{ 
     min-height:250px;
    font-size: 15px;
    letter-spacing: 0em;
    line-height:22px;
 color: var(--light-color);
       padding: 50px 0px 35px;
background:var(--bs-secondary-bg);
background-size:cover;
    position: relative;
    clear: both;
    width: 100%;


}

footer.bottom .logo-footer {           position: relative;


    z-index: 3;
    display: table; margin-top:35px; }

footer.bottom .logo-footer img{ max-width:100%;}

footer.bottom a{color: var(--footer-link); text-decoration:underline;}
footer.bottom a:hover{ text-decoration:none;}
footer.bottom .bloc-right{  
    width: 100%;
       max-width: 100%;
margin:0 auto;
    display: flex;
    padding: 0px 0px 0px 0px;
    justify-content: space-between;

  }



footer.bottom .bloc-right .part-right{ position:relative; width:100%; max-width:817px;    justify-content: space-between;    display: flex;
}
footer.bottom .bloc-right .part-right .bloc1{ position:relative;     display: block; width:100%;   max-width: 296px;
}
footer.bottom .bloc-right .part-right .bloc2{ position:relative;   display: block; width:100%; max-width:275px;
}
footer.bottom .bloc-right .part-right .bloc1 .bloc11{ padding-left:75px; background:url(../images/ligging.png) left 0px no-repeat; min-height:43px;}
footer.bottom .bloc-right .part-right .bloc1 .bloc12{ padding-left:75px; background:url(../images/tel.webp) left 0px no-repeat;margin-top:18px;min-height:43px;}

footer.bottom .bloc-right .part-right .bloc2 .bloc21{ padding-left:75px; background:url(../images/mail.webp) left 0px no-repeat;min-height:43px;}
footer.bottom .bloc-right .part-right .bloc2 .bloc22{ padding-left:75px; background:url(../images/heure.webp) left 0px no-repeat;margin-top:18px;min-height:43px;}




a.btn-cookies-link{background-color:var(--bs-primary-color)!important;color:var(--light-color)!important}
a.btn-cookies-link:hover{background-color:var(--bs-tertiary-bg)!important}
.footer-b{position:fixed;right:12px;bottom:5px;color:var(--bs-primary-color);z-index:3; }
#scrollTopBtn{position: fixed; z-index:3;    bottom: 32px;    right: 17px;    color: var(--dark-color);    border-radius: 4px;    opacity: 0;    background-color: var(--bs-primary-color);    padding: 3px 12px;    cursor: pointer;}
#scrollTopBtn.Active{opacity:1}
.toast-news {width:800px;background:rgba(0,0,0,.85) !important;color:var(--bs-primary-color) !important}.news-popup-image {flex: 0 0 auto;width: 33.33333333%;}.news-popup-text{flex:0 0 auto;width:66.66666667%;color:var(--bs-tertiary-color);font-size:1.15em;line-height:1.3em;letter-spacing:.1em}.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 (min-width: 1920px) {


}
@media (min-width: 1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1328px!important;position: relative;}}
@media (min-width: 1200px) {  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1328px!important;position: relative;   }}
@media only screen and (max-width : 1580px) {

section.boxes .boxes-grid .box h3 {

  font-size: 14px;}section.boxes .boxes-grid .box .info {
left: 15px;
  right: 15px;
}
}

@media only screen and (max-width : 1328px) {
header.sticky-top .logo img{  margin-left:0px; max-width:100%;}

header.sticky-top .cta1 {

  margin-right: 0;
}


section.boxes {
  
  overflow: hidden;
}

header.page-title h1 {
  font-size: 33px;}
header.page-title h1 span:last-child {
 
  font-size: 23px;}section.boxes-news div#AllNews {

  max-width: 100%;    padding: 0px 15px;
}
section.boxes5 .boxes-grid .box .img {

  height: 100%;
}
section.boxes5 .boxes-grid .box .img img {

  min-width: 100%;
  height: 100%;
  object-fit: cover;position: absolute;
}
header.sticky-top.is-sticky .bouton2 {

    right: 11px;
    bottom: -17px;}
}

@media only screen and (min-width : 992px) {}
@media only screen and (max-width : 1328px) {
.banner section.cta .b-left .logo img {

  max-width: 100%;
}
main.content-wrapper.home {
    padding: 75px 0px 75px;
}
main.content-wrapper .photo-home {
max-width: 43%;
    margin-right: 94px;
    margin-top: 0;}
.container, .container-lg, .container-md, .container-sm {        max-width: 100%;    }    

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {height:100%;}

li.nav-item {  padding: 0 0px 0;}


section.boxes .titr{max-width: 280px;}
section.boxes .titr h2 {
  font-size: 34px;

  line-height: 36px;
  margin: 0px 0px 20px;
}
section.boxes .boxes1 .img {

  max-width: 50%;
}
section.boxes .boxes1 .content {

  max-width: 50%;

  padding: 42px 30px 30px;
min-height:auto;

}
section.boxes-carte .boxes2 .img {

  max-width: 50%;
  margin-right: 0;

}
section.boxes-carte .boxes2 .content {

  max-width: 100%;}
section.boxes-event .boxes3 .img {

  max-width: 50%;
}
section.boxes-event .boxes3 .content {

  max-width: 50%;}

.gall-home .contenu {

  max-width: 48%;}
.gall-home .content-gall {

  max-width: 50%;

}

footer.bottom .bloc-right::before {

  right: 33%;}
#news_slide .carousel-item {
  height: auto;
}




section.boxes4 {
  padding: 70px 0px 127px;}
section.boxes4::before {

  right: 0%;
  top: auto;

  bottom: 0;
  left: 0;
  margin: 0 auto;
}
section.boxes-news #news_slide .carousel-item {
    height: 173px !important;}
section.boxes-news:before{ display:none;}
section.boxes-news #AllNews .Item h3 {
  font-size: 13px;

}
header.sticky-top .navbar-expand-lg .navbar-nav{ width: auto;}


section.boxes .boxes-grid .box ul {

  max-width: 100%;
}
  header.sticky-top .navbar-expand-lg .navbar-nav > li::before{left: 0;}

section.boxes .boxes-grid .box h3 {

  font-size: 15px;

  min-height: 32px;
}

footer.bottom::before {

  width: 24%;

}
main.content-wrapper.home::before {

  height: 540px;}section.boxes2::before{ display:none}
section.boxes5 .boxes-grid {

  display: grid;
  grid-template-columns: repeat(2,1fr);
}section.boxes5 .boxes-grid .box {
height: 689px;
}
section.boxes5 .boxes-grid .box .img .info {

  right: 30px;

}
section.boxes5 .boxes-grid .box02 .img .info {

left: 30px;

}
section.boxes5 .boxes-grid .box .plus {

  width: 375px;}
header.sticky-top .navbar-expand-lg .navbar-nav {

  margin-left: 47px;

}

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

}
@media only screen and (max-width : 1279px) { header.sticky-top a.nav-link {
font-size: 12px;
    padding: 0px 6px !important;

}footer.bottom .bloc-right {
        padding: 0px 0px;max-width: 100%;
} 
section.boxes .boxes-grid .box {
max-width: 315px;}
section.boxes-news .img {
display:none;
}

footer.bottom .logo-footer {
  max-width: 288px;
}

.gall-home {
        max-width: 558px;
}
}

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

 header.sticky-top a.nav-link {
font-size: 14px;
    padding: 0!important;

}

 footer.bottom .bloc-right {
  padding: 0;
  }   
section.boxes-news h2 {
  font-size: 30px;}

.home-gallery .link-picture{height:550px}
 #AllNews figure.Item figcaption{min-height:184px}
.form{padding:30px 15px}
.page-news{padding:0 15px 30px}
.newsletter1{margin:0 15px 30px}
article.content .grid-gallery{grid-column-gap:10px;grid-row-gap:10px;padding:0 15px;    grid-template-columns: repeat(2, 1fr);}

   



li.nav-item {  padding: 0 0px 0;}


.banner section.cta .b-left {
 
    max-width: 100;}

header.sticky-top .navbar-expand-lg .navbar-nav > li {

        padding: 0px 7px;

}
header.sticky-top:before {

    width: 23%;

}
section.boxes2 .boxes-grid .box {

  max-width: 135px;}
section.boxes2 .boxes-grid .box h3 {

  font-size: 15px;}
}

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

header.sticky-top .navbar-expand-lg .navbar-nav > li { float: left;

}
 header.sticky-top a.nav-link {
font-size: 11px;
    padding: 0!important;

}

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

li.nav-item {  padding: 0 0px 0;}    
header.sticky-top .logo-sticky {

    width: 179px;
 
}

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

section.boxes3 .content-box h2 {

  margin: 0 auto;
margin-bottom:15px;
}
section.boxes3 .content-box {
 
  width: 100%;
  max-width: 400px;
  float: none;

  text-align: center;
  margin: 0 auto;
  display: table;
}
section.boxes3 .content-box .plus{ margin:0 auto;margin-bottom:15px;}
section.boxes4 h2 {
  font-size: 27px;


}
footer.bottom .bloc-right .part-right {

  max-width: 100%;
  justify-content: space-between;
  display: block;
text-align:center;
}
footer.bottom .bloc-right .part-right .bloc2{max-width: 275px;
  margin: 0 auto; margin-top:20px;}
footer.bottom .bloc-right .part-right .bloc1{max-width: 275px;
  margin: 0 auto;}

footer.bottom .bloc-right .part-right .bloc1 .bloc11{ padding-left:0; padding-top:50px; background-position:top center;margin-top: 18px;}
footer.bottom .bloc-right .part-right .bloc1 .bloc12{ padding-left:0; padding-top:50px; background-position:top center;}

footer.bottom .bloc-right .part-right .bloc2 .bloc21{ padding-left:0; padding-top:50px; background-position:top center;margin-top: 18px;}
footer.bottom .bloc-right .part-right .bloc2 .bloc22{ padding-left:0; padding-top:50px; background-position:top center;}

header.sticky-top .cta-top {

    position: relative;

}

main.content-wrapper.home header.page-title h1:before{ display:none;}
section.cta2 h2 {
  font-size: 27px;
  line-height: 30px;        margin-bottom: 10px;}
.page-news div#AllNews .Item .news-desc {

  padding: 20px;
  text-align: center;
}
.page-news div#AllNews .Item .button {

  margin: 0 auto;
margin-top:20px;
}

section.cta .content-cta h2 {
  font-size: 40px;}
footer.bottom .logo-footer {

    left: 0;
    right: 0;
    margin:0 auto;    max-width: 300px; text-align:center;
}

  header.sticky-top .navbar-expand-lg .navbar-nav > li:nth-child(4) {
    margin-right: 0;
  }
footer.bottom .bloc-right .adr {
  padding-left: 0px;
padding-top: 50px;
  background: url(../images/ligging.webp) top center no-repeat;margin:0 auto; margin-top:20px;
text-align:center;

}

footer.bottom .bloc-right .gs {
  padding-left: 0px;
padding-top:40px;
  background: url(../images/mail.webp) top center no-repeat;margin:0 auto; margin-top:20px;
text-align:center;

}
footer.bottom .bloc-right .footer-fb{margin:0 auto; text-align:center;margin-top: 20px;}
footer.bottom .social {
  width: 20px;
  height: 34px;

  display: table;
  margin: 0 auto;
}
#news_slide .carousel-item {
  height: auto;
}
#openingTimesBlock {
  text-align: left;
  width: auto;
  display: table;
  margin: 0 auto;
}
footer.bottom .bloc-right::before {
display:none;
}
header.sticky-top .navbar-expand-lg .navbar-nav {
display: flex;
    width: 100%;
    float: left;

}
section.boxes .boxes-grid a {

    width: auto;
    display: table;
    margin: 0 auto;
}
main.content-wrapper.home {

  overflow: hidden;    padding: 35px 0px 35px;
}
.nav-link {  font-size: 11px;
        padding: 0px 3px 0px !important;}

 header.sticky-top.is-sticky .nav-link {padding: 0px 3px 0px !important;}



section.boxes2 .boxes-grid .box {
 margin: 0 auto;    margin-bottom: 0px;  margin-bottom: 30px;
max-width: 312px;
}

section.boxes2 .boxes-grid .box {
 margin: 0 auto;    margin-bottom: 0px;  margin-bottom: 30px;
max-width: 178px;
}









section.boxes2 .boxes-grid {     display: grid;
    grid-template-columns: repeat(3,1fr);     width: 100%;        float: left;        text-align: center;        max-width: 100%;        width: 100%;   }   







section.boxes .boxes-grid {  display: grid;
    grid-template-columns: repeat(3,1fr);         width: 100%;        float: left;        text-align: center;        max-width: 100%;        width: 100%;   }   

section.boxes-news #AllNews .news-col::before{ display:none}
section.boxes-news #AllNews .news-col::after{ left:0; right:0; margin:0 auto}
section.boxes-news #AllNews .news-col {
padding: 92px 0px 20px;min-height: auto;}
section.boxes-news span.news-abstract {

  background: url(../images/fleche-news.webp) center bottom no-repeat;

}
section.boxes2 .content-box::before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
 background: rgba(0,0,0,0.7);
    background-size: auto;

  background-size: cover;
}
section.boxes2 .content-box .content-box1 {

  max-width: 100%;
}
section.boxes2 .content-box .plus {

  margin: 0 auto;
}
section.boxes2 .content-box {

  min-height: auto;

  padding: 20px;

  text-align: center;
}

footer.bottom .bloc-right {   display: block;}


section.boxes2 {
padding: 0px 0px 0px;

}

section.boxes2 h2 {
  font-size: 21px;

}
header.sticky-top .navbar-collapse{position:absolute;top: 101%;left:50%;transform:translateX(-50%);width:100vw;background: var(--bs-tertiary-bg);padding:10px 0;text-align:left;z-index:100;}
header.sticky-top .navbar-collapse .wats{ display:none}
header.sticky-top .navbar-expand-lg .navbar-nav {
    margin: 0px 0px 0px !important;

}
header.sticky-top .dropdown-toggle { position: absolute;
    right: auto;
    right: 66px;
    margin: 0 auto;
    bottom: auto;
    width: 5px;
    z-index: 999;
    cursor: pointer;
    top: 5px;
    left: auto;
}header.sticky-top .level-0 > li:not(:first-child){margin-left:0}
header.sticky-top .navbar-collapse li a{color:#000!important;text-align:center;height: 35px;
    line-height: 35px;        font-size: 14px;}
header.sticky-top .navbar-expand-lg .navbar-nav > li:nth-child(3) {
  margin-right: 0;
}
header.sticky-top .navbar-expand-lg .navbar-nav > li::before{ display:none}
header.sticky-top .navbar-collapse li a:before{ display:none;}
header.sticky-top .navbar-collapse li a:hover,header.sticky-top .navbar-collapse li a.focus{color:var(--bs-primary-color)!important}
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:#fff!important;padding:5px;text-align: center !important;}
header.sticky-top .dropdown-menu .nav-link:hover{background:var(--bs-primary-color)!important;color:#fff!important;}
header.sticky-top .nav-item .level-2{background:var(--tertiary-color);left:0;position:relative}
header.sticky-top li.nav-item{padding: 0 !important;}
header.sticky-top .nav-link{color:var(--bs-body-bg)}
header.sticky-top .dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-primary-color);color:var(--bs-primary-color)}


header.sticky-top .navbar-nav > li > .nav-link:hover, header.sticky-top .navbar-nav > .selected > .nav-link {
background:var(--bs-primary-color)!important; color: var(--light-color) !important; -webkit-text-stroke: 1px var(--light-color);
}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu{transform:translateX(0%)}
header.sticky-top .dropdown-menu .nav-link{text-align:left}
 .nav-link {    color: var(-light-color) !important;     font-weight: 400;    padding: px 6px !important;  }
header.sticky-top .navbar-collapse li a:hover,header.sticky-top .navbar-collapse li a.focus{ background:var(--bs-primary-color)!important}
.sticky-top .logo{position:relative!important;left:0!important;transform:translateX(0)!important;top: 0 !important;margin-top: 90px !important;}
.navbar-toggler {

    margin-top: 10px;
}
header.sticky-top.is-sticky .navbar-toggler {
margin-top: 9px;
    margin-right: 0;
}
header.sticky-top.is-sticky .logo-sticky {
margin-top: 10px !important;
    transform: scale(.75);

}
header.sticky-top .inner-wrapper{display:flex;justify-content:space-between;align-items:center;grid-gap:30px;justify-content: space-between;width: 100%;}

.slide,.carousel img{height:100%}
.slide-box-message p{letter-spacing:0}
.home-gallery h5{margin:0 0 13px;letter-spacing:0}
.contact-grid .maps{min-height:290px}
.contact-info-grid{font-size:1em}
article.content1 .grid-gallery{grid-template-columns:repeat(3,1fr)}
.fa-location-dot{float:left;padding:6px 5px 0 0}
.toast-container{left: 5%;width:90%!important}
.tiret{display:block;height:0;color:transparent} 
.language.language1{display:none!important}
.navbar-collapse .language{display:table!important;margin:10px auto}


.nav-link::before{ display:none;}
.language a{color:var(--bs-body-bg);font-weight:400}
.dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-body-bg)}  
.dropdown-toggle.child::after{-webkit-text-stroke:1px var(--dark-color)}
.dropdown-toggle{right: 20%;
      top: 6px;
      left: 0;}
main.content-wrapper.content-wrapper-home {
  padding: 50px 0px 50px;
}

.boxes i.fa-loveseat{margin:0 0 8px 2px}
.boxes i.fa-mobile{margin:0 0 15px 10px}.
boxes i.fa-wrench{margin:0 0 15px 6px}
.image-left,.image-right{margin:0 auto 30px!important;float:none!important;display:table!important;max-width:300px!important; }
.boxes{overflow:hidden} 
.banner section.cta {        text-align: center;     margin-top: 0px;  width: 100%;padding:0;    }

section.boxes .bloc-content {        float: none;        margin: 0 auto;    }



section.cta .content-cta h2 {  font-size: 43px; padding:0}
section.cta .content-cta h2:before{ display:none}
section.cta .content-cta .bouton {margin: 0 auto;
  }

section.cta .content-cta .bouton:after {

    right: 9px;}
.banner section.cta .b-left {
float: none;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    display: table;
margin-top:50px;
    text-align: center;padding: 0;

}
.banner {
height: 520px;}
.banner.small section.cta .b-left {
float: none;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
         margin-top: 50px;

    display: table;
    padding: 0;
      

}

main.content-wrapper .photo-home {
position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    display: table;
margin-bottom: 95px;
    max-width: 463px;
    left: 0;
}

section.boxes h2 {
font-size: 24px;
    line-height: 34px;

}


section.cta2 .content-cta .bouton {

  float: none;


  display: table;
  margin: 0 auto;  margin-top: 20px;
}
section.boxes-news div#AllNews {
  max-width: 100%;
  float: right;
  margin-top: 30px;}
section.boxes-news h2 {
        font-size: 25px;
  margin: 0px 0 20px;

  text-align: center;
  width: 100%;
}section.boxes-news div#AllNews {
  max-width: 100%;
  float: none;
  margin: 0 auto;
  display: table;
}section.boxes-news {
margin-bottom:20px;min-height: auto;padding: 30px 0px 30px;overflow: hidden;
  

}


header.sticky-top.is-sticky .logo {

  margin: 21px 0px 0px 0px;
} 

section.boxes-news #AllNews .Item .news-desc {
    padding: 0px;
    height: auto;}




  .logo {
margin-top: 0;
    margin-left: 15px;
  }
.contactForm .contact-field-item {

    width: 100%;}
header.sticky-top.is-sticky .logo {
transform: none;
    margin: -1px 0px 0px 15px !important;
    width: 110px;
}

header.sticky-top.is-sticky nav.navbar.navbar-expand-lg .wats {
    display: block;
}

  header.sticky-top .logo {

        transform: translateX(0) !important;
    
        margin-top: 12px !important;
        margin-left: 0;
        width: 74px;
        width: 160px;
   
  }

section.cta .content-cta h6 {

width: auto;
    display: inline-block;
    font-size: 25px;
    letter-spacing: 0;        margin-bottom: 20px;
}
header.page-title h1 {
  font-size: 30px;

}
h1.news-article-title{  font-size: 30px;margin-top: -45px;}


header.sticky-top .navbar-expand-lg .navbar-nav::before {
 display:none;
}



section.boxes-news .img .news-slogon {

  right: 0;
  margin:0 auto;
left:0;
}
section.boxes-news #AllNews .Item {

  float: left;
margin-bottom:20px;  text-align: center;
}
section.boxes-news #AllNews .news-col h3:before {

    left: 0;

    right: 0;
    margin: 0 auto;
}
section.boxes-news .news-body-desc:before {

    left: 0;

    right: 0;
    margin: 0 auto;
}
    .banner .slide-show {

        width: 100%;
    }
.banner:before{ display:none;}

header.sticky-top.is-sticky .bouton {
bottom: -41px;}
header.sticky-top.is-sticky .bouton2 {
bottom: -41px;}
section.boxes-news #news_slide .carousel-item {
    height: 202px !important;}
section.boxes-news .titrh2 {

    background: url(../images/bg-h6.webp) left 1px no-repeat;}
section.banner.small {
height: 475px;

}
.banner::after { display:none;
}
.news-article-photo-col img{ float:none; display:table; margin:0 auto; margin-bottom:20px;}
header.sticky-top.is-sticky .bouton2{
    display: block;}

section.boxes::before { display:none
}
section.boxes-news #AllNews .news-col{ float:none; margin:0 auto; display:table; float: none !important;}
header.page-title h1 span:last-child {
line-height: 31px;
}
header.sticky-top .logo-sticky {
width: 147px;
margin-top: 0px;
}
header.sticky-top .cta-top {
  margin-top: 0;}
header.sticky-top::before {

  width: 35%;
 }
footer.bottom::before{ display:none}
section.boxes2::before{ display:none}
main.content-wrapper.home::before{ display:none}
main.content-wrapper .h2, h2 {
  font-size: 21px;
}
.banner .slide-show::before {

  background: rgba(0,0,0,0.6);

}
section.boxes5 .boxes-grid {

  display: block;

}
section.boxes5 .boxes-grid .box {
  width: 100%;
height: 624px;
margin:0 auto; display:table; margin-bottom:20px;
}

section.boxes5 .boxes-grid ul {
  padding-left: 0px;
  text-align: left;
  margin: 0 auto;
  display: table;
}
section.boxes5 .boxes-grid .box .plus {


  margin: 0 auto;  margin-top: 25px;
}
section.services .boxes-grid .box::before{ display:none}
section.boxes5 .boxes-grid .box .img .info {

  right: 0;
  top: 50px;
  z-index: 5;
  max-width: 395px;
  left: 0;
  margin: 0 auto;text-align: center;
}
ection.boxes5 .boxes-grid .box h2 {
  padding-left: 0;}
section.boxes5 .boxes-grid .box h2::before {

  left: 0;
  right: 0;
  margin: 0 auto;
}

section.boxes5 .boxes-grid .box02 .img .info {

  right: 0;
  top: 50px;
  z-index: 5;
  max-width: 395px;
  left: 0;
  margin: 0 auto;
}
section.boxes5 .boxes-grid .box h2 {
  padding-left: 0;}
section.services .boxes-grid {

  display: grid;
  grid-template-columns: repeat(3,1fr);
}
section.services .boxes-grid .box {

    margin-bottom: 0px;
  margin-bottom: 20px;
}
.gall-home {

  max-width: 620px;
  margin: 0 auto;
}
}

@media only screen and (max-width : 640.98px) {
section.services .boxes-grid {

  grid-template-columns: repeat(2,1fr);
}
section.boxes2 .boxes-grid {    
    grid-template-columns: repeat(2,1fr); }
section.boxes1 .boxes-grid { 
    grid-template-columns: repeat(2,1fr); }

section.services .boxes-grid .box {

  margin: 0 auto;

  margin-bottom: 20px;
}
  header.sticky-top.is-sticky .bouton {

    padding: 0 10px;
    font-size: 12px;
  }
section.boxes .boxes-grid .box ul {
  display: table;

}
.page-news div#AllNews .Item {
   
    display: block;}
.banner section.cta .b-left {
margin-top: 65px;


}

.banner.small section.cta .b-left {
margin-top: 65px;

      
}
.content h2{
   
    text-align: left !important;
}.news-article-row {
    display: block;}
.news-article-photo-col {

    width: 100%;
    margin: 0 auto;
    display: table;
    max-width: 300px;
}
.news-article-body-col {

    width: 100%;
    margin-top: 20px;
}
.news-article-back-col {
  float: right;
}
.news-article-share-col {
float: left;
}

.contactForm .contact-submit {
float: none;
        clear: both;
        margin-top: 20px;display: table;text-align: center;
    width: 100%;
}
.contactForm .contact-submit .btn-primary{margin: 0 auto;
    margin-top: 0px;
  margin-top: 20px; float:none}
    div#AllNews .news-col {
        width: 100%;
    }.contactForm .g-recaptcha {
  float: none;
  margin: 0;
  margin: 0 auto;
  display: table;
}
    div#AllNews .Item .nophoto, div#AllNews .Item .photo {
        height: 250px;
    }
.logo {

  max-width: 200px;
}#news_slide .carousel-item {
height: auto;
    text-align: center;
}
div#AllNews .Item {
    position: relative;
    display: block;}
    #news_slide .news-red-more{float: none; margin: 20px auto 0; display: table}
#myBtn {

  float: left;margin-bottom: 40px;
}
article.content  h2 {

  text-align: left !important;
}
section.realisation .content-r h2 {

  font-size: 28px;}

.banner { height: 580px;} section.cta .content-cta h2::before{ display:none;}
.banner.small {          height: 480px;}
.slide-box-message{right:0;width:100%!important;max-width:100%;text-align:center;background:rgba(34,34,34,.65)}
.boxes{padding:20px 0 20px !important;
}.boxes a{margin:0 0 30px}
.home-gallery{margin:0 0 30px!important}

.home-gallery .grid-gallery{grid-template-columns:1fr;grid-gap:10px}
.home-gallery .link-picture:nth-child(2){transform:translateY(0px)}
.home-gallery .link-picture{height:300px}
.home-gallery .button{position:relative;right:0;bottom:0;width:auto;padding-left:0;margin:30px auto 0
}h1 span:first-child{display:block}
footer.bottom{padding: 30px 0px 50px;}

footer .navbar-nav{margin:0 auto 30px;display:table;padding:0}
footer.bottom nav.footer-nav ul li{padding:0}
footer.bottom nav.footer-nav ul li::before{display:none}

.form fieldset{grid-template-columns:1fr;grid-gap:10px}
.form #contact-field-id_comments_1{grid-column:1/1}
.contact-info-grid{text-align:center}
.form-newsletter{margin:30px 0 0;grid-template-columns:1fr;grid-gap:10px}
.image-left,.image-right{float:none;margin:0 auto 30px;display:table;max-width:100%}
footer.bottom i{display:table;float:none;margin:10px auto 0}
article.content1 .grid-gallery{grid-template-columns:repeat(2,1fr)}
.contact-info-grid i{float:none;padding:0 0 2px;display:table!important;margin:10px auto 0}.
news-popup-image{width:100%;margin:0 0 30px}
.news-popup-text{width:100%}

#gdpr_policy{margin:0}
#NewsletterSubmitHeader{margin:0;text-align:left}
section.cta .content-cta .bouton .bouton1 {  width: 100%;  padding-right: 0;  background: none;}
section.cta2 .bouton .bouton1 {  width: 100%;  padding-right: 0;  background: none;}
section.cta .content-cta .bouton {
    padding-left: 0px;
    text-align: left;
    margin: 0 auto;width: 160px;
font-size:12px;
    margin-bottom: 0px;
    margin-bottom: 20px;
    letter-spacing: 0;}

section.cta .content-cta .bloc-bouton {
 
  width: 300px;

}


section.cta .content-cta h3 {

  font-size: 18px;

}
section.boxes3 .content-box .plus {

  width: 288px;

  font-size: 15px;

  padding-left: 7px;
}
section.boxes5 .boxes-grid .box .plus {

  width: 300px;}
section.cta .content-cta .bouton::before {

  right: 6px;}
section.cta .content-cta .devis {

  width: 136px;

  letter-spacing: 0em;
  font-size: 11px;

}
section.cta2 .bouton {      width: 291px;
    padding-left: 0px;
    text-align: center;
    margin: 0 auto;

    margin-top: 20px;
    letter-spacing: 0;}

section.cta .content-cta h2  {
font-size: 27px;
    line-height: 31px;
    text-align: center;
    margin: 0px 0px 13px;
    padding: 0;}

.banner section.cta .b-left .logo {  margin: 0 auto;  max-width: 250px; margin-bottom:30px;}

.content-wrapper .content p{text-align:left!important;} 
main.content-wrapper .photo-home .slogan p{ text-align:center!important}
#AllNews .Item .news-desc p {
  margin: 0;
  text-align: center !important;
}

span.phone-responsive {
        display: inline-block;
}
span.phone{
    display: none;
}
.gall-home .grid-gallery {

    grid-template-columns: repeat(2, 1fr);

}
main.content-wrapper.home {
  padding:50px 0px 50px;
}
main.content-wrapper .photo-home .slogon2 {

    right: 0;

    left: 0;
    margin: 0 auto;
}
main.content-wrapper .photo-home .slogon2 p {
            text-align: center !important;
        }
 
section.boxes2 .img:before { display:none;}
section.boxes .titr h2 {

    font-size: 40px;}
main.content-wrapper .photo-home .img2 {

  max-width: 225px;}  header.sticky-top::before {
        width: 32%;
  }section.boxes4 h2 {
    font-size: 17px;
    line-height: 24px;
  }
}
@media only screen and (max-width : 480.98px) {
section.services .boxes-grid {

  display: block; max-width:100%;

}
section.boxes .boxes-grid {  display:block}
section.boxes2 .boxes-grid{ display:block}
section.services .boxes-grid {
display:block
}
 header.sticky-top::before {
    width: 50%;
  }
header.sticky-top .cta-top .wats{ display:none}
section.boxes-news .carousel-control-next, section.boxes-news .carousel-control-prev {

    top: 89%;}

     .image-left, .image-right {
 
        max-width: 270px !important;
    }

section.boxes-news .img .news-slogon {

  width: 288px;

  font-size: 28px;
  letter-spacing: 0;}
section.boxes .boxes-grid .box .info{  
  letter-spacing: 0;}
footer.bottom {
  font-size: 14px;}
footer.bottom .bloc-right .bloc {
  padding: 20px 0px 0px 66px;}
section.cta .content-cta h6 {
font-size: 25px;
    margin-bottom: 20px;
    line-height: 27px;}
.gall-home .grid-gallery {

    grid-template-columns: repeat(1, 1fr);

}

header.page-title h1 {
font-size: 37px;}
header.sticky-top.is-sticky .bouton {        font-size: 12px;
 
    padding: 0 4px;}

  article.content .grid-gallery {

    grid-template-columns: repeat(1, 1fr);
  }


.toast-header .btn-close {  margin-right: -4px !important;}


}  

button.navbar-toggler::after,button.navbar-toggler::before{content:'';width:1.5em;background:var(--dark-color);position:absolute;left:0;height:1.5px;transition:.3s}
button.navbar-toggler::before{top:4px;transform:rotate(-32deg);transform-origin:right}
button.navbar-toggler::after{bottom:4px;transform:rotate(32deg);transform-origin:right}
button.navbar-toggler .navbar-toggler-icon{display:block;height:1.5px;background-image:none;background-color:var(--dark-color);transition:.1s;opacity:1;margin:12px 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}
.messages-container .review-messages{      display: block;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 19px;
    width: 100%;
    float: left;}
.messages-container .review-messages .gb-entry {
     background: none;
    padding: 10px;
    width: 100%;
}
.guestbook-container{/*! display:flex */}
section.contactform.aos-init.aos-animate {
    width: 100%;
    float: left;
}
.bizbook-container{display:flex;flex-wrap:wrap}.btn-review{order:1;flex:0 0 auto;width:100%}.btn-review a{width:100%}.review-user{display:block;font-weight:700;font-size:20px;margin-top:10px;margin-bottom:10px}span.review-hour{display:none}.ListItemData{margin-bottom:25px}.average-review{margin:5px;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;border-radius:5px;padding:20px;margin-right:20px}.item-review{font-weight:700;display:block;margin-bottom:10px}.score-review{font-size:x-large;font-weight:700}.average-stars{display:block}.review-number{display:block;text-align:right;margin-top:10px}.pagination{--bs-pagination-active-bg:var(--bs-primary-color);--bs-pagination-active-border-color:var(--bs-primary-color)}.count-messages{display:none}h3.contact-field {display: none;}