/* DEFAULT */
body, div, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
    --noir:#000000;
    --blanc:#ffffff;
	--orange:#FF6200;
	--bleu:#023051;
}
body {
	overflow-x: hidden !important;
}
h1, h2 {
	padding-bottom: 0px;
}
/** menu header **/
body #page-container .menu-header ul>li.current-menu-item:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--orange);
    position: absolute;
    bottom: 20px;
    left: 0;
}
body #page-container .menu-header ul>li>ul.sub-menu>li:after {
    display: none !important;
}
/*body #page-container .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after {
    top: 0px !important;
}*/
body #page-container .menu-header ul>li:hover>a {
    opacity: 1 !important;
}
body #page-container .menu-header ul>li:hover:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--orange);
    position: absolute;
     bottom: 20px;
    left: 0;
}
body #page-container .menu-header ul>li>ul.sub-menu>li>a:after {
    display: none !important
}
body #page-container .menu-header ul>li>ul.sub-menu>li:hover {
 background-color: var(--orange);
}
body #page-container .menu-header ul>li>ul.sub-menu>li>a:hover {
 color: var(--blanc) !important;
}
body #page-container .menu-header ul>li>ul.sub-menu>li>a {
 color: var(--noir) !important;
}
 .dtb-menu.et_pb_menu .nav li ul.sub-menu a:hover, .et-db #et-boc .et-l .dtb-menu ul.et-menu li li a:hover {
    color:var(--blanc) !important;
    opacity: 1 !important
}

