/* DEFAULT */
body, div, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
    --noir:#000000;
    --bleu:#0073B5;
    --blanc:#ffffff;
	--red:#CD1F22;
	--gris:#1E1E1E;
}
body {
	overflow-x: hidden !important;
}
body #page-container h2, body #page-container h1 {
	padding-bottom: 0px !important;
}
body #page-container .et_pb_text:not(.notpad) {
	padding-bottom: 0px !important;
}
body .et_pb_column:hover {
	padding-left: auto !important;
}
/** HEADER  **/
.header {
	z-index: 1;
}
.header:before {
	content: "";
	width: 100%;
	height: 0%;
	background-color: var(--blanc);
	position: absolute;
	top: 0;
	opacity: 0;
	left: 0;
	z-index: -1;
	transition: 0.45s all;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.header.nav-scroll:before {
	opacity: 1;
	height: 100%;
}
.header .top-bar .et_pb_blurb .et_pb_blurb_description {
	color: var(--blanc);
}
.header.nav-scroll .top-bar .et_pb_blurb .et_pb_blurb_description {
    color: var(--noir);
}
.header .menu-header .et-menu-nav ul > li > a {
	color: var(--blanc);
}
.header.nav-scroll .menu-header .et-menu-nav ul > li > a {
	color: var(--noir);
}
.header .menu-header .et-menu-nav ul > li.current-menu-item  > a {
	text-decoration: underline;
}
.header .menu-header .et-menu-nav ul > li:hover  > a { 
	opacity: 1 !important;
	text-decoration: underline;
}
.header .menu-header .et-menu-nav ul > li.menu-item-67.current-menu-item > a {
	text-decoration: none !important;
}
.header .menu-header .et-menu-nav ul > li.menu-item-67 > a {
	background-color: #CD1F22;
    padding: 20px 65px 20px 20px !important;
    text-transform: uppercase;
	line-height: 13px;
}
.header .menu-header .et-menu-nav ul > li.menu-item-67:hover > a {
	text-decoration: none !important;
}
body .header .menu-header .et-menu-nav ul > li.menu-item-67 > a:hover {
	text-decoration: none !important;
}
body .header.nav-scroll .menu-header .et-menu-nav ul > li.menu-item-67 > a { 
    color: var(--blanc) !important;
}
.header .menu-header .et-menu-nav ul.et-menu {
	display: flex;
	align-items: center;
/* 	 margin-left: -100px; */
}
.header .menu-header .et_pb_menu_inner_container {
	width: 100% !important;
    max-width: 100%;
	align-items: center;
	border-bottom: 1px solid #ffffff5c;
	padding-bottom: 15px;
}
.header .menu-header  .et_pb_menu__wrap {
	justify-content: center;
}
.header .menu-header .et-menu-nav ul > li.menu-item-67 {
	position: absolute;
    right: 0;
    padding: 0px;
}
.header .menu-header .et-menu-nav ul > li.menu-item-67 > a:after { 
  content: "";
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 25px;
	top: 0;
}
.header .et_pb_menu--style-left_aligned .et_pb_menu__logo {
	margin-right: 0px !important;
	transition:all .4s ease;
} 
.header.nav-scroll .et_pb_menu--style-left_aligned .et_pb_menu__logo {
	padding: 8px;
    background-color: #2d2d2d;
} 
.header .top-bar .et_pb_blurb_content {
	display: flex;
    align-items: center;
}
.header .top-bar .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-bottom: 0px !important;
}
.header .top-bar .et_pb_blurb_content .et_pb_blurb_container {
	padding-left: 12px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-red:after {
    content: "" !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-black:after {
    content: "" !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 25px;
    height: 25px;
/* background-image: url(/wp-content/uploads/2026/07/fleche-roug.png); */
	background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
}
.color-red {
	color: var(--red);
}
.img-cover img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.img-cover span {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur h3 {
	max-width: 336px;
	line-height: 36px;
}
.ligne-interlocuteur .col-interlocuteur:hover .items-interlocuteur h3 {
	display: none;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur .et_pb_main_blurb_image {
	margin-bottom: 5px !important;
}
.ligne-interlocuteur .col-interlocuteur {
	min-height: 465px;
	align-items: center;
	margin-right: 35px !important;
	overflow: hidden;
}
.ligne-interlocuteur-modifs .col-interlocuteur { 
    min-height: 556px !important;
}
.ligne-interlocuteur .col-interlocuteur:hover { 
   align-items: start !important;
}
.ligne-interlocuteur .col-interlocuteur:hover .items-interlocuteur .et_pb_main_blurb_image  {
	text-align: left !important;
}
.ligne-interlocuteur .col-interlocuteur:before {
    content: "";
	width: 100%;
	height: 100%;
	top: 100%;
	background-color: var(--red);
	position: absolute;
	left: 0;
	transition: 0.45s all;
}
.ligne-interlocuteur .col-interlocuteur:hover:before {
	top: 0%;
}
.ligne-interlocuteur .col-interlocuteur:after {
    content: "";
	width: 68px;
	height: 93px;
	background-image: url(/wp-content/uploads/2026/07/deco-cercle.png);
	position: absolute;
	bottom: 50px;
	right: 35px;
	transition: 0.45s all;
	opacity: 0;
}
.ligne-interlocuteur .col-interlocuteur:hover:after { 
   opacity: 1;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur ul {
	padding-bottom: 20px;
    padding-top: 15px;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur ul li { 
   position: relative;
	margin-bottom: 8px;
	list-style: none;
	padding-left: 5px;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur ul li::before { 
   content: "";
	width: 12px;
	height: 12px;
	background-image: url(/wp-content/uploads/2026/07/icon-liste.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -15px;
	top: 5px;
}
.ligne-interlocuteur .col-interlocuteur .items-interlocuteur .et_pb_blurb_description, .ligne-interlocuteur .col-interlocuteur .btn-cta {
	display: none;
}
.ligne-interlocuteur .col-interlocuteur:hover .items-interlocuteur .et_pb_blurb_description, .ligne-interlocuteur .col-interlocuteur:hover .btn-cta {
	display: block;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-black-2:after {
    content: "" !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/uploads/2026/07/fleche-fond-noir.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-black-2:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--gris);
    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;
    transition: 0.45s all;
    opacity: 0;
    z-index: -1;
	top: 50px;
	border: 1px solid var(--blanc);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-black-2:hover:before {
     height: 141%;
    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;
	bottom: 0;
	top: 20px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-black-2:hover:after {
	background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-black-2:hover {
	color: var(--blanc) !important;
}
.ligne-difference .et_pb_column .et_pb_module .et_pb_main_blurb_image {
	display: flex;
}
.ligne-difference .et_pb_column .et_pb_module .et_pb_main_blurb_image {
	display: flex;
	margin-bottom: 0;
}
.ligne-difference .et_pb_column {
	overflow: hidden;
	z-index: 1;
}
.ligne-difference .et_pb_column:after {
	content: "";
	width: 100%;
	height: 0%;
	background-color: var(--red);
	position: absolute;
	top: 0%;
	left: 0;
	transition: 0.45s all;
	z-index: -1;
}
.ligne-difference .et_pb_column:nth-child(1):after {
	height: 100%;
}
.ligne-difference:hover .et_pb_column:after {
    height: 0%;
}

.ligne-difference .et_pb_column:hover:after {
	height: 100%;
}
.ligne-difference .et_pb_column {
  border: 0px solid #000;
}
.ligne-difference:has(.et_pb_column:not(.et_pb_column:nth-child(1)):hover) {
	.et_pb_column:nth-child(1) .et_pb_module .et_pb_image_wrap {
		background-color: var(--red) !important;
		padding: 15px;
    }
	.et_pb_column:nth-child(1) .et_pb_module .et_pb_blurb_description {
		color: var(--noir) !important;
	}
	.et_pb_column:nth-child(1) {
	   border-left: 1px solid var(--noir);
		border-top: 1px solid var(--noir);
	}
	.et_pb_column:nth-child(1) .et_pb_module img {
		filter: invert(99%) sepia(10%) saturate(0%) hue-rotate(16deg) brightness(103%) contrast(103%) !important;
	}
}
 .ligne-difference:has(.et_pb_column:not(.et_pb_column:nth-child(2)):hover) { 
   .et_pb_column:nth-child(2) {
	   border-left: 1px solid var(--noir);
	   border-top: 0px solid var(--noir);
	   border-bottom: 1px solid var(--noir);
	}
} 
/* .ligne-difference:has(.et_pb_column:not(.et_pb_column:nth-child(3)):hover) { 
   .et_pb_column:nth-child(3) {
	   border-left: 1px solid var(--noir);
	   border-top: 0px solid var(--noir);
	   border-bottom: 1px solid var(--noir);
	}
} */
.ligne-difference .et_pb_column:nth-child(2):hover ~ .et_pb_column:nth-child(3) {
    border-top: 0px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: 0px solid #000 !important;
}
.ligne-difference .et_pb_column:nth-child(2):hover ~ .et_pb_column:nth-child(4) {
    border-top: 1px solid #000 !important;
    border-bottom: 0px solid #000 !important;
    border-left: 0px solid #000 !important;
	 border-right: 1px solid #000 !important;
}
.ligne-difference .et_pb_column:nth-child(3):hover ~ .et_pb_column:nth-child(1) {
    border-top: 0px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
	 border-right: 1px solid #000 !important;
}
.ligne-difference .et_pb_column:nth-child(3):hover ~ .et_pb_column:nth-child(2) {
    border-top: 0px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
	 border-right: 0px solid #000 !important;
}

.ligne-difference .et_pb_column:nth-child(1):hover ~ .et_pb_column:nth-child(2) {
    border-left: 0px solid #000 !important;
}

.ligne-difference .et_pb_column:nth-child(2) img {
    content: url('/wp-content/uploads/2026/07/suivi.png');
}
.ligne-difference .et_pb_column:hover {
	border: 0px solid #000 !important;
}
.ligne-difference .et_pb_column:nth-child(2):hover img {
    content: url('/wp-content/uploads/2026/07/suivi-noir.png');
}
.ligne-difference .et_pb_column:nth-child(3) img {
    content: url('/wp-content/uploads/2026/07/artisan.png');
}
.ligne-difference .et_pb_column:nth-child(3):hover img {
    content: url('/wp-content/uploads/2026/07/artisan-noir.png');
}
.ligne-difference .et_pb_column:nth-child(4) img {
    content: url('/wp-content/uploads/2026/07/showroom.png');
}
.ligne-difference .et_pb_column:nth-child(4):hover img {
    content: url('/wp-content/uploads/2026/07/showroom-noir.png');
}
.ligne-difference .et_pb_column:nth-child(1) .et_pb_module .et_pb_image_wrap {
	background-color: var(--blanc);
    padding: 15px;
}
.ligne-difference .et_pb_column:nth-child(3):hover .et_pb_module .et_pb_image_wrap {
	background-color: var(--blanc);
    padding: 15px;
}
.ligne-difference .et_pb_column:nth-child(4):hover .et_pb_module .et_pb_image_wrap {
	background-color: var(--blanc);
    padding: 15px;
}
.ligne-difference .et_pb_column:nth-child(2) .et_pb_module .et_pb_image_wrap {
	background-color: var(--gris);
    padding: 15px;
}
.ligne-difference  .et_pb_column:nth-child(2):hover .et_pb_module .et_pb_blurb_description, .ligne-difference  .et_pb_column:nth-child(3):hover .et_pb_module .et_pb_blurb_description, .ligne-difference  .et_pb_column:nth-child(4):hover .et_pb_module .et_pb_blurb_description {
		color: var(--blanc) !important;
}
.ligne-difference .et_pb_column:nth-child(2):hover .et_pb_module .et_pb_image_wrap {
	background-color: var(--blanc);
    padding: 15px;
}

.ligne-difference .et_pb_column:nth-child(2) {
	border-bottom: 1px solid var(--noir);
}
.ligne-difference .et_pb_column:nth-child(3) .et_pb_module .et_pb_image_wrap {
	background-color: var(--red);
    padding: 15px;
}
.ligne-difference .et_pb_column:nth-child(3) {
	border-right: 1px solid var(--noir);
	border-top: 1px solid var(--noir);
	border-left: 1px solid var(--noir);
}
.ligne-difference .et_pb_column:nth-child(4) .et_pb_module .et_pb_image_wrap {
	background-color: var(--gris);
    padding: 15px;
}
.ligne-difference .et_pb_column:nth-child(4) {
	border-bottom: 1px solid var(--noir);
	border-right: 1px solid var(--noir);
	
}
body #page-container .ligne-difference .et_pb_column:nth-child(4):hover ~ .et_pb_column:nth-child(3) {
    border-right: 0px solid #000 !important;
}
.ligne-difference .et_pb_column .et_pb_module .et_pb_blurb_description {
	max-width: 205px;
}
.img-mis-avant .et_pb_before_after_image_container {
	height: 500px;
}
.menu-footer ul li {
  list-style: none;
  position: relative;
  width: 50%;
  padding-left: 25px;
  margin-bottom: 15px;
}
.menu-footer ul  {
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
}
.menu-footer ul li:before { 
  content: "";
	width: 12px;
	height: 12px;
	background-image: url(/wp-content/uploads/2026/07/icon-menu-footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -1px;
   top: 5px; 
}
@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Monte de 20px */
    }
    100% {
        transform: translateY(0);
    }
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta {
	overflow: hidden;
	z-index: 1;
	border: none !important;
	position: relative;
	padding: 16px 60px 10px 20px !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-bl-hover:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: #2d2d2d !important;
    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;
	top: 50px;
	border: 1px solid var(--blanc);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-bl-hover:hover:before {
     height: 141%;
    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;
	top: 20px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-red-hover:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--red);
    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;
	top: 50px;
	border: 1px solid var(--blanc);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-red-hover:hover:before {
     height: 141%;
    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;
	top: 20px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-bl-hover:hover:after { 
/* background-image: url(/wp-content/uploads/2026/07/fleche-roug.png); */
	   background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-bl-hover:hover {
	color: var(--blanc) !important;
	background-color: #2d2d2d !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-red-hover:hover {
	color: var(--blanc) !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-red-hover:hover:after { 
       background-image: url(/wp-content/uploads/2026/07/fleche-right.png);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-gris-hover:before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--gris);
    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;
    transition: 0.45s all;
    opacity: 0;
    z-index: -1;
	top: 50px;
	border: 1px solid var(--blanc);
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-gris-hover:hover:before {
     height: 141%;
    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;
	bottom: 0;
	top: 20px;
	
}
body .forminator-button {
	 background-color: #cd1f22;
    color: var(--blanc);
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    border: none !important;
    position: relative;
    font-size: 16px;
	 padding: 15px 20px 10px 20px !important;
}
body .forminator-button:before {
       content: "" !important;
    display: block !important;
    visibility: visible !important;
    width: 135%;
    height: 45%;
    background-color: var(--gris);
    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;
    transition: 0.45s all;
    opacity: 0;
    z-index: -1;
    top: 50px;
    border: 1px solid var(--blanc);
}
body .forminator-button:hover:before {
     height: 141%;
    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;
	bottom: 0;
	top: -9px;
	
}

/** page renovation **/
.ligne-interlocuteur-02 .col-interlocuteur .items-interlocuteur h3 {
	font-size: 24px;
    line-height: 35px !important;
}
.ligne-interlocuteur-02 .col-interlocuteur:after {
	bottom: 25px;
}
.ligne-interlocuteur-02 .col-interlocuteur {
	min-height: 400px;
}
.ligne-interlocuteur-03 .col-interlocuteur .et_pb_blurb_description {
	display: block !important;
	text-align: center;
	min-height: 87px;
}
.ligne-interlocuteur-03 .col-interlocuteur:hover .et_pb_blurb_description {
	display: block !important;
	text-align: left !important;
}
.ligne-interlocuteur-03 .col-interlocuteur:hover h3 { 
	display: block !important;
	text-align: left !important;
}
.img-650 {
	height: 650px;
}
.items-metier .et_pb_blurb_container {
	padding-top: 10px !important;
}
.col-hover:hover {
	padding-left: 50px !important;
}
.img-400 {
  height: 500px;
}
.img-covers span {
	overflow: hidden;
}
.img-covers 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-covers: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 nos realisations **/
.nos-realisations .contenu-realisations .et_pb_gallery_items {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.nos-realisations .contenu-realisations .et_pb_gallery_items .et_pb_gallery_item {
	width: calc(25% - 15px);
    height: 350px;
}
.nos-realisations .contenu-realisations .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image, .nos-realisations .contenu-realisations .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img {
	height: 100% !important;
	object-fit: cover;
}
.nos-realisations .onglets-realisations .et_pb_tabs  {
	border: none !important;
}
.nos-realisations .onglets-realisations .et_pb_tabs  {
	border: none !important;
}
.nos-realisations .onglets-realisations .et_pb_tabs_controls {
	border: none;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    align-items: center;
	gap: 25px;
}
.nos-realisations .onglets-realisations .et_pb_tabs_controls li { 
    padding: 5px 25px;
    border: 1px solid var(--red) !important;
}
.nos-realisations .onglets-realisations .et_pb_tabs_controls li a { 
    color: var(--noir);
}
.nos-realisations .onglets-realisations .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #cd1f22;
	color: var(--blanc) !important;
}
.nos-realisations .onglets-realisations .et_pb_tabs_controls li.et_pb_tab_active a {
	color: var(--blanc) !important;
}
.nos-realisations .onglets-realisations .et_pb_all_tabs {
	display: none !important;
}
.nos-realisations .contenu-realisations {
	border-top: 1px solid #0000001c;
}
.nos-realisations .contenu-realisations .et_pb_gallery_image:hover .et_overlay:before {
	color: var(--red) !important;
}
.nos-realisations .contenu-realisations .et_overlay {
	background-color: #00000038 !important;
}
.contenu-realisations-02 {
    display: none;
}
.border-section {
	border-bottom: 1px solid #00000017;
}

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

/** modifs accueil **/
.groupe-difference .items-difference {
	max-width: 205px;
    margin: 0 auto !important;
}
.groupe-difference .items-difference-reverse .et_pb_blurb_content {
	 display: flex;
    flex-direction: column-reverse;
}
.groupe-difference .items-difference-reverse .desc-difference {
	 display: flex;
    flex-direction: column-reverse;
}
.groupe-difference .icon-noir .et_pb_image_wrap {
	width: 68px !important;
    background-color: #303030 !important;
    padding: 16px;
	 height: 68px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.groupe-difference .icon-noir:hover .et_pb_image_wrap {
	  background-color: #cd1f22 !important;
}
.groupe-difference .icon-red .et_pb_image_wrap  {
	width: 68px !important;
    background-color: #cd1f22 !important;
    padding: 16px;
	 height: 68px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.groupe-difference .icon-red:hover .et_pb_image_wrap  {
	 background-color: #303030 !important;
}
.groupe-difference .items-difference img { 
  filter: invert(99%) sepia(100%) saturate(12%) hue-rotate(214deg) brightness(105%) contrast(100%);
	transform: rotatey(0deg);
	transition: 0.45s all;
}
.groupe-difference .items-difference:hover img { 
	transform: rotatey(-180deg);
}
.groupe-difference .items-difference:hover .chiffre-difference { 
       -webkit-text-stroke: 1px #303030;
}
.groupe-difference .items-difference .chiffre-difference {
	 color: transparent;
    -webkit-text-stroke: 1px #cd1f22;
    font-size: 50px;
    font-weight: 800;
    line-height: 42px;
}
.groupe-difference .items-difference .et_pb_main_blurb_image {
    margin-bottom: 25px !important;
}
.groupe-difference .items-difference-reverse .et_pb_main_blurb_image {
    margin-bottom: 0px !important;
}
.groupe-difference .items-difference-reverse .chiffre-difference {
	margin-bottom: 25px;
}
.groupe-difference .items-difference-reverse:after {
	content: "";
    width: 1px;
    height: 43px;
    background-color: #7a7a7a;
    position: absolute;
    top: -74px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.groupe-difference .items-difference:after {
	content: "";
    width: 1px;
    height: 43px;
    background-color: #7a7a7a;
    position: absolute;
    bottom: -72px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.groupe-difference .img-difference {
	height: 255px !important;
}

/** Responsive **/
@media(max-width: 980px) {
	 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;
    }
	.header .top-bar .et_pb_blurb_container {
		display: none;
	}
	body h1, body h2 {
		font-size: 30px !important;
		line-height: 40px !important;
	}
	body.home h1, body h2 {
		font-size: 16px !important;
        line-height: 26px !important;
	}
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
		color: #cd1f22 !important;
    }
	.header .menu-header .et_mobile_menu {
		border-top: 3px solid var(--red) !important;
	}
	.header .menu-header .et_mobile_menu > li > a {
		color: var(--noir) !important;
	}
	.header .menu-header .et_mobile_menu > li.current-menu-item  > a {
		color: var(--blanc) !important;
		background-color: var(--red);
	}
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
		max-width: 95px !important;
	}
	body #page-container .et_pb_menu__logo {
		margin-right: 0px !important;
	}
	
	.col-hover:hover {
	 padding-left: 0px !important;
   }
	.ligne-difference:has(.et_pb_column:not(.et_pb_column:nth-child(2)):hover) { 
	   .et_pb_column:nth-child(2) {
		   border-left: 0px solid var(--noir);
		   border-top: 1px solid var(--noir);
		   border-bottom: 0px solid var(--noir);
		    border-right: 1px solid var(--noir);
		}
	}
 
	.ligne-difference .et_pb_column:nth-child(2):hover ~ .et_pb_column:nth-child(3) {
		border-top: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-left: 0px solid #000 !important;
		border-right: 1px solid #000 !important;
	}
	.ligne-difference .et_pb_column:nth-child(2):hover ~ .et_pb_column:nth-child(4) {
		border-top: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		 border-right: 0px solid #000 !important;
	}
	.ligne-difference .et_pb_column:nth-child(3):hover ~ .et_pb_column:nth-child(1) {
		border-top: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		 border-right: 1px solid #000 !important;
	}
	.ligne-difference .et_pb_column:nth-child(3):hover ~ .et_pb_column:nth-child(2) {
		border-top: 1px solid #000 !important;
		border-bottom: 0px solid #000 !important;
		border-left: 0px solid #000 !important;
		 border-right: 1px solid #000 !important!
	}
	.ligne-difference .et_pb_column:nth-child(3):hover ~ .et_pb_column:nth-child(4) {
		border-top: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		 border-right: 0px solid #000 !important;
	}
	
}

@media(max-width: 767px) {
	.menu-footer ul li {
	  width: 100%;
	}
	.menu-footer ul {
	  padding-bottom: 0px !important;
	}
	body #page-container .items-metier {
		display: block !important;
		width: 100% !important;
	}
	body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta {
		text-align: center !important;
	}
	.nos-realisations .contenu-realisations .et_pb_gallery_items .et_pb_gallery_item { 
	  width: 100% !important;
	}
	.nos-realisations .onglets-realisations .et_pb_tabs_controls { 
	  gap: 15px !important;
	}
	.nos-realisations .onglets-realisations .et_pb_tabs_controls li:first-child { 
	  margin-bottom: 0px;
	}
	.nos-realisations .onglets-realisations .et_pb_tabs_controls li { 
	    font-size: 14px;
		width: 40%;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ligne-difference .et_pb_column:nth-child(3) {
		border-top: 1px solid var(--noir);
		border-left: 1px solid var(--noir);
		border-bottom: 1px solid var(--noir);
		border-right: 0px solid var(--noir) !important;
     }
	.ligne-difference .et_pb_column:nth-child(2) {
		border-bottom: 1px solid var(--noir);
		border-right: 1px solid var(--noir);
		border-left: 0px solid var(--noir);
    }
	body #page-container .menu-header .mobile_nav.opened .et_mobile_menu{
			transition: all .4s !important;
			display: block !important;
		}
	body #page-container .menu-header .mobile_nav.closed .et_mobile_menu{
		   display: none !important;
		   transition: all 4s !important;
	}
	.groupe-difference .items-difference:after {
		display: none !important;
	}
}
@media (max-width: 390px) {
    body h1, body h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }
	
}

/** fin css **/