/* about */
.about {  overflow: hidden;}.about__content {  display: flex;  gap: var(--ev-space-2xl);  place-items: center;  padding-top: var(--ev-space-m-l);}.about .btn {  margin-top: var(--ev-space-m);}.about__subtitle {  grid-row: 1;}.about__image {  flex: 0 0 50%;  max-width: 600px;  border-radius: var(--ev-border-radius);  border-radius: 0;  position: relative;}#about-8859 .about__image {  flex: 0 0 60%;  max-width: 900px;  position: relative;  z-index: 1;}#about-8859 .about__image::before {  content: "";  position: absolute;  inset: 0;  background-image: url("https://serveur-images.devil-it-applications.fr/quick-renov/upload/mon-accompagnateur-renov-110X_1744818862.png");  background-size: auto 100px;  background-position: top right;  background-repeat: no-repeat;	right: 80px;	top: -25px;  z-index: 0;}.about__logo-image {  position: absolute;  height: 100px;  width: auto;  /*   right: 4%;  top: -2%; */  right: 10%;  top: -4%;}.about .icon--check-circle {  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm113-303L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");  --icon-height: 14px;  --icon-color: var(--ev-primary, var(--ev-neutral));  vertical-align: middle;  margin-right: var(--ev-space-3xs-2xs);}.about-banner__item[aria-label=""] {  display: none;}@media (max-width: 991px) {  .about__content {    display: block;  }} @media (max-width: 767px) {  .about__image {		margin-inline: auto;	}}@media (max-width: 600px) {  .about__logo-image {    height: 70px;    top: -7%;    right: 5%;  }  #about-8859 .about__image::before {		background-size: auto 70px;		top: -7%;		right: 5%;	}  .about__content {    padding-top: var(--ev-space-l-xl);  }}@media (min-width: 601px) and (max-width: 991px) {  #about-8859 .about__image::before {		background-size: auto 85px;		right: 50px;		top: -22px;	}}@media (min-width: 992px) and (max-width: 1400px) {  .about__logo-image {    height: 90px;    top: -8%;  }  #about-8859 .about__image::before {		background-size: auto 80px;		right: 50px;		top: -35px;	}}.about__image img {  object-fit: cover;}

/* about */
.about {  overflow: hidden;}.about__content {  display: flex;  gap: var(--ev-space-2xl);  place-items: center;  padding-top: var(--ev-space-m-l);}.about .btn {  margin-top: var(--ev-space-m);}.about__subtitle {  grid-row: 1;}.about__image {  flex: 0 0 50%;  max-width: 600px;  border-radius: var(--ev-border-radius);  border-radius: 0;  position: relative;}#about-8859 .about__image {  flex: 0 0 60%;  max-width: 900px;  position: relative;  z-index: 1;}#about-8859 .about__image::before {  content: "";  position: absolute;  inset: 0;  background-image: url("https://serveur-images.devil-it-applications.fr/quick-renov/upload/mon-accompagnateur-renov-110X_1744818862.png");  background-size: auto 100px;  background-position: top right;  background-repeat: no-repeat;	right: 80px;	top: -25px;  z-index: 0;}.about__logo-image {  position: absolute;  height: 100px;  width: auto;  /*   right: 4%;  top: -2%; */  right: 10%;  top: -4%;}.about .icon--check-circle {  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm113-303L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");  --icon-height: 14px;  --icon-color: var(--ev-primary, var(--ev-neutral));  vertical-align: middle;  margin-right: var(--ev-space-3xs-2xs);}.about-banner__item[aria-label=""] {  display: none;}@media (max-width: 991px) {  .about__content {    display: block;  }} @media (max-width: 767px) {  .about__image {		margin-inline: auto;	}}@media (max-width: 600px) {  .about__logo-image {    height: 70px;    top: -7%;    right: 5%;  }  #about-8859 .about__image::before {		background-size: auto 70px;		top: -7%;		right: 5%;	}  .about__content {    padding-top: var(--ev-space-l-xl);  }}@media (min-width: 601px) and (max-width: 991px) {  #about-8859 .about__image::before {		background-size: auto 85px;		right: 50px;		top: -22px;	}}@media (min-width: 992px) and (max-width: 1400px) {  .about__logo-image {    height: 90px;    top: -8%;  }  #about-8859 .about__image::before {		background-size: auto 80px;		right: 50px;		top: -35px;	}}.about__image img {  object-fit: cover;}

/* about_banner */
.about-banner {  background: var(--ev-body-bg);  overflow: hidden;  position: relative;  z-index: 10;}.about-banner :not(.btn) {  color: var(--ev-heading-color);}.about-banner__content {  --image-width: 900px;  display: grid;  place-items: center;}@media (width >= 768px) {  .about-banner__text {    padding-block: var(--ev-space-2xl);  }  .about-banner__content {    gap: var(--ev-space-2xl);    grid-template-columns:      minmax(0, var(--image-width)) minmax(        0,        calc(var(--ev-grid-max-width) - var(--image-width))      )      1fr 1fr;    grid-template-areas: "img text text ..";  }}.about-banner__title {  font-size: var(--ev-step-5);}.about-banner__text {  padding-inline: var(--ev-grid-gutter, 1rem);  grid-area: text;}.about-banner .btn {  margin-top: var(--ev-space-m);}.about-banner__subtitle {  grid-row: 1;}.about-banner__image {  border-top-right-radius: var(--ev-border-radius);  border-bottom-right-radius: var(--ev-border-radius);  width: 100%;  overflow: hidden;  aspect-ratio: 1/1;  border-radius: 0;  position: relative;  z-index: 10;  background-color: hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) + 36%));}.about-banner__image::before{  content: "";  position: absolute;  background-image:url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/conception-maison_1744800842.png) !important;  background-size: 400px !important;  background-repeat: no-repeat !important;  inset: 0;  opacity: 0.18;  background-position: left bottom !important;  z-index:-1;}#about_banner-11339 .about-banner__image::before {	background-image:url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/person_shape_1769789491.svg) !important;  background-size: 700px !important;	opacity: .2;	left: -25%;}#about_banner-11339 .about-banner__image img {  height: 550px;}.about-banner__image::after {  content: "";  position: absolute;  width: 20%;  background: #fff;  height: 100%;  right: 0;}.about-banner__image img {  position: absolute;  height: 500px;  width: auto;  right: 0;  top: 0;  bottom: 0;  margin-block: auto;  z-index: 10;}.about-banner .icon--check-circle {  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm113-303L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");  --icon-height: 14px;  --icon-color: var(--ev-primary, var(--ev-neutral));  vertical-align: middle;  margin-right: var(--ev-space-3xs-2xs);}.about-banner__item[aria-label=""] {  display: none;}.about-banner__item-text {  display: flex;  place-content: center;  gap: var(--ev-grid-gutter);}.about-banner__item-icon {  background-color: var(--ev-primary);  width: fit-content;  height: fit-content;  padding: var(--ev-space-s);  place-self: center;  transition: 0.8s;}.about-banner__item-description {  place-self: center;}.about-banner__item-icon .icon {  transition: 0.8s;}.about-banner__item {  margin-top: var(--ev-space-m);}.about-banner__subtitle.subtitle {  color: var(--ev-primary) !important;}.about-banner .btn-primary {  position: relative;  --btn-hover-color: var(--ev-heading-color) !important;  --btn-hover-border-color: var(--ev-body-bg);}.about-banner .btn-primary::before {  content: "";  position: absolute;  height: 100%;  top: 0;  left: 0;  width: 0%;  background-color: var(--ev-body-bg);  z-index: -1;  -webkit-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;}.about-banner .btn-primary::after {  content: "";  position: absolute;  height: 100%;  top: 0;  right: 0;  width: 0%;  background-color: var(--ev-body-bg);  z-index: -1;  -webkit-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;}.about-banner .btn-primary:hover::before,.about-banner .btn-primary:hover::after {  width: 50%;}@media (width < 768px) {  .about-banner__content {    display: block;  }  /* le fond sombre + texte force en blanc ci-dessous n'avait pas d'equivalent
     desktop : sur mobile, ce composant partage (about-banner, utilise sur 3
     objets actifs du site) basculait seul en fond noir avec un texte blanc,
     alors que tout le reste de la page reste clair -- rendu incoherent /
     "encadre noir" inattendu. Design uniformise sur toutes les tailles
     d'ecran (fond clair, comme le desktop, qui fonctionnait deja bien). */  .about-banner {    padding-block: 0 var(--ev-space-xl);  }}.about-banner__item-icon:hover .icon {  transform: rotateY(180deg);}.about-banner__item-icon {  background-color: transparent;  border: 1px solid var(--ev-primary);}.about-banner__item-icon .icon {  --icon-height: 24px;}.about-banner__content {  --image-width: 800px;}.about-banner__item-description p {  margin-bottom: 0;}.about-banner__item-title.item-title {  border-bottom: 1px solid var(--ev-border-color);  padding-bottom: var(--ev-space-xs);}.about-banner .item-title {  margin-bottom: var(--ev-space-s);}@media(min-width: 768px) and (max-width:1024px){  .about-banner__image img{    height: 300px;  }}@media(min-width: 1025px) and (max-width:1300px){  .about-banner__image img{    height: 400px;  }}

/* accordion */
.accordion {  overflow: hidden;  position: relative;}#accordion-8853 :not(.accordion__subtitle, .btn),#accordion-11336 :not(.accordion__subtitle, .btn) {  color: white;}#accordion-8853 .btn-primary,#accordion-11336 .btn-primary {  --btn-color: var(--ev-heading-color) !important;  --btn-hover-color: white !important;}#accordion-8853 .btn-primary::after,#accordion-11336 .btn-primary::after {	background-color: #fff;}#accordion-8853 .btn-primary::before,#accordion-11336 .btn-primary::before {	background-color: #fff;}.accordion :not(.accordion__subtitle) {  color: var(--ev-heading-color);}#accordion-8853,#accordion-11336 {  position: relative;  z-index:1;  padding-block: var(--ev-space-2xl);}#accordion-8853::before,#accordion-11336::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/faq-bg_1744381252.png);  background-size: cover;  background-repeat: no-repeat;  inset: 0;  background-position: center center;  z-index: -1;}.accordion__body {  margin-top: var(--ev-space-m);}.accordion__header.d-grid.grid-header[data-header-align="start"],.accordion__header.d-grid.grid-header[data-header-align="center"] {  grid-template-areas: "subtitle " "title    " "paragraph" "cta";}@media (width > 992px) {  .accordion__header.d-grid.grid-header[data-header-align="start"] {    grid-template-areas: "subtitle ..     ..  " "title    paragraph cta";  }}.accordion__header[data-header-align="center"] + .accordion__body {  max-width: calc(var(--ev-grid-max-width) * 0.7);  margin-inline: auto;}.accordion__item {  page-break-inside: avoid;  break-inside: avoid;  margin-bottom: var(--ev-space-xs-s);}.accordion__item-header {  display: flex;  align-items: start;  gap: var(--ev-grid-gutter, 1rem);  flex-direction: row-reverse;  place-content: space-between;  padding: var(--ev-space-s) var(--ev-space-s-m);  color: var(--ev-heading-color);  font-weight: calc(var(--ev-text-font-weight) + 200);  cursor: pointer;  border-radius: 0px;}.accordion__item-body {  display: none;  padding: var(--ev-space-s) var(--ev-space-s-m);}#accordion-8853 .accordion__item ,#accordion-8853 .accordion__item-header,#accordion-8853 .accordion__item-body,#accordion-11336 .accordion__item,#accordion-11336 .accordion__item-header,#accordion-11336 .accordion__item-body {   background-color: #282C38;}.accordion__item-toggler {  border: none;  background: none;}.accordion__item-header * {  margin: 0;  padding: 0;}.accordion__item-body :last-child {  margin-bottom: 0;}#accordion-8853 .accordion__item.active .accordion__item-header,#accordion-8853 .accordion__item.active .accordion__item-toggler,#accordion-11336 .accordion__item.active .accordion__item-header,#accordion-11336 .accordion__item.active .accordion__item-toggler {  background: #282C38;  color: var(--ev-body-bg);}.accordion__row {  display: flex;  row-gap: var(--ev-space-m);  column-gap: var(--ev-space-xl-2xl);}.accordion__image {  position: relative;  left: 0;  bottom: 0;  right: 0;  flex: 0 0 40%;	place-self: center;}.accordion__header.d-grid.grid-header[data-header-align="center"] {  text-align: start;  place-items: start;}/* @media (min-width: 768px) {  .accordion__image img {    position: absolute;  }  .accordion__image {    padding-block: var(--ev-space-2xl);  }} */@media (max-width: 767px) {  .accordion__row {    flex-direction: column;  }}.accordion__item-body p{  color: #8993A1 !important;}#accordion-8853 .accordion__item-body p,#accordion-11336 .accordion__item-body p {	color: #d7dce4 !important;}.accordion__item-toggler .icon.icon--plus{  color: var(--ev-primary) !important;}.accordion__image img{  width: 542px ;  height: auto;  object-fit: cover;}.accordion__row {  place-content: center;  place-items: center;}.accordion__header.d-grid.grid-header[data-header-align="center"] {place-content: start;margin-inline: unset !important;}.accordion:not(#accordion-8853) .accordion__item {  background: #fff;  box-shadow: var(--ev-shadow-lg);}@media (max-width: 767px) {  #accordion-8853 .accordion__image img,  #accordion-11336 .accordion__image img {		width: 430px;	}}

/* accordion */
.accordion {  overflow: hidden;  position: relative;}#accordion-8853 :not(.accordion__subtitle, .btn),#accordion-11336 :not(.accordion__subtitle, .btn) {  color: white;}#accordion-8853 .btn-primary,#accordion-11336 .btn-primary {  --btn-color: var(--ev-heading-color) !important;  --btn-hover-color: white !important;}#accordion-8853 .btn-primary::after,#accordion-11336 .btn-primary::after {	background-color: #fff;}#accordion-8853 .btn-primary::before,#accordion-11336 .btn-primary::before {	background-color: #fff;}.accordion :not(.accordion__subtitle) {  color: var(--ev-heading-color);}#accordion-8853,#accordion-11336 {  position: relative;  z-index:1;  padding-block: var(--ev-space-2xl);}#accordion-8853::before,#accordion-11336::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/faq-bg_1744381252.png);  background-size: cover;  background-repeat: no-repeat;  inset: 0;  background-position: center center;  z-index: -1;}.accordion__body {  margin-top: var(--ev-space-m);}.accordion__header.d-grid.grid-header[data-header-align="start"],.accordion__header.d-grid.grid-header[data-header-align="center"] {  grid-template-areas: "subtitle " "title    " "paragraph" "cta";}@media (width > 992px) {  .accordion__header.d-grid.grid-header[data-header-align="start"] {    grid-template-areas: "subtitle ..     ..  " "title    paragraph cta";  }}.accordion__header[data-header-align="center"] + .accordion__body {  max-width: calc(var(--ev-grid-max-width) * 0.7);  margin-inline: auto;}.accordion__item {  page-break-inside: avoid;  break-inside: avoid;  margin-bottom: var(--ev-space-xs-s);}.accordion__item-header {  display: flex;  align-items: start;  gap: var(--ev-grid-gutter, 1rem);  flex-direction: row-reverse;  place-content: space-between;  padding: var(--ev-space-s) var(--ev-space-s-m);  color: var(--ev-heading-color);  font-weight: calc(var(--ev-text-font-weight) + 200);  cursor: pointer;  border-radius: 0px;}.accordion__item-body {  display: none;  padding: var(--ev-space-s) var(--ev-space-s-m);}#accordion-8853 .accordion__item ,#accordion-8853 .accordion__item-header,#accordion-8853 .accordion__item-body,#accordion-11336 .accordion__item,#accordion-11336 .accordion__item-header,#accordion-11336 .accordion__item-body {   background-color: #282C38;}.accordion__item-toggler {  border: none;  background: none;}.accordion__item-header * {  margin: 0;  padding: 0;}.accordion__item-body :last-child {  margin-bottom: 0;}#accordion-8853 .accordion__item.active .accordion__item-header,#accordion-8853 .accordion__item.active .accordion__item-toggler,#accordion-11336 .accordion__item.active .accordion__item-header,#accordion-11336 .accordion__item.active .accordion__item-toggler {  background: #282C38;  color: var(--ev-body-bg);}.accordion__row {  display: flex;  row-gap: var(--ev-space-m);  column-gap: var(--ev-space-xl-2xl);}.accordion__image {  position: relative;  left: 0;  bottom: 0;  right: 0;  flex: 0 0 40%;	place-self: center;}.accordion__header.d-grid.grid-header[data-header-align="center"] {  text-align: start;  place-items: start;}/* @media (min-width: 768px) {  .accordion__image img {    position: absolute;  }  .accordion__image {    padding-block: var(--ev-space-2xl);  }} */@media (max-width: 767px) {  .accordion__row {    flex-direction: column;  }}.accordion__item-body p{  color: #8993A1 !important;}#accordion-8853 .accordion__item-body p,#accordion-11336 .accordion__item-body p {	color: #d7dce4 !important;}.accordion__item-toggler .icon.icon--plus{  color: var(--ev-primary) !important;}.accordion__image img{  width: 542px ;  height: auto;  object-fit: cover;}.accordion__row {  place-content: center;  place-items: center;}.accordion__header.d-grid.grid-header[data-header-align="center"] {place-content: start;margin-inline: unset !important;}.accordion:not(#accordion-8853) .accordion__item {  background: #fff;  box-shadow: var(--ev-shadow-lg);}@media (max-width: 767px) {  #accordion-8853 .accordion__image img,  #accordion-11336 .accordion__image img {		width: 430px;	}}