body #page-container .menu-header  .et_pb_menu__wrap {
	justify-content: flex-end;
}
.phone-menu .et_pb_blurb_content {
	display: flex;
	align-items: center;

}
.phone-menu .et_pb_main_blurb_image {
	margin-bottom: 0px !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta-phone:after {
    content: "" !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2026/03/phone.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 57px;
    top: 16px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button {
    z-index: 2;
    position: relative;
    overflow: hidden;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta-phone:hover:after { 
   left: 30px !important;
   top: 16px !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta-phone:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--bleu);
    position: absolute;
    clip-path: polygon(0 0, /* haut gauche normal */ 91% 126%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
    left: 0;
    bottom: 0;
    transition: 0.45s all;
    opacity: 0;
    z-index: -1;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta-phone:hover:before { 
  height: 121%;
  clip-path: polygon(0 0, /* haut gauche normal */ 187% 30%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
  transition: 0.45s all;
  opacity: 1 !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-blanc:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--blanc);
    position: absolute;
    clip-path: polygon(0 0, /* haut gauche normal */ 91% 126%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
    left: 0;
    bottom: 0;
    transition: 0.45s all;
    opacity: 0;
    z-index: -1;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-blanc:hover:before { 
  height: 121%;
  clip-path: polygon(0 0, /* haut gauche normal */ 187% 30%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
  transition: 0.45s all;
  opacity: 1 !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-blanc:hover {
    color: var(--orange) !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-blanc:hover:after {
    background-image: url(/wp-content/uploads/2026/03/phone-orange.png) !important;
}
body #page-container .lien-color a {
    color: var(--noir) !important;
    pointer-events: none !important;
}
.img-cover span {
	width: 100% !important;
	height: 100% !important;
  overflow: hidden;
}

.img-cover img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.title-gradient h2 {
  background: linear-gradient(to bottom, #cfcfcf 0%,#e5e5e5 0%, #ffffff 145%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translatey(50px);
    line-height: 70px !important;
    transform: translateX(-150px);
    transition: 0.45s all;
}
.title-gradient.active h2 {
  transform: translateX(0px);
  transition: 2.45s all;
}

body .color-orange {
	color: var(--orange) !important;
}
.title-domaines .et_pb_blurb_content {
	display: flex;
    align-items: center;
}
.title-domaines .et_pb_main_blurb_image {
	background-color: #fff;
    padding: 5px;
    width: 77px !important;
    height: 77px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
}
.title-domaines-02 .et_pb_main_blurb_image {
	background-color: var(--bleu) !important;
}
.col-domaines .slick-slide {
	margin-right: 50px;
}
.col-domaines .arrow_left-prest {
	width: 25px;
    height: 25px;
    border: 1px solid var(--blanc);
    padding: 4px;
    position: absolute;
    top: -40px;
    right: 90px;
    transform: rotate(180deg);
    cursor: pointer;
}
.col-domaines .arrow_right-prest {
	width: 25px;
    height: 25px;
    border: 1px solid var(--blanc);
    padding: 4px;
    position: absolute;
    top: -40px;
    right: 50px;
    transform: rotate(0deg);
    cursor: pointer;
}
.col-domaines .et_pb_blurb_content {
	position: unset;
}
.col-domaines .et_pb_blurb_container {
	background-color: var(--blanc);
    padding: 20px 15px;
    border-bottom: 3px solid var(--orange);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 40px;
    right: -16px;
    max-width: 290px;
    width: 100%;
    min-height: 103px;
    transition: min-height 0.45s ease;
}
.col-domaines .et_pb_module_header { 
  color: var(--bleu) !important;
   margin-bottom: 0px;
   padding-bottom: 0px !important;
   min-height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: min-height 0.45s ease;
   color: var(--noir);
   padding-bottom: 5px;
   margin-bottom: 8px;
   position: relative;
}
.col-domaines .et_pb_blurb_description {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.45s ease;
}
.col-domaines {
	transform: translateX(50px);
}
.col-domaines .slick-slide .et_pb_main_blurb_image {
	background-color: var(--noir);
    padding: 15px;
    width: 60px;
    height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
    position: absolute;
    top: 15px;
    left: 15px;
}
.col-domaines .slick-slide .et_pb_module:before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: var(--orange);
    position: absolute;
    top: 0px;
    left: 0px;
}
.col-domaines .slick-slide .et_pb_blurb_container:hover .et_pb_module_header { 
   transition: min-height 0.45s ease;
}
.col-domaines .slick-slide .et_pb_blurb_container:hover .et_pb_blurb_description {
   max-height: 200px;
   transition: max-height 0.45s ease;
}
.col-domaines .slick-slide .et_pb_blurb_container:hover {
	min-height: auto;
	transition: min-height 0.45s ease;
}
.col-domaines .et_pb_blurb_container .et_pb_module_header:before { 
  content: "";
  width: 35px;
  height: 3px;
  background-color: var(--orange);
  position: absolute;
  bottom: 8px;
  left: 0;
  opacity: 0;
  transition: 0.45s all;
}
.col-domaines .et_pb_blurb_container:hover .et_pb_module_header:before { 
  opacity: 1;
}
.col-domaines-02 .et_pb_module_header { 
   margin-bottom: 0px;
   padding-bottom: 0px !important;
   min-height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: min-height 0.45s ease;
   color: var(--blanc) !important;
   padding-bottom: 5px;
   margin-bottom: 8px;
   position: relative;
}
.col-domaines-02 .et_pb_main_blurb_image {
	background-color: var(--noir);
    padding: 15px;
    width: 60px;
    height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
    position: absolute;
    top: 15px;
    left: 15px;
}
.col-domaines-02 .et_pb_module:before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: var(--orange);
    position: absolute;
    top: 0px;
    left: 0px;
}
.col-domaines-02 .et_pb_blurb_content {
	position: unset;
}
.col-domaines-02 .et_pb_blurb_container {
	background-color: var(--orange);
    padding: 20px 15px;
    border-bottom: 3px solid var(--blanc);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 40px;
    right: -16px;
    max-width: 290px;
    width: 100%;
    min-height: 103px;
    transition: min-height 0.45s ease;
}

.col-domaines-02 .et_pb_blurb_container .et_pb_module_header:before { 
  content: "";
  width: 35px;
  height: 3px;
  background-color: var(--blanc);
  position: absolute;
  bottom: 8px;
  left: 0;
  opacity: 0;
  transition: 0.45s all;
}
.col-domaines-02 .et_pb_blurb_container:hover .et_pb_module_header:before { 
  opacity: 1;
}
.col-domaines-02 .et_pb_blurb_container:hover .et_pb_module_header { 
   transition: min-height 0.45s ease;
   color: var(--bleu) !important;
}
.col-domaines-02 .et_pb_blurb_container:hover {
	min-height: auto;
	transition: min-height 0.45s ease;
}
.cta-final .et_pb_blurb_content {
	display: flex;
    align-items: center;
}
.cta-final .et_pb_main_blurb_image {
	background-color: var(--bleu);
    padding: 7px;
    margin-bottom: 0px;
    z-index: 1;
}
.cta-final .et-waypoint {
	font-size: 20px !important;
}
.col-domaines-02 .et_pb_blurb_description {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
   color: var(--blanc) !important;
}

.col-domaines-02 .et_pb_blurb_container:hover .et_pb_blurb_description {
  max-height: 200px;
   transition: max-height 0.45s ease;
}
.ligne-choisir .et_pb_column{
  border: 1px solid #989898;
  padding: 20px 30px;
  margin-right: 25px !important;
}
.ligne-choisir {
  display: flex;
}
.ligne-choisir .items-choisir .et_pb_main_blurb_image {
  background-color: var(--bleu);
    padding: 12px;
    width: 70px;
    height: 70px;
    z-index: 1;
    position: relative;
}
.ligne-choisir .et_pb_module {
  min-height: 202px;
   display: flex;
    justify-content: center;
    align-items: center;
}
.ligne-choisir .et_pb_image_wrap {
  height: 70px;
}

.items-choisir .et_pb_main_blurb_image {
    overflow: hidden;
    position: relative;
}
.items-choisir .et_pb_main_blurb_image:before {
    content: "";
    width: 100%;
    height: 45%;
    background-color: var(--orange);
    position: absolute;
    clip-path: polygon(0 0, /* haut gauche normal */ 91% 126%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
    left: 0;
    bottom: 0;
    transition: 0.45s all;
    z-index: -1;
}
.ligne-choisir .et_pb_column:hover .items-choisir .et_pb_main_blurb_image:before { 
  height: 121%;
  clip-path: polygon(0 0, /* haut gauche normal */ 187% 30%, /* haut droit descend */ 100% 100%, /* bas droit normal */ 0 100% /* bas gauche normal */);
  transition: 0.45s all;
}
.ligne-choisir .items-choisir-centre .et_pb_main_blurb_image {
    transform: scale(1);
    transition: 0.45s all;
}
.ligne-choisir .et_pb_column:hover .items-choisir-centre .et_pb_main_blurb_image {
    transform: scale(1.6);
    transition: 0.45s all;
}
.ligne-choisir .et_pb_column .items-choisir-centre .et_pb_blurb_container {
    max-height: 200px;
    transition: max-height 0.45s ease;
}
.ligne-choisir .et_pb_column:hover .items-choisir-centre .et_pb_blurb_container {
    max-height: 0px;
    transition: max-height 0.45s ease;
    overflow: hidden;
}
.ligne-choisir .et_pb_column {
    overflow: hidden;
}
.img-full {
  max-width: 650px;
  height: 465px;
}
.img-cover span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #ffffff29; */
    background-color: #ffffff26;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0, 0 20%, 100% 20%, 100% 20%, 0 20%, 0 40%, 100% 40%, 100% 40%, 0 40%, 0 60%, 100% 60%, 100% 60%, 0 60%, 0 80%, 100% 80%, 100% 80%, 0 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0, 0 20%, 100% 20%, 100% 20%, 0 20%, 0 40%, 100% 40%, 100% 40%, 0 40%, 0 60%, 100% 60%, 100% 60%, 0 60%, 0 80%, 100% 80%, 100% 80%, 0 80%, 0 100%);
    pointer-events: none !important;
 }
 .img-cover:hover span:before {
    clip-path: polygon(0 0, 100% 0, 100% 20%, 0 20%, 0 20%, 100% 20%, 100% 40%, 0 40%, 0 40%, 100% 40%, 100% 60%, 0 60%, 0 60%, 100% 60%, 100% 80%, 0 80%, 0 80%, 100% 80%, 100% 100%, 0 100%, 0 100%);
    pointer-events: none !important;
 }

/** page contact **/
body #page-container .btn-envoyer { 
    background-color: var(--orange);
    color: var(--blanc);
}
/** plan du site **/
.site-map h3 {
  display: none !important;
}
.site-map ul li {
  margin-bottom: 15px;
  list-style: none;
  position: relative;
  padding-left: 40px;
}
.site-map ul {
    margin-left: 0px !important;
}
.site-map .page-item-487 {
    display: none !important;
}

.site-map ul li:before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/wp-content/uploads/2026/03/renovation-1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -9px;
  left: -5px;
}
.site-map ul li a {
    color: var(--noir);
}
.site-map ul li:hover a {
    color: var(--orange);
}

/** page nos prestations **/
.title-domaines-03 .et_pb_main_blurb_image {
    background-color: var(--orange) !important;
}
.img-490 {
  max-width: 650px;
  height: 490px;
}
.img-450 {
  max-width: 591px;
  height: 450px;
   width: 100% !important;
}
.img-after:hover:after {
  height: 350px;
  max-width: 550px;
}
.img-after:hover:before {
  height: 350px;
  max-width: 550px;
}

/** page renovation **/
.h-510 {
    height: 520px !important;
}
.icon-center .et_pb_blurb_content {
    display: flex;
    align-items: center;
}
.icon-center .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 0px !important;
    margin-right: 10px !important;
}

/** page realisation **/
.realisation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: transparent !important;
    margin-bottom: 50px !important;
}
.realisation ul>li:first-child {
    margin-left: 0 !important;
}
.realisation ul>li.et_pb_tab_active {
    background-color: var(--orange) !important;
}
.realisation ul>li {
    width: calc(25% - 15px);
    border: 1px solid var(--orange);
    border-right: 1px solid var(--orange) !important;
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    margin-left: 15px !important;
    border-radius: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px !important;
    margin-bottom: 15px !important;
}
.realisation ul>li.et_pb_tab_4 {
    margin-left: 0px !important;
}
.realisation ul>li.et_pb_tab_active a {
    color: #fff !important;
}
.realisation .et_pb_tab {
    padding: 0px !important;
}
.realisation .et_pb_tabs {
    border: none !important;
}
body #page-container .realisation .et_pb_tabs_controls li a {
     padding: 4px 15px 4px !important;
}
.galerie-realisation .et_pb_gallery_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.galerie-realisation .et_pb_gallery_item {
    width: 420px !important;
    margin: 0px 0px 0px 0px !important;
}
.galerie-realisation .et_pb_gallery_item .et_pb_gallery_image a {
    display: block;
    height: 350px;
}
.galerie-realisation .et_pb_gallery_item .et_pb_gallery_image img {
    height: 100% !important;
    object-fit: cover;
}
.galerie-realisation .et_pb_gallery_item .et_overlay {
    border-radius: 5px !important;
    background-color: #00000082 !important;
}
.galerie-realisation .et_pb_gallery_item .et_overlay:before {
    font-size: 20px !important;
    left: 55% !important;
    top: 55%;
    color: var(--blanc) !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-404:after { 
 display: none !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-404:hover:after { 
 display: none !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-404 { 
 padding-left: 30px !important;
}

/** Cookies **/
.cky-btn-revisit-wrapper {
width: 30px !important;
height: 30px !important;
background-color: var(--orange) !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
height: 20px !important;
width: 20px !important;
}
.cky-btn-accept {
background: var(--orange) !important;
color: #FFFFFF;
border: 2px solid var(--orange) !important;
}
.cky-btn-reject {
color: var(--orange) !important;
background: transparent !important;
border: 2px solid var(--orange) !important;
}
.cky-btn-customize {
color:var(--orange) !important;
background: transparent !important;
border: 2px solidvar(--orange) !important;
}
.cky-btn-preferences {
color:var(--orange) !important;
background: transparent !important;
border: 2px solidvar(--orange) !important;
}


 /** Responsive **/


@media(max-width: 980px) {
    body #page-container .lien-color a {
    color: var(--noir) !important;
    pointer-events: none !important;
   }
    body #page-container{
        overflow: hidden !important;
    }
    body.mfp-zoom-out-cur {
        overflow: hidden !important;
    }
    body.mfp-zoom-out-cur .mfp-bg.mfp-fade.mfp-ready, body.mfp-zoom-out-cur .mfp-wrap {
        position: fixed !important;
        top: 0 !important;
    }
    
    body #page-container .menu-header ul>li.current-menu-item:after { 
     display: none !important;
    }
    body #page-container .menu-header ul>li:hover:after { 
     display: none !important;
    }
    body #page-container .header .top-header .et_pb_blurb_container {
        display: none;
    }
    body #page-container .menu-header {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .col-phone-menu .phone-menu .et_pb_blurb_container {
        display: none;
    }
    body #page-container .col-phone-menu {
        width: 30% !important;
    }
    body #page-container .col-phone-menu.et_pb_column_2_tb_header:before {
        content: "";
        width: 138%;
        height: 78px;
        background-color: var(--orange);
        position: absolute;
        top: -23px;
        right: -40px !important;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
        z-index: -1;
   }
   body #page-container .header-position {
      position: unset !important;
   }
   .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
      color: var(--blanc) !important;
   }
   body #page-container .header .menu-header .et_pb_menu_inner_container {
      position: unset !important;
   }
   body #page-container .header .menu-header ul.et_mobile_menu>li>a {
     color: var(--noir) !important;
   }
   body #page-container .menu-header ul>li.current-menu-item>a:after { 
     display: none !important;
   }
   body #page-container .menu-header ul>li:hover a:after { 
     display: none !important;
   }
   body #page-container .header .et_mobile_menu {
    border-top: 3px solid var(--orange) !important;
   }
   body #page-container .header .menu-header ul.et_mobile_menu>li.current-menu-item>a {
        color: var(--blanc) !important;
        background-color: var(--orange) !important;
   }
   body #page-container .header .menu-header ul.et_mobile_menu>li.menu-item>a:hover {
      background-color: var(--orange) !important;
      color: var(--blanc) !important;
   }
    body #page-container .menu-header ul>li>ul.sub-menu>li>a { 
      margin-left: 30px !important;
   }
    body #page-container .menu-header ul>li>ul.sub-menu>li>a:hover { 
      background-color: var(--orange) !important;
      color: var(--blanc) !important;
    }
    body #page-container h1 {
        font-size: 35px !important;
        line-height: 40px !important;
    }
    body #page-container h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .fs-50 {
        font-size: 38px !important;
    }
    .col-domaines {
      transform: translateX(0px) !important;
   }
   .col-domaines .slick-slide {
    margin-right: 0px !important;
   }
   .flex-reverse {
    display: flex;
    flex-direction: column-reverse;
   }
   .ligne-choisir .et_pb_column {
     margin-right: 0px !important;
     margin-bottom: 25px !important;
   }
   .title-gradient h2 {
    transform: translateX(0px) !important;
   }
   body .et_pb_module {
    animation: none !important;
    animation-duration: inherit !important;
   }
   body #page-container #electricite, body #page-container #plomberie,  body #page-container #climatisation, body #page-container #salle-de-bain, body #page-container #interieur {
      top: 100px !important;
      margin-top: -150px !important;
   }

}
@media(max-width: 767px) {
    .col-domaines .arrow_right-prest {
        right: 6px !important;
    }
    .col-domaines .arrow_left-prest {
        right: 45px !important;
    }
    body #page-container .col-domaines-02 .et_pb_module {
        max-width: 450px !important;
        width: 100% !important;
    }
    .realisation ul>li { 
     width: 100% !important;
     margin-left: 0px !important;
     margin-bottom: 15px !important;
    }
}

