@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-Medium.woff2') format('woff2'),
    url('../fonts/Jost-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-BoldItalic.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-MediumItalic.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/PlusJakartaSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-SemiBold.woff2') format('woff2'),
    url('../fonts/Quicksand-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Bold.woff2') format('woff2'),
    url('../fonts/Quicksand-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Medium.woff2') format('woff2'),
    url('../fonts/Quicksand-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


html, body {
  height: auto !important;
  min-height: 100%;
  overflow: visible !important;
  scroll-behavior: auto !important; /* désactive le smooth natif pour laisser Lenis gérer */
}



:root{
  --bs-body-color:#2C2C2C;
  --bs-body-bg:#ffffff;
  --bs-primary-color:#F7BA0B;
  --bs-secondary-color:#F6F6F6;
  --bs-tertiary-color:#F7BA0B;
  --dark-color:#111017;
  --dark-color2:#0C191F;
  --light-color:#ECECEC;
  --bs-btn-padding-x:32px;
  --bs-btn-padding-y:16px;
  --border-color:#D9D9D9;
  --bs-nav-link-color:#F7BA0B;
  --bs-nav-link-color-second:#F7BA0B;
  --bs-body-font-family:'Plus Jakarta Sans';
  --bs-titles-font-family:'Quicksand';
  --bs-neumber-font-family:'Jost';
  --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:700;
  --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-body-color)}

.image-left{
  margin:0 35px 30px 0!important;
  border-radius: 10px;
  float:left!important}

.image-right{
  margin:0 0 30px 35px!important;
  border-radius: 10px;
  float:right!important}

.btn-primary{
  background:var(--bs-primary-color);
  border-color:var(--bs-primary-color);
  color:var(--bs-body-bg)}

.btn-primary:hover{
  background:var(--bs-body-color);
  border-color:var(--bs-body-color);
  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: 600;
  text-transform: none;
  color: var(--bs-primary-color);
}
.box-light {
  background: var(--bs-secondary-color);
  padding: 15px;
  margin: 0 0 20px;
  border-radius: 10px;
}
#sdgdpr_modal_footer .btn-primary:hover {
  background: var(--bs-body-color);
  color: white;
  border-color: var(--bs-body-color);
}
article.content1.content div#AllNews .col-lg-4 {
  /*width: 50%;*/
}
article.content1.content div#AllNews .news-object.Item {
  padding: 0;
  background: var(--bs-secondary-color);
  border-radius: 10px;
}
.nav-gallery .disabled>.page-link, .nav-gallery .page-link.disabled {
  color: var(--bs-body-color) !important;
}
.container {
  max-width: 1170px;
  padding: 0 15px;
}
.logo.position-relative {
  transform: none!important;
}
article.content1.content div#AllNews .news-object.Item .photo, article.content1.content div#AllNews .news-object.Item .nophoto {
  height: 250px;
}
article.content1.content div#AllNews .Item .read-more a.button{
  margin: 20px 0 10px;
}
article.content1.content div#AllNews .news-object.Item .photo img,  article.content1.content div#AllNews .news-object.Item .nophoto img{
  height: 100%;
  width : 100%;
  object-fit: cover;
}
article.content1.content div#AllNews .news-object.Item .nophoto img{
  object-fit: scale-down;
}
article.content1.content div#AllNews .news-object.Item span.news-abstract {
  display: block;
}
article.content1.content div#AllNews .news-object.Item  h3 {
  font-size: 20px;
}
article.content1.content div#AllNews .news-object.Item .news-body-desc{
  padding : 0 10px 10px;
}
article.content1.content div#AllNews .news-object.Item .news-body-desc .date{
  display : none;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
  text-transform: none;
  font-weight: 600;
  color: var(--dark-color);
  margin: 20px 0 10px;
}
.content h2, .content h4, .content h6 {
  color: var(--bs-primary-color);
}
.content h2 {
  font-size: 29px;
}

.box-light > p:last-of-type, .box-dark > p:last-of-type {
  margin: 0;
}
article.content .img-row {
  height:100%;
  position:relative
}
article.content .img-row img {
  width: 100%;
  height: calc(100% - 20px);
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 30px 0 0;
}
.box-dark {
  background: var(--bs-primary-color);
  padding: 20px;
  margin: 0 0 15px;
  border-radius: 10px;
}
.box-dark * {
  color: var(--bs-secondary-bg);
}
article.content .box-imgs {
  display: grid;
  grid-template-columns: auto 30px auto;
  grid-template-rows: 30px auto 30px;
  align-items: center;
}
article.content .img-row > span {
  display: block !important;
  height: 100%;
}
table.table-page.table-style p {
  margin: 0;
}
/**********/
.cta-fixed {
  display: none;
}
.cta-fixed.sticky-appear p a {
  color: var(--bs-white);
  text-decoration: none;
}
.cta-fixed.sticky-appear p {
  margin: 0 0 0;
}
.cta-fixed.sticky-appear {
  display: flex;
  position: relative;
  z-index: 101;
}
span.fa-stack.fa-lg.WhatsApp-contact-icon {
  display: none;
}
.cta-fixed > div a.WhatsApp-contact:before {
  content: "\f232";
  font-family: 'Font Awesome 6 Brands';
  font-size: 17px;
}
.cta-fixed.sticky-appear {
  display: flex;
  position: fixed;
  justify-content: center;
  right: 0;
  top: 74px;
  background: var(--bs-secondary-color);
  color: var(--bs-body-color);
  text-decoration: none;
  padding: 12px 13px;
  font-weight: 400;
  transition: all .4s;
  font-size: 15px;
  line-height: 1.2em;
  align-items: center;
  grid-gap: 7px;
  z-index: 4;
  box-shadow: 0 0 5px black;
  border-radius: 0 0 0 5px;
  background: linear-gradient(to top, var(--bs-primary-color) 0%, var(--bs-primary-color) 50%, var(--dark-color) 50%, var(--dark-color) 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
}
.cta-fixed.sticky-appear a {
  color: white !important;
  text-decoration : none;
}
.cta-fixed.sticky-appear:hover {
  background-position: 0 0;
}
.cta-fixed.sticky-appear a:hover {
  color: white !important;
}
/* .cta-fixed > div a {
width: 25px;
height: 25px;
display: inline-block;
background: var(--light-color);
border-radius: 50%;
color: var(--dark-color);
font-family: "Font Awesome 6 Pro";
line-height: 25px;
text-decoration: none;
text-align: center;
transition: all .4s;
margin: 0;
font-size: 14px;
margin-right: 5px;
}
.cta-fixed > div a.WhatsApp-contact {
font-size: 17px;
}
.cta-fixed > div a:hover {
background: white !important;
color:  var(--bs-primary-color) !important;
} */
/************/
.social-fixed {
  position: fixed;
  right: 46px;
  top: 29%;
  z-index: 10;
}
.social-fixed a {
  height: 55px;
  width: 55px;
  position: relative;
  display: block;
  line-height: 55px;
  transition: all 0.6s;
  background: var(--dark-color);
  color: white;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  margin-bottom: 12px;
  transition: 0.3s all;
  box-shadow: 2px 0px 9px #fff;
}
.social-fixed a .fa-whatsapp{
  font-size: 20px
}
.social-fixed .mail a {
  font-size: 20px;
  margin: 0 0 0px;
  border-radius: 0 0 0 5px;
  border-top : 1px solid var(--bs-secondary-color);
}
.social-fixed a.whatsapp {
  font-size: 23px;
}
.social-fixed a:hover {
  background: var(--bs-primary-color);
  color: white;
  transition: 0.3s all;
}
.social-fixed a.WhatsApp-contact {
  transition : 0.3s all;
}
.social-fixed a.WhatsApp-contact:hover {
  transition : 0.3s all;

}

/***********/
.container-fluid {
  max-width: 1417px;
  padding: 0 15px;
}

header.sticky-top.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 100;
  transform: translateY(-900%);
  transition: transform .6s;
  padding: 10px 0 !important;
  background: var(--bs-body-bg);
  box-shadow: 0 0 20px rgb(255 255 255 / 20%);
}
header.sticky-top.sticky.sticky-appear {
  transform: translateY(0);
  min-height: auto;
  box-shadow: 0 0 10px var(--bs-tertiary-color);
}
header.sticky-top:not(.sticky.sticky-appear) .sf-menu{
  margin : 0 0 0 auto !important;
}
header.sticky-top.sticky .logo, header.sticky-top.sticky  .phone-top {
  display: none !important;
}
header.sticky-top:not(.sticky) .inner-wrapper > div:not(.logo) {
  margin: 0;
}
header.sticky-top:not(.sticky) .inner-wrapper #navbarNav {
  /* margin-top: -21px; */
}
header.sticky-top .nav-item {
  flex: 1 1 auto;
}
/*******/
.head-top {
  margin-top: 0px !important;
  margin: 0 auto;
  z-index: 99;
  padding: 32px 0;
  border-bottom: 1px solid var(--light-color);
}
.internal-pages .head-top {
  padding: 10px 0;
}
.internal-pages .box-overlay{
  margin : 20px 0;
}
.internal-pages .slide-box-message a, .internal-pages .slide-box-message a.btn-tel{
  margin-top: 20px;
}
.internal-pages .box-light {
  padding: 40px 25px;
}
section.banner.small, section.banner.small .banner-images .slide-left, section.banner.small .banner-images .slide-right {
  height: 450px;
}
/***********/
section.banner {
  height: 608px;
  overflow: hidden;
}
section.banner .banner-images{
  gap : 24px;
}
section.banner .banner-images .slide-right{
  width : calc(100% - 29.17% - 24px);
  height: 608px;
}
section.banner .banner-images .slide-left{
  width : 29.17%;
  position : relative;
  height: 608px;
}

section.banner .banner-images .slide-left img{
  margin: 0;
  border-radius : 0 5px 5px 0;
}
/* 
section.banner .carousel-inner:after {
content: "";
position: absolute;
background: url(../images/bg-slide.webp) no-repeat left center;
background-size: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index : 1;
} */