/* callout_color_bg */
.callout-color-bg {  overflow: hidden;}.callout-color-bg.outside {  background-color: var(--ev-light);  padding-block: var(--ev-space-2xl);}.callout-color-bg.inside .callout-color-bg__content {  background-color: hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) + 36%));  padding: var(--ev-space-2xl);}.callout-color-bg .grid-cta {  grid-area: nav;}.callout-color-bg .btn {  margin-top: var(--ev-space-s);}.callout-color-bg__title {  font-size: var(--ev-step-5);}.callout-color-bg__content {  position: relative;  z-index: 10;}:not(#callout_color_bg-11337) > .callout-color-bg__content::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/diagnostic-illustration_1744272258.svg);  background-size: 20%;  background-repeat: no-repeat;  inset: 0;  background-position: right bottom;  z-index: -1;  opacity: .3;}@media (max-width: 600px) {  .callout-color-bg__content::before {    background-size: 28%;    bottom: 2%;  }}#callout_color_bg-11337 .callout-color-bg__content::before {	content: unset;}#callout_color_bg-11337 .callout-color-bg__content {  position: relative;}#callout_color_bg-11337 .callout-color-bg__content:before,#callout_color_bg-11337 .callout-color-bg__content:after {    content: "";    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;    display: inline-block;    border-color: var(--ev-primary);    border-style: var(--ev-border-style);    border-width: 0px 15px;    width: 100%;    height: 100%;    z-index: -1;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}#callout_color_bg-11337 .callout-color-bg__content:after {    border-width: 15px 0 15px 0;    border-left: 0px;    border-right: none;    -webkit-transform: scale(0, 1);    -moz-transform: scale(0, 1);    transform: scale(0, 1);}#callout_color_bg-11337:hover .callout-color-bg__content:before,#callout_color_bg-11337:hover .callout-color-bg__content:after {    -webkit-transform: scale(1);    -moz-transform: scale(1);    transform: scale(1);}#callout_color_bg-11337 .callout-color-bg__content::before {  background-image: unset !important;}

/* callout_color_bg */
.callout-color-bg {  overflow: hidden;}.callout-color-bg.outside {  background-color: var(--ev-light);  padding-block: var(--ev-space-2xl);}.callout-color-bg.inside .callout-color-bg__content {  background-color: hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) + 36%));  padding: var(--ev-space-2xl);}.callout-color-bg .grid-cta {  grid-area: nav;}.callout-color-bg .btn {  margin-top: var(--ev-space-s);}.callout-color-bg__title {  font-size: var(--ev-step-5);}.callout-color-bg__content {  position: relative;  z-index: 10;}:not(#callout_color_bg-11337) > .callout-color-bg__content::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/diagnostic-illustration_1744272258.svg);  background-size: 20%;  background-repeat: no-repeat;  inset: 0;  background-position: right bottom;  z-index: -1;  opacity: .3;}@media (max-width: 600px) {  .callout-color-bg__content::before {    background-size: 28%;    bottom: 2%;  }}#callout_color_bg-11337 .callout-color-bg__content::before {	content: unset;}#callout_color_bg-11337 .callout-color-bg__content {  position: relative;}#callout_color_bg-11337 .callout-color-bg__content:before,#callout_color_bg-11337 .callout-color-bg__content:after {    content: "";    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;    display: inline-block;    border-color: var(--ev-primary);    border-style: var(--ev-border-style);    border-width: 0px 15px;    width: 100%;    height: 100%;    z-index: -1;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}#callout_color_bg-11337 .callout-color-bg__content:after {    border-width: 15px 0 15px 0;    border-left: 0px;    border-right: none;    -webkit-transform: scale(0, 1);    -moz-transform: scale(0, 1);    transform: scale(0, 1);}#callout_color_bg-11337:hover .callout-color-bg__content:before,#callout_color_bg-11337:hover .callout-color-bg__content:after {    -webkit-transform: scale(1);    -moz-transform: scale(1);    transform: scale(1);}#callout_color_bg-11337 .callout-color-bg__content::before {  background-image: unset !important;}

/* callout_color_bg-20009 */
.callout-color-bg {  overflow: hidden;}.callout-color-bg.outside {  background-color: var(--ev-light);  padding-block: var(--ev-space-2xl);}.callout-color-bg.inside .callout-color-bg__content {  background-color: hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) + 36%));  padding: var(--ev-space-2xl);}.callout-color-bg .grid-cta {  grid-area: nav;}.callout-color-bg .btn {  margin-top: var(--ev-space-s);}.callout-color-bg__title {  font-size: var(--ev-step-5);}.callout-color-bg__content {  position: relative;  z-index: 10;}:not(#callout_color_bg-11337) > .callout-color-bg__content::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/diagnostic-illustration_1744272258.svg);  background-size: 20%;  background-repeat: no-repeat;  inset: 0;  background-position: right bottom;  z-index: -1;  opacity: .3;}#callout_color_bg-11063 .callout-color-bg__content::before {	background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/CEE_1763134165.png);  background-position: left top;  left: 1%;  top: 12%;  background-size: 23% auto;  opacity: 1;}@media (max-width: 600px) {  #callout_color_bg-11063 .callout-color-bg__content::before {background-position: bottom;background-size: 30% auto;bottom: 9px;}}@media (min-width: 601px) and (max-width: 991px) {  #callout_color_bg-11063 .callout-color-bg__content::before {		background-position: bottom;		background-size: 20% auto;		bottom: 10px;	}}@media (min-width: 992px) and (max-width: 1600px) {  #callout_color_bg-11063 .callout-color-bg__content::before {		left: 4%;		top: 47%;	}}@media (max-width: 600px) {  .callout-color-bg__content::before {    background-size: 28%;    bottom: 2%;  }}#callout_color_bg-11337 .callout-color-bg__content::before {	content: unset;}#callout_color_bg-11337 .callout-color-bg__content {  position: relative;}#callout_color_bg-11337 .callout-color-bg__content:before,#callout_color_bg-11337 .callout-color-bg__content:after {    content: "";    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;    display: inline-block;    border-color: var(--ev-primary);    border-style: var(--ev-border-style);    border-width: 0px 15px;    width: 100%;    height: 100%;    z-index: -1;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}#callout_color_bg-11337 .callout-color-bg__content:after {    border-width: 15px 0 15px 0;    border-left: 0px;    border-right: none;    -webkit-transform: scale(0, 1);    -moz-transform: scale(0, 1);    transform: scale(0, 1);}#callout_color_bg-11337:hover .callout-color-bg__content:before,#callout_color_bg-11337:hover .callout-color-bg__content:after {    -webkit-transform: scale(1);    -moz-transform: scale(1);    transform: scale(1);}#callout_color_bg-11337 .callout-color-bg__content::before {  background-image: unset !important;}.callout-color-bg.bg-choice-primary .callout-color-bg__content{background-color:var(--ev-secondary)}.callout-color-bg.bg-choice-primary .callout-color-bg__title,.callout-color-bg.bg-choice-primary .callout-color-bg__description{color:#fff}.callout-color-bg.bg-choice-primary .btn-primary{--btn-bg:#fff;--btn-color:var(--ev-heading-color);--btn-border-color:#fff}.callout-color-bg.bg-choice-dark .callout-color-bg__content{background-color:var(--ev-dark)}.callout-color-bg.bg-choice-dark .callout-color-bg__title,.callout-color-bg.bg-choice-dark .callout-color-bg__description{color:#fff}.callout-color-bg.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.callout-color-bg.bg-choice-light .callout-color-bg__content{background-color:var(--ev-primary)}.callout-color-bg.bg-choice-light .callout-color-bg__title,.callout-color-bg.bg-choice-light .callout-color-bg__description{color:var(--ev-heading-color)}.callout-color-bg.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}

/* callout_image_bg */
.callout-image-bg[style*="--bg-image-desktop: url('')"] {  --bg-image-desktop: url(https://picsum.photos/2000/600) !important;}.callout-image-bg {  --ev-body-color: white;  position: relative;  z-index: 1;  color: var(--ev-body-color);  padding-block: var(--ev-space-2xl-3xl);  overflow: hidden;}#home .callout-image-bg {  margin-top: unset !important;}.callout-image-bg::before {  content: "";  position: absolute;  inset: 0;  z-index: -1;  background-color: rgba(var(--ev-dark-rgb), 70%);}.callout-image-bg::after {  content: "";  position: absolute;  inset: 0;  z-index: -2;  background-image: var(--bg-image-desktop);  background-repeat: no-repeat;  background-size: cover;  background-position: var(--bg-position);  background-attachment: fixed;}.callout-image-bg .title {  --ev-heading-color: white;}.callout-image-bg__title {  font-size: var(--ev-step-5);}.callout-image-bg .callout-image-bg__cta {  grid-area: nav;}@media (width < 600px) {  .callout-image-bg[style*="--bg-image-mobile: url('')"] {    --bg-image-mobile: url(https://picsum.photos/600) !important;  }  .callout-image-bg::after {    background-image: var(--bg-image-mobile);  }}

/* callout_video */
.callout-video {  overflow: hidden;  background-color: var(--ev-light);  position: relative;  z-index: 1;  aspect-ratio: 16/9;}.callout-video::after {  content: "Placeholder Video";  position: absolute;  inset: 0;  display: grid;  place-content: center;  font: inherit;  font-style: italic;  z-index: -1;}@media (width > 768px) {  .callout-video.inside {    max-width: calc(      clamp(          var(--ev-grid-min-width, 20rem),          var(--ev-grid-preferred-width, 80%),          var(--ev-grid-max-width, 62rem)        ) - var(--ev-grid-gutter) * 2    );    border-radius: var(--ev-border-radius);    overflow: hidden;    margin-inline: auto;    width: 100%;  }}@media (max-width : 767px) {  .callout-video {    max-width: 100% !important;    width: 100%; 	  padding-inline: var(--ev-grid-gutter);  	margin-inline: auto;  }}

/* carousel_google_review */
.carousel-google-review {
  overflow: hidden;
}
.carousel-google-review__body {
  position: relative;
  margin-top: -8%;
  z-index: 10;
}
.carousel-google-review__item-text {
  padding: var(--ev-space-s-m);
}
.carousel-google-review__item-description-content {
  font-size: var(--ev-step--1);
  margin-block: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-line, 4);
  display: -webkit-box;
  overflow: hidden;
}
.carousel-google-review__item-title:hover {
  cursor: pointer;
  text-decoration: underline;
}
.carousel-google-review__item-title {
  grid-area: title;
}
.carousel-google-review__item .google-logo {
  grid-area: google-logo;
}
.carousel-google-review__item-description {
  grid-area: description;
}
.carousel-google-review__item-rating {
  grid-area: rating;
}
.carousel-google-review__item {
  position: relative;
  display: grid;
  gap: var(--ev-space-xs);
  grid-template-areas: "rating google-logo" "description description";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  perspective: 1000px;
  width: 100%;
  height: 100%;
}
.carousel-google-review .link-primary {
  display: inline-block;
  font-size: var(--ev-step--1);
  margin-top: var(--ev-space-xs);
  color: var(--ev-heading-color) !important;
}
.carousel-google-review__title {
  grid-column: 1;
}
.carousel-google-review__header .btn-primary {
  grid-column: 1;
  width: fit-content;
  margin-block: var(--ev-space-s);
}
@media (width > 768px) {
  .carousel-google-review__description {
    grid-row: 2/4;
    grid-column: 2;
  }
}
.carousel-google-review__details,
.carousel-google-review__item {
  padding: var(--ev-space-xl);
  background: var(--ev-body-bg);
  border-color: transparent;
  border-radius: var(--ev-border-radius);
  border-inline: hidden;
  box-shadow: var(--ev-shadow-lg);
}
.carousel-google-review__rating.d-grid {
  grid-template-areas: "img count count" "img score stars";
  column-gap: 6px;
}
.carousel-google-review__image {
  display: grid;
  place-content: center;
  border: 1px solid var(--ev-border-color);
  border-radius: 100vmax;
  background: white !important;
  margin-bottom: 0;
  padding: var(--ev-space-2xs);
  aspect-ratio: 1/1;
}
.carousel-google-review__rating img {
  height: 32px;
}
.carousel-google-review__item img {
  height: 20px;
}
.carousel-google-review__details {
  display: flex;
  place-content: space-between;
  gap: var(--ev-grid-gutter, 1rem);
  flex-wrap: wrap;
  align-items: center;
  display:none;
}
.carousel-google-review__score.grid-score {
  grid-area: score;
  font-weight: var(--ev-heading-font-weight);
  font-size: var(--ev-step-3);
  line-height: 1;
}
.carousel-google-review__stars.grid-stars {
  grid-area: stars;
  align-self: center;
}
.carousel-google-review__stars {
  display: flex;
}
.carousel-google-review__count.grid-count {
  grid-area: count;
}
.carousel-google-review__rating .icon {
  --icon-height: 24px;
}
.carousel-google-review__item .item-title {
  font-size: var(--ev-step-1);
  margin-bottom: var(--ev-space-3xs);
}
.carousel-google-review__item .icon {
  --icon-height: 20px;
}
.carousel-google-review .swiper-button-next,
.carousel-google-review .swiper-button-prev {
  background-color: rgba(var(--ev-dark-rgb), 70%);
  padding: var(--ev-space-xs);
  color: white !important;
  display: none;
  position: absolute !important;
  width: fit-content !important;
  height: fit-content !important;
  top: 50% !important;
}
.carousel-google-review__body:hover .swiper-button-next,
.carousel-google-review__body:hover .swiper-button-prev {
  display: block;
}
.carousel-google-review .swiper-button-prev {
  left: 0 !important;
  right: unset !important;
}
.carousel-google-review .swiper-button-next {
  left: unset !important;
  right: 0 !important;
}
.carousel-google-review .swiper-backface-hidden .swiper-slide{
  padding-block: var(--ev-space-xs);
}

.carousel-google-review__header{
  position: relative;
  z-index:10;
  padding-block: var(--ev-space-2xl-3xl) var(--ev-space-3xl-4xl);

}
.carousel-google-review__header::after {
  background: var(--ev-light);
  content: "";
  position: absolute;
  inset: 0 -50vw;
  z-index: -1;
}

/* carousel_image */
.carousel-image .swiper {  max-height: 650px;}.carousel-image {  background: var(--ev-light);  padding-block: var(--ev-space-2xl);  overflow: hidden;}.carousel-image__item-details {  position: absolute;  inset: 0;  padding: var(--ev-space-m);  background: rgba(var(--ev-dark-rgb), 50%);  color: white;  transform: translateY(-100%);  transition: transform 300ms ease-in;  height: fit-content;}.carousel-image__body {  margin-top: var(--ev-space-m);}.carousel-image__item-heading {  padding: var(--ev-space-m);}.carousel-image__item-img {  position: relative;  z-index: 1;  border-radius: var(--ev-border-radius);  width: 100%;  margin-bottom: 0;  overflow: hidden;}.carousel-image__item {  background: var(--ev-light);  width: 100%;  position: relative;  overflow: hidden;  border-radius: var(--ev-border-radius);  border: 1px solid var(--ev-border-color);  margin-bottom: 1px;}.carousel-image__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.carousel-image__item:hover .carousel-image__item-details {  animation: bounceIn 600ms ease-in;  transform: translateY(0);  margin-top: auto;}@keyframes bounceIn {  0% {    transform: translateY(-100%);  }  50% {    transform: translateY(0%);  }  70% {    transform: translateY(-10%);  }  80% {    transform: translateY(0%);  }  90% {    transform: translateY(-5%);  }  100% {    transform: translateY(0%);  }}

/* carousel_standard */
.carousel-standard .swiper {  max-height: 550px;}.carousel-standard {  background: var(--ev-light);  padding-block: var(--ev-space-2xl);  overflow: hidden;  position: relative;  z-index: 10;}.carousel-standard__body {  margin-top: var(--ev-space-m);}.carousel-standard__item {  background: var(--ev-light);  border: var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);  border-radius: var(--ev-border-radius);  overflow: hidden;}.carousel-standard__item-text {  padding: var(--ev-space-s-m);}.carousel-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.carousel-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.carousel-standard__item-image {  overflow: hidden;  cursor: pointer;  margin-bottom: 0;  border-radius: var(--ev-border-radius);}.carousel-standard__item-image:hover img {  transform: scale(1.2);}.carousel-standard img {  aspect-ratio: 600/450;}.carousel-standard__item {  height: 100%;  display: grid;  grid-template-rows: auto 1fr;}.carousel-standard__item-image {  position: relative;}.carousel-standard__item-text {  padding: var(--ev-space-s-m);  position: absolute;  z-index: 10;  bottom: 0;  background: var(--ev-body-bg);  border-radius: 0 100vmax 0 0;}.carousel-standard__item-title.item-title {  text-wrap: balance;  margin-right: var(--ev-space-s-m);}

/* counter */
.counter {
  background: var(--ev-light);
  overflow: hidden;
}
#home .counter {
  margin-top: unset !important;
}
.counter__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ev-grid-gutter, 1rem);
  padding-block: var(--ev-space-2xl);
  border-bottom: var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);
}
.counter__title {
  grid-area: title;
  text-align: start;
}
.counter__icon {
  grid-area: icon;
}
.counter__item {
  display: grid;
  text-align: center;
  grid-template-areas: "icon title";
  place-items: center;
  gap: var(--ev-space-s);
}
@media (width < 768px) {
  .counter__item {
    flex-basis: calc(50% - var(--ev-grid-gutter));
  }
}
.counter__item :last-child {
  margin-bottom: 0;
}
.counter__number {
  display: inline-block;
  color: var(--ev-heading-color);
  line-height: 1;
  margin-bottom: var(--ev-space-2xs-xs);
  transition: 0.3s ease-in-out;
}
.counter__number .text-primary {
  color: var(--ev-heading-color);
}
.counter__icon {
  background-color: white;
  width: fit-content;
  height: fit-content;
  padding: var(--ev-space-s);
  border-radius: 50%;
}
.counter__icon .icon {
  width: 50px;
  height: 50px;
  color: var(--ev-primary);
}