@media(max-width: 450px) {
    .col-domaines .et_pb_blurb_container {
        max-width: 320px !important;
    }
    .col-domaines-02 .et_pb_blurb_container {
        max-width: 320px !important;
        right: 0px !important;
    }
   .cta-final.et_pb_module {
      width: 100% !important;
   }
   .cta-final.et_pb_module .et_pb_blurb_description {
      text-align: left !important;
   }
   body #page-container .title-gradient h2 {
    font-size: 40px !important;
    line-height: 45px !important;
   }
   .img-after:hover:after {
      height: 350px;
      max-width: 320px;
   }
   .img-after:hover:before {
      height: 350px;
      max-width: 320px;
   }
    body #page-container .et_pb_gallery_grid .et_pb_gallery_item {
        animation: none !important;
        animation-duration: none !important;
    }

}

/* 24/03/26  css onglet responsive*/
.mobile-tab-header.active {
    background-color: #FF6200;
    padding: 10px;
    display: flex;
    justify-content: center;
    color: #fff;
    margin-bottom: 20px;
    border: 1px solid #FF6200;
}

.mobile-tab-header {
    padding: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #FF6200;
}

/* ---------- */
/* Styles pour le popup d'image */


/*****/
/* Styles pour le popup d'images */
.image-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.image-popup-container {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.popup-image {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* Bouton de fermeture */
.popup-close-btn {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    font-size: 40px;
    color: white;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.popup-close-btn:hover {
    opacity: 0.7;
}

/* Boutons de navigation */
.popup-prev-btn,
.popup-next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 30px;
    padding: 15px 10px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease;
    z-index: 10;
}

.popup-prev-btn {
    left: -50px;
}

.popup-next-btn {
    right: -50px;
}

.popup-prev-btn:hover,
.popup-next-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Responsive pour mobile */
@media (max-width: 768px) {
    .popup-prev-btn,
    .popup-next-btn {
        font-size: 20px;
        padding: 10px 8px;
    }
    
    .popup-prev-btn {
        left: 5px;
    }
    
    .popup-next-btn {
        right: 5px;
    }
    
    .popup-close-btn {
        top: 10px;
        right: 10px;
        font-size: 30px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mfp-arrow {
        opacity: 0;
    }
    .mfp-preloader {
        opacity: 0;
    }
}
/* end css onglet responsive */