section.banner.small .carousel {
  height: 100%;
}
section.banner.small .slide:before {
  display : none;
}
/*section.banner.small:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, black, transparent);
z-index: 2;
width: 100%;
height: 100%;
pointer-events: none;
}*/
section.banner .slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
}
section.banner .slider img {
  max-width: 100%;
  object-fit: cover;
  height: auto;
  width: auto;
}
section.banner.small .slide-box-message {
  margin-top: 50px;
}
.banner .carousel, .banner .carousel-inner, .banner .carousel-item, .banner .carousel-item img {
  height: 100%;
}
.banner .carousel {
  position: relative;
  height: 100%;
  max-width: 100%;
  inset: 0;
  margin: 0 ;
}
.banner .carousel *{
  border-radius: 5px 0 0 5px;
}
.banner .carousel-item img {
  object-fit: cover;
}
.box-overlay {
  margin: 66px 0 84px;
}
.slide-box-message h2 {
  color: var(--dark-color, #111017);
  font-family: "Plus Jakarta Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 65px;
}
.internal-pages .slide-box-message h2 {
  font-size: 40px;
}
.slide-box-message  h2 span.text-light {
  color: var(--bs-body-color) !important;

}
.slide-box-message {
  animation: slideLeft 2s ease 0s 1 normal forwards;

}
section.banner .box-overlay {
  top: 0;
  z-index: 2;
  right: 0;
  left: 0;
  text-align: center;
  margin: -64px auto 0;
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-250px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
section.banner .slider.small-size {
  height: 520px;
  margin-bottom: 50px;
}
.slide-box-message .btn-group .btns-left {
  gap: 20px;
}
.slide-box-message a {
  color: var(--bs-white);
  font-size: 16px;
  text-decoration: none;
  display: table;
  padding: 16px 54px 16px 32px;
  position: relative;
  font-weight: 600;
  margin: 16px 0 0;
  /* text-transform: uppercase; */
  background: linear-gradient(to top, var(--bs-primary-color) 0%, var(--bs-primary-color) 50%, var(--bs-body-color) 50%, var(--bs-body-color) 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
  border-radius: 5px;
  font-family: Quicksand;
  animation: borderAnim 3s infinite;
}

.slide-box-message  a:hover {
  color: var(--bs-white);
  background-position: 0 0;
}

.slide-box-message  a:after {
  position: absolute;
  width: 14px;
  height: 15px;
  right: 32px;
  top: 50%;
  transition: all .4s;
  background: url(../images/readmore.webp) no-repeat center;
  content: "";
  transform: translateY(-50%);
}
.slide-box-message a.btn-tel {
  color: var(--dark-color);
  font-size: 16px;
  text-decoration: none;
  display: table;
  padding: 15px 32px 15px 54px;
  position: relative;
  font-weight: 700;
  margin: 48px auto 0;
  text-transform: uppercase;
  background: linear-gradient(to top, var(--bs-body-bg) 0%, var(--bs-body-bg) 50%, var(--bs-secondary-color) 50%, var(--bs-secondary-color) 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
  border-radius: 50px;
  border: 1px solid var(--dark-color);
}

.slide-box-message a.btn-tel:hover {

  background-position: 0 0;
}

.slide-box-message a.btn-tel:after {
  position: absolute;
  width: 12px;
  height: 15px;
  left: 32px;
  top: 50%;
  transition: all .4s;
  background: url(../images/icon-cta.webp) no-repeat center;
  content: "";
  transform: translateY(-50%);
}
.arrow-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: transform 0.3s ease;
  animation: bounce 2s infinite;
  cursor : pointer;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes float {
  0% {
    transform: translatex(0px);
  }
  50% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatex(0px);
  }
}
.fa-facebook:before {
  content: "\f39e" !important;
}
.banner .social a.WhatsApp-contact > span {
  display: none;
}
.banner .social a.WhatsApp-contact {
  position: relative;
}
.banner .social a.WhatsApp-contact:before {
  content: "\f232";
  font-family: 'Font Awesome 6 Brands';
  font-size: 24px;
}
.banner .social a {
  display: block;
  color: white;
}
/************/
header.sticky-top a.nav-link {
  position: relative;
  padding: 16px 10px !important;
  text-align: center;
  color: var(--dark-color, #111017);
  text-align: center;
  font-family: Quicksand;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: 1px solid transparent;
}
video#bgvid {
  position: absolute;
  top: 0;
  /* left: 50%; */
  width: 100%;
  height: 100%;
  /* width: auto; */
  /* height: auto; */
  /* z-index: -100; */
  /* z-index: 0; */
  /* -webkit-transform: translateX(-50%) translateY(-50%); */
  /* transform: translateX(-50%) translateY(-50%); */
  /* background: url(../video/Busy-People.jpg) no-repeat; */
  /* background-size: cover; */
  bottom: 0;
  object-fit: cover;
  border-radius: 5px;
}
header.sticky-top li#menu_8 a.nav-link:hover {
  transition: 0.3s all;
  transform: scale(0.9);

}
@keyframes borderAnim {
  0% {
    box-shadow: 0 0 0 0 rgba(247, 186, 11, 1);
  }
  50% {
    box-shadow: 0 0 10px 3px rgba(247, 186, 11, 1); /* halo bleu */
  }
  100% {
    box-shadow: 0 0 0 0 rgba(247, 186, 11, 1);
  }
}
@keyframes mymove {
  50% {    filter: drop-shadow(2px 2px 9px var(--bs-body-bg));}
}
header.sticky-top li#menu_8 a.nav-link {
  color: var(--bs-body-bg) !important;
  background: var(--bs-tertiary-color) url(../images/readmore.webp)no-repeat right 32px center;
  width: 152px !important;
  padding: 16px 54px 16px 32px !important;
  border-radius: 5px;
  margin: 0 0 0 auto;
  margin-right: 0;
  transition: 0.3s all;
  animation: borderAnim 3s infinite;
}
header.sticky-top .navbar-nav > li#menu_12 > .nav-link:hover,header.sticky-top .navbar-nav > #menu_12.selected > .nav-link{
  background-color: var(--dark-color) !important;
}
.banner .social a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.banner .social .icon-slide:hover .text-icon {
  opacity: 1;
}
.banner .social .icon-slide .text-icon {
  position: relative;
  transition: all .6s;
  opacity: 0;
  top: 0;
  white-space: nowrap;
}
header.sticky-top .sf-menu {
  flex: 1 1 auto;
  /* max-width: 692px; */
  margin: 0 auto;
  gap: 0px;
}

header.sticky-top .navbar-nav > li > .nav-link:hover, header.sticky-top .navbar-nav > .selected > .nav-link {
  color: var(--bs-primary-color) !important;
  border-color: var(--bs-primary-color);
  border-radius: 5px;
}

header.sticky-top .dropdown-toggle::after{content:'\f078';font-family:"Font Awesome 6 Pro";border-top:0 solid;font-size: 11px;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-tertiary-color)!important;padding-right:0!important;padding-left:1.5em!important}

header.sticky-top.is-sticky{
  background:#000;
  position:fixed!important}

header.sticky-top.is-sticky .logo{
  top:10px}

header.sticky-top .dropdown-item, header.sticky-top.is-sticky .dropdown-item{
  position:absolute;
  right:0;
  top:10px;
  z-index:999;
  cursor:pointer}

header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu, header.sticky-top.is-sticky .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;
  background:var(--bs-secondary-color);
  padding:15px 0}

header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu > li{
  padding:0 20px}

header.sticky-top li.nav-item.dropdown > a{
  padding-right:20px!important}

header.sticky-top .dropdown-menu li.nav-item{
  padding:0}

header.sticky-top .dropdown-toggle, header.sticky-top.is-sticky .dropdown-toggle{
  position:absolute;
  right:5px;
  top:11px;
  z-index:999;
  cursor:pointer}

header.sticky-top .dropdown-menu li.nav-item .dropdown-toggle, header.sticky-top.is-sticky .dropdown-menu li.nav-item .dropdown-toggle{
  right:9px;
  left:auto;
  top:0}

header.sticky-top ul.dropdown-menu{border:0;border-radius:0;padding: 10px;
  background: var(--bs-secondary-color);
}

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{
  letter-spacing:.1em;
  padding:.5em 1.5em .5em 0!important;
  transition:color .4s,padding .4s;
  text-align:left;
  white-space:nowrap;
  line-height:1em}

header.sticky-top .dropdown-menu .nav-link:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  display:inline-block;
  border-right:1px solid var(--bs-tertiary-color);
  border-bottom:1px solid var(--bs-tertiary-color);
  transform:translateY(-50%) rotate(-45deg) scale(0);
  transition:transform .4s}

header.sticky-top .dropdown-menu .nav-link:hover:before,header.sticky-top .dropdown-menu .selected .nav-link:before{
  transform:translateY(-50%) rotate(-45deg) scale(1)}

header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu .level-2{
  position:absolute;
  padding:10px;
  left:100%;
  top:0;
  transform:translateX(0%)
}
header.sticky-top:not(.sticky) .inner-wrapper {
  padding: 0;
}
header.sticky-top.sticky .container-fluid {
  max-width: 1370px;
}
section.banner .logo {
  margin-top: 14px;
  margin-bottom: 10px;
}
section.banner nav.navbar .container-fluid {
  max-width: 1830px;
}
/************/
header.sticky-top .phone-top {
  position: relative;
  background: var(--bs-tertiary-color);
  border-radius: 40px;
  color: var(--bs-body-color);
  font-weight: 700;
  font-size: 16px;
  height: 52px;
  text-transform: uppercase;
  padding: 15px 18px;
  max-width: 197px;
  top: -11px;
}
header.sticky-top .phone-top a {
  color: var(--bs-body-color);
  text-decoration: none;
  margin-left: 5px;
}

header.sticky-top .phone-top a:hover {
  text-decoration: underline;
}