/* cta_criteria */
.cta-criteria {  padding-block: var(--ev-space-xl);}.cta-criteria__body {  display: flex;  flex-wrap: wrap;  gap: var(--ev-space-2xs);}header ~ .cta-criteria {	display: none;}

/* floating_google_review */
.floating-google-review {  position: fixed;  z-index: 999;  left: 1rem;  bottom: 1rem;  background: var(--ev-light);  padding: 1rem;  border-radius: 10px;  box-shadow: var(--ev-shadow-sm);}.floating-google-review__content {  display: grid;  place-items: center;  gap: 0.25rem;}.floating-google-review__logo {  margin-bottom: 0.25rem;  display: flex;  place-items: center;  border: 1px solid var(--ev-border-color);  border-radius: 100vmax;  padding: 5px;  white-space: nowrap;  width: fit-content;}.floating-google-review__logo img {  height: 25px;  width: 25px;}.floating-google-review__number {  font-size: var(--ev-step--1);}.floating-google-review .icon {  --icon-height: 20px;}.floating-google-review a {  text-decoration: underline;  font-weight: 600;  color: var(--ev-body-color);}.floating-google-review figcaption {  line-height: 1;  margin-bottom: 0;  margin-inline: 0.5rem;}.floating-google-review img {  object-fit: contain;}@media(min-width: 600px) {  .floating-google-review__stars-wrapper {    height: 26px;  }}@media (max-width: 599px) {  .floating-google-review {    left: 0;    bottom: 2.5rem;    padding: 0.5rem;    transform: scale(0.75);  }  .floating-google-review__content {    gap: 0;  }  .floating-google-review__logo {    border: none;    padding: 0;  }  .floating-google-review__stars-wrapper {    display: none;  }}

/* footer */
.footer {
  --bg-color: var(--ev-dark);
  --border-color: #ffffff2b;
  --heading-color: #fff;
  --text-color: #b6b5b5;
  position: relative;
/*   background: var(--bg-color); */
  padding-block: var(--ev-space-xl) 0;
  overflow: hidden;
  z-index: 5;
}
.footer::before {
  content: "";
  position: absolute;
  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/footer-bg_1744582591.png);
  background-size: cover;
  background-repeat: no-repeat;
  inset: 0;
  background-position: center center;
  z-index: -1;
}
.footer .icon--scrollup {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.7 12.5c-.4-.4-1-.4-1.4 0l-3 3c-.4.4-.4 1 0 1.4s1 .4 1.4 0l2.3-2.3 2.3 2.3c.2.2.4.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zm-3-1L12 9.2l2.3 2.3c.2.2.4.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4l-3-3c-.4-.4-1-.4-1.4 0l-3 3c-.4.4-.4 1 0 1.4.4.3 1 .3 1.4 0z'/%3E%3C/svg%3E");
}
.footer * {
  color: var(--text-color);
}
.footer__content {
  padding-block: var(--ev-space-m);
}
@media (width >= 768px) {
  .footer__content.d-grid.grid-column {
    --grid-auto-columns-md: calc(
      var(--grid-columns-md, var(--ev-grid-columns-md, 2)) - 1
    );
    grid-template-columns: 1fr repeat(
        var(--grid-auto-columns-md),
        minmax(200px, max-content)
      );
  }
}
@media (width >= 992px) {
  .footer__content.d-grid.grid-column {
    --grid-auto-columns-lg: calc(
      var(--grid-columns-lg, var(--ev-grid-columns-lg, 3)) - 1
    );
    grid-template-columns: 1fr repeat(
        var(--grid-auto-columns-lg),
        minmax(200px, max-content)
      );
  }
}
.footer__content > * {
  margin: 0;
}
.footer__copyright-text,
.footer a,
.footer button,
.footer__description {
  font-size: var(--ev-step--1);
  font-weight: 500;
}
.footer__column--copyright {
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--ev-grid-gutter, 1rem);
  margin-top: 0;
  padding-block: var(--ev-space-xs);
  place-content: space-between;
  place-items: center;
}
.footer__column--copyright * {
  margin: 0;
  white-space: nowrap;
}
.footer__social-media-link {
  border: 1px solid var(--border-color);
  border-radius: 100vmax;
  display: grid;
  padding: 0.5rem;
  place-content: center;
  margin-right: var(--ev-space-xs-s);
}
.footer__social-media-list {
  display: inline-flex;
  margin-top: var(--ev-space-m) !important;
  padding-left: 0 !important;
  flex-wrap: wrap;
}
.footer__title {
  color: var(--heading-color);
  margin-block: 0 var(--ev-space-m);
}
.footer__title::first-letter {
  text-transform: uppercase;
}
.footer li {
  margin-bottom: var(--ev-space-m);
  line-height: 1;
}
.footer #scrollToTop {
  display: inline-block !important;
  background-color: transparent;
  border: hidden;
}
.footer__social-media-item[data-link="#"] {
  display: none;
}
.footer .icon {
  --icon-height: 20px;
}
.footer__title b,
.footer__copyright-text a {
  color: var(--ev-primary) !important;
}
.footer__column .footer__title{
  position: relative;
}
.footer__column:not(:first-child) .footer__title::before {
  content: "";
  position: absolute;
  width: 70px;
  height: 2px;
  background: var(--ev-primary);
  border-radius: 100vmax;  
  bottom: -2px;
  left: 0; 
  z-index: -1;
}


/* gallery */
.gallery {  overflow: hidden;}.gallery__item {  border-radius: var(--ev-border-radius);  overflow: hidden;}.gallery__item-image,.gallery__item-image img {  height: 100%;}.gallery__item-image img {  object-fit: cover;}.gallery__link[href=""] {	pointer-events: none;}

