/* Diagnostic d'État des risques et Pollutions#8893 */                .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);}                     /* Réduisez jusqu’à 20 % de votre consommation d’énergie#11053 */                .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;}                     /* Mon Accompagnateur Rénov' : nos missions clés#8986 */                .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: 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%;  }}                     /* Étude thermique et énergies renouvelables#8985 */                .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);}                     /* Nos missions pour un diagnostic technique global réussi#8984 */                /* 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;	}}                     /* Vendez ou louez plus vite et plus cher#11213 */                .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;}                     /* Pourquoi choisir Quick Renov ?#11214 */                .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__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100vw;    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }}@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);  }}                     /* Pour quels types de biens ?#11215 */                .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);}                     /* État des nuisances sonores aériennes#8930 */                .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);}                     /* Secteurs d’activité éligibles à la HP flottante#11054 */                .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);}                     /* Mesurage-loi-boutin#8892 */                .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);}                     /* Mesurage-loi-carrez#8891 */                .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);}                     /* Une méthodologie claire et certifiée#11216 */                /* 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;	}}                     /* Optimisez la performance énergétique de votre logement#11217 */                .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;}                     /* diagnostic-termites#8886 */                .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);}                     /* Diagnostic-plomb#8882 */                .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);}                     /* Diagnostic Amiante#8880 */                .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);}                     /* diagnostic-gaz#8879 */                .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);}                     /* Notre méthodologie#11055 */                /* 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;	}}                     /* Notre process d’intervention#11056 */                .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__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100vw;    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }}@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);  }}                     /* Services#11057 */                .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);}                     /* Pourquoi adopter la HP flottante sur vos groupes froids ?#11058 */                .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);}                     /* Tout savoir sur la HP flottante#11059 */                .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;	}}                     /* Financée 100% par les CEE (Certificats d’Économies d’Énergie)#11063 */                .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;}                     /* Passez à la Régulation HP Flottante et commencez à économiser#11150 */                .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;}                     /* Pourquoi installer une HP Flottante dans un bâtiment tertiaire ?#11152 */                .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;  }}                     /* Des primes CEE pour réduire le coût de votre projet#11154 */                .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;}                     /* FAQ - Comment fonctionne la HP Flottante ?#11155 */                .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;	}}                     /* Pourquoi installer une HP Flottante sur un site industriel ?#11157 */                .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);}                     /* Bénéficiez de subventions CEE pour votre projet industriel#11159 */                .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;}                     /* Notre processus simple en 3 étapes#11209 */                .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__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100vw;    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }}@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);  }}                     /* À qui s’adresse ce service ?#11211 */                .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);}                     /* Pourquoi choisir Quick Renov pour votre diagnostic immobilier ?#11212 */                .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;}                     /* Obligations et cadre réglementaire#11336 */                .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;	}}                     /* À qui s’adresse Mon Accompagnateur Rénov’ ?#11218 */                .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);}                     /* Demandez un audit énergétique pour votre copropriété#11228 */                .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;}                     /* Pour quels bâtiments ?#11229 */                .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);}                     /* Notre approche d'audit #11230 */                /* 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;	}}                     /* FAQ - Audit énergétique maison individuelle#11231 */                .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;	}}                     /* FAQ - Audit énergétique copropriété#11232 */                .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;	}}                     /* FAQ - Audit énergétique tertiaire#11233 */                .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;	}}                     /* Besoin d’un échange rapide ?#11259 */                .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;}                     /* Pourquoi choisir notre bureau d'études ?#11227 */                .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__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100vw;    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }}@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);  }}                     /* Jusqu’à 200€ de réduction sur votre premier audit énergétique! #11337 */                .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;}                     /* Audit énergétique adapté à chaque type de bâtiment#11338 */                .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);}                     /* Pourquoi travailler avec notre bureau d’étude ?#11339 */                .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;  }}                     /* Sidebar cta#8847 */                .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;  }  .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;  }}                     /* Comment se déroule votre audit énergétique ?#11340 */                /* 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;	}}                     /* Besoin d’un audit énergétique conforme ?#11341 */                .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);  }}                     /* Plaquette HTML DESTRAT#16609 */                                     /* Notre méthodologie#11226 */                /* 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;	}}                     /* Diagnostic Immobilier (DPE) — FAQ#11220 */                .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;	}}                     /* Audit énergétique (RGE) — FAQ#11221 */                .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;	}}                     /* Mon Accompagnateur Rénov’ (MAR) — FAQ#11222 */                .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;	}}                     /* Le rôle d'une HP flottante (Haute Pression flottante)#8873 */                .paragraph__item--Centre figure {  margin-bottom: var(--ev-space-xs-s);  border-radius: var(--ev-border-radius);}#paragraph_droite-8873 .paragraph__image {  position: relative;  z-index: 1;  overflow: visible;}#paragraph_droite-8873 .paragraph__image::before {  content:"";  position: absolute;  inset: 0;  background-image: url(https://serveur-images.devil-it-applications.fr/quick-renov/upload/logo-opqibi_1763368288.jpg);  background-size: auto 70px;  background-repeat: no-repeat;  background-position: right top;  right: 6%;  top: -5%;}@media(max-width: 479px) { #paragraph_droite-8873 .paragraph__image::before {		background-size: auto 50px;		top: -18%;	}}@media (min-width: 480px) and (max-width: 767px) {  #paragraph_droite-8873 .paragraph__image::before {		background-size: auto 50px;		top: -10%;	}}@media (min-width: 768px) and (max-width:1024px) {  #paragraph_droite-8873 .paragraph__image::before {		background-size: auto 60px;		top: -12%;	}}                     /* Pourquoi nous faire confiance ?#11223 */                .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__item.active,  #grid_icon-8849 .grid-icon__item:hover {    background: var(--ev-primary);    width: 100vw;    display: grid;    grid-template-areas: "icon " "title      " " description";    column-gap: var(--ev-space-l);  }}@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);  }}                     /* Ce que comprend notre audit énergétique#11224 */                .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);}                     /* À qui s’adresse cet audit énergétique ?#11225 */                .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);}                     /* Header#8868 */                .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;}.bullet-list,ul:not([class]) {  list-style: none;  margin-top: var(--ev-space-m);  padding-left: 0;}.bullet-list li,ul:not([class]) li {  position: relative;  padding: 6px 0 6px 34px;}.bullet-list li {  font-size: .9rem;}.bullet-list li::before,ul:not([class]) li::before {  content: "\2713";  /* le socle dessine sa puce via -webkit-mask sur li::before : sans la
     neutraliser, le masque decoupe la pastille verte et le ✓ */
  -webkit-mask: none;  mask: none;  position: absolute;  left: 0;  top: 6px;  margin-top: calc((1lh - 21px) / 2);  width: 21px;  height: 21px;  flex: 0 0 auto;  background: var(--ev-primary);  color: var(--ev-dark);  font-weight: 900;  font-size: .69rem;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;}.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;}.certs {  padding-block: var(--ev-space-2xl);}.certs__header {  margin-bottom: var(--ev-space-l);}.cert-row,.refs {  display: grid;  grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 1px;  background: var(--ev-border-color);  border: 1px solid var(--ev-border-color);  border-radius: var(--ev-border-radius);  overflow: hidden;}.cert,.ref {  height: 118px;  background: var(--ev-body-bg);  display: flex;  align-items: center;  justify-content: center;  padding: var(--ev-space-s);}.cert img,.ref img {  max-height: 66px;  max-width: 120px;  width: auto;  height: auto;  object-fit: contain;  filter: grayscale(100%);  opacity: .75;  transition: filter .2s ease, opacity .2s ease;}.cert:hover img,.ref:hover img {  filter: none;  opacity: 1;}@media (max-width: 1020px) {  .cert-row,.refs {    grid-template-columns: repeat(3, minmax(0, 1fr));  }}@media (max-width: 760px) {  .cert-row,.refs {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .cert,.ref {    height: 104px;    padding: var(--ev-space-xs);  }}@media (max-width: 420px) {  .cert,.ref {    height: 96px;  }  .cert img,.ref img {    max-width: 92px;    max-height: 54px;  }}@media (hover: none) {  .cert img,.ref img {    filter: none;    opacity: 1;  }}.certs--alt {  background: var(--ev-light);}.certs__header--center {  text-align: center;}.certs__header--center .section-title {  margin-inline: auto;}
/* ==========================================================================
   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: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)}

/* ===== 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__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)}

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

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