/***************/
.homepage .wrapper {
  padding: 120px 0;
}
.homepage .wrapper .container-fluid {
  max-width: 1332px;
  padding: 0 15px;
}
.homepage .wrapper:before {
  content: "";
  position: absolute;
  background: url(../images/bg-content.webp) no-repeat center bottom fixed;
  background-size : cover;
  bottom: 0px;
  right: 0;
  left: 0;
  height: 1200px;
  pointer-events: none;
}
.homepage .wrapper .txt-footer{
  margin-left : 180px;
  width: 30px;
  height: 100%;
  font-size: 19px;
  font-family: var(--bs-body-font-family);
  line-height: 30px;
  display: flex;
  align-items: stretch;
  height: auto !important;
  writing-mode: tb;
  justify-content: space-evenly;
  position: relative;
  z-index: 2;
  cursor: pointer;
  color : var(--bs-white);
  padding: 150px 0px 0 ; 
  transition: all 0.4s;
  margin-top: 180px;
  transform: rotate(180deg);
  pointer-events: auto;
  letter-spacing : 0.2em;
  text-transform : uppercase;
}
.homepage .wrapper .txt-footer:before{
  content : "";
  position : absolute;
  width: 1px;
  height: 112px;
  background : var(--bs-primary-color);
  top: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity : 0.35;
}
.homepage .wrapper .txt-footer:after{
  content : "";
  position : absolute;
  width: 16px;
  height: 16px;
  background: linear-gradient(0deg,rgba(156, 113, 68, 1) 0%, rgba(244, 232, 154, 1) 50%, rgba(159, 118, 69, 1) 100%);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.homepage .wrapper .flex-home {
  display: flex;
  justify-content: space-between;
  gap: 0;
  position: relative;
  padding: 50px 0;
}
.homepage .wrapper .flex-home:before {
  content : "";
  position : absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 227px;
  background : var(--bs-secondary-color);
  border-radius: 5px;
}
.homepage header.page-title h1 {
  font-size: 20px;
  position: relative;
  padding: 0px 0 0 0;
  background: url(../images/bg-h1.webp) no-repeat top left;
  margin: 0px 0 40px;
  color: var(--bs-primary-color);
  font-weight: 500;
  font-family: var(--bs-titles-font-family);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Quicksand;
}

.homepage .wrapper .flex-home .photo-home {
  max-width: 36.57%;
  margin-top: 0;
  z-index: 1;
  order: 2;
  margin-right: -97px;
}

.homepage .wrapper .flex-home .content.part1 {
  max-width: 63.79%;
  margin: 110px 44px 20px;
}
.homepage .wrapper .flex-home .content.part1 .content h2 {
  color: var(--dark-color);
}
.homepage .wrapper .flex-home .content.part1 .content-home-flex{
  display : flex;
  gap : 48px;
}
.homepage .wrapper .flex-home .content.part1 .content-home-flex .part2 {
  /* margin-top: 23px; */
}
.photo-home img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
header.page-title h1 .sub-title+br {
  display: none;
}

header.page-title h1 .sub-title {
  font-size: 49px;
  color: var(--bs-primary-color);
  position: relative;
  margin-top: 0px;
  display: inline-block;
  font-family: var(--bs-titles-font-family);
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none;
}
header.page-title h1 .sub-title:last-child{
  color : var(--dark-color);;
}
.homepage header.page-title h1:after {
  content: "";
  position: absolute;
  background: url(../images/icon-title.webp) no-repeat;
  height: 12px;
  width: 60px;
  bottom: 0;
  left: 0;
}
header.page-title h1 {
  margin: 0 0 20px;
}
.homepage .wrapper .container > .row {
  position: relative;
}
.homepage .wrapper .container > .row .content.part1 {
  max-width: 644px;
}
.homepage .wrapper .container > .row .content.part2 {
  max-width: 400px;
  padding: 10px 0 0;
}
.homepage .wrapper .container > .row .col-xl-6:nth-child(1) {
  width: 34.5%;
}
.homepage .wrapper .container > .row .col-xl-6:nth-child(2) {
  width: 55.3%;
}
.homepage .wrapper .container > .row .content.part1 .photo-home.img1 {
  height: 100%;
}
.moretext {
  /* max-height: 0; */
  opacity: 0;
  overflow: hidden;
  transition: max-height 400ms ease, opacity 300ms ease;
}

/* petite classe utilitaire si besoin */
.moretext.open {
  opacity: 1;
}


a.moreless-button {
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  position: relative;
  margin: 20px 0 0 auto;
  display: table;
  padding: 16px 54px 16px 32px;
  color: var(--bs-body-bg);
  text-decoration: none;
  cursor: pointer;
  background: var(--bs-tertiary-color) url(../images/readmore.webp)no-repeat right 25px center;
  transition: background 400ms ease-in-out;
  font-family: Quicksand;
  animation: borderAnim 3s infinite;
}

a.moreless-button:hover {
  background-color: var(--dark-color);
  transition: 0.3s all;
}

/*****/

article.content ul li{
  position:relative;
  left:0;
  margin-left:5px;
  padding-right:5px}

article.content ul ul{
  list-style-type:circle}

article.content .table-style{
  position:relative}

article.content .table-style th, article.content .table-style td {
  border: 1px solid var(--bs-body-color);
  padding: 2px 5px;
}
article.content .table-style th {
  background: var(--bs-primary-color);
  color: var(--bs-secondary-bg);
}
article.content .table-page td:not(:first-child) {
  width: 60px;
}
table.table-page.table-style {
  margin: 0 0 20px;
}
.internal-pages div#AllNews .news-object.Item {
  margin: 0 0 20px;
}

article.content .news-article-row .news-article-body {
  /* background: var(--bs-black);*/
  /* padding: 30px;*/
  position: relative;
  z-index: 1;
  height: 100%;
}
article.content .news-article-row .news-article-share-col div#ContainerBlockSocial {
  background: var(--bs-tertiary-color);
  padding: 15px 15px;
}
article.content .news-article-row a.btn.btn-primary.news-article-back-btn {
  height: 100%;
  width: 100%;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
}
article.content .news-article-row a.btn.btn-primary.news-article-back-btn:before {
  content: "";
  position: relative;
  display: inline-block;
  font-family: 'Font Awesome 6 Pro';
  content: "\f04a";
  margin-right: 10px;
}

article.content .news-article-row span.fa-stack.fa-lg.WhatsApp-contact-icon{
  display:inline-block;
}
/***************************/
main.content-wrapper.pageTemplate {
  padding: 70px 0;
}
main.content-wrapper.pageTemplate h1 {
  color : var(--dark-color);
  font-size: 42px;
}



/*************/
article.content1 .grid-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap:20px}

article.content1 .link-picture{
  background-size:cover;
  background-position:center;
  height:337px;
  cursor:zoom-in;
  position:relative;
  display:block;
  box-shadow:0 0 0 rgba(255,255,255,.2);
  transition:transform .4s,box-shadow .4s;
  border-radius: 10px;}

article.content .link-subgallery{
  position:relative;
  background-size:cover;
  background-position:center;
  height:337px;
  text-decoration:auto;
  cursor:pointer;
  box-shadow:0 0 0 rgba(255,255,255,.2);
  transition:transform .4s,box-shadow .4s}

article.content .link-subgallery:hover,article.content1 .link-picture:hover{
  transform:scale(.95)}

.page-link{
  color:var(--bs-body-color);
  text-decoration:none}

.active>.page-link,.page-link.active,.page-link:hover{
  color:var(--bs-body-bg);
  background-color:var(--bs-primary-color);
  border-color:var(--bs-primary-color)}



article.content .pagination{
  margin-top:10px;
  justify-content:center}

article.content .link-subgallery:hover:before,article.content .link-picture:hover::before{
  width:100%;
  transition-delay:.4s}
article.content span.title-subgallery {
  color: var(--light-color);
  position: absolute;
  left: 5px;
  right: 5px;
  top: auto;
  bottom: 5px;
  background: rgba(0,0,0,.5);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.5em;
  font-family: var(--bs-body-font-family);
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  transition: background .4s,transform .4s;
  padding: 10px 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:hover span.title-subgallery{
  background:rgba(0,0,0,.75);
  transform:translate(10px,-10px)}

article.content .link-picture span.title-picture{
  color:var(--bs-body-bg);
  display: none !important;}

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%}
/************/

/**********realisations*********************/
.fslightboxci h2 {
  font-size: 18px;
  font-family: var(--bs-body-font-family);
}
section.photos-home {
  padding: 155px 0 147px;
  background: url(../images/bg-gal.webp) no-repeat center bottom;
  background-size: cover;
}
section.photos-home:before {
  content: "";
  position: absolute;
  background-size: cover;
  bottom: 0px;
  right: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  background: #1c1817ed;
  background-blend-mode: luminosity, normal;
}
section.photos-home .max-container {
  max-width: 1873px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}
.max-container {
  max-width: 1583px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}