/* grid_activity */
.grid-activity {  position: relative;  overflow: hidden;  z-index: 10;}.grid-activity::before {  content: "";  position: absolute;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/diagnostic-illustration_1744272258.svg);  background-size: contain;  background-repeat: repeat;  inset: 0;  background-position: right bottom;  opacity: 0.03;  z-index: -1;  filter: grayscale(1);}.grid-activity__item {  background: var(--ev-body-bg);  border-radius: var(--ev-border-radius);  width: fit-content;  height: 100%;}.grid-activity__item-title{   transition: transform 1s ease-in;}.grid-activity__item-title:hover,.grid-activity__item-title.active{  color: var(--ev-body-bg);  cursor: pointer;}.grid-activity__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-activity__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  height: 100%;  margin-bottom: 0;}.grid-activity__body.d-grid.grid-column {  padding-bottom: var(--ev-space-xs);}.grid-activity__header.d-grid.grid-header {  display: grid;  grid-template-areas: "subtitle" "title" "paragraph";  place-items: center;}.grid-activity__item-image {  grid-area: img;}.grid-activity__item-text {  grid-area: content;  padding: var(--ev-space-m) var(--ev-space-s);}.grid-activity__item-image img {  height: 100%;  object-fit: cover;  -webkit-mask-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/shape.png);  -webkit-mask-repeat: no-repeat;  -webkit-mask-size: 100% 100%;  mask-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/shape.png);  mask-repeat: no-repeat;  mask-size: 100% 100%;}.grid-activity__btn {  text-decoration: unset;  position: relative;}.grid-activity__btn::before {  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 0;  width: 100%;  height: 2px;  background-color: var(--ev-dark);  transition: all ease 0.4s;}.grid-activity__btn:hover::before {  background-color: var(--ev-primary);  width: 60%;}.grid-activity__btn:hover,.grid-activity__btn:hover .icon {  color: var(--ev-primary) !important;}.grid-activity__btn .icon {  --icon-url: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Cpath d='m303.616 64.034-19.869 22.477L458.514 241H0v30h458.514L283.747 425.489l19.869 22.477L512 263.761v-15.522z'/%3E%3C/svg%3E") !important;  color: var(--ev-dark);  margin-left: var(--ev-space-3xs);}.grid-activity__item-image {  position: relative;}.grid-activity__item-icon {  height: fit-content;  width: fit-content;  border-radius: 50%;  background: #fdfefc;  border: 5px var(--ev-border-style) #fff;  position: absolute;  z-index: 10;  right: 1%;  top: 12px;  margin: 0;  padding: var(--ev-space-xs);}.grid-activity__item-icon .icon {  height: 45px;  width: 45px;  color: var(--ev-primary);  transition: 1s;}.grid-activity__item:hover{  background: var(--ev-primary);}.grid-activity__item:hover .grid-activity__item-icon {  background: var(--ev-primary);}.grid-activity__item:hover .grid-activity__item-icon .icon {  color: var(--ev-body-bg);  transform: rotateY(180deg);}.grid-activity__body {  margin-top: var(--ev-space-xl);}.grid-activity__item {  background:var(--ev-body-bg);  width:fit-content;  display:grid;  gap:var(--ev-space-m-l);  grid-template-areas:"img content";  place-items:center;  grid-auto-columns: 1fr;}@media (max-width: 767px){.grid-activity__item{width:100%;grid-template-columns:1fr;grid-template-areas:"img" "content";gap:0}.grid-activity__item-image{aspect-ratio:16/9 !important}.grid-activity__item-text{text-align:left;padding:var(--ev-space-s-m)}}@media (max-width: 600px) {  .grid-activity__item-icon {    top: 31px;  }}@media (min-width: 992px) and (max-width: 1200px) {  .grid-activity__item {    grid-template-areas: "img" "content";    gap: var(--ev-space-s);  }  .grid-activity__item-icon {    right: 10%;  }}

/* grid_cta */
.grid-cta {  overflow: hidden;}#grid_cta-8983{  margin-bottom: var(--ev-space-2xl);}.grid-cta__item {  background-color: var(--ev-light);  padding: var(--ev-space-m);  border-radius: var(--ev-border-radius);  border: var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);  transition: all ease-in-out 0.2s;}.grid-cta .btn {  white-space: nowrap;}.grid-cta[data-content-align="center"] .grid-cta__item {  justify-content: center;  justify-items: center;  text-align: center;}.grid-cta__item {  grid-template-areas: "title" "cta" "img";  grid-template-columns: 1fr;  overflow: hidden;}.grid-cta .grid-image {  border-radius: var(--ev-border-radius) var(--ev-border-radius) 0 0;  overflow: hidden;  width: 100%;}.grid-cta__item {  padding: var(--ev-space-xl);  grid-template-areas: "img  " "cta  " "title" "paragraph";  border-radius: 10px;  background: white;  border: none;  box-shadow: var(--ev-shadow-lg);}.grid-cta .grid-image {  transform: 0;  overflow: vhi;  aspect-ratio: 1/1 !important;  border-radius: 100vmax 0px 100vmax 100vmax;}.grid-cta img {  width: 100%;  height: 100%;}.grid-cta__item .grid-cta__title {  margin-top: var(--ev-space-s-m);}.grid-cta__body {  margin-bottom: var(--ev-space-s);}.grid-cta__header {  position: relative;  padding-block: var(--ev-space-2xl) var(--ev-space-3xl);  margin-bottom: calc(0px - var(--ev-space-3xl));  z-index: 10;}.grid-cta__header .grid-cta__title {  font-size: var(--ev-step-5);}.grid-cta__header::after {  content: "";  position: absolute;  inset: 0 -50vw;  background: hsl(    var(--ev-primary-hue),    var(--ev-primary-saturation),    calc(var(--ev-primary-lightness) + 35%)  ) !important;  z-index: -1;}.grid-cta .btn {  margin-right: 0;}.grid-cta .grid-cta {  margin-top: -2rem;}.grid-cta__body.d-grid.grid-column {  position: relative;  z-index: 10;}#grid_cta-8983 .grid-cta__item {  position: relative;  z-index: 10;}#grid_cta-8983 .grid-cta__item::before {  content: "";  position: absolute;  inset: 0;  background: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/conception-maison_1744800842.png);  background-repeat: no-repeat;  background-size: 40%;  background-position: right bottom;  opacity: 0.2;  z-index: -1;}.grid-cta__item:hover {  background: var(--ev-primary);}.grid-cta__item:hover .btn-primary {  --btn-bg: var(--ev-body-bg);  --btn-border-color: var(--ev-body-bg);}

/* grid_icon */
.grid-icon {  overflow: hidden;  padding-bottom: var(--ev-space-xs);}#home #grid_icon-8849 {  margin-top: calc(0px - var(--ev-space-2xl)) !important;  position: relative;  z-index: 1;}.grid-icon__item {  border-radius: 0px;  border: var(--ev-border-width) var(--ev-border-style) transparent;  padding: var(--ev-space-m);  background-color: var(--ev-body-bg);  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);}.grid-icon__item-icon {  margin-bottom: var(--ev-space-m);  grid-area: icon;  transition: 0.8s;}.grid-icon__item-title {  grid-area: title;  margin-bottom: var(--ev-space-s) !important;}#grid_icon-8849 .grid-icon__body.d-grid.grid-column {  margin-top: unset !important;}.grid-icon__body.d-grid.grid-column {  gap: 0;}.grid-icon__item-icon .icon {  transition: 0.8s;}#grid_icon-8849 .grid-icon__item-description {  display: none;  grid-area: description;}#grid_icon-8849 .grid-icon__item:hover,#grid_icon-8849 .grid-icon__item.active {  background: var(--ev-primary);  width: 30vw;  display: grid;  grid-template-areas: "icon title" "icon description";  column-gap: var(--ev-space-l);}#grid_icon-8849 .grid-icon__item:hover .grid-icon__item-description,#grid_icon-8849 .grid-icon__item.active .grid-icon__item-description {  display: inline-grid !important;}#grid_icon-8849 .grid-icon__item.active .grid-icon__item-icon .icon,#grid_icon-8849 .grid-icon__item:hover .grid-icon__item-icon .icon {  color: var(--ev-dark);}#grid_icon-8849 .grid-icon__item:hover .grid-icon__item-icon,#grid_icon-8849 .grid-icon__item.active.grid-icon__item-icon {  transform: rotateY(180deg);}@media (max-width: 991px) {  #grid_icon-8849 .grid-icon__body {    width: 100vw;    margin-inline: calc(50% - 50vw);    padding-inline: var(--ev-space-m);  }  #grid_icon-8849 .grid-icon__item {    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }  #grid_icon-8849 .grid-icon__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100%;  }}@media (min-width: 992px) and (max-width: 1200px) {  #grid_icon-8849 .grid-icon__item.active,  #grid_icon-8849 .grid-icon__item:hover {    column-gap: var(--ev-space-xs);  }  .grid-icon__item{    padding: var(--ev-space-m) var(--ev-space-xs);  }}.grid-icon__item-icon .icon {  --icon-height: 26px;}#grid_icon-8849 .grid-icon__item.active,#grid_icon-8849 .grid-icon__item:hover {  grid-template-areas: "icon ..         " "icon title      " "icon description""icon ..";  grid-template-rows: 1fr auto auto 1fr;}.grid-icon__item-icon {  border: 1px solid #92dd4ed6;  padding: var(--ev-space-s);  border-radius: 100vmax;  width: fit-content;}/* .grid-icon__item.active .grid-icon__item-icon {  display: none;} */.grid-icon__item-icon {  display: grid;  place-items: start;  height: 80px;}div.grid-icon__item {	pointer-events: unset !important;}.grid-icon__item.active,.grid-icon__item:hover {   background: var(--ev-primary);}.grid-icon__item.active .grid-icon__item-icon,.grid-icon__item:hover .grid-icon__item-icon {	border: 1px solid var(--ev-heading-color);}@media (min-width: 768px) {  #grid_icon-8849 .container {    max-width: unset !important;  }}@media (width > 992px) {  #grid_icon-8849 .container {    padding-inline: var(--ev-space-2xl);  }}

/* grid_image */
.grid-image {  overflow: hidden;}.grid-image__item-details {  position: absolute;  inset: 0;  padding: var(--ev-space-m);  background: rgba(var(--ev-dark-rgb), 50%);  color: white;  transform: translateY(-100%);  transition: transform 300ms ease-in;  height: fit-content;}.grid-image__item-heading {  padding: var(--ev-space-m);}.grid-image__item-img {  position: relative;  z-index: 1;  border-radius: var(--ev-border-radius);  width: 100%;  margin-bottom: 0;  overflow: hidden;}.grid-image__item {  background: var(--ev-light);  width: 100%;  position: relative;  overflow: hidden;  border-radius: var(--ev-border-radius);}.grid-image__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-image__item:hover .grid-image__item-details,.grid-image__item.active .grid-image__item-details {  animation: bounceIn 600ms ease-in;  transform: translateY(0);  margin-top: auto;}@keyframes bounceIn {  0% {    transform: translateY(-100%);  }  50% {    transform: translateY(0%);  }  70% {    transform: translateY(-10%);  }  80% {    transform: translateY(0%);  }  90% {    transform: translateY(-5%);  }  100% {    transform: translateY(0%);  }}

/* grid_partner */
.grid-partner {  overflow: hidden;}.grid-partner__body {  display: flex;  column-gap: var(--ev-grid-gutter);  flex-wrap: wrap;  place-content: center;    var(--ev-border-color);  padding-block: var(--ev-space-2xl);}.grid-partner__body-wrapper {  background: var(--ev-light);  margin-top: unset !important;}.grid-partner__image {  height: 120px;  min-width: 120px;}.grid-partner__image img {  height: 120px;  opacity: 0.7;  filter: grayscale(1);  transform: scale(0.8);  transition: all 300ms ease-in;}@media (width > 992px) {  .grid-partner__image {    height: 70px;    min-width: 70px;  }  .grid-partner__image img {    height: 70px;  }}.grid-partner__item:hover .grid-partner__image img {  opacity: 1;  filter: grayscale(0);  transform: scale(1);}.grid-partner__image img {  object-fit: contain;}#grid_partner-8982 .grid-partner__body-wrapper {  background: transparent;}#grid_partner-8982 .grid-partner__image img {  opacity: 1;    filter: contrast(60%) !important;}#grid_partner-8863 .grid-partner__body {  place-content: space-between;  border-bottom: 0;  padding-block: var(--ev-space-l);}#grid_partner-8863 .grid-partner__body {  margin-top: var(--ev-space-s-m);}@media (width > 992px) {  #grid_partner-8863 .grid-partner__image img {    height: 48px;  }  #grid_partner-8863 .grid-partner__image {    height: 48px;  }}@media (min-width: 1200px) {  #grid_partner-8982 .grid-partner__body {    place-content: space-between;  }}@media (max-width: 991px){  #grid_partner-8863 .grid-partner__body{    place-content: space-evenly;  }}

/* grid_partner */
.grid-partner {  overflow: hidden;}.grid-partner__body {  display: flex;  column-gap: var(--ev-grid-gutter);  flex-wrap: wrap;  place-content: center;    var(--ev-border-color);  padding-block: var(--ev-space-2xl);}.grid-partner__body-wrapper {  background: var(--ev-light);  margin-top: unset !important;}.grid-partner__image {  height: 120px;  min-width: 120px;}.grid-partner__image img {  height: 120px;  opacity: 0.7;  filter: grayscale(1);  transform: scale(0.8);  transition: all 300ms ease-in;}@media (width > 992px) {  .grid-partner__image {    height: 70px;    min-width: 70px;  }  .grid-partner__image img {    height: 70px;  }}.grid-partner__item:hover .grid-partner__image img {  opacity: 1;  filter: grayscale(0);  transform: scale(1);}.grid-partner__image img {  object-fit: contain;}#grid_partner-8982 .grid-partner__body-wrapper {  background: transparent;}#grid_partner-8982 .grid-partner__image img {  opacity: 1;    filter: contrast(60%) !important;}#grid_partner-8863 .grid-partner__body {  place-content: space-between;  border-bottom: 0;  padding-block: var(--ev-space-l);}#grid_partner-8863 .grid-partner__body {  margin-top: var(--ev-space-s-m);}@media (width > 992px) {  #grid_partner-8863 .grid-partner__image img {    height: 48px;  }  #grid_partner-8863 .grid-partner__image {    height: 48px;  }}@media (min-width: 1200px) {  #grid_partner-8982 .grid-partner__body {    place-content: space-between;  }}@media (max-width: 991px){  #grid_partner-8863 .grid-partner__body{    place-content: space-evenly;  }}

/* grid_standard */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}

/* grid_standard */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__title,.grid-standard.bg-choice-dark .grid-standard__subtitle,.grid-standard.bg-choice-dark .grid-standard__item-title,.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard.bg-choice-light{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__title,.grid-standard.bg-choice-light .grid-standard__subtitle,.grid-standard.bg-choice-light .grid-standard__item-title,.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}.grid-standard__item-icon .icon{--icon-height:24px}.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}.grid-standard__item-icon{border:none;background:none;padding:0}.grid-standard__item-icon .icon{--icon-height:40px}.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* grid_standard-20002 */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__title,.grid-standard.bg-choice-dark .grid-standard__subtitle,.grid-standard.bg-choice-dark .grid-standard__item-title,.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard.bg-choice-light{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__title,.grid-standard.bg-choice-light .grid-standard__subtitle,.grid-standard.bg-choice-light .grid-standard__item-title,.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}.grid-standard__item-icon .icon{--icon-height:24px}.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}.grid-standard__item-icon{border:none;background:none;padding:0}.grid-standard__item-icon .icon{--icon-height:40px}.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* grid_standard-20004 */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__title,.grid-standard.bg-choice-dark .grid-standard__subtitle,.grid-standard.bg-choice-dark .grid-standard__item-title,.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard.bg-choice-light{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__title,.grid-standard.bg-choice-light .grid-standard__subtitle,.grid-standard.bg-choice-light .grid-standard__item-title,.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}.grid-standard__item-icon .icon{--icon-height:24px}.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}.grid-standard__item-icon{border:none;background:none;padding:0}.grid-standard__item-icon .icon{--icon-height:40px}.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* grid_standard-20005 */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__title,.grid-standard.bg-choice-dark .grid-standard__subtitle,.grid-standard.bg-choice-dark .grid-standard__item-title,.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard.bg-choice-light{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__title,.grid-standard.bg-choice-light .grid-standard__subtitle,.grid-standard.bg-choice-light .grid-standard__item-title,.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}.grid-standard__item-icon .icon{--icon-height:24px}.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}.grid-standard__item-icon{border:none;background:none;padding:0}.grid-standard__item-icon .icon{--icon-height:40px}.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* grid_standard-20006 */
.grid-standard {  overflow: hidden;}.grid-standard__item {  background: var(--ev-body-bg);  border: var(--ev-border-width) var(--ev-border-style) transparent;  border-radius: var(--ev-border-radius);  }.grid-standard__item-text {  padding: var(--ev-space-s-m);  position: relative;  margin-top: -8%;  background-color: var(--ev-body-bg);  margin-right: var(--ev-space-m-l);  border-radius: 0 var(--ev-border-radius);}.grid-standard__item:hover .grid-standard__item-text{    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);}.grid-standard__item:hover .grid-standard__item-title{  color: var(--ev-primary);}.grid-standard__item-title:hover {  color: var(--ev-primary);  cursor: pointer;}.grid-standard__item-image img {  transform: scale(1);  transition: transform 500ms ease-in;}.grid-standard__item-image {  border-radius: var(--ev-border-radius);  overflow: hidden;  cursor: pointer;  width: 100%;  margin-bottom: 0;}.grid-standard__item-image:hover img {  transform: scale(1.2);}.grid-standard__body.d-grid.grid-column{  padding-bottom: var(--ev-space-xs);}.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}.grid-standard.bg-choice-dark .grid-standard__title,.grid-standard.bg-choice-dark .grid-standard__subtitle,.grid-standard.bg-choice-dark .grid-standard__item-title,.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard.bg-choice-light{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}.grid-standard.bg-choice-light .grid-standard__title,.grid-standard.bg-choice-light .grid-standard__subtitle,.grid-standard.bg-choice-light .grid-standard__item-title,.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}.grid-standard__item-icon .icon{--icon-height:24px}.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}.grid-standard__item-icon{border:none;background:none;padding:0}.grid-standard__item-icon .icon{--icon-height:40px}.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* header */
.navbar img {  width: auto;}@media (width < 992px) {  .navbar img {    height: 40px !important;  }  .navbar-wrapper {    gap: 0;  }  .navbar {    padding-block: var(--ev-space-m-l);  }}.navbar .nav-item:hover .nav-link,.navbar .nav-item.active .nav-link {  color: hsl(    var(--ev-primary-hue),    var(--ev-primary-saturation),    calc(var(--ev-primary-lightness) - 10%)  );}.navbar-brand__name {  margin-bottom: 0;}@media (min-width: 992px) {  .navbar .btn-arrow {    line-height: 1;  }}.navbar-cta {  display: flex;  flex-wrap: wrap;}.btn--header {  font-size: 14px;}.navbar-cta {  gap: var(--ev-space-2xs);}#navRender {  width: 100%;}.nav-link {  font-size: 15px;}.navbar .dropdown-menu {  border-radius: 0;}.dropdown-item {  font-size: 14px;  margin-bottom: var(--ev-space-3xs-2xs);}.btn--header {  padding: var(--ev-space-xs) var(--ev-space-s);  border-radius: 5px;}@media (min-width: 992px) {  .navbar-wrapper {    display: grid;    grid-template-columns: auto 1fr;    align-items: center;  }  .navbar-header {    grid-column: 1;  }  #navRender {    grid-column: 2;  }  #navRender .navbar-nav {    justify-content: flex-end;  }}.header-cta-band {    background: #0A0D15;    border-bottom: 1px solid rgba(255, 255, 255, 0.08);  }.header-cta-band__inner {    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;    gap: var(--ev-space-2xs);    padding-block: var(--ev-space-2xs);  }.header-cta-phone {    display: flex;    align-items: center;    gap: 7px;    color: #fff;    font-weight: 700;    font-size: .85rem;    flex-shrink: 0;    white-space: nowrap;  }.header-cta-phone .icon {    --icon-color: var(--ev-primary);  }.header-cta-phone:hover {    color: var(--ev-primary);  }.header-cta-band .navbar-cta {    display: none;  }@media (min-width: 992px) {  .header-cta-band .navbar-cta {    display: flex;    flex-wrap: wrap;    gap: var(--ev-space-2xs);  }  .header-cta-band .btn--header.btn-outline-primary {    background: transparent;    border-color: rgba(255, 255, 255, 0.28);    color: #fff;  }  .header-cta-band .btn--header.btn-outline-primary:hover {    border-color: var(--ev-primary);    color: var(--ev-primary);    background: transparent;  }  .header-cta-band .btn--header.btn-primary {    background: var(--ev-primary);    border-color: var(--ev-primary);    color: #06100A;  }  .header-cta-band .btn--header.btn-primary:hover {    background: var(--ev-secondary);    border-color: var(--ev-secondary);    color: #fff;  }}.header-sticky .navbar {    background: var(--ev-light);  }.header-sticky .navbar-brand-link {    display: flex;    align-items: center;  }.header-sticky .navbar .nav-link {    color: var(--ev-heading-color);  }.header-sticky .navbar .nav-link:hover,.header-sticky .navbar .nav-item.active .nav-link {    color: var(--ev-primary);  }.header-sticky .navbar-toggler {    color: var(--ev-heading-color);  }.header-cta-phone,.header-cta-phone:hover,.header-cta-phone .header-cta-phone__text {    color: #fff !important;  }.header-cta-phone .icon {    --icon-color: var(--ev-primary);  }@media (max-width: 991.98px) {  .navbar-header {    position: relative;    place-content: center;  }  .navbar-header .navbar-toggler {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);  }}/* Footer#8856 — copied verbatim from production quick-renov.fr/assets/css/objet.css (2026-09-15) */.footer {--bg-color:var(--ev-dark);--border-color:#ffffff2b;--heading-color:#fff;--text-color:#b6b5b5;position:relative;padding-block:var(--ev-space-xl) 0;overflow:hidden;z-index:5}
.footer::before {content:"";position:absolute;background-image:url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/footer-bg_1744582591.png);background-size:cover;background-repeat:no-repeat;inset:0;background-position:center center;z-index:-1}
.footer .icon--scrollup {--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.7 12.5c-.4-.4-1-.4-1.4 0l-3 3c-.4.4-.4 1 0 1.4s1 .4 1.4 0l2.3-2.3 2.3 2.3c.2.2.4.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zm-3-1L12 9.2l2.3 2.3c.2.2.4.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4l-3-3c-.4-.4-1-.4-1.4 0l-3 3c-.4.4-.4 1 0 1.4.4.3 1 .3 1.4 0z'/%3E%3C/svg%3E")}
.footer * {color:var(--text-color)}
.footer__content {padding-block:var(--ev-space-m)}
@media (width>=768px) {
  .footer__content.d-grid.grid-column {--grid-auto-columns-md:calc(      var(--grid-columns-md, var(--ev-grid-columns-md, 2)) - 1    );grid-template-columns:1fr repeat(var(--grid-auto-columns-md),minmax(200px,max-content))}
}
@media (width>=992px) {
  .footer__content.d-grid.grid-column {--grid-auto-columns-lg:calc(      var(--grid-columns-lg, var(--ev-grid-columns-lg, 3)) - 1    );grid-template-columns:1fr repeat(var(--grid-auto-columns-lg),minmax(200px,max-content))}
}
.footer__content>* {margin:0}
.footer__copyright-text,.footer a,.footer button,.footer__description {font-size:var(--ev-step--1);font-weight:500}
.footer__column--copyright {border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:0 var(--ev-grid-gutter,1rem);margin-top:0;padding-block:var(--ev-space-xs);place-content:space-between;place-items:center}
.footer__column--copyright * {margin:0;white-space:nowrap}
.footer__social-media-link {border:1px solid var(--border-color);border-radius:100vmax;display:grid;padding:.5rem;place-content:center;margin-right:var(--ev-space-xs-s)}
.footer__social-media-list {display:inline-flex;margin-top:var(--ev-space-m)!important;padding-left:0!important;flex-wrap:wrap}
.footer__title {color:var(--heading-color);margin-block:0 var(--ev-space-m)}
.footer__title::first-letter {text-transform:uppercase}
.footer li {margin-bottom:var(--ev-space-m);line-height:1}
.footer #scrollToTop {display:inline-block!important;background-color:#fff0;border:hidden}
.footer__social-media-item[data-link="#"] {display:none}
.footer .icon {--icon-height:20px}
.footer__title b,.footer__copyright-text a {color:var(--ev-primary)!important}
.footer__column .footer__title {position:relative}
.footer__column:not(:first-child) .footer__title::before {content:"";position:absolute;width:70px;height:2px;background:var(--ev-primary);border-radius:100vmax;bottom:-2px;left:0;z-index:-1}.split {  display: grid;  grid-template-columns: 1fr 1fr;  align-items: stretch;}.split-media {  position: relative;  min-height: 500px;  background: var(--ev-border-color);}.split-media img {  width: 100%;  height: 100%;  object-fit: cover;}.split-stamp {  position: absolute;  top: var(--ev-space-m);  right: var(--ev-space-m);  display: flex;  background: #fff;  padding: var(--ev-space-2xs) var(--ev-space-xs);  border-radius: var(--ev-border-radius);  box-shadow: var(--ev-shadow-md);}.split-stamp img {  width: auto;  height: 44px;  object-fit: contain;}.split-copy {  display: flex;  flex-direction: column;  justify-content: center;  padding: var(--ev-space-3xl) var(--ev-space-2xl);}.split .eyebrow {  font-size: .74rem;  font-weight: 800;  letter-spacing: .12em;  text-transform: uppercase;  color: var(--ev-secondary);  margin-bottom: var(--ev-space-xs);}.split .section-title {  font-size: var(--ev-step-5);  line-height: 1.08;  letter-spacing: -.035em;  color: var(--ev-heading-color);  max-width: 830px;  margin-bottom: 0;}.split .section-subtitle {  margin-top: var(--ev-space-s);  max-width: 760px;  color: var(--ev-text-color);  font-size: 1rem;  line-height: 1.72;}.split .section-subtitle p {  margin-bottom: 0;  color: inherit;}.split.dark .split-copy {  background: var(--ev-dark);  color: #fff;}.split.dark .eyebrow {  color: var(--ev-primary);}.split.dark .section-title {  color: #fff;}.split.dark .section-subtitle {  color: rgba(255, 255, 255, .63);}.split.dark .section-subtitle strong {  color: #fff;}.split-cta {  margin-top: var(--ev-space-m);}@media (max-width: 1020px) {  .split {    grid-template-columns: 1fr;  }  .split-media {    min-height: 420px;  }}@media (max-width: 760px) {  .split-media {    min-height: 0;    aspect-ratio: 4/3;  }  .split-copy {    padding: var(--ev-space-2xl) var(--ev-space-m);  }  .split-stamp img {    height: 34px;  }}.eyebrow {  font-size: .74rem;  font-weight: 800;  letter-spacing: .12em;  text-transform: uppercase;  color: var(--ev-secondary);  margin-bottom: var(--ev-space-xs);}.section-title {  font-size: var(--ev-step-5);  line-height: 1.08;  letter-spacing: -.035em;  color: var(--ev-heading-color);  max-width: 830px;  margin-bottom: 0;}
/* ==========================================================================
   Objets "Expert en audit energetique" (8871) et "Pourquoi faire appel a MAR"
   (8872) -- polish visuel (ombre sur l'image, alternance de fond) + correction
   d'un bug d'espacement : la bande "Maximisez vos aides financieres" (8855)
   qui suit directement 8872 avait sa marge haute forcee a 0 sur l'accueil
   (regle #home .callout-image-bg{margin-top:unset!important}), collant les
   deux sections l'une a l'autre sans aucun espace. Cette regle generale reste
   utile pour d'autres emplacements de .callout-image-bg ; on restaure la
   marge uniquement pour CETTE instance precise (double id = plus specifique).
   ========================================================================== */
#home #callout_image_bg-8855 {
  margin-top: var(--ev-space-3xl) !important;
}
.paragraph__item--Droite .paragraph__image,
.paragraph__item--Gauche .paragraph__image {
  box-shadow: var(--ev-shadow-md);
}
#paragraph_droite-8872 {
  background: var(--ev-light);
}