section.photos-home a.link-picture span.title-picture {
  display: none;
}
section.photos-home a.link-picture:nth-child(even) {
  /* height: 365px; */
}
section.photos-home .link-picture {
  background-size: cover;
  background-position: center;
  cursor: zoom-in;
  position: relative;
  display: block;
  width: 350px;
  border-radius: 5px;
  box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
  height: 500px;
}section.photos-home a.link-picture:nth-child(4) {
  position: absolute;
  top: 0;
  right: -42px;
  margin: -210px 0 0 0;
  width: 300px;
  height: 356px;
}section.photos-home a.link-picture:last-child {
  width: 300px;
  height: 356px;
  position: absolute;
  right: -42px;
  top: 0px;
  margin: 193px 0 0 0;
}
section.photos-home .link-picture:hover .slide-number {
  /* filter: none; */
  /* color: var(--bs-primary-color); */
}section.photos-home a.link-picture:nth-child(4) .slide-number {
  left: -135px;
}section.photos-home a.link-picture:last-child .slide-number {
  left: -135px;
}
section.photos-home .link-picture img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  z-index: -1;
}section.photos-home a.link-picture:nth-child(1) .slide-number {
  left: -71px;
}section.photos-home a.link-picture:nth-child(1)::before {
  left: 4px;
}section.photos-home .link-picture:after {
  background: url(/smarty/wireframe20/media/images/arrow.png) no-repeat;
  position: absolute;
  content: "";
  right: -47px;
  top: 40%;
  width: 100px;
  height: 100px;
}
.grid-gallery .swiper-slide:nth-child(even) .slide-number {
  top: 15%;
  transform: translateY(0);
}section.photos-home .link-picture:before {
  position: absolute;
  content: "stap";
  left: 38px;
  top: 45%;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.56);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
  font-family: 'Plus Jakarta Sans';
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: rotate(90deg);
  color: transparent;
  display:none;
}section.photos-home a.link-picture:nth-child(4)::before {
  left: -9px;
  top: 40%;
}section.photos-home a.link-picture:last-child::before {
  left: -9px;
  top: 40%;
}
.slide-number {
  position: absolute;
  left: -97px;
  top: 50%;
  transform: translateY(-50%);
  /* z-index: -1; */
  pointer-events: none;
  user-select: none;
  color: var(--primary-color, #424242);
  text-align: center;
  font-family: "Open Sans";
  font-size: 400px;
  font-style: normal;
  font-weight: 600;
  line-height: 400px;
  text-transform: uppercase;
  /* filter: grayscale(1); */
  color: var(--primary-color, #f7ba0b8c);
  text-align: center;
  font-family: Jost;
  font-size: 300px;
  font-style: normal;
  font-weight: 500;
  line-height: 53px;
  display:none;
}
section.photos-home a.link-picture:hover:before {
  opacity: 1;
}
section.photos-home .grid-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 95px;
  position: relative;
}

section.photos-home .grid-gallery img:nth-child(4),
section.photos-home .grid-gallery img:nth-child(5) {
  grid-row: span 2;   /* prend 2 rangées verticalement */
  object-fit: cover;
  width: 100%;
  height: 100%;
}

section.photos-home h2 span.color {
  color: var(--bs-primary-color);
}
section.photos-home  .container-fluid {
  max-width: 1679px;
  padding: 0 15px;
}
section.photos-home h2 {
  color: var(--light-color, #FFF);
  text-align: center;
  position: relative;
  /* h2 */
  font-family: "Plus Jakarta Sans";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: 53px; /* 108.163% */
  margin-bottom: 90px;
}

section.photos-home h3 {
  color: var(--primary-color, #F7BA0B);
  text-align: center;
  font-family: Quicksand;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
}section.photos-home a.link-picture:nth-child(3)::after {
  top: 24px;
  transform: rotate(-32deg);
  right: -65px;
}section.photos-home a.link-picture:last-child::after {
  right: auto;
  left: -187px;
  transform: rotate(26deg);
  top: 142px;
}

section.photos-home .link-picture:hover {
  filter: grayscale(0);
  transform: scale(1);
}
section.photos-home a.link-picture:nth-child(4)::after {
  right: 85px;
  transform: rotate(90deg);
  top: 92%;
  /*Jurgen*/
  display:none; 
}
section.photos-home a.link-picture:hover:before {

  opacity:1
}

/**********/
/*section.services {
padding: 85px 0 123px;
background: var(--bs-secondary-color);
background-size: cover;
}
section.services h4 {
color: var(--bs-primary-color);
font-size: 26px;
font-weight: 700;
letter-spacing: 0.25em;
font-family: var(--bs-body-font-family);
margin-bottom: 0px;
text-transform: uppercase;
padding-top: 20px;
}
section.services h4:before {
content : "";
position : absolute;
top : 0;
left : 0;
right : 0;
margin : 0 auto;
width : 10px;
height : 10px;
background : var(--bs-tertiary-color);
border-radius: 50%;
}
section.services .container>h2 {
font-size: 50px;
margin: -5px 0 83px;
text-transform: capitalize;
color: var(--bs-white);
line-height:1em;
}
section.services .flx-carte {
display: flex;
gap: 30px;
align-items: flex-start;
justify-content: space-between !important;
margin-bottom: 0;
}
section.services  div#myTabContent {
width: 57.8%;
background: var(--bs-body-bg);
border-radius: 20px;
padding: 30px 46px 27px 24px;
}
section.services ul#myTab {
justify-content: center;
grid-gap: 35px;
border: 0;
width: 39.7%;
}
section.services ul#myTab li.nav-item {
width: 100%;
background: transparent !important;
padding-left: 0;
margin-left: 0;
}
section.services ul#myTab .nav-link {
width: 100%;
background:var(--bs-body-bg);
border-radius: 0;
color: var(--bs-white);
font-size: 20px;
border-radius: 5px;
font-weight: 700;
padding: 46px 10px 46px 113px;
text-align : left !important;
border: none;
}
section.services ul#myTab .nav-link:hover, section.services ul#myTab .nav-link.active {
color: var(--bs-white) !important;
background: var(--bs-tertiary-color) !important;
}
section.services .tab-content>.active {
display: block;
padding: 0;
margin-top: 0;
box-shadow: none;
background: transparent;
}
section.services ul#myTab li.nav-item img {
pointer-events: none;
z-index: -1 !important;
}


section.services ul#myTab .nav-link:before{
content : "";
position : absolute; 
top : 50%;
left : 24px;
transform : translateY(-50%);
width : 72px;
height : 72px;
border-radius: 50%;
background : url(../images/icon1.webp)no-repeat left center var(--bs-white);
}
section.services ul#myTab .nav-link#tab1:before{
background-image : url(../images/icon1.webp);
}
section.services ul#myTab .nav-link#tab2:before{
background-image : url(../images/icon2.webp);
}
section.services ul#myTab .nav-link#tab3:before{
background-image : url(../images/icon3.webp);
}
section.services div#myTabContent .grid-home{
width: 100%;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
z-index: 1;
}
section.services div#myTabContent .grid-home .grid-img{
width: 45%;
position : relative;
height : 100%;
}

section.services div#myTabContent .grid-home .grid-img img{
position : relative;
height : 100%;
width : 100%;
object-fit : cover;
border-radius: 5px;
margin: 0;
}

section.services div#myTabContent .grid-home .text  {
width: 50.3%;
}
section.services div#myTabContent .grid-home h2{
font-size: 35px;
font-weight: 600;
color : var(--bs-white);
margin-bottom: 27px;
}
section.services div#myTabContent .readmore {
position: relative;
display: table;
margin: 28px 0 0;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
transition: background .4s, box-shadow .4s;
padding: 20px 72px 20px 49px;
border-radius: 6px;
font-weight: 700;
text-decoration : none;
color : var(--bs-white);
background: var(--bs-tertiary-color) url(../images/readmore-bx.webp)no-repeat right 50px center;
letter-spacing: 0;
}
section.services div#myTabContent .readmore:hover {
transition: 0.3s all;
background-color : var(--dark-color);
color : var(--bs-white);
}
*/

/**************/
section.boxes h4 {
  position: relative;
  color: var(--primary-color, #F7BA0B);
  text-align: center;

  /* subtitle */
  font-family: Quicksand;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 100% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: auto;
  text-align: center;
  display: table;

}

section.boxes .max-container {
  max-width: 1774px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}
section.boxes {
  padding: 119px 0 186px;
  background: var(--bs-secondary-color);
}
section.boxes .slide-number {
  display:none
}
section.boxes h3 {
  color: var(--dark-color, #111017);
  text-align: center;

  /* h2 */
  font-family: "Plus Jakarta Sans";
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: 53px; /* 108.163% */
  text-align: center;
  margin-bottom: 48px;
  position: relative;
}

section.boxes .box .img-bx {
  height: 580px;
  position: relative;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
section.boxes .box .img-bx:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  /* background: url(../images/hover-box.webp)no-repeat; */
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  background: linear-gradient(0deg, rgba(17, 16, 23, 0.7) 0%, rgba(17, 16, 23, 0.7) 100%);
  border-radius: 5px;
}
section.boxes .box:hover .img-bx:after {
  opacity:1;
}


section.boxes .box .img-bx img {
  height: calc(100% - 20px);
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all .8s;
  margin: 0 !important;
  max-width: 100%;
}
section.boxes .box:hover .img-bx img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all .8s;
  margin: 0 !important;
  max-width: 100%;
}
section.boxes .box h2 {
  position: relative;
  color: var(--dark-color);
  letter-spacing: 0;
  font-size: 30px;
  margin: 0;
  /* font-family: Mulish; */
  text-transform: none;
  transition: all .4s;
  background: white;
  padding: 16px 20px 16px 106px;
  font-weight: 400;
  box-shadow: 0 0 15px hsl(0deg 0% 0% / 25%);
  /* border-radius: 5px; */
  border-radius: 0 5px 0 0;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
  box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.08);
  font-family: "Plus Jakarta Sans";
}
section.boxes .box:hover h2 {
  color: white;
  background: transparent;
  box-shadow: none;
}

section.boxes .box h2:before {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  aspect-ratio: 85/113;
  left: 10px;
  top: -21px;
  background-position: center!important;
  background-color: var(--bs-primary-color)!important;
  border-radius: 100px;
}
section.boxes .box.box1 h2:before {
  background: url(../images/icon1.webp)no-repeat;
}
section.boxes .box.box2 h2:before {
  background: url(../images/icon2.webp)no-repeat;
}
section.boxes .box.box3 h2:before {
  background: url(../images/icon3.webp)no-repeat;
}




section.boxes .box:hover h2:after {
  display:none;
}
section.boxes .box h2:hover:after{
  display:none;
}

section.boxes .box:hover:after {
  opacity:1;
}
section.boxes .box:hover h2 {
  /* margin: 0 0 32px; */
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
section.boxes .description-bx {
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 64px;
  z-index: 2;
  /* padding: 43px 15px; */
  transition: all 0.4s;
  text-align: left;
  bottom: 0px;
}

/*section.boxes .description-bx {
position: absolute;
text-align: center;
bottom: 19px;
left: 19px;
right: 19px;
z-index: 2;
padding: 43px 15px;
transition: all 0.4s;
}*/
section.boxes .box:hover h2:before {
  opacity: 1;
  top: -88px;
  left: 0;
  right: 0;
  margin: auto;
  /* width: 110px; */
  /* height: 148px; */
}
section.boxes .box:hover .img-bx {

  border-radius: 5px;
}
section.boxes .box:hover .description-bx {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 43px 15px;
  left: 31px;
  right: 31px;
  text-align: center;
}
section.boxes .box .text-bx {
  display: none;
  color: white;
}
section.boxes .box:hover .description-bx .text-bx {
  display: block;
}
section.boxes .box .btn-box {
  position: absolute;
  font-size: 16px;
  line-height: 1;
  text-shadow: none;
  padding: 0 0 11px;
  text-decoration: none;
  /* color: #272727; */
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  margin: 41px 0 0;
  font-family: var(--bs-body-font-family);
  text-align: center;
  letter-spacing: 0;
  pointer-events: all;
  transition: all .6s;
  z-index: 1;
  cursor: pointer;
  display: table;
  margin: 35px auto 0;
  padding: 20px 57px 20px 30px;
  background: var(--bs-primary-color);
  margin: 25px auto 0;
  left: 0;
  right: 0;
  display: table;
  border-radius: 5px;
  font-family: Quicksand;
}

section.boxes .box:hover .btn-box {
  opacity:1;
}
section.boxes .box .btn-box:after {
  position: absolute;
  display: inline-block;
  transition: all .4s;
  content: "";
  width: 21px;
  height: 12px;
  background: url(../images/readmore.webp) no-repeat center right;
  line-height: 11px;
  right: 22px;
  top: 23px;
  /* filter: brightness(1); */
}

section.boxes .box p {
  margin: 0;
}
section.boxes .box a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  outline: none;
  z-index: 2;
}
section.boxes .box:hover .img-bx img {
  transform: scale(1.3);
}
section.boxes .swiper-button-next, section.boxes .swiper-button-prev {
  top: 30px;
  left: auto !important;
  right: 0 !important;
  width: 52px;
  height: 55px;
}
section.boxes .swiper-button-next:after, section.boxes .swiper-button-prev:after {
  font-size: 0;
}

section.boxes .swiper-pagination {

  bottom: 30px!important;
}
/* Regio Section */
.regio-section {
  background-color: var(--bs-secondary-color);
  padding: 60px 0 132px;
}

.regio-section .subtitle {
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin-bottom: 10px;
}

.regio-section h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
  text-transform: uppercase;
  color: var(--dark-color);
}
.regio-section h2 .text-primary{
  color : var(--bs-tertiary-color) !important;
}
.regio-section .regio-card {
  background-color: var(--bs-body-bg);
  box-shadow: 0 0 0 1px var(--border-color);
  border-radius: 5px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin : 1px auto;
  text-align: center;
  max-width: 242px;
  padding: 5px;
}

.regio-section .regio-card span {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark-color);
  text-transform: capitalize;
  text-wrap: wrap;
}
/*******/
.regio-section .regio-swiper{
  overflow: hidden;
  padding: 0 1px;
}
.regio-section .regio-pagination{
  display: block;
  bottom: 75px !important;
  position: absolute;
  left: 0px;
  width : 100%;
  z-index: 3;
  text-align  : center;
}
.regio-section .swiper-pagination-bullet-active, .regio-section .swiper-pagination-bullet {
  position: relative;
  width: 12px;
  height: 12px;
  background: transparent;
  border : 2px solid var(--dark-color);
  opacity: 1 !important;
  margin: 0 8px  !important;
}

.regio-section .swiper-pagination-bullet-active{
  background :  var(--bs-tertiary-color);
  border-color :  var(--bs-tertiary-color);
}
/********************** news *****************/
section.news {
  padding: 120px 0;
}
section.news h4 {
  position: relative;
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin-bottom: 10px;
  text-align: center;
}
section.news h2 {
  margin: 0 auto 42px;
  text-align : center;
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
  text-transform: uppercase;
  color: var(--dark-color);
}
section.news h2 .text-primary {
  color: var(--bs-tertiary-color) !important;
}

section.news div#AllNews .Item h3 {
  margin: 0px 0 20px;
  font-family: var(--bs-titles-font-family);
  color: var(--dark-color);
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
}
section.news div#AllNews .Item span.news-abstract {
  display: block;
  margin-bottom: 20px;
}
section.news div#AllNews .Item .read-more a.button, div#AllNews .Item .read-more a.button{
  font-size: 16px;
  font-weight: 600;
  color : var(--dark-color);
  border : 1px solid var(--dark-color);
  border-radius: 50px;
  padding: 15px 54px 15px 32px;
  background : url(../images/readmore-h.webp)no-repeat right 32px center;
}
section.news div#AllNews .Item:hover .read-more a.button, div#AllNews .Item:hover .read-more a.button{
  background : var(--bs-primary-color) url(../images/readmore.webp)no-repeat right 32px center;
  color : var(--bs-body-bg);
  border-color : var(--bs-primary-color) ;
}