/* ==========================================================================
   Video (objet 8865) -- passait en pleine largeur (aucun .container, aucune
   mise en forme) contrairement a toutes les autres sections du site.
   ========================================================================== */
.callout-video {
  padding-block: var(--ev-space-2xl);
}
.callout-video__frame {
  border-radius: var(--ev-border-radius);
  overflow: hidden;
  box-shadow: var(--ev-shadow-lg);
  line-height: 0;
}
.callout-video__frame video {
  display: block;
}

/* ==========================================================================
   Bandeau cookies (objet 8846) -- aucune regle CSS n'existait pour ce
   composant : il s'affichait en HTML brut, sans mise en forme ni positionnement,
   poussant le contenu de la page. Le JS (objet.js) attend un etat masque par
   defaut (affichage differe via $cookieConsent.slideDown() apres 1s, ou hide()
   si un consentement existe deja) -> display:none tant que le JS n'agit pas.
   ========================================================================== */
.cookie-consent {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: var(--ev-space-m);
  transform: translateX(-50%);
  width: min(calc(100% - var(--ev-space-m) * 2), 760px);
  background: var(--ev-body-bg);
  border: var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);
  border-radius: var(--ev-border-radius);
  box-shadow: var(--ev-shadow-lg);
}
.cookie-content {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "image header actions" "image body actions";
  align-items: center;
  gap: var(--ev-space-3xs) var(--ev-space-s-m);
  padding: var(--ev-space-m) var(--ev-space-l);
}
.cookie-image {
  grid-area: image;
  align-self: start;
  width: 48px;
  flex-shrink: 0;
  margin-bottom: 0;
}
.cookie-image img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.cookie-header {
  grid-area: header;
}
.cookie-title {
  font-size: var(--ev-step-0);
  font-weight: var(--ev-heading-font-weight);
  color: var(--ev-heading-color);
  margin-bottom: 0;
}
.cookie-text {
  grid-area: body;
}
.cookie-description {
  font-size: var(--ev-step--1);
  color: var(--ev-text-color);
  line-height: 1.5;
}
.cookie-link-wrapper {
  display: inline-block;
  margin-top: var(--ev-space-3xs);
}
.cookie-link {
  font-size: var(--ev-step--1);
  color: var(--ev-secondary) !important;
  text-decoration: underline !important;
}
.cookie-link:hover {
  color: var(--ev-primary) !important;
}
.cookie-actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  gap: var(--ev-space-3xs);
  flex-shrink: 0;
}
.cookie-btn {
  white-space: nowrap;
}
.cookie-close {
  position: absolute;
  top: var(--ev-space-2xs);
  right: var(--ev-space-2xs);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--ev-text-color);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}
.cookie-close:hover {
  background: rgba(var(--ev-dark-rgb), 0.06);
  color: var(--ev-heading-color);
}
@media (max-width: 700px) {
  .cookie-consent {
    top: calc(var(--ev-space-s) + 62px);
    bottom: auto;
    left: var(--ev-space-s);
    right: var(--ev-space-s);
    transform: none;
    width: auto;
  }
  .cookie-content {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "image header" "image body" "actions actions";
    padding: var(--ev-space-s-m);
  }
  .cookie-actions {
    flex-direction: row;
    margin-top: var(--ev-space-2xs);
  }
  .cookie-actions .btn {
    flex: 1 1 0;
  }
}

/* ===== Ajout : grille grid-standard sans image (évite le chevauchement -8% pensé pour une image) ===== */
.grid-standard__item-text{margin-top:var(--ev-space-m)}
.grid-standard__item:has(.grid-standard__item-image) .grid-standard__item-text{margin-top:-8%}

/* ===== Ajout : callout-color-bg, choix de couleur de fond (classe posée en plus de "inside"/"outside") ===== */
.callout-color-bg.bg-choice-primary .callout-color-bg__content{background-color:hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) - 25%))}
.callout-color-bg.bg-choice-primary .callout-color-bg__title,
.callout-color-bg.bg-choice-primary .callout-color-bg__description{color:#fff}
.callout-color-bg.bg-choice-primary .btn-primary{--btn-bg:#fff;--btn-color:var(--ev-heading-color);--btn-border-color:#fff}

.callout-color-bg.bg-choice-dark .callout-color-bg__content{background-color:var(--ev-dark)}
.callout-color-bg.bg-choice-dark .callout-color-bg__title,
.callout-color-bg.bg-choice-dark .callout-color-bg__description{color:#fff}
.callout-color-bg.bg-choice-dark .btn-primary{--btn-bg:var(--ev-primary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-primary)}

.callout-color-bg.bg-choice-light .callout-color-bg__content{background-color:hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) + 36%))}
.callout-color-bg.bg-choice-light .callout-color-bg__title,
.callout-color-bg.bg-choice-light .callout-color-bg__description{color:var(--ev-heading-color)}


/* ===== Ajout : coins arrondis sur callout-color-bg, alignés sur le rayon des boutons CTA ===== */
.callout-color-bg__content{border-radius:var(--ev-btn-border-radius, var(--ev-border-radius))}

/* ===== Ajout : grid-standard - choix de couleur de fond (meme logique que callout-color-bg) ===== */
.grid-standard[class*="bg-choice-"]{padding-block:var(--ev-space-2xl)}

.grid-standard.bg-choice-primary .grid-standard__item-text{background-color:var(--ev-secondary)}



.grid-standard.bg-choice-dark{background-color:var(--ev-dark)}
.grid-standard.bg-choice-dark .grid-standard__item-text{background-color:var(--ev-dark)}
.grid-standard.bg-choice-dark .grid-standard__title,
.grid-standard.bg-choice-dark .grid-standard__item-title,
.grid-standard.bg-choice-dark .grid-standard__item-description{color:#fff}
.grid-standard.bg-choice-dark .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}

.grid-standard.bg-choice-light{background-color:var(--ev-primary)}
.grid-standard.bg-choice-light .grid-standard__item-text{background-color:var(--ev-primary)}
.grid-standard.bg-choice-light .grid-standard__title,
.grid-standard.bg-choice-light .grid-standard__subtitle,
.grid-standard.bg-choice-light .grid-standard__item-title,
.grid-standard.bg-choice-light .grid-standard__item-description{color:var(--ev-heading-color)}
.grid-standard.bg-choice-light .btn-primary{--btn-bg:var(--ev-secondary);--btn-color:var(--ev-dark);--btn-border-color:var(--ev-secondary)}

/* ===== Ajout : grid-standard - barre verte a gauche quand le bloc n'a pas d'image ===== */
.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{border-left:4px solid var(--ev-secondary)}

/* ===== Ajout : grid-standard - champ Icone (meme principe que about-banner__item-icon) ===== */
.grid-standard__item-icon{width:fit-content;height:fit-content;padding:var(--ev-space-xs);background-color:var(--ev-body-bg);border:1px solid var(--ev-primary);border-radius:var(--ev-border-radius);margin-bottom:var(--ev-space-s)}
.grid-standard__item-icon .icon{--icon-height:24px}

/* ===== Correction : grid-standard sans image - supprime le fond blanc de .grid-standard__item
   qui transparaissait autour de la carte (marge -top/-right pensees pour une image absente ici) ===== */
.grid-standard__item:not(:has(.grid-standard__item-image)){background:transparent}
.grid-standard__item:not(:has(.grid-standard__item-image)) .grid-standard__item-text{margin:0;border-radius:var(--ev-border-radius)}

/* ===== Ajout : process - nombre de blocs par ecran (memes 3 champs que grid-standard),
   repli local 1/1/2 pour preserver l'affichage actuel des objets qui ne posent pas ces variables ===== */
.process__body{grid-template-columns:repeat(var(--grid-columns-sm, 1), 1fr)}
@media (min-width: 768px) and (max-width: 1199px){.process__body{grid-template-columns:repeat(var(--grid-columns-md, 1), 1fr)}}
@media (min-width: 1200px){.process__body{grid-template-columns:repeat(var(--grid-columns-lg, 2), 1fr)}}

/* ===== Correction : process - icone vide -> pas de rond vert vide, contenu pleine largeur ===== */
.process__item:not(:has(.process__item-figure .icon)) .process__item-figure{display:none}
.process__item:not(:has(.process__item-figure .icon)){grid-template-columns:1fr;grid-template-areas:"content";column-gap:0}

/* ===== Correction : process - espacement vertical entre les blocs quand ils passent a la ligne
   (tablette/mobile) - aucun row-gap n'existait, le texte de description touchait le bloc suivant ===== */
.process__body{row-gap:var(--ev-space-2xl)}

/* ===== Ajout : process - afficher/masquer la numerotation ===== */
.process.hide-numbering .process__item-step{display:none}

/* ===== Ajout : process - couleur de la numerotation (defaut = sans fond, inchange) ===== */
.process.num-primary .process__item-step{background:var(--ev-primary);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}
.process.num-primary .process__item-step::before{color:var(--ev-heading-color)}
.process.num-dark .process__item-step{background:var(--ev-dark);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}
.process.num-dark .process__item-step::before{color:#fff}

/* ===== Correction : process - le badge de numero et le bloc titre+description n'avaient
   aucune regle flex-grow/shrink/align-self. Consequence en ligne (>=992px) : le badge
   s'etirait en hauteur pour egaler son voisin, et le texte de description se faisait
   comprimer au lieu de prendre toute la largeur disponible. ===== */
.process__item-step{align-self:flex-start;flex-shrink:0}
.process__item-body{flex:1 1 0%;min-width:0}

/* ===== Correction : process - column-gap standardise (etait --ev-space-5xl, tres large,
   laissait de gros vides entre les blocs a 3 colonnes) sur var(--ev-grid-gutter), le
   meme gouttiere que grid-standard/grid-activity utilisent deja partout ailleurs. ===== */
.process__body{column-gap:var(--ev-grid-gutter)}

/* ===== Correction : grid-standard - icone de bloc sans encadre vert, plus grande pour la lisibilite ===== */
.grid-standard__item-icon{border:none;background:none;padding:0}
.grid-standard__item-icon .icon{--icon-height:40px}

/* ===== Ajout : grid-standard - couleur des icones adaptee sur fond colore (blanc sur vert/noir) ===== */

.grid-standard.bg-choice-dark .grid-standard__item-icon .icon{--icon-color:#fff}

/* ============================================================================
   Nouveau composant "realisation" (etude de cas chantier) -- inspire de la
   maquette design-4-data-roi.html, reconstruit avec les tokens reels du site
   (--ev-*, mêmes classes d-grid/grid-header/grid-title/subtitle/grid-paragraph
   que grid-standard et process pour un rendu de titre coherent avec le reste
   de la page).
   ============================================================================ */
.realisation{overflow:hidden}
.realisation__header{margin-bottom:var(--ev-space-l)}

/* bandeau meta (4 cellules) */
.realisation__meta{display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;background:var(--ev-border-color);border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);overflow:hidden;margin-top:var(--ev-space-l)}
.realisation__meta-item{background:var(--ev-body-bg);padding:var(--ev-space-s) var(--ev-space-m);display:flex;flex-direction:column;gap:var(--ev-space-3xs)}
.realisation__meta-key{font-size:var(--ev-step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ev-senary)}
.realisation__meta-val{font-weight:var(--ev-heading-font-weight);color:var(--ev-heading-color)}
.realisation__meta-val.accent{color:var(--ev-secondary)}
@media (max-width: 767px){.realisation__meta{grid-template-columns:repeat(2, 1fr)}}

/* photos (placeholder tant qu'aucune vraie photo de chantier n'est fournie) */
.realisation__photos{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--ev-grid-gutter);margin-top:var(--ev-space-l)}
.realisation__photo{border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);overflow:hidden;background:var(--ev-body-bg)}
.realisation__photo-img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block}
.realisation__photo figcaption{padding:var(--ev-space-s) var(--ev-space-m)}


.realisation__photo-title{display:block !important;visibility:visible !important;opacity:1 !important;color:var(--ev-heading-color) !important}.realisation__photo-title a{display:inline !important;visibility:visible !important;color:inherit !important;text-decoration:none}.realisation__photo-title a:hover{color:var(--ev-secondary) !important}.realisation__photo-desc{color:var(--ev-text-color);line-height:var(--ev-text-line-height)}


@media (max-width: 767px){.realisation__photos{grid-template-columns:1fr}}

/* resultats mesures */
.realisation__results{border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);padding:var(--ev-space-l);margin-top:var(--ev-space-l);background:var(--ev-body-bg);display:grid;grid-template-columns:1fr 1fr;gap:var(--ev-space-xl);align-items:center}
@media (max-width: 767px){.realisation__results{grid-template-columns:1fr}}
.realisation__results-title{font-family:var(--ev-heading-font-family);font-weight:var(--ev-heading-font-weight);font-size:var(--ev-step-2);color:var(--ev-heading-color);margin-bottom:var(--ev-space-2xs)}
.realisation__results-sub{font-size:var(--ev-step-0);color:var(--ev-senary);max-width:70ch;padding-bottom:var(--ev-space-m)}
.realisation__results-grid{--results-columns: var(--results-columns-sm, 2);display:grid;grid-template-columns:repeat(var(--results-columns), 1fr);gap:var(--ev-border-width);margin-top:var(--ev-space-m);background:var(--ev-border-color);border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);overflow:hidden}
@media(min-width: 768px){.realisation__results-grid{--results-columns: var(--results-columns-md, 2)}}
@media(min-width: 992px){.realisation__results-grid{--results-columns: var(--results-columns-lg, 4)}}
.realisation__result{display:flex;flex-direction:column;background:var(--ev-body-bg);padding:var(--ev-space-m)}
.realisation__result-num{font-size:var(--ev-step-4);font-weight:var(--ev-heading-font-weight);color:var(--ev-heading-color);line-height:1}
.realisation__result-lbl{font-size:var(--ev-step--1);color:var(--ev-text-color);margin-top:var(--ev-space-3xs);margin-bottom:var(--ev-space-s)}
.realisation__gauge{height:6px;border-radius:100vmax;background:var(--ev-light);overflow:hidden}
.realisation__gauge span{display:block;height:100%;background:var(--ev-secondary);border-radius:100vmax}
.realisation__gauge-scale{display:flex;justify-content:space-between;font-size:var(--ev-step--2);color:var(--ev-senary);margin-top:var(--ev-space-3xs)}
.realisation__gauge-flag{display:inline-block;font-size:var(--ev-step--2);color:var(--ev-secondary);margin-top:var(--ev-space-2xs)}




/* ===== Correction : process - row-gap trop grand en mobile (empile 1 colonne), reduit specifiquement sous 768px ===== */
@media (max-width: 767px){.process__body{row-gap:0}.process__item{padding-block:var(--ev-space-s)}}

/* ============================================================================
   Icone devant le sous-titre -- pattern generique reutilisable partout ou un
   sous-titre existe (demande explicite : coherence sur tout le site). Taille
   en em (relative au texte du sous-titre) pour qu'elle suive automatiquement,
   pas de position absolue -> ne "derive" jamais du texte.
   ============================================================================ */