section.news div#AllNews .Item:hover h3 {
  color: var(--bs-primary-color);
}
section.news div#AllNews .Item .date{
  display : none;
}
section.news div#AllNews .Item {
  position: relative;
  display: block;
  margin: 0;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  background-size: cover !important;
  background: none;
  padding: 0px;
  border-radius: 0;
}

section.news div#AllNews .Item .nophoto, section.news div#AllNews .Item .photo {
  grid-column: auto;
  grid-row: auto;
  position: relative;
  transition: box-shadow .4s;
  height: 300px;

  overflow: hidden;
}
section.news #AllNews {
  margin: 0px;
  position: relative;
}
section.news #AllNews .Item .news-desc p {
  display: none;
}
section.news #AllNews .Item .news-desc {
  position: relative;
  background: no-repeat;
  grid-column: auto;
  grid-row: auto;
  order: 1;
  padding: 30px 0px 0px;
  background-color: transparent;

}

section.news div#AllNews .Item .nophoto img, section.news div#AllNews .Item .photo img {

  height : 100%;
  width : 100%;
  object-fit : cover;
  transition: 0.3s all;
}
section.news div#AllNews .Item .nophoto img{
  object-fit : scale-down;
}
/*******/

section.news .news-pagination{
  display: block;
  bottom: -75px !important;
  position: absolute;
  left: 0px;
  width : 100%;
  z-index: 3;
  text-align  : center;
}
section.news .swiper-pagination-bullet-active, section.news .swiper-pagination-bullet {
  position: relative;
  width: 12px;
  height: 12px;
  background: transparent;
  border : 2px solid var(--dark-color);
  opacity: 1 !important;
  margin: 0 8px  !important;
}

section.news .swiper-pagination-bullet-active{
  background :  var(--bs-tertiary-color);
  border-color :  var(--bs-tertiary-color);
}
/*****************/
.contactForm h3.contact-field{
  display:none}

.contactForm .contact-field-item {
  margin: 0 0 20px;
  position: relative;
  display: block;
  /* padding: 0; */
  margin-bottom: 20px;
  width: 50%;
  float: left;
  clear: none;
}

.contactForm .contact-field-item:nth-child(even) {
  padding-right: 10px;
}

.contactForm .contact-field-item:nth-child(odd) {
  padding-left: 10px;
}
.form-control:focus {

  border-color: #f7ba0b;

  box-shadow: 0 0 0 .25rem #f7ba0b6e;
}
.form-control {
  font-weight: 400;
  line-height: 2em;
  /*color: var(--bs-secondary-bg);*/
  background: var(--bs-secondary-color);
  border: 1px solid rgb(0 0 0 / 40%);
  padding: 5px 11px;
  transition: border-color .4s, color .4s;
  border-radius: 5px;
}

.contactForm .contact-field-item.fullwidth{
  width:100%;
  padding:0;
  float:none;
  clear:both}

.form-control::placeholder{
  color:var(--bs-body-color)!important}

.contactForm .g-recaptcha{
  float:left}

.contactForm .contact-submit{
  float:right}

.contact-col .containerOpening .openingDay{
  font-weight:700;
  text-transform:uppercase;
  display:inline-block;
  width:260px}

.contact-col .containerOpening .openingDay::after{
  content:': '}

.gdpr.form-check{
  text-align:left;
  margin:0 0 10px}

.contactForm .contact-field-item textarea {
  height: 238px;
}

.contactForm .contact-submit .btn-primary {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: var(--bs-white);
  text-transform: uppercase;
  padding: 16px 42px;
  background: none;
  border: 0;
  box-shadow: none;
  transition: background .4s, box-shadow .4s;
  margin: 0;
  border-radius: 5px;
  background: linear-gradient(to top, var(--bs-primary-color) 0%, var(--bs-primary-color) 50%, var(--dark-color) 50%, var(--dark-color) 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
}
.contactForm .contact-submit .btn-primary:hover {
  background-position: 0 0;
  color: var(--bs-white);
}
.social-box a {
  font-size: 22px;
  margin-right: 4px;
}
.social-box a.WhatsApp-contact {
  margin-left: 10px;
}
.social-box a:hover {
  color: var(--bs-secondary-color);
}
.social-box a.WhatsApp-contact:before {
  content: "\f232";
  font-family: 'Font Awesome 6 Brands';
}
.contactForm .gdpr_policy label{
  font-weight:400}
/***************/
section.map {
  background: url(../images/map.webp) no-repeat center;
  background-size: cover;
  height: 400px;
  position: relative;
}

/***************/
footer.bottom.position-relative.footer-interne {
  /* margin-top: 111px; */
  border-top: 2px solid;
  padding-top: 89px;
}
footer.bottom.position-relative.footer-interne  .footer-wrapper {

  margin: 0px auto 0;

}
footer.bottom.footer-interne .bloc {

  box-shadow: 0 0 5px #00000038;
}
footer.bottom {
  /* background: url() no-repeat center; */
  padding: 0 0 41px;
  /* background-size: cover; */
  margin-top: 0;

}

footer.bottom h3 {

  font-style: normal;

  line-height: 30px;

  position: relative;

  font-family: Plus Jakarta Sans;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
  color: var(--dark-color);
}
footer.bottom span.phone {
  color: var(--secondary-color, #2C2C2C);
  /* font-family: Quicksand; */
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

footer.bottom .Openingsuren:after {
  content: "";
  position: absolute;
  right: -74px;
  top: -124px;
  background: url(../images/before-oppen.webp) no-repeat left;
  width: 105px;
  height: 105px;
}
footer.bottom .tva:before {

  top: 0!important;
}
footer.bottom .logo {
  margin-top: 0!important;
  animation: float 8s ease-in-out infinite;
}
footer.bottom .bloc.tva {
  padding-top: 0;
}
footer.bottom .logo-footer img{
  max-width:100%}

footer a:hover{
  color:var(--bs-primary-color)}
footer .bloc p {
  margin: 0;
}
footer .footer-contact h3 {
  margin: 25px 0 5px;
}
footer span.openingDay {
  display: inline-block;
  position: relative;
  width: 116px;
}
footer.bottom .logo {
  margin-top: 48px!important;
  margin: auto;
  text-align: center;
}
footer.bottom .networks_linking {
  text-align: center;
  margin: auto;
  /* left: 0; */
  /* right: 0; */
  position: relative;
  width: 45%;
}

footer.bottom .networks_linking a:hover {
  transition: 0.3s all;
  transform: scale(0.9);
}
footer.bottom .networks_linking a {
  color: white;
  width: 61px;
  height: 61px;
  display: block;
  background: url(../images/bg-lik.webp) no-repeat top center;
  border-radius: 0;
  margin: 0 53px 10px 0;
  text-align: center;
  line-height: 61px;
  font-size: 20px;
  transition: all .4s;
  /* box-shadow: 0 0 29px rgb(0 0 0 / 80%); */
  margin: 12px 14px;
  border-radius: 0;
  animation: float 11s ease-in-out infinite;
  text-align: center;
}
footer span.openingDay:after {
  content: "";
  position: absolute;
  right: 0;
  left: 30px;
  width: 81px;
  height: 1px;
  background: #ffffff4d;
  top: 14px;
  bottom: 0;
}
footer.bottom .col1:before{
  content: ""!important;
  background: url(../images/addres.webp) no-repeat center;
}
footer.bottom .col2:before{
  content: ""!important;
  background: url(../images/tel.webp) no-repeat center;
}
footer.bottom .col3:before {
  content: ""!important;
  background: url(../images/Icon.webp) no-repeat center;
}
footer.bottom h4 {
  color: var(--secondary-color, #2C2C2C);
  text-align: center;
  font-family: Quicksand;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
.part-addres {
  gap: 90px;
  margin-bottom: 15px;
}
footer.bottom .bloc {
  padding-left: 0;
  padding-top: 79px;
  background: #F6F6F6;
  text-align: center;
  padding: 80px 100px 40px 100px;
  border-radius: 5px;
  /* width: 425px; */
}
footer.bottom .bloc.tva {
  /* padding-top: 20px!important; */
}
footer.bottom .tva:before {
  content: ""!important;
  background: url(../images/TVA.webp) no-repeat left;
  width: 14px;
  height: 20px;
  /* top: 21px!important; */
}
footer.bottom .bloc:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0;
  margin: 0 auto;
  top: -51px;
  width: 92px;
  height: 92px;
  font-size: 15px;
  border-radius: 100px;
  bottom: 0;
  /* margin: auto; */
  color: white;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 700;
  line-height: 56px;
  text-align: center;
  /* background: white; */
  border: 1px solid;
  background-position: center;
  text-align: center;
  border: 0;
  background-color: var(--bs-primary-color);
}
footer.bottom .footer-wrapper {
  /* gap: 66px; */
  justify-content: space-between;
  width: 100%;
  margin: -86px auto 0;
  gap: 19px;
}
div#NewsletterFirstNameHeader {
  display:none!important
}
div#NewsletterLastNameHeader {
  display: none;
}
footer.bottom  a {
  /* color: var(--bs-secondary-bg); */
}
footer.bottom div#openingTimesBlock {
  text-align: left!important;
  grid-template-columns: auto auto;
  /* display: grid; */
  padding: 0px 0px;
  text-align: center;
  grid-gap: 2px 16px;
}
footer .col3 {
  position: relative;
}

.footer-b {
  position: fixed;
  bottom: 10px;
  right: 15px;
  color: #6c757d;
}
/********/
.fslightbox-open {
  overflow: auto !important;
  height: auto !important;
}
body#top-body {
  position: relative;
  overflow-y: auto !important;
  margin: 0 !important;
}
body#top-body:before{
  content : "";
  position : absolute;
  top : 0;
  right : 0;
  left : 0;
  bottom : 0;
  background : url(../images/bg-body.webp)no-repeat center fixed;
  background-size : cover;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
div#maps-modal-1 {
  overflow: hidden;
}
.modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-body {
  overflow-y: auto;
}
.modal-dialog.modal-xl {
  height: calc(100% - var(--bs-modal-margin)* 2);
}

/***********************/	
a.btn-cookies-link{
  color: var(--bs-white) !important;
  background-color: var(--bs-primary-color) !important;
}
a.btn-cookies-link:hover{
  var(--bs-tertiary-color) !important
}
/********************/
#scrollTopBtn {
  position: fixed;
  bottom: 32px;
  right: 21px;
  color: var(--bs-body-color);
  border-radius: 4px;
  opacity: 0;
  background-color: var(--bs-secondary-color);
  padding: 6px 12px;
  z-index: 5 !important;
  cursor: pointer;
}

.modal-content{
  background-color:var(--bs-body-bg);
  color:var(--bs-body-color)}