.grid-partner {  overflow: hidden;}
.grid-partner__body {  display: flex;  column-gap: var(--ev-grid-gutter);  flex-wrap: wrap;  place-content: center;  border-bottom: 1px solid var(--ev-border-color);  padding-block: var(--ev-space-2xl);}
.grid-partner__body-wrapper {  background: var(--ev-light);  margin-top: unset !important;}
.grid-partner__image {  height: 120px;  min-width: 120px;}
.grid-partner__image img {  height: 120px;  opacity: 0.7;  filter: grayscale(1);  transform: scale(0.8);  transition: all 300ms ease-in;}
@media (width > 992px) {  .grid-partner__image {    height: 70px;    min-width: 70px;  }  .grid-partner__image img {    height: 70px;  } }
.grid-partner__item:hover .grid-partner__image img {  opacity: 1;  filter: grayscale(0);  transform: scale(1);}
.grid-partner__image img {  object-fit: contain;}
#grid_partner-8982 .grid-partner__body-wrapper {  background: transparent;}
#grid_partner-8982 .grid-partner__image img {  opacity: 1;  filter: grayscale(0);}
#grid_partner-8863 .grid-partner__body {  place-content: space-between;  border-bottom: 0;  padding-block: var(--ev-space-l);  margin-top: var(--ev-space-s-m);}
@media (width > 992px) {  #grid_partner-8863 .grid-partner__image img {    height: 88px;  }  #grid_partner-8863 .grid-partner__image {    height: 88px;  } }
@media (min-width: 1200px) {  #grid_partner-8982 .grid-partner__body {    place-content: space-between;  } }
@media (max-width: 991px){  #grid_partner-8863 .grid-partner__body{    place-content: space-evenly;  } }
#grid_partner-8982 .grid-partner__header-wrapper {  padding-top: var(--ev-space-2xl);}
.realisation__meta-item:has(.realisation__meta-val:empty){display:none}
/* Choix de couleur des blocs meta (Maitre d.ouvrage / Locaux traites / Volume...) : noir ou vert, meme config que .grid-standard.bg-choice-* */










/* Harmonisation du bloc "Resultats mesures" avec le choix de couleur (noir/vert) du reste de la section */
.realisation__results.bg-choice-dark{background:var(--ev-dark);border-color:rgba(255,255,255,.12)}
.realisation__results.bg-choice-dark .realisation__results-title{color:#fff}
.realisation__results.bg-choice-dark .realisation__results-sub{color:#fff}
.realisation__results.bg-choice-dark .realisation__results-grid{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12)}
.realisation__results.bg-choice-dark .realisation__result{background:var(--ev-dark)}
.realisation__results.bg-choice-dark .realisation__result-num{color:var(--ev-secondary)}
.realisation__results.bg-choice-dark .realisation__result-lbl{color:#fff}
.realisation__results.bg-choice-light{background:var(--ev-primary);border-color:rgba(0,0,0,.12)}
.realisation__results.bg-choice-light .realisation__results-title{color:var(--ev-heading-color)}
.realisation__results.bg-choice-light .realisation__results-sub{color:var(--ev-heading-color);opacity:.7}
.realisation__results.bg-choice-light .realisation__results-grid{background:rgba(0,0,0,.12);border-color:rgba(0,0,0,.12)}
.realisation__results.bg-choice-light .realisation__result{background:var(--ev-primary)}
.realisation__results.bg-choice-light .realisation__result-num{color:var(--ev-heading-color)}
.realisation__results.bg-choice-light .realisation__result-lbl{color:var(--ev-heading-color);opacity:.7}
.realisation__meta:not(:has(.realisation__meta-val:not(:empty))){display:none}
.realisation__results-title:empty{display:none}
.realisation__results-sub:empty{display:none;padding-bottom:0;border-bottom:0}
.grid-paragraph:has(> p:only-child:empty){display:none}
.d-grid.grid-header:has(> .grid-paragraph > p:only-child:empty){grid-template-areas:"subtitle" "title" "nav" !important}
.realisation__result:has(.realisation__result-num:empty){display:none}
.realisation__results:not(:has(.realisation__results-title:not(:empty))):not(:has(.realisation__result)){display:none}
.bg-choice-dark .subtitle::before{z-index:0}
.callout-color-bg.no-illustration .callout-color-bg__content::before{content:none !important;}@media (max-width: 767px){#callout_color_bg-8878 .callout-color-bg__content::before{content:none !important}}
.callout-color-bg.outside .callout-color-bg__content{padding:var(--ev-space-2xl)}
.callout-color-bg__content:has(.callout-color-bg__logo){display:flex;align-items:center;flex-wrap:wrap;gap:var(--ev-space-xl)}
.callout-color-bg__content:has(.callout-color-bg__logo--right){flex-direction:row-reverse}
.callout-color-bg__content:has(.callout-color-bg__logo) .d-grid.grid-header{flex:1 1 320px;min-width:0}
.callout-color-bg__logo{margin:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:120px;width:auto}
.callout-color-bg__logo img{height:100%;width:auto;max-width:100%;object-fit:contain}
.callout-color-bg__logo--lg{height:160px}
@media (max-width: 767px){
  .callout-color-bg__content:has(.callout-color-bg__logo){flex-direction:column !important;align-items:flex-start}
  .callout-color-bg__content:has(.callout-color-bg__logo) .d-grid.grid-header{flex:1 1 auto}
  .callout-color-bg__logo{height:64px;order:-1}
  .callout-color-bg__logo--lg{height:80px}
}
#grid_partner-8982 .grid-partner__image, #grid_partner-8982 .grid-partner__image img{height:56px;min-width:56px}
@media (min-width: 576px) and (max-width: 992px){
  #grid_partner-8982 .grid-partner__image, #grid_partner-8982 .grid-partner__image img{height:64px;min-width:64px}
}
.callout-color-bg .d-grid.grid-header[data-header-align="start"]{grid-template-areas:"subtitle" "title" "paragraph" "nav";grid-template-columns:1fr}

/* 1. Agrandissement des logos "Une expertise encadree..." en desktop uniquement */
@media (width > 992px){
  #grid_partner-8982 .grid-partner__image,#grid_partner-8982 .grid-partner__image img{height:90px;min-width:90px}
}

/* 2. Responsive mobile/tablette manquant pour "Ils ont choisi Quick Renov" (meme traitement que 8982) */
#grid_partner-8863 .grid-partner__image,#grid_partner-8863 .grid-partner__image img{height:56px;min-width:56px}
@media (min-width: 576px) and (max-width: 992px){
  #grid_partner-8863 .grid-partner__image,#grid_partner-8863 .grid-partner__image img{height:64px;min-width:64px}
}

/* 3. Espacement de la section video aligne sur les autres sections (marge excessive supprimee) */
#callout_video-8865{margin-top:0 !important}

/* 4. Icone du sous-titre hero trop loin du texte : boite reduite au contenu, centree */
.hero__subtitle{width:fit-content;margin-inline:auto}

/* Puces <ul> : restauration de la vraie config quick-renov.fr (petit point via --icon-width/height), juste agrandie */
ul:not(.list-style-none,.filepond--list) li{--icon-width:9px;--icon-height:9px}
.navbar .nav-item.active .nav-link{color:hsl(var(--ev-primary-hue), var(--ev-primary-saturation), calc(var(--ev-primary-lightness) - 15%)) !important}
/* Boutons du header (outline) : balayage au survol en vert (au lieu du fonce, invisible sur la topbar sombre), texte fonce au survol pour le contraste */
.btn--header.btn-outline-primary::before,.btn--header.btn-outline-primary::after{background-color:var(--ev-primary) !important}
.btn--header.btn-outline-primary:hover{color:var(--ev-dark) !important;border-color:var(--ev-primary) !important}
/* Icones "Pourquoi nous faire confiance" : centrage correct dans l'encadre arrondi (place-items:start -> center) */
#grid_icon-8849 .grid-icon__item-icon{display:grid;place-items:center;height:auto}
/* Mobile/tablette : afficher le contenu de tous les blocs (pas de survol possible au toucher) */
@media (max-width: 992px){
  #grid_icon-8849 .grid-icon__item-description{display:block !important}
}
/* "Pourquoi nous faire confiance" : la section occupe tout le container fluide du site (comme .container-fluid : pleine largeur, marge --ev-space-2xl, sans plafond de largeur) */
#grid_icon-8849 .container{max-width:none !important;padding-inline:var(--ev-space-2xl) !important;margin-inline:auto !important}

/* Espace excessif entre la fin du contenu dynamique et la section CTA finale, sur mobile */
@media (max-width: 767px){.main-content{margin-bottom:var(--ev-space-2xl)}}
/* Espacement des listes a puces (avant/apres/entre les items) : sinon la liste est collee au texte ou au bouton CTA suivant */
ul:not(.list-style-none,.filepond--list),.bullet-list{margin-block:var(--ev-space-xs) var(--ev-space-m)}
ul:not(.list-style-none,.filepond--list) li,.bullet-list li{margin-bottom:var(--ev-space-2xs)}
ul:not(.list-style-none,.filepond--list) li:last-child,.bullet-list li:last-child{margin-bottom:0}
/* ===== Header : logo a gauche sur deux lignes, bandeau + menu a droite ===== */
.header-sticky .header-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:stretch;background:#fff}
.header-sticky .header-brand{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;padding-inline:var(--ev-space-s);background:#fff}
.header-sticky .header-brand .navbar-brand-link{display:flex;align-items:center}
.header-sticky .header-brand .qr-logo{display:block;height:72px;width:auto}

/* Burger et bouton d'appel : mobile uniquement. */
.header-sticky .navbar-toggler,
.header-sticky .header-call{display:none}

/* Bandeau : le fond sombre s'arrete au contenu, pas de noir avant le telephone. */
.header-sticky .header-cta-band{grid-column:2;grid-row:1;background:#fff0;border-bottom:0}
.header-sticky .header-cta-band__inner{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap;gap:0;padding:0;width:fit-content;margin-left:auto;background:#0A0D15}
.header-sticky .header-cta-band__inner .header-cta-phone{padding:var(--ev-space-2xs) var(--ev-space-s)}
.header-sticky .header-cta-band .navbar-cta{display:flex;flex-wrap:nowrap;gap:0}
.header-sticky .header-cta-band .btn--header{border:0;border-left:1px solid rgb(255 255 255 / .18);border-radius:0;padding:var(--ev-space-2xs) var(--ev-space-s);text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;white-space:nowrap}
.header-sticky .header-cta-band .btn--header.btn-outline-primary{background:#fff0;color:#fff}
.header-sticky .header-cta-band .btn--header.btn-primary{background:var(--ev-primary);color:#06100A}

/* Menu : centre, fond blanc pur. */
.header-sticky .header-grid>.navbar{grid-column:2;grid-row:2;background:#fff;box-shadow:none}
.header-sticky .header-grid>.navbar .navbar-wrapper{display:flex;justify-content:center;grid-template-columns:none;background:#fff}
.header-sticky .header-grid>.navbar #navRender{width:auto}

/* ===== Mobile : burger a gauche, logo au centre, appel a droite — une seule rangee.
   Le menu reste dans le DOM sous cette rangee : c'est lui que le burger deplie
   (#navbarSupportedContent, injecte par navContent dans #navRender).
   Format des deux boutons repris du site de reference : carres pleins de 46 px
   (44 sous 390 px), angles droits, icone SVG de 21 px en stroke:currentColor. ===== */
@media (max-width:991.98px){
  .header-sticky .header-grid{grid-template-columns:46px minmax(0,1fr) 46px;column-gap:10px;align-items:center;padding-inline:12px;min-height:74px}

  .header-sticky .navbar-toggler,
  .header-sticky .header-call{display:grid;place-items:center;grid-row:1;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;margin:0;border-radius:0;box-shadow:none;cursor:pointer;line-height:1;text-decoration:none}
  .header-sticky .navbar-toggler svg,
  .header-sticky .header-call svg{width:21px;height:21px;display:block;stroke:currentColor}

  /* Le neutre a gauche, l'accent a droite — meme opposition que la reference,
     avec les couleurs du projet. */
  .header-sticky .navbar-toggler{grid-column:1;justify-self:start;background:#0A0D15;border:1px solid #0A0D15;color:#fff}
  .header-sticky .header-call{grid-column:3;justify-self:end;background:var(--ev-primary);border:1px solid var(--ev-primary);color:#06100A}

  .header-sticky .header-brand{grid-column:2;grid-row:1;justify-self:center;justify-content:center;width:100%;padding-inline:0;margin:0}
  .header-sticky .header-brand .qr-logo{height:auto;width:min(200px,calc(100vw - 136px));margin:0 auto}
  .header-sticky .header-cta-band{display:none}
  .header-sticky .header-grid>.navbar{grid-column:1 / -1;grid-row:2;padding:0}
  .header-sticky .header-grid>.navbar .navbar-wrapper{justify-content:flex-start}
}

/* Petits ecrans : la reference descend a 44 px pour degager le logo. */
@media (max-width:389.98px){
  .header-sticky .header-grid{grid-template-columns:44px minmax(0,1fr) 44px;column-gap:8px;padding-inline:10px}
  .header-sticky .navbar-toggler,
  .header-sticky .header-call{width:44px;height:44px;min-width:44px;min-height:44px}
  .header-sticky .header-brand .qr-logo{width:min(180px,calc(100vw - 124px))}
}


/* hero */
.hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hero .bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(1) rotate(0deg);
  transition:
    opacity 1s ease-in-out,
    transform 8s ease-in-out;
  z-index: -2;
}
.hero .bg-layer.active {
  opacity: 1;
  transform: scale(1.12) rotate(1deg);
  z-index: -3;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(29, 56, 5, 0.73);
  z-index: -1;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/hero-shape-5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
  animation: moveLeftRight 2s ease-in-out infinite;
}
@keyframes moveLeftRight {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
}

.hero__content {
  color: white;
}

.hero__content {
  --header-height: 140px;
  display: grid;
  min-height: calc(100vh - var(--header-height));
  min-height: calc(100dvh - var(--header-height));
}
.hero__content[data-content-align="center"] {
  text-align: center;
  margin-inline: auto;
  place-items: center;
}
.hero__content[data-content-align="center"] .hero__cta {
  width: fit-content;
  margin-inline: auto;
  place-content: center;
}
.hero__content[data-content-align="start"] {
  text-align: center;
}
.hero__content[data-content-align="start"] .hero__cta.grid-cta {
  margin-inline: auto;
}
.hero__grid {
  grid-template-areas: "subtitle " "title    " "author   " "paragraph" "cta      ";
  place-content: center;
  padding-block: var(--ev-space-xl);
  position: relative;
  z-index: 10;
}
.hero__title {
  margin-bottom: var(--ev-space-m);
}
.hero__subtitle {
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: var(--ev-step-1) !important;
}
.hero__description {
  font-size: var(--ev-step-1);
}
.hero__cta {
  margin-top: var(--ev-space-m);
}
.hero .btn-primary,
.hero .btn-outline-primary {
  position: relative;
  --btn-hover-color: var(--ev-heading-color) !important;
  --btn-hover-border-color: var(--ev-body-bg);
}

.hero .btn-primary:hover,
.hero .btn-outline-primary:hover {
  color: var(--ev-heading-color) !important;
}
.hero .btn-primary::before,
.hero .btn-outline-primary::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 0%;
  background-color: var(--ev-body-bg);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.hero .btn-primary::after,
.hero .btn-outline-primary::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 0%;
  background-color: var(--ev-body-bg);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero .btn-primary:hover::before,
.hero .btn-primary:hover::after,
.hero .btn-outline-primary:hover::before,
.hero .btn-outline-primary:hover::after {
  width: 50%;
}
.hero .subtitle::before {
  content: unset;
}
.hero .swiper-button-prev,
.hero .swiper-button-next {
  background: rgba(255, 255, 255, 0.3);
  border: var(--ev-border-width) var(--ev-border-style) rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
}
.hero__content {
  position: relative;
}
.hero .swiper-button-prev {
  position: absolute !important;
  inset: 0;
  top: calc(50% + 75px) !important;
  left: 1% !important;
}
.hero .swiper-button-next {
  position: absolute !important;
  inset: 0;
  top: calc(50% + 75px) !important;
  right: 1% !important;
}
.hero__title {
  --ev-step-8: clamp(2.2451rem, 1.8289rem + 2.0808vw, 4.2998rem);
  font-size: var(--ev-step-8);
}
@media (max-width: 479px) {
  .hero__title {
    font-size: var(--ev-step-5) !important;
  }
  .hero__subtitle {
    font-size: var(--ev-step-1) !important;
  }
   .hero__grid{
    text-align: left;
  } 
}

.hero__content {
  --header-height: 262px;
}
.hero__grid {
  max-width: 1000px;
  margin-inline: auto;
}

.hero__title {
  line-height: 1.2;
}
.hero__grid {
  transform: translateY(calc(0px - var(--ev-space-xl)));
}
.hero__subtitle{
  padding-left: unset !important;
}


/* map */
.map {  background-color: var(--ev-light);  width: 100%;  overflow: hidden;}.map__container {  position: relative;  width: 100%;  aspect-ratio: 16/3;  overflow: hidden;}.map__content {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.map__content iframe {  width: 100%;  height: 100%;  border: none;}@media (max-width: 768px) {  .map .map__container {    aspect-ratio: 2/1;  }}

/* portfolio */
.portfolio {  overflow: hidden;}.portfolio__tags {  grid-area: tag;}.portfolio__tags .btn-tag.active {  background-color: var(--ev-primary);  color: var(--ev-heading-color);  border-color: var(--ev-primary);}.portfolio .d-grid.grid-header[data-header-align="start"] {  grid-template-areas: "subtitle" "title" "tag";  grid-template-columns: 1fr;}.portfolio .d-grid.grid-header[data-header-align="center"] {  grid-template-areas: "subtitle" "title" "paragraph" "tag";}.portfolio__item {  position: relative;  border-radius: var(--ev-border-radius);  overflow: hidden;}.portfolio__item-text {  position: absolute;  background-color: rgba(var(--ev-dark-rgb), 96%);  padding: var(--ev-space-m);  height: fit-content;  transform: scaleY(0);  transition: transform 250ms ease-in;  transform-origin: bottom;  margin-top: auto;  inset-inline: 0;  border-radius: var(--ev-border-radius) var(--ev-border-radius) 0 0;  bottom: 0;  grid-template-areas: "title" "paragraph" "cta";  place-content: center;  text-align: center;  place-items: center;}.portfolio__item-cta .btn {  aspect-ratio: 1/1;  display: grid;  place-content: center;  padding: var(--ev-space-xs-s);  background: transparent;  border-color: rgba(var(--ev-light-rgb), 10%);}.portfolio__item:hover .portfolio__item-text,.portfolio__item.active .portfolio__item-text {  transform: scaleY(100%);}.portfolio__item-image {  width: 100%;  margin-bottom: 0;}.portfolio__item-text * {  color: var(--ev-body-bg);}.portfolio__tags input {  display: none;}.portfolio__tags {  min-height: 36px;}

/* pragraph_droite */
#home .paragraph__item.paragraph__item--Droite {  margin-top: unset !important;  padding-top: var(--ev-space-2xl-3xl);  background-color: var(--ev-light);  position: relative;  z-index: 10;}.paragraph__header {  display: none;}#home .paragraph__header {  display: grid;  grid-template-areas:    "subtitle"    "title   ";  place-content: center;  text-align: center;}#home .paragraph__header-title{  margin-bottom: var(--ev-space-l-xl);}

/* pragraph_gauche */
#home .paragraph__item.paragraph__item--Gauche {  background-color: var(--ev-light);  margin-top: unset !important;  padding-bottom: var(--ev-space-3xl);}@media (max-width: 1200px) {  #home .paragraph__item.paragraph__item--Gauche {    padding-top: var(--ev-space-xl);  }}

/* price-plan */
.price-plan__feature-list li::before {  --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M369.164 174.77c7.813 7.812 7.813 20.476 0 28.285L234.992 337.23c-7.812 7.81-20.472 7.81-28.285 0l-63.871-63.875c-7.813-7.808-7.813-20.472 0-28.28 7.809-7.813 20.473-7.813 28.281 0l49.73 49.73L340.88 174.77c7.812-7.81 20.476-7.81 28.285 0zM512 256c0 141.504-114.516 256-256 256C114.496 512 0 397.484 0 256 0 114.496 114.516 0 256 0c141.504 0 256 114.516 256 256zm-40 0c0-119.395-96.621-216-216-216-119.395 0-216 96.621-216 216 0 119.395 96.621 216 216 216 119.395 0 216-96.621 216-216zm0 0'/%3E%3C/svg%3E");  --icon-width: 13px;  --icon-height: 13px;    margin-top: 0}.price-plan__item.primary {  --bg-color: var(--ev-primary, var(--ev-neutral));  --text-color: #fff;  --border-color: var(--ev-primary, var(--ev-neutral))}.price-plan__item.primary  .price-plan__feature-list li::before {  --icon-color: white;}.price-plan__header {  display: grid;}.price-plan__title {  font-size: var(--ev-step-3);}.price-plan__title,.price-plan__subtitle {  margin-block: 0 var(--ev-space-s);}.price-plan .btn {  width: 100%;  align-self: end}.price-plan .price {  display: flex;  align-items: center;  gap: .5rem;  padding-bottom: 1rem;  border-bottom: 1px solid var(--ev-border-color)}.price-plan__item {  display: grid;  border: 1px solid var(--ev-border-color, var(--ev-neutral-100));  padding: 1.5rem;  font-size: .85rem}.price-plan__item-title {	font-size: var(--ev-step-1);	margin-block: 0 var(--ev-space-3xs-2xs);}.price-plan__item ul {  padding-left: 0;  list-style-type: none}.price-plan__item.primary {  background-color: var(--bg-color);  border-color: var(--border-color)}.price-plan__item.primary * {  color: var(--text-color)}.price-plan__item.primary .btn-outline-primary {  --btn-bg: #fff}.price-plan .price__number {  color: var(--ev-primary)} .price-plan .price__unit::before {  content: '/'}.price-plan__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.price-plan__body {  display: grid;  gap: var(--ev-grid-gutter);  margin-top: var(--ev-space-l);  grid-template-columns: repeat(var(--grid-columns), 1fr);  counter-reset: price-plan-counter;}.price-plan__body  {  --grid-columns: var(--grid-columns-sm, 1);}@media (min-width: 769px) {  .price-plan__body  {    --grid-columns: var(--grid-columns-md, 2);  }  [data-align-content="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }}@media (min-width: 993px) {  .price-plan__body  {    --grid-columns: var(--grid-columns-lg, 3);  }}

/* process-20001 */
/* objet.css | https://projet-en-cours.devil-it-applications.fr/prod/quick-renov/public/assets/css/objet.css?v1=0.01 */.process__item-figure {  /* background: var(--ev-primary); */  background: top;}.process {  overflow: hidden;}.process__item {  position: relative;  z-index: 1;  padding-block: var(--ev-space-m);}.process__item-content {  display: flex;}.process__item-step::before {  font-size: var(--ev-step-5);  font-weight: var(--ev-heading-font-weight);  line-height: 1;}.process__body {  counter-reset: process-counter;  margin-top: var(--ev-space-s-m);}.process__item {  counter-increment: process-counter;}.process__item-step::before {  content: counter(process-counter, decimal-leading-zero);}.process__item {  display: grid;}.process__item-step::before {  width: var(--ev-step-6);  color: var(--ev-heading-color);}.process__item {  grid-template-columns: minmax(0, 140px) var(--ev-grid-gutter) 1fr;  grid-template-areas: "figure ..     content";  column-gap: var(--ev-space-l);}.process__item-content {  gap: var(--ev-space-l);  grid-area: content;}.process__item-figure {  grid-area: figure;}.process__item-figure img {  height: inherit;}.process__body {  display: grid;  column-gap: var(--ev-space-5xl);}.process__item-figure img {  object-fit: cover;}.process__item-figure {  border-radius: 100vmax 0 100vmax 100vmax;  overflow: hidden;  height: 100%;  width: 100%;}.process__item {  z-index: revert;}.process__item-figure {  background: var(--ev-primary);  position: relative;  height: fit-content;}.process__item {  grid-template-columns: minmax(0, 140px) var(--ev-space-2xl) 1fr;  column-gap: 0;}.process__item-figure::after {  content: "";  position: absolute;  inset: var(--ev-space-s);  border: 1px solid var(--ev-body-bg);  border-radius: 100vmax 0 100vmax 100vmax;}.process__item-figure .icon {  --icon-height: 40px;  --icon-color: var(--ev-body-bg);}.process__item-figure {  display: grid;  place-content: center;  place-self: center;}@media (width < 768px) {  .process__body {    grid-template-columns: 1fr;  }  .process__item {    grid-template-columns: 96px 1fr;    column-gap: var(--ev-space-xl);    grid-template-areas: "figure content";  }  .process__item-figure {    grid-area: figure;  }  .process__item-content {    grid-area: content;  }}@media (width < 992px) {  .process__item-content {    flex-direction: column;    place-content: center;  }}@media (width > 1200px) {  .process__body {    grid-template-columns: 1fr 1fr;  }}@media(max-width: 767px){  .process__item-figure .icon {  --icon-height: 22px;  }}.process__item-figure {  border: 1px solid #92dd4e4f;}.process__item-figure::after {  border: 1px solid #92dd4e6e;}.process__item-figure .icon {  --icon-height: 32px;  --icon-color: var(--ev-heading-color);}.process__item-figure::before {  content: "";  position: absolute;  inset: var(--ev-space-m-l);  background: var(--ev-primary);  border-radius: 100vmax 0 100vmax 100vmax;}.process__item-figure {  background: top;}#process-11055 div.process__item:nth-child(1) .process__item-content {	position: relative;	z-index: 1;}#process-11055 div.process__item:nth-child(1) .process__item-content::before{  position: absolute;  content: "";  inset: 0;  z-index: -1;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/logo-RGE-OPQIBI_1763132438.jpg);  background-repeat: no-repeat;  background-size: 20% auto;  background-position: right top;  top: -12px;  right: -40px;}@media (max-width: 400px) {  #process-11055 div.process__item:first-child .process__item-content::before {		background-size: 60% auto;		right: 100px;		top: -10px;	}}@media (min-width: 401px) and (max-width: 767px) {  #process-11055 div.process__item:first-child .process__item-content::before {		right: 0px;	}}@media (min-width: 992px) and (max-width: 1200px) {  #process-11055 div.process__item:first-child .process__item-content::before {    background-size: 18% auto;		top: -65px;    right: -25px;	}}@media (min-width: 1201px) and (max-width: 1394px) {  #process-11055 div.process__item:first-child .process__item-content::before {		background-size: 24% auto;		right: -33px;	}}.process__body{grid-template-columns:repeat(var(--grid-columns-sm, 1), 1fr)}@media (min-width: 768px) and (max-width: 1199px){.process__body{grid-template-columns:repeat(var(--grid-columns-md, 1), 1fr)}}@media (min-width: 1200px){.process__body{grid-template-columns:repeat(var(--grid-columns-lg, 2), 1fr)}}.process__item:not(:has(.process__item-figure .icon)) .process__item-figure{display:none}.process__item:not(:has(.process__item-figure .icon)){grid-template-columns:1fr;grid-template-areas:"content";column-gap:0}.process__body{row-gap:var(--ev-space-2xl)}.process.hide-numbering .process__item-step{display:none}.process.num-primary .process__item-step{background:var(--ev-secondary);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}.process.num-primary .process__item-step::before{color:var(--ev-heading-color)}.process.num-dark .process__item-step{background:var(--ev-dark);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}.process.num-dark .process__item-step::before{color:#fff}.process__item-step{align-self:flex-start;flex-shrink:0}.process__item-body{flex:1 1 0%;min-width:0}.process__body{column-gap:var(--ev-grid-gutter)}@media (max-width: 767px){.process__body{row-gap:var(--ev-space-m)}}

/* process-20003 */
/* objet.css | https://projet-en-cours.devil-it-applications.fr/prod/quick-renov/public/assets/css/objet.css?v1=0.01 */.process__item-figure {  /* background: var(--ev-primary); */  background: top;}.process {  overflow: hidden;}.process__item {  position: relative;  z-index: 1;  padding-block: var(--ev-space-m);}.process__item-content {  display: flex;}.process__item-step::before {  font-size: var(--ev-step-5);  font-weight: var(--ev-heading-font-weight);  line-height: 1;}.process__body {  counter-reset: process-counter;  margin-top: var(--ev-space-s-m);}.process__item {  counter-increment: process-counter;}.process__item-step::before {  content: counter(process-counter, decimal-leading-zero);}.process__item {  display: grid;}.process__item-step::before {  width: var(--ev-step-6);  color: var(--ev-heading-color);}.process__item {  grid-template-columns: minmax(0, 140px) var(--ev-grid-gutter) 1fr;  grid-template-areas: "figure ..     content";  column-gap: var(--ev-space-l);}.process__item-content {  gap: var(--ev-space-l);  grid-area: content;}.process__item-figure {  grid-area: figure;}.process__item-figure img {  height: inherit;}.process__body {  display: grid;  column-gap: var(--ev-space-5xl);}.process__item-figure img {  object-fit: cover;}.process__item-figure {  border-radius: 100vmax 0 100vmax 100vmax;  overflow: hidden;  height: 100%;  width: 100%;}.process__item {  z-index: revert;}.process__item-figure {  background: var(--ev-primary);  position: relative;  height: fit-content;}.process__item {  grid-template-columns: minmax(0, 140px) var(--ev-space-2xl) 1fr;  column-gap: 0;}.process__item-figure::after {  content: "";  position: absolute;  inset: var(--ev-space-s);  border: 1px solid var(--ev-body-bg);  border-radius: 100vmax 0 100vmax 100vmax;}.process__item-figure .icon {  --icon-height: 40px;  --icon-color: var(--ev-body-bg);}.process__item-figure {  display: grid;  place-content: center;  place-self: center;}@media (width < 768px) {  .process__body {    grid-template-columns: 1fr;  }  .process__item {    grid-template-columns: 96px 1fr;    column-gap: var(--ev-space-xl);    grid-template-areas: "figure content";  }  .process__item-figure {    grid-area: figure;  }  .process__item-content {    grid-area: content;  }}@media (width < 992px) {  .process__item-content {    flex-direction: column;    place-content: center;  }}@media (width > 1200px) {  .process__body {    grid-template-columns: 1fr 1fr;  }}@media(max-width: 767px){  .process__item-figure .icon {  --icon-height: 22px;  }}.process__item-figure {  border: 1px solid #92dd4e4f;}.process__item-figure::after {  border: 1px solid #92dd4e6e;}.process__item-figure .icon {  --icon-height: 32px;  --icon-color: var(--ev-heading-color);}.process__item-figure::before {  content: "";  position: absolute;  inset: var(--ev-space-m-l);  background: var(--ev-primary);  border-radius: 100vmax 0 100vmax 100vmax;}.process__item-figure {  background: top;}#process-11055 div.process__item:nth-child(1) .process__item-content {	position: relative;	z-index: 1;}#process-11055 div.process__item:nth-child(1) .process__item-content::before{  position: absolute;  content: "";  inset: 0;  z-index: -1;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/logo-RGE-OPQIBI_1763132438.jpg);  background-repeat: no-repeat;  background-size: 20% auto;  background-position: right top;  top: -12px;  right: -40px;}@media (max-width: 400px) {  #process-11055 div.process__item:first-child .process__item-content::before {		background-size: 60% auto;		right: 100px;		top: -10px;	}}@media (min-width: 401px) and (max-width: 767px) {  #process-11055 div.process__item:first-child .process__item-content::before {		right: 0px;	}}@media (min-width: 992px) and (max-width: 1200px) {  #process-11055 div.process__item:first-child .process__item-content::before {    background-size: 18% auto;		top: -65px;    right: -25px;	}}@media (min-width: 1201px) and (max-width: 1394px) {  #process-11055 div.process__item:first-child .process__item-content::before {		background-size: 24% auto;		right: -33px;	}}.process__body{grid-template-columns:repeat(var(--grid-columns-sm, 1), 1fr)}@media (min-width: 768px) and (max-width: 1199px){.process__body{grid-template-columns:repeat(var(--grid-columns-md, 1), 1fr)}}@media (min-width: 1200px){.process__body{grid-template-columns:repeat(var(--grid-columns-lg, 2), 1fr)}}.process__item:not(:has(.process__item-figure .icon)) .process__item-figure{display:none}.process__item:not(:has(.process__item-figure .icon)){grid-template-columns:1fr;grid-template-areas:"content";column-gap:0}.process__body{row-gap:var(--ev-space-2xl)}.process.hide-numbering .process__item-step{display:none}.process.num-primary .process__item-step{background:var(--ev-secondary);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}.process.num-primary .process__item-step::before{color:var(--ev-heading-color)}.process.num-dark .process__item-step{background:var(--ev-dark);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--ev-space-2xs) var(--ev-space-s);border-radius:var(--ev-border-radius)}.process.num-dark .process__item-step::before{color:#fff}.process__item-step{align-self:flex-start;flex-shrink:0}.process__item-body{flex:1 1 0%;min-width:0}.process__body{column-gap:var(--ev-grid-gutter)}@media (max-width: 767px){.process__body{row-gap:var(--ev-space-m)}}

/* realisation-20008 */
/* ============================================================================ Nouveau composant "realisation" (etude de cas chantier) -- inspire de la maquette design-4-data-roi.html, reconstruit avec les tokens reels du site (--ev-*, mêmes classes d-grid/grid-header/grid-title/subtitle/grid-paragraph que grid-standard et process pour un rendu de titre coherent avec le reste de la page). ============================================================================ */ .realisation{overflow:hidden} .realisation__header{margin-bottom:var(--ev-space-l)} /* bandeau meta (4 cellules) */ .realisation__meta{display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;background:var(--ev-border-color);border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);overflow:hidden;margin-top:var(--ev-space-l)} .realisation__meta-item{background:var(--ev-body-bg);padding:var(--ev-space-s) var(--ev-space-m);display:flex;flex-direction:column;gap:var(--ev-space-3xs)} .realisation__meta-key{font-size:var(--ev-step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--ev-senary)} .realisation__meta-val{font-weight:var(--ev-heading-font-weight);color:var(--ev-heading-color)} .realisation__meta-val.accent{color:var(--ev-secondary)} @media (max-width: 767px){.realisation__meta{grid-template-columns:repeat(2, 1fr)}} /* photos (placeholder tant qu'aucune vraie photo de chantier n'est fournie) */ .realisation__photos{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--ev-grid-gutter);margin-top:var(--ev-space-l)} .realisation__photo{border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);overflow:hidden;background:var(--ev-body-bg)} .realisation__photo-img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block} .realisation__photo figcaption{padding:var(--ev-space-s) var(--ev-space-m)} .realisation__photo-title{display:block !important;visibility:visible !important;opacity:1 !important;color:var(--ev-heading-color) !important}.realisation__photo-title a{display:inline !important;visibility:visible !important;color:inherit !important;text-decoration:none}.realisation__photo-title a:hover{color:var(--ev-secondary) !important}.realisation__photo-desc{color:var(--ev-text-color);line-height:var(--ev-text-line-height)} @media (max-width: 767px){.realisation__photos{grid-template-columns:1fr}} /* resultats mesures */ .realisation__results{border:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color);border-radius:var(--ev-border-radius);padding:var(--ev-space-l);margin-top:var(--ev-space-l);background:var(--ev-body-bg)} .realisation__results-title{font-family:var(--ev-heading-font-family);font-weight:var(--ev-heading-font-weight);color:var(--ev-heading-color);margin-bottom:var(--ev-space-2xs)} .realisation__results-sub{font-size:var(--ev-step--1);color:var(--ev-senary);max-width:70ch;padding-bottom:var(--ev-space-m);border-bottom:var(--ev-border-width) var(--ev-border-style) var(--ev-border-color)} .realisation__results-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--ev-space-l);margin-top:var(--ev-space-m)} .realisation__result{display:flex;flex-direction:column} .realisation__result-num{font-size:var(--ev-step-4);font-weight:var(--ev-heading-font-weight);color:var(--ev-heading-color);line-height:1} .realisation__result-lbl{font-size:var(--ev-step--1);color:var(--ev-text-color);margin-top:var(--ev-space-3xs);margin-bottom:var(--ev-space-s)} .realisation__gauge{height:6px;border-radius:100vmax;background:var(--ev-light);overflow:hidden} .realisation__gauge span{display:block;height:100%;background:var(--ev-secondary);border-radius:100vmax} .realisation__gauge-scale{display:flex;justify-content:space-between;font-size:var(--ev-step--2);color:var(--ev-senary);margin-top:var(--ev-space-3xs)} .realisation__gauge-flag{display:inline-block;font-size:var(--ev-step--2);color:var(--ev-secondary);margin-top:var(--ev-space-2xs)} @media (max-width: 991px){.realisation__results-grid{grid-template-columns:repeat(2, 1fr)}} @media (max-width: 480px){.realisation__results-grid{grid-template-columns:1fr}}

/* sidebar_cta */
.sidebar-cta {  position: fixed;  right: 0px;  top: 50%;  margin-top: -90px;  display: grid;  gap: var(--ev-space-s);  z-index: 999;}.sidebar-cta .btn {  padding: var(--ev-space-s);  border-top-right-radius: 0;  border-bottom-right-radius: 0;}.sidebar-cta__button:first-child {  display: none;}.sidebar-cta__button-text {  display: none;}.custom-tooltip {  display: block;  position: absolute;  background-color: rgba(var(--ev-dark-rgb), 0.75);  color: #fff;  padding: var(--ev-space-2xs) var(--ev-space-xs);  border-radius: 4px;  font-size: var(--ev-step--1);  pointer-events: none;  white-space: nowrap;  z-index: 1000;}.custom-tooltip::after {  content: "";  position: absolute;  border-style: solid;}.custom-tooltip[data-placement="top"]::after {  border-width: 5px 5px 0 5px;  border-color: rgba(var(--ev-dark-rgb), 0.75) transparent transparent    transparent;  top: 100%;  left: 50%;  transform: translateX(-50%);}.custom-tooltip[data-placement="bottom"]::after {  border-width: 0 5px 5px 5px;  border-color: transparent transparent rgba(var(--ev-dark-rgb), 0.75)    transparent;  bottom: 100%;  left: 50%;  transform: translateX(-50%);}.custom-tooltip[data-placement="left"]::after {  border-width: 5px 5px 5px 0;  border-color: transparent rgba(var(--ev-dark-rgb), 0.75) transparent    transparent;  left: 100%;  top: 50%;  transform: scaleX(-1) translateY(-50%);}.custom-tooltip[data-placement="right"]::after {  border-width: 5px 0 5px 5px;  border-color: transparent transparent transparent    rgba(var(--ev-dark-rgb), 0.75);  right: 100%;  top: 50%;  transform: translateY(-50%);}@media (width < 768px) {  .sidebar-cta .btn {    border-radius: 0;  }  .sidebar-cta .btn::before,  .sidebar-cta .btn::after {    content: unset;  }  .sidebar-cta__button-text {    display: block;    font-size: 12px;    white-space: nowrap;  }  .sidebar-cta__button[data-mobile-display="hide"],  .custom-tooltip {    display: none;  }  .sidebar-cta {    display: flex;    top: unset;    left: 0;    width: 100%;    place-content: center;    background: var(--ev-primary);    bottom: 0;    height: fit-content;  }  .sidebar-cta .icon {    display: inline-flex;  }  .sidebar-cta__button:not(:last-child) {    border-right: var(--ev-border-width) var(--ev-border-style) rgba(var(--ev-dark-rgb), 0.3);   }      .sidebar-cta .btn-calendar img {    position: fixed;    bottom: 14%;    height: 50px;    z-index: 99;    border-radius: 100vmax;    right: var(--ev-space-s-m);  }}@media (width < 768px) {  .sidebar-cta {    display: flex;  }  .sidebar-cta__button {    flex: 1 1 0;      /* 3 parts égales */  }  .sidebar-cta__button .btn {    width: 100%;      /* le bouton remplit sa “colonne” */    justify-content: center; /* optionnel */  }}    .sidebar-cta .btn-calendar__img {    height: 54px;  }  .sidebar-cta .btn-calendar {    border-radius: 14px 10px 0 14px;    overflow: hidden;    margin-bottom: 1rem;  }

/* table */
.standard-table {
  overflow: hidden;
}
.standard-table__body {
  max-width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

.standard-table__table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 0.9rem;
  min-width: 400px;
}

.standard-table__table thead tr {
  background-color: #ddd;
  text-align: left;
}

.standard-table__table tbody tr:nth-child(even) {
  background-color: hsl(
    var(--ev-primary-hue),
    var(--ev-primary-saturation),
    calc(var(--ev-primary-lightness) + 36%)
  );
}

.standard-table__table th,
.standard-table__table td {
  padding: 12px 15px;
  border: 1px solid var(--ev-light);
}

.standard-table__table tbody tr {
  transition: background-color 0.2s ease;
}

.standard-table {
  position: relative;
  z-index: 10;
  margin-bottom: -4%;
}
.standard-table__table tbody tr:nth-child(odd) {
  background-color: var(--ev-body-bg);
}
.standard-table__table thead tr {
  background-color: var(--ev-primary);
}
@media (max-width: 767px) {
  .standard-table {
    position: relative;
    z-index: 10;
    margin-bottom: -14%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .standard-table {
    position: relative;
    z-index: 10;
    margin-bottom: -8%;
  }
}
.standard-table__checked {
  color: var(--ev-primary);
}
.standard-table__table .icon {
  --icon-height: 22px;
  margin-right: var(--ev-space-2xs);
}


/* team */
.team {  overflow: hidden;}.team__member-image {  width: 100%;  border-radius: var(--ev-border-radius);  overflow: hidden;  margin-bottom: 0;}.team__member {  border-radius: var(--ev-border-radius);  background: var(--ev-light);}.team__member-content {  padding: var(--ev-space-m);  text-align: center;}.team .item-title {  font-size: var(--ev-step-1);}

/* topbar */
.topbar {
  display: none;
  overflow: hidden;
}
@media (width > 768px) {
  .topbar {
    display: block;
    background: var(--ev-dark);
    padding-block: var(--ev-space-xs);
  }
  .topbar * {
    color: white;
    font-size: var(--ev-step--1);
  }
  .topbar__content {
    display: flex;
    place-content: space-between;
    place-items: center;
  }
  .topbar ul {
    gap: var(--ev-space-s);
    height: fit-content;
    display: flex;
    margin: 0;
  }
  .topbar .topbar__social-media {
    gap: 0;
  }
  .topbar__social-media-link {
    margin-right: var(--ev-space-xs);
  }
  .topbar a {
    display: flex;
    place-items: center;
    gap: 8px;
    line-height: 100%;
    text-decoration: none;
  }
  .topbar span {
    line-height: 100%;
  }
  .topbar .icon {
    width: 14px;
    height: 14px;
  }
}
@media (width > 768px) {
  .topbar * {
    line-height: 100%;
  }
}
.topbar .icon{
  color: var(--ev-primary);
}
.topbar__social-media-link .icon {
  color: #fff;
}

/* topbar_cta */
.topbar-cta {    display: none;  position: relative;  z-index: 1;  background: var(--ev-dark);  padding-block: var(--ev-space-xs);  overflow: hidden;}.topbar-cta * {  color: white;  font-size: var(--ev-step--1);}.topbar-cta__content {  display: flex;  place-content: center;  place-items: center;}.topbar-cta span {  line-height: 100%;}.topbar-cta__btn {  padding: var(--ev-space-2xs) var(--ev-space-xs);  background: hsl(var(--ev-dark-hue), var(--ev-dark-saturation), calc(var(--ev-dark-lightness) - 4%));  border-radius: var(--ev-btn-border-radius, var(--ev-border-radius));  margin-left: var(--ev-space-xs-s);}.topbar-cta__btn.btn-close {  border: hidden;  border-radius: 100vmax;  aspect-ratio: 1/1;  display: grid;  position: absolute;  right: var(--ev-space-xs-s);}