#scrollTopBtn.Active{
  opacity:1}

.btn-cookies-pos,.footer-b,#scrollTopBtn{
  z-index:1020}

.carousel-control-next,.carousel-control-prev{
  width:30px}

.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-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(--bs-body-bg)!important;
  color:var(--bs-secondary-color)!important}

.toast-header::before{
  position:absolute;
  content:'';
  z-index:-1;
  right:7px;
  top:calc(50% - 17px);
  bottom:auto;
  width:33px;
  background:var(--bs-secondary-color);
  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-secondary-color);
  font-weight:700}
.news-home .swiper-pagination {
  bottom: -70px !important;
}
.news-home .swiper-pagination > span {
  width: 12px;
  height: 12px;
  background: var(--bs-primary-color);
}
table.table-page.table-style.table-mobile {
  display: none;
}
.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: 97%;
  color: white;
}

.toast-header{position:relative;z-index:1;font-size: 1.5rem;background: var(--dark-color)!important;color: var(--bs-white)!important;}

.toast-header::before{
  position:absolute;
  content:'';
  z-index:-1;
  right:7px;
  top:calc(50% - 17px);
  bottom:auto;
  width:33px;
  background:var(--bs-secondary-color);
  border-radius:50%;
  height:33px}

.me-auto{
  font-weight:300!important}

.toast-header .btn-close{background-size:40%;background-color: var(--bs-white);border-radius: 50%;}

.news-popup-text small.news-date-popup{color:var(--bs-secondary-color);font-weight:700;display: none;}
button.navbar-toggler[aria-expanded=false]::after,button.navbar-toggler[aria-expanded=false]::before{
  transform:none}
ul.puce li, ul.usp li {
  position: relative;
  padding-left: 35px;
  list-style: none !important;
  line-height: 38px !important;
  margin: 0 !important;
}
ul.puce, ul.usp {
  padding: 0;
  margin: 0  0 20px !important;
}
ul.usp li:before {
  position: absolute;
  content: "";
  background: url(../images/list-icon.webp) no-repeat;
  width: 22px;
  height: 22px;
  left: 0;
  top: 8px;
}
ul.puce li:before {
  position: absolute;
  content: "";
  background: url(../images/list-icon1.webp) no-repeat;
  width: 22px;
  height: 22px;
  left: 0;
  top: 8px;
}
.news-article-body a.WhatsApp-contact-news, .news-item-text  a.WhatsApp-contact-news{
  font-size: 0;
  background: url(../images/whats.webp) no-repeat !important;
  width: 20px;
  height: 20px;
  background-size: contain !important;
  display: inline-block;
  margin: 0 0 0 10px;
}
.news-article-body a.WhatsApp-contact-news:hover, .news-item-text  a.WhatsApp-contact-news:hover {
  transform: scale(1.1);
}
.news-article-row {
  grid-gap: 30px 0;
}.news-article-row .col-md-3 {

  order: 2;
}.news-article-photo-col img {
  width: 350px;
  height: 260px;
  object-fit: cover;
}.news-article-share-col {
  order: 2;
  margin: 0;
  background: transparent;
  padding: 15px 15px 9px;
  border-radius: 5px;
  border: 1px solid var(--bs-primary-color);
}
a.btn.btn-primary.news-article-back-btn {
  order: 4;
  background: var(--bs-primary-color) !important;
  color: white !important;
  margin: 0 !important;
  padding: 14px 45px;
  display: block;
  border: none !important;
}
a.btn.btn-primary.news-article-back-btn:hover {
  color: white !important;
  background: var(--bs-body-color) !important;
}
a.btn.btn-primary.news-article-back-btn:before {
  background: none;
}a.btn.btn-primary.news-article-back-btn:hover:before {
  right: 0;
}
.a.btn.btn-primary.news-article-back-btn:before {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  background: var(--bs-primary-color);
  transition: all .4s;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 5px;
}
.home-news.page-news div#AllNews .Item .button:before {
  display: none;
}
.col-12.col-md-3.news-article-back-col{
  --bs-gutter-y: 0rem !important;
  margin:0;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
  gap: 20px; /* Espace entre les éléments */
  padding: 20px;
}

.video-item {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* Ratio 16:9 */
  overflow: hidden;
  background-color: #000;
  border-radius: 8px;
}

.video-item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  border-radius: 8px;
}
.fslightboxci h2 {
  font-size: 16px;
}
/* Responsive : 2 colonnes sur écrans moyens */
@media (max-width: 900px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive : 1 colonne sur petits écrans */
@media (max-width: 600px) {
  .video-grid {
    grid-template-columns: 1fr;
  }
}



/****************************************/

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




}
@media only screen and (max-width : 1600px) {
  section.boxes .box h2 {

    font-size: 22px;

  }section.photos-home .grid-gallery {

    grid-template-columns: repeat(4, 1fr);
    gap: 52px;

  }
  section.boxes .box h2:before {

    top: -47px;

  }
  section.boxes .description-bx {

    right: 35px;

  }
  .social-fixed {
    right: 10px;
  }
  .arrow-img {

    margin-right: 50px;
  }

  .social-fixed a {
    height: 48px;
    width: 48px;

    line-height: 48px;

  }
  .homepage .wrapper .flex-home .photo-home {
    max-width: 27.57%;

    margin-right: 15px;
  }
  header .logo {
    width: 216px;
  }
  .slide-box-message h2 {

    font-size: 52px;

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

  section.photos-home .link-picture {

    width: 100%;

  }section.photos-home .grid-gallery {

    grid-template-columns: repeat(4, 1fr);
    gap: 30px;

  }.slide-number {
    font-size: 175px !important;
    left: -34px;
  }section.photos-home a.link-picture:nth-child(4), section.photos-home a.link-picture:nth-child(5) {
    right: 0;
  }section.photos-home a.link-picture:nth-child(4) .slide-number {
    left: -73px;
  }section.photos-home a.link-picture:last-child .slide-number {
    left: -60px;
  }section.photos-home a.link-picture:nth-child(1) .slide-number {
    left: -29px;
  }section.photos-home .link-picture:after {

    right: -29px;
    top: 40%;
    width: 57px;
    height: 53px;
    background-size: contain;
  }section.photos-home a.link-picture:last-child::after {
    right: auto;
    left: -91px;

    top: 159px;
  }section.photos-home a.link-picture:nth-child(4)::after {
    right: 123px;
    top: 100%;
  }

}

@media only screen and (max-width : 1360px) {
  .phone-top {
    display: none !important;
  }
  header.sticky-top a.nav-link {

    padding: 16px 22px !important;

  }
  .homepage .wrapper .flex-home .content.part1 .content-home-flex {
    gap: 28px;
  }
  .homepage .wrapper .flex-home .content.part1 {
    max-width: 63.79%;
    margin: 20px 20px;
  }




}
@media only screen and (max-width : 1400px) {
  .slide-number {
    font-size: 105px !important;
    left: -20px;
  }section.photos-home a.link-picture:nth-child(3)::after {

    right: -37px;
  }
  section.photos-home .link-picture:after {


    top: 45%;

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

  section.photos-home a.link-picture:nth-child(4), section.photos-home a.link-picture:nth-child(5) {
    right: 0;
    position: relative;
    margin: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }section.photos-home .grid-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 54px;
    position: relative;
  }section.photos-home a.link-picture:nth-child(1)::before {
    left: -8px;
  }section.photos-home .link-picture:before {
    left: 18px;
    letter-spacing: 0;
    font-size: 43px;
  }section.photos-home a.link-picture:last-child::before {
    left: 20px;
    top: 42%;
  }section.photos-home a.link-picture:nth-child(4)::before {
    left: 14px;
    top: 41%;
  }section.photos-home a.link-picture:last-child .slide-number {
    left: -17px;
  }section.photos-home a.link-picture:nth-child(4) .slide-number {
    left: -17px;
  }section.photos-home a.link-picture:nth-child(3)::after {
    top: auto;
    transform: rotate(107deg);
    right: 0;
    bottom: 0;
  }section.photos-home a.link-picture:nth-child(4)::after {

    opacity: 0;
  }section.photos-home a.link-picture:last-child::after {
    right: auto;
    left: -54px;
    transform: none;
    top: 106px;
  }
  .arrow-img {
    margin-right: 0px;
  }
  header.sticky-top .inner-wrapper {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }
  .homepage .wrapper .flex-home:before {

    right: 0px;

  }
  a.moreless-button {

    margin: 20px auto 0;

  }
  section.boxes .box h2 {

    font-size: 27px;

  }
  section.boxes .box h2:before {

    top: -38px;

  }
  section.boxes {
    padding: 119px 0 81px;

  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--bs-primary-color);
  }
  span.swiper-pagination-bullet {
    border: 1px solid var(--bs-primary-color);
    opacity:1;
    width:10px;
    height:10px;
    background:transparent
  }
  section.map {

    height: 306px;

  }
  footer.bottom .bloc {

    margin: 0 auto 70px;
  }
  section.boxes .swiper-pagination {
    bottom: 28px!important;
  }
  header.sticky-top.sticky .inner-wrapper {
    justify-content: center;
  }
  .homepage .wrapper .flex-home .photo-home {
    display:none
  }
  .homepage .wrapper .flex-home .content.part1 {
    max-width:100%;
    margin: 20px 20px;
  }
  header.sticky-top:not(.sticky) .inner-wrapper {
    padding: 0px 0 0;
    align-items: center !important;
  }
  .navbar-toggler {
    width: 57px;
    height: 57px;
    background: var(--bs-primary-color);
    border: none;
    border-radius: 50%;
    box-shadow: none !important;
    color: var(--bs-white);
  }
  .navbar-toggler .navbar-toggler-icon {
    filter: brightness(0) invert(1);
  }
  .offcanvas .collapse:not(.show) {
    display: block !important;
  }
  .offcanvas {
    background: var(--bs-body-bg);
    margin: 0 !important;
    box-shadow: 0 0 5px var(--bs-secondary-bg);
  }
  header.sticky-top .offcanvas .nav-link {
    text-align: left;
    border: 0;
  }
  .offcanvas-header {
    background: var(--bs-primary-color);
    color: var(--bs-body-color);
  }
  .navbar-collapse .nav-item a {
    color: var(--bs-body-color);
    padding: 6px 25px;
  }
  .open-menu section.banner .appointment a {
    z-index: 20;
  }
  header.sticky-top a.nav-link, header.sticky-top li#menu_8 a.nav-link {
    padding: 11px 20px !important;
    color: var(--bs-body-color) !important;
  }
  header.sticky-top ul.level-0 > li > a.nav-link::before {
    display: none;
  }
  header.sticky-top .dropdown-toggle {
    left: auto;
    top: 12px;
    transform: translateX(0%);
    line-height: 1em;
    right: 10px;
  }
  header.sticky-top .dropdown-toggle::after {
    -webkit-text-stroke:  1px var(--dark-color);
  }
  header.sticky-top .navbar .navbar-nav .dropdown-menu {
    top: 0;
    left: 0;
    transform: translateX(0%);
    position: relative;
    margin-left: 40px;
    background: transparent;
    display: block !important;
  }

  .cta-fixed.sticky-appear {
    top: 76px;
  }

  section.banner .logo img {
    max-width: 100%;
  }
  section.banner {
    /* height: 800px;*/
  }
  header.sticky-top .navbar-nav > li > .nav-link:hover, header.sticky-top .navbar-nav > .selected > .nav-link, header.sticky-top .navbar-nav > li#menu_12 > .nav-link:hover, header.sticky-top .navbar-nav > #menu_12.selected > .nav-link {
    /* color: var(--dark-color) !important; */
    background: transparent !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .offcanvas-body {
    background: var(--bs-body-bg);
  }
  .offcanvas-body .networks_linking{
    display : flex;
    gap: 13px
  }
  header.sticky-top li#menu_8 a.nav-link:hover {
    transition: none;
    transform: none;
    color: var(--bs-primary-color)!important;
  }
  header.sticky-top:not(.sticky) .inner-wrapper > div:not(.logo) {
    margin: 0;
  }
  .offcanvas-title {
    color: var(--bs-white);
  }
  header.sticky-top:not(.sticky) .inner-wrapper #navbarNav {
    margin-top: 0;
  }
  section.mobile-links a:hover {
    color: var(--bs-body-color) !important;
  }
  header.sticky-top .offcanvas .nav-link, header.sticky-top li#menu_8 a.nav-link {
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
    width: 100% !important;
    border-radius: 0;
    color: var(--bs-body-color) !important;
    white-space: normal;
    letter-spacing: 0;
    margin: 0;
    animation: none;
  }
  header.sticky-top .sf-menu {

    gap: 0px;
  }
  .social-fixed {
    display: none;
  }
  .homepage .wrapper .flex-home .content.part1 .content-home-flex {
    gap: 0;
    display: block;
  }
  .homepage .wrapper .flex-home .content.part1 .content-home-flex .part2 {
    margin-top: 0;
  }
  .homepage .wrapper {
    padding: 50px 0;
  }
  .services-section {
    padding: 50px 0 70px;
  }
  section.news {
    padding: 50px 0 70px;
  }
  footer.bottom {
    padding: 50px 0;
  }
  .services-section .services-pagination, .regio-section .regio-pagination {
    bottom: 20px !important;
  }
  section.news .news-pagination{
    bottom: -50px !important;
  }
  .regio-section {
    padding: 50px 0 70px;
  }
  .content h1 {
    font-size: 34px;
  }
  .content h2 {
    font-size: 30px;
  }

  .slide-box-message h2 {
    font-size: 42px;

  }
  .internal-pages .slide-box-message h2 {
    font-size: 35px;
  }
  .slide-box-message  h4 {
    font-size: 22px;
  }
  section.services div#myTabContent .grid-home h2 {
    font-size: 30px;
  }
  section.formhome  .form {
    padding: 70px 65px 50px;
    width: 540px;
  }
  section.photos-home .link-picture {
    height: 300px;
  }
  section.services ul#myTab .nav-link {
    font-size: 16px;
    padding: 46px 10px 46px 110px;
  }
  section.services {
    padding: 50px 0;
  }
  section.photos-home {
    padding: 50px 0 30px;
  }
}
@media only screen and (max-width : 991.98px) {
  section.photos-home a.link-picture:nth-child(3)::after {
    top: 50%;
    transform: none;
    right: -42px;
    bottom: 0;
  }section.photos-home a.link-picture:last-child::after {
    right: -103px;
    transform: rotate(121deg);
    top: -31px;
    left: auto;
  }
  .img-contact {
    max-width: 350px;
    margin: 0 auto;
    /* height: 327px; */
    position: relative;
  }section.photos-home .link-picture:after {
    right: -29px;
    top: 48%;
    width: 58px;
    height: 53px;
    background-size: contain;
  }
  section.boxes .description-bx {

    right: 0px;

  }
  .slide-box-message h2 {

    line-height: 37px;
  }section.photos-home .grid-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 54px;
    position: relative;
  }
  section.boxes {
    padding: 52px 0 81px;
  }
  section.boxes .box h2 {
    font-size: 23px;
  }
  .slide-box-message .btn-group{
    justify-content : center !important;
    gap: 20px;
  }
  footer.bottom .bloc-center:before, footer.bottom .bloc-center:after {
    display: none;
  }
  .cta-fixed.sticky-appear {
    left: 0;
  }
  .toast-container{
    left:5%;
    width:90%!important}

  .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(2,1fr)}

  footer.bottom:before {
    background-size: cover;
  }

  footer.bottom .footer-contact {
    margin: 30px 0;
  }
  footer.bottom .logo {
    margin-bottom: 30px;
  }

  .homepage header.page-title h1, section.photos-home h4, section.services h4 {
    font-size: 23px;
  }

  header.page-title h1 .sub-title, section.photos-home h2, section.services h2 {
    font-size: 41px;
  }

  section.services ul#myTab .nav-link {
    font-size: 16px;
    padding: 26px 10px 26px 80px;
  }
  section.services ul#myTab .nav-link:before {
    left: 14px;
    width: 52px;
    height: 52px;
  }
  section.services ul#myTab .nav-link:before{
    background-size : contain;
  }
  section.services ul#myTab {

    width: 30.5%;
  }
  section.services  div#myTabContent {
    width: 65.8%;
    padding: 30px 10px 27px 10px;
  }
  footer.bottom .grid-part2 {
    width: auto;
  }
  footer.bottom:after{
    display : none;
  }
  footer.bottom h3:before , footer.bottom h3:after{
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  section.photos-home {
    padding: 44px 0 60px;
  }
  .carousel-control-next, .carousel-control-prev {

    display: none;
  }
  footer.bottom {

    text-align: center;
  }
  footer.bottom .logo {
    margin: 0 auto 30px;
  }
  footer.bottom h3 {
    margin: 0 auto 26px;

  }
  footer.bottom .bloc-center {
    margin-bottom: 30px;
  }
  footer.bottom .bloc-left {
    margin-top: 30px;
  }
  footer.bottom .bloc:before {
    right: 0;
    margin: 0  auto;
  }
  section.contact-home {
    padding: 60px 0;
    text-align: center;
  }
  section.contact-home form#contactForm_2 {
    display: block;
  }
  section.contact-home .form-control {
    padding: 9px 25px 30px;
  }
  section.contact-home .contactForm .contact-field-item {
    margin: 0 0 10px !important;
  }
  section.contact-home .gdpr.form-check {
    text-align: center;
    margin: 15px auto 0;
    display: table;
  }
  section.contact-home .contactForm .contact-submit {
    margin: 10px auto 0;
    display: table;
    float: none;
  }
  section.news-home {
    padding: 60px 0 80px;
  }
  .news-home .swiper-pagination {
    bottom: -47px !important;
  }
  div#AllNews .news-object.Item .news-desc h3 {
    font-size: 22px;
  }
  section.news-home h2 {
    margin: 0 0 35px;
  }
  section.banner.small:before {
    display: block !important;
  }
  section.banner , section.banner .banner-images .slide-left, section.banner .banner-images .slide-right{
    height: 450px;
  }
  section.banner.small , section.banner.small .banner-images .slide-left, section.banner.small .banner-images .slide-right{
    height: 350px;
  }
  .homepage .wrapper .flex-home:before {
    top: -26px;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .homepage .wrapper .flex-home {

    padding: 0 0 10px;
  }
  .slide-box-message h2 {
    font-size: 35px;
  }
  .internal-pages .slide-box-message h2 {
    font-size: 30px;
  }
  .slide-box-message  h4 {
    font-size: 18px;
  }
  .slide-box-message {
    padding: 0;
  }
  .homepage .wrapper {
    padding: 60px 0;
  }
  .homepage .wrapper .container > .row {
    display: block;
  }
  .homepage .wrapper .photo-home.img1 {
    margin: 0 auto 40px;
    display: table;
    padding-bottom:100px;
  }
  .homepage .wrapper .container > .row .col-xl-6 {
    width: 100% !important;
  }
  .homepage .wrapper .flex-home .content.part1 {
    max-width: 100%;
  }
  .homepage .wrapper .flex-home .photo-home {
    max-width: 500px;
    margin: 0 auto;
  }
  .homepage .wrapper .txt-footer, footer.bottom .txt-footer {
    display: none;
  }
  .homepage header.page-title h1 {
    margin: 0px 0 15px 0;
  }
  a.moreless-button {
    /* margin: 20px 0 0; */
  }
  .content h2 {
    font-size: 27px;
  }
  section.banner:before {
    display: none;
  }
  .homepage .wrapper .flex-home {
    display: block;
  }
  section.box02, section.services {
    padding: 120px 0;
  }
  section.box02 .photo {
    max-width: 100%;
  }
  section.services .text-box {
    max-width: 100%;
    text-align: center;
  }
  section.services .photo {
    max-width: 80%;
    display: table;
    margin: 20px auto 0;
  }
  section.services h2 {
    margin: 0 0 30px;
    background: url(../images/icon-title2.webp) no-repeat bottom center;
  }
  section.services .btn-bx  > a {
    margin: 36px auto 0;
  }
  section.banner .box-overlay {
    right: 15px;
    left: 15px;
  }
  section.box02, section.services {
    padding: 60px 0;
  }
  section.services .bx-txt {
    padding: 15px 100px 20px 20px;
  }
  section.services .bx-txt .readmore {
    right: 10px;
    bottom: 20px;
  }
  section.photos-home h2 {
    margin: 0 0 40px;
  }
  section.formhome  .form {
    padding: 70px 65px 50px;
    width: 100%;
  }
  footer.bottom .bloc-center, footer.bottom .bloc-left {
    margin-top: 30px;
  }
  section.formhome {
    padding: 0 0 30px;
  }
  .slide-box-message {
    text-align: center !important;
  }
}
@media only screen and (max-width : 767px) {
  section.photos-home .grid-gallery {
    gap: 50px !important;
  }section.photos-home a.link-picture:nth-child(3)::after {
    top: 100%;
    transform: rotate(90deg);
    right: 0;
    bottom: auto;
  }section.photos-home a.link-picture:last-child::after {
    left: 0;
    top: -48px;
    transform: rotate(90deg);
    right: 0;
    bottom: auto;
    display: table;
  }.slide-number, section.photos-home a.link-picture:nth-child(1) .slide-number, section.photos-home a.link-picture:nth-child(4) .slide-number, section.photos-home a.link-picture:nth-child(5) .slide-number {
    left: -88px;
    right: 0;
    margin: auto;
    top: 20%;
    bottom: auto;
  }section.photos-home a.link-picture:nth-child(4)::before, section.photos-home .link-picture:before, section.photos-home a.link-picture:nth-child(5)::before, 
  section.photos-home a.link-picture:nth-child(4)::before, section.photos-home .link-picture:before, section.photos-home a.link-picture:nth-child(5)::before, section.photos-home a.link-picture:nth-child(1)::before, section.photos-home a.link-picture:last-child::before {
    /* left: 19px; */
    top: 14%;
    right: 0;
    margin: auto;
  }section.photos-home .link-picture {
    height: 300px !important;
  }
  section.photos-home .link-picture:after {
    right: 0;
    top: 100%;
    width: 50px;
    height: 48px;
    background-size: contain;
    left: 0;
    margin: auto;
    transform: rotate(90deg);
  }
  section.photos-home .grid-gallery {

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

  }
  section.photos-home .link-picture {
    width: 100% !important;
  }

  .services-section .service-card {

    text-align: center;
  }
  footer.bottom .footer-wrapper {

    width: 88%;

  }
  .img-contact {

    display: none;
  }
  section.news #AllNews .Item .news-desc , article.content1.content div#AllNews .news-object.Item .news-desc {

    text-align: center;
  }
  .content h2 {
    font-size: 21px;
  }
  .content h2 {
    font-size: 20px;
  }
  .content h3 {
    font-size: 19px;
  }
  .content h4 {
    font-size: 18px;
  }
  .content h5 {
    font-size: 16px;
  }
  .news-article-row .col-md-3 img{
    display:block;
    margin: auto;}
  .homepage .wrapper:before{
    display : none;
  }
  main.content-wrapper.pageTemplate {
    padding: 50px 0;
  }
  .box-overlay {
    margin: 30px 0;
  }
  .slide-box-message .btn-group, .slide-box-message .btn-group .btns-left {
    display: block !important;
  }
  .slide-box-message  a , .slide-box-message a.btn-tel{
    margin: 20px auto ;
  }
  .slide-box-message a {
    margin: 40px auto 0;
  }
  section.banner, section.banner .banner-images .slide-right {
    height: 400px;
  }
  section.banner .banner-images .slide-left{
    display : none;
  }
  section.banner .banner-images .slide-right {
    width: 100%;
  }
  .homepage .wrapper .flex-home:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .homepage .wrapper .flex-home {
    padding: 10px 0 10px;
  }
  .banner .carousel * {
    border-radius: 0;
  }
  article.content .img-row {
    height: 250px;
    position: relative;
    max-height: 250px;
    width: 100%;
  }
  article.content1.content div#AllNews .col-lg-4 {
    width: 100%;
  }
  article.content1 .grid-gallery{
    grid-template-columns:repeat(2,1fr)}

  .news-popup-text{
    width:100%}

  .row .equal {
    height: auto !important;
  }
  .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:left}

  .phone{
    display:none}

  span.phone-responsive{
    display:inline-block}
  .homepage header.page-title h1 {

    margin-top: 0;
    background: none;
  }
  .social-fixed a {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 19px !important;
  }

  .slide-box-message:before, section.photos-home:after, section.news-home:before {
    display: none;
  }
  .slide-box-message h2, .internal-pages .slide-box-message h2 {
    font-size: 25px;
  }
  .homepage header.page-title h1:before{
    right : 0;
    margin : 0 auto;
  }
  .slide-box-message  h4 {
    letter-spacing: 0.1em;
  }
  .homepage header.page-title h1:after {
    right: 0;
    margin: 0 auto;
  }
  a.moreless-button {
    margin: 22px auto 0;
  }
  .homepage .wrapper .flex-home .photo-home, section.box02 .photo , section.services .photo {
    display: none;
  }
  header.page-title h1 .sub-title, section.box02 h2, section.news-home h2 strong,
  section.photos-home h2, section.services h2, main.content-wrapper.pageTemplate h1 {
    font-size: 31px;
    text-align:center;
  }
  .homepage header.page-title h1, section.box02 h4, 
  section.photos-home h4, section.news-home h2, section.services h4 {
    font-size: 19px;
  }

  section.box02 .text-box {
    padding: 60px;
  }
  section.box02 h2 {
    margin: 0 0 30px;
  }
  section.photos-home h2 {
    margin: 0 auto 30px;
  }
  section.services .flx-carte {
    display: block;
  }
  section.services ul#myTab {
    justify-content: center;
    grid-gap: 11px;
    border: 0;
    width: 100%;
  }
  section.services  div#myTabContent {
    width: 100%;
    margin-top: 20px;
  }
  section.services div#myTabContent .grid-home{
    display : block;
  }
  section.services div#myTabContent .grid-home .text{
    width : 100% !important;
    text-align : center;
  }
  section.services div#myTabContent .readmore {
    margin: 20px auto 0;
  }
  section.services div#myTabContent .grid-home .grid-img {
    width: 100% !important;
    height: 300px !important;
    max-width: 250px;
    margin: 0 auto 30px;
  }
  section.services ul#myTab .nav-link {
    padding: 70px 10px 10px;
    text-align: center !important;
  }
  section.services ul#myTab .nav-link:before {
    left: 0;
    right: 0;
    top: 10px;
    margin: 0 auto;
    transform: none;
  }
  section.photos-home .grid-gallery {
    gap: 25px 31px;

  }
  section.photos-home .link-picture {
    width: calc(51% - 20px);
  }
  .homepage .wrapper header{
    text-align: center;
  }
  section.formhome h2 {
    font-size: 30px;
  }
  section.formhome  .form {
    padding: 30px 10px 30px;
    width: 100%;
  }
  .contactForm .contact-field-item {
    width: 100%;
  }
  .contactForm .contact-field-item:nth-child(even) {
    padding-right: 0;
  }
  .contactForm .contact-field-item:nth-child(odd) {
    padding-left: 0;
  }
  section.formhome .gdpr.form-check {
    display: table;
    margin: 10px auto;
  }
  section.formhome   .g-recaptcha {
    display: table;
    margin: 0 auto;
    float: none;
  }
  section.formhome .contactForm .contact-submit {
    display: table;
    margin: 10px auto 0;
  }
  footer.bottom:before{
    display : none;
  }
  .contactForm .g-recaptcha {
    float: none;
  }
  .contactForm .contact-submit {
    float: none;
    margin-top: 10px;
    clear: both;
  }
  footer.bottom .footer-wrapper {

    width: 100%;

  }

  section.boxes .box:hover .description-bx {

    left: 18px;
    right: 18px;

  }.slide-number {
    font-size:100px !important;

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



  section.photos-home .grid-gallery {

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

  }
  ul.puce li:before {
    width: 17px;
    height: 17px;
    background-size: contain;
    top: 6px;
  }
  footer.bottom .bloc {

    padding: 80px 50px 34px 34px;

    width: 100%;
  }
  footer.bottom .footer-wrapper {

    width: 100%;

  }

  ul.puce li, ul.usp li {
    padding-left: 25px;
    line-height: 25px !important;
  }
  .news-article-row .col-md-3.news-article-photo-col {
    order: -1;
  }
  .internal-pages .box-light {
    padding: 20px 15px;
  }
  .internal-pages .head-top {
    padding: 10px 0 0;
  }
  header.sticky-top a.nav-link {
    font-size: 14px;
  }
  .head-top {

    padding: 32px 0 0;
  }
  header.sticky-top:not(.sticky.sticky-appear) .inner-wrapper {
    flex-direction: column;
    gap: 0px !important;
    padding-bottom: 10px !important;
  }
  header.sticky-top:not(.sticky.sticky-appear) .navbar-toggler{
    margin : 0 auto 10px;
  }
  .contact-form .g-recaptcha{
    transform:scale(.76);
    width:250px;
    transform-origin:left}
  article.content1 .grid-gallery{
    grid-template-columns:repeat(1,1fr)}
  .g-recaptcha{
    width:250px;
    transform:scale(.76);
    transform-origin:left}
  .contactForm .contact-field-item{
    width:100%;
    padding:0!important}
  .slide-box-message  a, .slide-box-message a.btn-tel {
    font-size: 14px;
    letter-spacing: 0;
    padding: 12px 35px;
    margin: 20px auto 0;
  }
  section.boxes .box:hover .description-bx {

    left: 8px;
    right: 8px;

  }
  table.table-page.table-style.table-mobile {
    display: table;
    width:100%;
  }
  table.table-page.table-style.table-desk {
    display: none;
  }
  .cta-fixed.sticky-appear {
    left: 0;
    display: grid;
    text-align: center;
  }
  .cta-fixed.sticky-appear > div {
    justify-content: center;
  }
  .slide-box-message a:after, section.box02 .text-box:after {
    display: none;
  }

  .slide-box-message  h4 {
    letter-spacing: 0.05em;
    font-size: 15px;
  }
  .slide-box-message h2, .internal-pages .slide-box-message h2 {
    font-size: 19px;
    line-height: 26px;
  }
  footer.bottom {
    font-size: 14px;
  }
  .regio-section h2 {
    font-size: 42px;

  }
  section.boxes .box h2:before {
    top: -79px;
    right: 0;
    left: 0;
    margin: auto;
  }
  section.boxes .box h2 {

    padding: 16px 20px 16px 20px;

    text-align: center;
  }
  .regio-section .swiper-pagination-bullet-active, .regio-section .swiper-pagination-bullet {
    margin: 0 4px  !important;
  }
  section.box02 .text-box {
    padding: 40px 20px;
  }
  header.page-title h1 .sub-title, section.box02 h2, section.news-home h2 strong, section.photos-home h2, section.services h2, main.content-wrapper.pageTemplate h1 {
    font-size: 22px;
  }
  .homepage header.page-title h1, section.box02 h4, section.photos-home h4, section.news-home h2, section.services h4 {
    font-size: 13px;
  }
  .homepage .wrapper .flex-home:before {
    top: 0;
    left: -15px;
    bottom: 0;
    right: -15px;
  }
  section.boxes h3 {

    font-size: 36px;

    margin-bottom: 18px;

  }
  .homepage .wrapper .flex-home .content.part1 {

    margin: 20px 0px;
  }
  .content h1 {
    font-size: 19px;
  }
  section.photos-home .link-picture {
    height: 250px;
    width: 100%;
  }
  .content h2 {
    font-size: 19px;
  }
  .content h3 {
    font-size: 18px;
  }
  .content h4 {
    font-size: 16px;
  }
  .content h5 {
    font-size: 14px;
  }
  section.services .bx-txt h2 {
    font-size: 20px;
  }
  section.services .bx-txt .readmore {
    width: 35px;
    height: 35px;
    margin: 0 auto 5px;
  }
  section.formhome h2{
    font-size: 23px;
  }
  section.services ul#myTab .nav-link {
    font-size: 14px;
  }
  section.services div#myTabContent .grid-home h2 {
    font-size: 27px;
  }
  footer.bottom .logo {
    font-size: 32px;
  }
}

.form-check .form-check-input {
  float: left;
  margin-left: 0 !important;
}


.nav-links {
    display: flex;
    justify-content: space-between; /* 1e link links, 2e rechts */
    align-items: center; /* verticaal centreren */
    width: 100%;
    max-width: 1200px; /* optioneel, voor nette uitlijning */
    margin: 0 auto; /* centreert de container op de pagina */
    padding: 16px 24px; /* wat ademruimte */
    position: relative; /* blijft bovenaan zonder overlappen */
    top: 0;
  }

  .nav-links a {
    font-size: 19px;
    text-decoration: none;
    color: #000; /* pas aan naar je huisstijl */
    transition: color 0.3s ease;
  }

  .nav-links a:hover {
    color: var(--bs-primary-color); /* optioneel hoverkleur */
  }