/* Nos artisans métalliers serruriers#5388 */                [id^="callout-image-bg-"][style*="--bg-image-desktop: url()"] {  --bg-image-desktop: url(https://picsum.photos/1980) !important;}.callout-image-bg {  --ev-heading-color: white;  --ev-body-color: white;  background-image: var(--bg-image-desktop);  background-color: var(--bg-color);  background-blend-mode: multiply;  background-repeat: no-repeat;  background-size: cover;  background-position: var(--bg-position);  padding-block: var(--ev-space-2xl);  color: var(--ev-body-color);}.callout-image-bg__container {  max-width: var(--ev-grid-max-width);  margin-inline: auto;  padding-inline: var(--ev-grid-gutter);}.callout-image-bg__content > * {  margin: 0;}.callout-image-bg__title {  font-size: var(--ev-step-3);  margin-bottom: var(--ev-space-s) !important;}.callout-image-bg .btn {  margin-top: var(--ev-space-s);}@media (width < 600px) {    [id^="callout-image-bg-"][style*="--bg-image-mobile: url()"] {    --bg-image-mobile: url(https://picsum.photos/600) !important;  }    .callout-image-bg {    background-image: var(--bg-image-mobile);  }  }@media (width >= 600px) {  .callout-image-bg__content[data-align-content="center"] {    place-self: center;    max-width: calc(8px * 147);    margin-inline: auto;    text-align: center;  }}.callout-image-bg {  border-radius: 32px;}                     /* Header#11786 */                .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) - 27%)  );}.navbar-brand__name {  margin-bottom: 0;}@media (min-width: 992px) {  .navbar .btn-arrow {    line-height: 1;  }  .btn--header:not(:last-child) {    margin-right: var(--ev-space-2xs);  }  .navbar-wrapper > * {    flex: 1;  }  .navbar-cta {    margin-left: auto;  }  .navbar-wrapper {    display: grid;    grid-template-columns: auto 1fr auto;    align-items: center;  }  #navRender {    width: 100%;  }}.header-fixed {  transform: translateY(-100%);}.header-fixed.scrolled {  transition: all 500ms ease-in;  transform: translateY(0%);}                     /* Métallier serrurier - (bannière principale)#5399 */                .hero[style*="--img-bg: url()"] {  --img-bg: url(https://picsum.photos/1980/770) !important;}.hero {  position: relative;  padding: 150px 0;  z-index: 10;  overflow: hidden;    border-radius: 0 0 calc(8px * 5) calc(8px * 5);}.hero__content > * {	max-width: 800px !important;}.hero::after {  content: "";  position: absolute;  inset: 0;  background-image: var(--img-bg);  background-size: cover;  background-position: center;  background-color: #00000080;  background-blend-mode: multiply;  background-attachment: fixed;  /* -webkit-animation: kenburns-corners 30s ease-out infinite alternate;  animation: kenburns-corners 30s ease-out infinite alternate;  will-change: transform; */  z-index: -10;}@keyframes kenburns-corners {  0%,  10% {    transform: scale(1.25);    transform-origin: top left;  }  20%,  30% {    transform: scale(1);    transform-origin: center;  }  40%,  50% {    transform: scale(1.25);    transform-origin: bottom right;  }  60%,  70% {    transform: scale(1);    transform-origin: center;  }  80%,  90% {    transform: scale(1.25);    transform-origin: bottom left;  }  100% {    transform: scale(1);    transform-origin: center;  }}.hero--detailed {  padding-block: calc(8px * 13) calc(8px * 5);}@media (width <=600px) {  .hero--detailed {    /* padding: 300px 0 0 0; */  }}.hero__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin: 0 auto;}.hero__content {  position: relative;  padding-block: calc(var(--ev-space-l)*4);  border-radius: 0 0 calc(8px * 5) calc(8px * 5);  /* backdrop-filter: blur(2rem);  -webkit-backdrop-filter: blur(2rem);  background-color: rgba(0, 0, 0, 0.5);  border: 1px solid #ffffff7a; */  text-align: center;  z-index: 1;}.hero__title {  font-size: var(--ev-step-7);  max-width: 35ch;  color: hsl(0, 0%, 95%);  margin-inline: auto;  text-wrap: balance;  margin-bottom: var(--ev-space-l);}.hero__link {  margin-top: var(--ev-space-l);}.hero__text {  max-width: 80ch;  color: hsl(0, 0%, 95%);  margin-inline: auto;  text-wrap: balance;}@media (min-width: 601px) {  @keyframes fade-in-polygon {    0% {      opacity: 0;      clip-path: polygon(0% 62%, 100% 62%, 100% 62%, 0px 62%);    }    100% {      opacity: 1;      clip-path: polygon(0px 0px, 100% 0px, 100% 62%, 0px 62%);    }  }}.fade-left {  animation: fade-left 1s 1250ms cubic-bezier(0.39, 0.575, 0.565, 1) both;}@keyframes fade-left {  from {    opacity: 0;    transform: translateY(20px);  }  to {    opacity: 1;    transform: translateY(0);  }}.fade-clip-down {  opacity: 0;  animation: clipPathAnimation 1s 650ms ease-in-out forwards;}@keyframes clipPathAnimation {  0% {    opacity: 0;    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);  }  25% {    opacity: 0.25;    clip-path: polygon(0 0, 100% 0, 100% 25%, 0% 25%);  }  50% {    opacity: 0.5;    clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 50%);  }  75% {    opacity: 0.75;    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 75%);  }  100% {    opacity: 1;    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);  }}@keyframes swing {  20% {    transform: rotate(2deg);  }  40% {    transform: rotate(-2deg);  }  60% {    transform: rotate(1deg);  }  80% {    transform: rotate(-1deg);  }  100% {    transform: rotate(0deg);  }}.hero .btn-primary {  background-image: linear-gradient(135deg, rgba(255,255,255,0.5), rgba(255,255,255,0.8), rgba(255,255,255,0.5));  border: none;}                     /* sidebar-cta#5408 */                .sidebar-cta .icon {  --icon-width: 20px;  --icon-height: 20px}.sidebar-cta__link {  text-decoration: none !important;	background: var(--ev-body-bg);	border: 1px solid var(--ev-primary);	inset-inline: var(--ev-grid-gutter);}.sidebar-cta__link:first-child {  display: none}.sidebar-cta__texte p {  font-weight: 500;  margin-bottom: 0;  line-height: 1;  text-align: center;  font-size: var(--ev-step--1);  color: var(--ev-heading-color);}@media (width < 768px) {    .sidebar-cta__fixed {      inset-inline: var(--ev-grid-gutter) !important;  }     .sidebar-cta {    --cta-background: transparent;    --cta-color: #fff  }    .sidebar-cta__link {	border-radius: 24px 24px 0 0;  }  .sidebar-cta__link:hover {    --cta-item-hover-bg: var(--ev-neutral-400);    --cta-item-hover-color: #fff  }    .sidebar-cta>* {    flex: 1;    border-left: 1px solid var(--ev-border-color);  }    .sidebar-cta__fixed {    position: fixed;    z-index: 999;    left: 0;    right: 0;    bottom: 0  }  .sidebar-cta {    display: flex;    flex-wrap: wrap;    place-content: space-evenly;    background: var(--cta-background)  }  .sidebar-cta * {    color: var(--cta-color)  }  .sidebar-cta__icon,  .sidebar-cta__link.d-sm-none {    display: none  }  .sidebar-cta__link {    display: flex;    place-content: space-even;    gap: .5rem;    text-decoration: none;    padding: .75rem;    place-items: center;    flex-wrap: wrap;    place-content: center  }  .sidebar-cta__link:hover {    background: var(--cta-item-hover-bg)  }  .sidebar-cta__link:hover * {    color: var(--cta-item-hover-color)  }  .sidebar-cta__texte p {    font-size: var(--ev-step-1)  }}@media (width >=768px) {  .sidebar-cta__icon {    --cta-icon-border-radius: var(--ev-border-radius);    --cta-icon-color: #fff;  }  .sidebar-cta__link {    --cta-link-bg: var(--ev-neutral-100);    --cta-link-border-radius: var(--ev-border-radius);    --cta-link-color: var(--ev-neutral);  }    .sidebar-cta__fixed {    position: fixed;    right: 0;    top: 33vh;    z-index: 999  }  .sidebar-cta {    display: grid;    gap: 1rem  }  .sidebar-cta__icon {    border-radius: var(--cta-icon-border-radius);    background: var(--ev-secondary, var(--ev-neutral-600));    display: grid;    place-content: center;    color: var(--cta-icon-color);    padding: var(--ev-space-2xs-xs);  }  .sidebar-cta__link {    background: var(--cta-link-bg);    border-radius: var(--cta-link-border-radius) 0 0 var(--cta-link-border-radius);    overflow: hidden;    display: flex;    place-content: space-between;    place-items: center;    color: var(--cta-link-color);    text-decoration: none;    place-self: end  }  .sidebar-cta__link:hover .sidebar-cta__texte {    display: block  }  .sidebar-cta__texte p {    padding: .5rem 1rem  }  .sidebar-cta__texte,  .sidebar-cta__link.d-md-none {    display: none  }}@media (width >= 768px) {  .sidebar-cta__icon {    background: var(--ev-body-bg);    color: var(--ev-heading-color);    padding: var(--ev-space-2xs-xs) var(--ev-space-2xs-xs) var(--ev-space-2xs-xs) calc(4px * 4);  }  .sidebar-cta__link {    background: #f8f4ea;    border-radius: 16px 0 0 16px;    border-right: none;  }}                     /* Notre savoir-faire en chaudronnerie, soudure et métallerie#5413 */                .grid-service__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.grid-service__body {  display: grid;  gap: var(--ev-grid-gutter);  margin-top: var(--ev-space-l);  grid-template-columns: repeat(var(--grid-columns), 1fr);  counter-reset: grid-service-counter;}.grid-service__header {  display: grid;  grid-template-areas: 'title' 'subtitle';}.grid-service__item-description {   margin-block: 0;}.grid-service__title,.grid-service__subtitle {  margin-block: 0 var(--ev-space-s);}.grid-service__item {  position: relative;  display: grid}.grid-service__item * {  color: #fff}.grid-service__item-img {  margin-bottom: 0 !important;  position: relative;  height: 100%;  grid-column: 1/1;  grid-row: 1/1}.grid-service__item-img img {  width: 100%;  height: 100%;  object-fit: cover}.grid-service__item-img::after {    --img-filter: #3333335c;  content: '';  background: var(--img-filter);  position: absolute;  inset: 0;  grid-column: 1/1;  grid-row: 1/1;  z-index: 1;  place-content: end start;  padding: 1rem;  place-items: start;  text-align: start}.grid-service__item-text {  display: grid;  grid-column: 1/1;  grid-row: 1/1;  z-index: 1;  padding: 1rem;  place-content: end;}.grid-service__item-title {  font-size: var(--ev-step-0);}.grid-service__item-text>* {  margin: 0}.grid-service__item-text .grid-service__item-text-title:hover {  color: var(--ev-primary)}.grid-service__item:hover .grid-service__item-description {  max-height: 700px;  transition: max-height 1s ease}.grid-service__item-description {  padding-top: var(--ev-space-2xs-xs);}.grid-service__body {  --grid-columns: var(--grid-columns-sm, 1);}@media (min-width: 769px) {  .grid-service__body {    --grid-columns: var(--grid-columns-md, 2);  }    .grid-service__item-description {    max-height: 0;    overflow: hidden;    transition: max-height .5s ease  }  .grid-service__item-title {    transition: transform .5s ease;    cursor: pointer;  }  [data-header-align="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }}@media (min-width: 993px) {  .grid-service__body {    --grid-columns: var(--grid-columns-lg, 3);  }}.grid-service__header {  grid-template-areas: 'title' 'subtitle' 'description';}.grid-service__subtitle {  margin-block: 0 !important;}.grid-service__body {  margin-top: var(--ev-space-2xl);}.grid-service__item-text {  padding: var(--ev-space-l);  text-align: center;}.grid-service__item {  border-radius: 32px;  overflow: hidden;}.grid-service__item * {  color: hsl(0, 0%, 95%);}.grid-service__title {  grid-area: title;  margin-block: 0 var(--ev-space-m);}.grid-service__item-title {  font-size: var(--ev-step-1);}@media (width > 768px) {  .grid-service__item {    aspect-ratio: 16/18;  }}.grid-service {	background: var(--ev-light);	border-radius: 32px;	padding-block: var(--ev-space-2xl-3xl);}                     /* Nos atouts en métallerie serrurerie#5400 */                .grid-icon__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.grid-icon__item .icon {  --icon-width: calc(4px * 25);  --icon-height: calc(4px * 25);  --icon-color: orange;}.grid-icon__item-icon {	margin-block: 0 var(--ev-space-s);}.grid-icon__body {  display: grid;  gap: var(--ev-grid-gutter);  margin-top: var(--ev-space-l);  grid-template-columns: repeat(var(--grid-columns), 1fr);  counter-reset: grid-icon-counter;}.grid-icon__item {  counter-increment: grid-icon-counter;    background: var(--ev-light);  padding: var(--ev-space-l);  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 86%, 100% 100%, 30% 100%, 0 100%, 0 25%);  text-align: center;}.grid-icon__header {  display: grid;  grid-template-areas: 'title' 'subtitle';}.grid-icon__item-description {  font-size: var(--ev-step--1);  margin-block: 0;}.grid-icon__item-title {  position: relative;  padding-bottom: var(--ev-space-m);  margin-block: 0 var(--ev-space-s);  font-size: var(--ev-step-0);  font-weight: 500;}.grid-icon__item-title::after {  content: '';  position: absolute;  bottom: 0;  height: 5px;  background: orange;  width: calc(4px * 8);  border-radius: 100vmax;  margin-inline: auto;  left: 0;  right: 0;}.grid-icon__title {  font-size: var(--ev-step-3);}.grid-icon__title,.grid-icon__subtitle {  margin-block: 0 var(--ev-space-s);}.grid-icon__body {  --grid-columns: var(--grid-columns-sm, 1);}@media (min-width: 769px) {  .grid-icon__body {    --grid-columns: var(--grid-columns-md, 2);  }  [data-header-align="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }}@media (min-width: 993px) {  .grid-icon__body {    --grid-columns: var(--grid-columns-lg, 3);  }}.grid-icon__subtitle.subtitle {  margin: 0;}.grid-icon__item-icon {  background: rgba(var(--ev-primary-rgb), .25);  border-radius: 32px;  aspect-ratio: 1/1;  width: 125px;  transform: rotate(16deg);  margin-inline: auto;  margin-block: var(--ev-space-l-xl) var(--ev-space-l);  display: grid;  place-content: center;  position: relative;  z-index: 5;}.grid-icon__item-icon::after {  content: '';  position: absolute;  inset: 0;  background: rgba(var(--ev-primary-rgb), .25);  border-radius: 32px;  z-index: -1;  transform: rotate(16deg);}.grid-icon__item-icon::before {  content: '';  position: absolute;  inset: 0;  background: rgba(var(--ev-primary-rgb), .25);  border-radius: 32px;  z-index: -1;  transform: rotate(42deg);}.grid-icon__item {  clip-path: unset;}.grid-icon__item {  border-radius: 32px;  border: 1px solid hsl(var(--ev-primary-hsl), 90%);}.grid-icon__item-title::after {  content: unset;}.grid-icon__item-title {  padding-bottom: 0;}.grid-icon__item .icon {  --icon-width: 52px;  --icon-height: 52px;  --icon-color: hsl(42.9, 50%, 94.5%);  transform: rotate(-16deg);}                     /* Nos constructions métalliques sur mesure#5392 */                .carousel-standard .swiper.loading::after {  --ev-light: var(--ev-body-bg);  content: 'chargement ...';  position: absolute;  inset: 0;  display: grid;  place-content: center;  background-color: var(--ev-light, white);  z-index: 99}.carousel-standard .swiper {	   position: relative;   overflow: hidden}.carousel-standard .swiper-slide {	  height: auto}.carousel-standard .swiper-slide.visibility-hidden:not(:first-child) {   visibility: hidden;   position: absolute;   top: 0;   left: 0}.carousel-standard {  background: var(--ev-light);  padding-block: var(--ev-space-2xl);}.carousel-standard__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.carousel-standard__body {  position: relative;  margin-top: var(--ev-space-l);}.carousel-standard__item-image {  position: relative;  clip-path: polygon(0 0, 90% 0, 100% 35px, 100% 90%, 100% 100%, 35px 100%, 0 100%, 0% 35px);}.carousel-standard__item-image::after {  content: counter(grid-standard-counter);  position: absolute;  left: 0;  bottom: 0;  display: grid;  place-content: center;  background: var(--ev-primary, var(--ev-neutral));  clip-path: polygon(0 0, 80% 0, 100% 7px, 100% 70%, 100% 100%, 7px 100%, 0 100%, 0% 7px);  font-weight: 600;  color: white;  width: calc(4px * 9);  aspect-ratio: 1;  z-index: 1;}.carousel-standard__item-image img {  width: 100%;}.carousel-standard .swiper-slide {  counter-increment: grid-standard-counter;}.carousel-standard__header {  display: grid;  grid-template-areas: 'title' 'subtitle';}.carousel-standard__item-text {  padding: var(--ev-space-s-m);}.carousel-standard__item-description {  font-size: var(--ev-step--1);  margin-block: 0;}.carousel-standard__title {  font-size: var(--ev-step-3);}.carousel-standard__item-title {  margin-block: 0 var(--ev-space-s);  font-size: var(--ev-step-0);  font-weight: 500;}  .carousel-standard__item-title.title:hover {  cursor: pointer;  color: var(--ev-primary, var(--ev-neutral));}.carousel-standard__title,.carousel-standard__subtitle {  margin-block: 0 var(--ev-space-s);}@media (min-width: 769px) {    [data-header-align="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }}.carousel-standard {  border-radius: 32px;}.carousel-standard__item-image::after {  clip-path: unset;}.carousel-standard__item-image {  clip-path: unset;  border-radius: 32px;  overflow: hidden;}.carousel-standard__item-image::after {  background: transparent;  width: calc(4px * 14);  text-shadow: 1px 1px 1px #00000069;}.carousel-standard__title {  margin-bottom: var(--ev-space-m);}.carousel-standard__item-text {  padding: var(--ev-space-s-m) var(--ev-space-l);}.carousel-standard__item-title {  font-weight: var(--ev-heading-font-weight);}.carousel-standard__subtitle.subtitle {  margin-bottom: 0;}.carousel-standard__body {  margin-top: var(--ev-space-l-xl);}                     /* Notre processus de fabrication de structures métalliques#5405 */                .process__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.process__body {  display: grid;  gap: var(--ev-grid-gutter);  margin-top: var(--ev-space-l);  grid-template-columns: repeat(var(--grid-columns), 1fr);  counter-reset: process-counter;}.process__item  {  counter-increment: process-counter;}.process__header {  display: grid;  grid-template-areas: 'title' 'subtitle';}.process__item-description {   margin-block: 0;}.process__item-title {  margin-block: 0 var(--ev-space-s);  font-size: var(--ev-step-1);}.process__title,.process__subtitle {  margin-block: 0 var(--ev-space-s);}.process__item-icon {  background: var(--ev-light);  padding: var(--ev-space-l);  border-radius: 100vmax;  aspect-ratio: 1/1;  display: grid;  place-content: center;  width: fit-content;  border: 1px solid #cecece;  margin-bottom: var(--ev-space-m);}.process__item-number {  position: absolute;  right: 0;  top: calc(4px * 3);}.process__item-header {  position: relative;  width: fit-content;}.process .icon {  --icon-color: var(--ev-heading-color);  --icon-width: calc(8px * 8);  --icon-height: calc(8px * 8);}.process__body {  overflow: hidden;}.process__item-number::before {  content: counter(process-counter);  background: var(--ev-primary, var(--ev-neutral));  color: white;  display: grid;  width: fit-content;  height: calc(4px * 7);  border-radius: 100vmax;  width: calc(4px * 7);  place-content: center;  font-weight: 600;}.process__body {  --grid-columns: var(--grid-columns-sm, 1);}@media (min-width: 769px) { .process__body {    --grid-columns: var(--grid-columns-md, 2);  }    .process__item  {    text-align: center;  }    .process__item-header {    margin-inline: auto;  }    .process__item-header::after {    content: '';    height: 2px;    background: var(--ev-border-color);    position: absolute;    left: -100%;    right: -100%;    top: calc(4px * 17);    z-index: -1;  }    [data-header-align="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }}@media (min-width: 993px) {  .process__body {    --grid-columns: var(--grid-columns-lg, 3);  }}@media (min-width: 769px) {  .process__item-header::after {    content: unset;  }}.process__item-number {  bottom: 0;  transform: translatey(54%) rotate(10deg);  z-index: -1;  right: 0rem;  top: calc(8px * 11);}.process__item-header {  position: unset;}.process__item-number::before {  content: '0'counter(process-counter)'';  color: #fffbf0;  height: fit-content;  line-height: 1;  padding: 13px var(--ev-space-l);  border-radius: 32px;    width: 329px;  font-size: calc(8px * 21);  background: rgba(var(--ev-primary-rgb),.25);  font-weight:normal;}.process__item {  background: var(--ev-light);  padding: var(--ev-space-2xl);  border: 1px solid hsl(var(--ev-primary-hsl),90%);  border-radius: 32px;  position: relative;  overflow: hidden;  padding: var(--ev-space-l-xl);  padding-bottom: calc(32px * 6);}.process__title {  margin-bottom: var(--ev-space-m);}.process__subtitle.subtitle {  margin-bottom: 0;} .process__body {  margin-top: var(--ev-space-l-xl);}.carousel-standard__item-image::after {  text-shadow: 1px 1px 1px #00000069;}.process__item-number::after {  content: '';  width: 329px;  color: #fffbf0;  height: 400px;  font-size: calc(8px * 25);  line-height: 1;  background: rgba(var(--ev-primary-rgb),.25);  padding: 13px var(--ev-space-l);  border-radius: 32px;  display: block;  top: -1rem;  background: rgba(var(--ev-primary-rgb),.25);  position: absolute;  z-index: -1;  left: 1rem;}                     /* Artisan chaudronnier soudeur#5386 */                .callout-color-bg { border-radius: 32px;  background-color: var(--ev-light);    padding-block: var(--ev-space-2xl);}.callout-color-bg__container {  max-width: var(--ev-grid-max-width);  margin-inline: auto;  padding-inline: var(--ev-grid-gutter);}.callout-color-bg__content > * {  margin: 0;}.callout-color-bg__title {  font-size: var(--ev-step-3);  margin-bottom: var(--ev-space-s);}.callout-color-bg .btn {  margin-top: var(--ev-space-s);}@media (width >= 600px) {  .callout-color-bg__content[data-align-content="center"] {    place-self: center;    max-width: calc(8px * 147);    margin-inline: auto;    text-align: center;  }}                     /* Entreprise métallerie : Qui sommes nous ?#5385 */                .about__container {  max-width: var(--ev-grid-max-width);  margin-inline: auto;  padding-inline: var(--ev-grid-gutter);}.about__content {  display: flex;  gap: var(--ev-grid-gutter);}.about__list {  position: relative;  padding-left: 0;}.about__image img[src=""] {  background-image: url(https://picsum.photos/600/400);}.about__image {  flex: 0 0 clamp(100px, 600px, 50%) !important;  clip-path: polygon(15% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 30% 100%, 0 100%, 0 15%);  height: 100%;}.about__text {   min-width: 50%;}.about__content>* {  flex: 1;}.about__title {  font-size: var(--ev-step-3);  margin-block: 0 var(--ev-space-2xs);}.about__subtitle {  margin-block: 0 var(--ev-space-s);}.about__list {  margin-block: var(--ev-space-l) 0;  font-size: var(--ev-step--1);}.about .btn {  margin-top: var(--ev-space-l);}.about__list::after {  clip-path: polygon(0 0, 90% 0, 100% 15%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%);}.about .icon--check-circle {  --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M26.29 21.29 23 24.59l-1.29-1.3a1 1 0 0 0-1.42 1.42l2 2a1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42z'/%3E%3Cpath d='M43.93 20.65c-.78-.73.16-1.93.4-2.71a3.09 3.09 0 0 0-1.67-4c-.75-.39-2.23-.56-2.2-1.63v-1.69a3.08 3.08 0 0 0-3.08-3.08c-.85-.08-2.27.33-2.66-.67s-1-2.77-2.3-3.19c-1.25-.64-2.73.14-3.89.63-1 .44-1.72-.89-2.35-1.41a3.09 3.09 0 0 0-4.36 0l-1.17 1.17a1.08 1.08 0 0 1-1.18.24l-1.53-.64a3.09 3.09 0 0 0-4 1.67l-.63 1.53a1.08 1.08 0 0 1-1 .67h-1.69a3.08 3.08 0 0 0-3.08 3.08v1.66c0 1.07-1.45 1.23-2.2 1.63a3.1 3.1 0 0 0-1.67 4l.64 1.53a1.08 1.08 0 0 1-.24 1.18l-1.17 1.2a3.09 3.09 0 0 0 0 4.36l1.17 1.17a1.08 1.08 0 0 1 .24 1.18l-.64 1.53a3.09 3.09 0 0 0 1.67 4l1.53.63c1 .39.59 1.81.67 2.66a3.08 3.08 0 0 0 3.08 3.08h1.66a1.08 1.08 0 0 1 1 .67c.48 1.14 1 2.77 2.3 3.19 1.25.64 2.73-.14 3.89-.63a1.08 1.08 0 0 1 1.18.24c.87.87 2 2.2 3.35 2.07 1.35.12 2.49-1.18 3.35-2.07s1.93.16 2.71.4a3.09 3.09 0 0 0 4-1.67l.63-1.53c.39-1 1.81-.59 2.66-.67a3.08 3.08 0 0 0 3.08-3.08v-1.63a1.08 1.08 0 0 1 .67-1l1.53-.63a3.1 3.1 0 0 0 1.67-4c-.25-.79-1.18-2-.4-2.71l1.17-1.17a3.09 3.09 0 0 0 0-4.36zm-.25 4.12-1.17 1.17a3.08 3.08 0 0 0-.67 3.36l.64 1.53a1.08 1.08 0 0 1-.59 1.41l-1.53.63a3.09 3.09 0 0 0-1.9 2.85v1.66a1.09 1.09 0 0 1-1.08 1.08h-1.66a3.09 3.09 0 0 0-2.85 1.9l-.63 1.53a1.09 1.09 0 0 1-1.42.59l-1.53-.64a3.08 3.08 0 0 0-3.35.67l-1.17 1.17c-1.08 1-2-.54-2.71-1.17a3.09 3.09 0 0 0-3.36-.67c-.5.13-1.8 1-2.36.64-.63-.16-.95-1.64-1.21-2.12a3.09 3.09 0 0 0-2.85-1.9h-1.66a1.09 1.09 0 0 1-1.08-1.08v-1.66a3.09 3.09 0 0 0-1.9-2.85l-1.53-.63a1.09 1.09 0 0 1-.59-1.42l.64-1.53a3.08 3.08 0 0 0-.67-3.35l-1.17-1.17a1.08 1.08 0 0 1 0-1.54l1.17-1.17a3.08 3.08 0 0 0 .67-3.36l-.64-1.53a1.08 1.08 0 0 1 .59-1.41l1.53-.63a3.09 3.09 0 0 0 1.9-2.85v-1.66a1.09 1.09 0 0 1 1.08-1.08h1.66a3.09 3.09 0 0 0 2.85-1.9l.63-1.53a1.09 1.09 0 0 1 1.42-.59l1.53.64a3.08 3.08 0 0 0 3.35-.67l1.17-1.17a1.09 1.09 0 0 1 1.54 0l1.17 1.17a3.08 3.08 0 0 0 3.36.67l1.53-.64a1.09 1.09 0 0 1 1.41.59l.63 1.53a3.09 3.09 0 0 0 2.85 1.9h1.66a1.09 1.09 0 0 1 1.08 1.08v1.66a3.09 3.09 0 0 0 1.9 2.85l1.53.63a1.09 1.09 0 0 1 .59 1.42l-.64 1.53a3.08 3.08 0 0 0 .67 3.35l1.17 1.17a1.08 1.08 0 0 1 0 1.54z'/%3E%3Cpath d='M24 10a14 14 0 1 0 14 14 14 14 0 0 0-14-14zm0 26a12 12 0 1 1 12-12 12 12 0 0 1-12 12z'/%3E%3C/svg%3E");  --icon-width: 32px;  --icon-height: 32px;  --icon-color: var(--ev-primary, var(--ev-neutral));}.about__item-icon {  background: var(--ev-primary-200, var(--ev-neutral-200));  padding: calc(4px * 2);  display: grid;  place-content: center;  position: absolute;  top: 0;  left: 0;  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 75%, 75% 100%, 100% 100%, 0 100%, 0 100%);}.about__item {  display: grid;  gap: var(--ev-space-s);  align-items: center;  background: var(--ev-light);  padding: calc(4px * 12);  position: relative;  min-width: 300px;  width: 45%;  flex-grow: 1;}.about__list {  display: flex;  flex-wrap: wrap;  gap: var(--ev-grid-gutter);}@media (width < 600px) {  .about__content {      flex-direction: column;  }}.about__image {  clip-path: none;  border-radius: 32px;  overflow: hidden;}.about__title {  margin-block: 0 var(--ev-space-m);}.about__subtitle.subtitle {  margin-bottom: 0;}.about__content, .accordion__row {  place-items: center;}@media (width > 992px) {      .about__image {    margin-right: var(--ev-space-l-xl);  }}                     /* Découvrez nos projets récents - Galerie - #5403 */                .portfolio__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.portfolio__body {  display: grid;  gap: var(--ev-grid-gutter);  margin-top: var(--ev-space-s);  grid-template-columns: repeat(var(--grid-columns), 1fr);  counter-reset: portfolio-counter;}.portfolio__wrapper {  margin-top: var(--ev-space-m);}.portfolio__item  {  text-align: center;}.portfolio__header {  display: grid;  grid-template-areas: 'title' 'subtitle';}.portfolio__item-description {  font-size: var(--ev-step--1);  margin-block: 0;}.portfolio__title {  font-size: var(--ev-step-3);}.portfolio__item-title {  margin-block: 0 var(--ev-space-s);  font-size: var(--ev-step-0);  font-weight: 500;}.portfolio-item__title {  font-size: var(--ev-step-0);  font-weight: 500;}.portfolio-item__description {  font-size: var(--ev-step--1);}.portfolio__item-text {  position: absolute;  inset: 0;  display: grid;  place-content: center;    background: #373737a3;}.portfolio__item-text > * {  color: white;}  .portfolio__item-title:hover {  cursor: pointer;  color: var(--ev-primary, var(--ev-neutral));}.portfolio__title,.portfolio__subtitle {  margin-block: 0 var(--ev-space-s);}.portfolio .icon--fullscreen {  color: white;}.portfolio-item__description:empty,.portfolio-item__title:empty {  display: none;}.portfolio .icon--fullscreen:hover {  animation: scaleDown 1000ms ease-in-out infinite;}@keyframes scaleDown {  0% {    transform: scale(1);  }  50% {    transform: scale(0.7);  }  100% {    transform: scale(1);  }}.portfolio-item__title {  margin-block: var(--ev-space-m);}.portfolio-item__title:hover {  cursor: pointer;  text-decoration: underline;}.portfolio img {  width: 100%;  max-width: unset;  height: 300px;  object-fit: cover}.portfolio [type="radio"] {  display: none}.portfolio label {  display: inline-block;  border-radius: .25rem;  cursor: pointer;  transition: .25s;  margin-right: 1rem;  margin-bottom: .25rem}[type="radio"]:hover+label {  color: var(--ev-primary, var(--ev-neutral))}.portfolio .icon--fullscreen {	--icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 352.054 352.054'%3E%3Cpath d='M144.206 186.634 30 300.84v-62.781H0v113.995h113.995v-30H51.212l114.207-114.207zM238.059 0v30h62.781L186.633 144.208l21.213 21.212L322.054 51.213v62.782h30V0z'/%3E%3C/svg%3E");	--icon-width: calc(4px * 6);	--icon-height: calc(4px * 6);}.portfolio__item-text {  transform: scale(0);  transition: all 500ms ease-in-out;}.portfolio__item:hover .portfolio__item-text {  transform: scale(1);}.portfolio__body  {  --grid-columns: var(--grid-columns-sm, 1);}@media (min-width: 769px) { .portfolio__body  {    --grid-columns: var(--grid-columns-md, 2);  }    [data-header-align="center"] {    justify-items: center;    text-align: center;    margin-inline: auto;    width: clamp(0ch, 80%, 75ch);  }    [data-header-align="center"] + .portfolio__wrapper {      text-align: center;  }}@media (min-width: 993px) {  .portfolio__body  {    --grid-columns: var(--grid-columns-lg, 3);  }}.portfolio__title {  margin-bottom: var(--ev-space-m);}.portfolio__subtitle {  margin-bottom: 0 !important;}.gallery__wrapper, .portfolio__wrapper {  margin-top: var(--ev-space-l);}.portfolio img {  height: 100%;}.portfolio__item-text,.portfolio .card {  border-radius: 32px;}.gallery__link, .portfolio__item-text {  background: rgba(var(--ev-primary-rgb) , .75);}.portfolio__item-text > *,.portfolio .icon--fullscreen {  color: var(--ev-body-bg);}@media (width > 768px) {    .portfolio__body {      grid-auto-rows: 450px;    }    .portfolio__item-image {    height: 100%;  }	.portfolio__item:nth-child(3),	.portfolio__item:nth-child(4n+3),	.portfolio__item:nth-child(2),	.portfolio__item:nth-child(4n+2) {		margin: var(--ev-space-l);	}}                     /* Nos matériaux : Alu - Inox - Acier#5628 */                .panel-cta__item {  background-color: var(--ev-light);  padding: var(--ev-space-m);  border-radius: var(--ev-border-radius);}.panel-cta__container {  max-width: var(--ev-grid-max-width);  margin-inline: auto;  padding-inline: var(--ev-grid-gutter);}.panel-cta__body {  display: flex;  flex-wrap: wrap;  gap: var(--ev-grid-gutter);}.panel-cta__body > * {  flex: 1;}.panel-cta__title {  font-size: var(--ev-step-2);  margin-block: 0 var(--ev-space-s);}.panel-cta .btn {  margin-top: var(--ev-space-s);  padding: var(--ev-space-3xs-2xs) var(--ev-space-l);  white-space: no-wrap;}.panel-cta__description {  font-size: var(--ev-step--1);}@media (width >=600px) {  [data-text-align="center"] {    place-self: center;    max-width: calc(8px * 147);    margin-inline: auto;    text-align: center;  }}#panel-cta-5628 {  margin-block: var(--ev-space-2xl);}.panel-cta__item {  border-radius: 15px;  overflow: hidden;}                     /* Damien KINDERMANS#5387 */                .callout-image-overlay {  overflow: hidden;}.callout-image-overlay__container {  margin-inline: auto;  padding-inline: var(--ev-grid-gutter);  max-width: var(--ev-grid-max-width);}.callout-image-overlay__row {  --image-width: var(--image-width);  display: flex;  gap: var(--ev-grid-gutter);  align-items: end;}.callout-image-overlay__row[data-image-position="right"] {  flex-direction: row-reverse;}.callout-image-overlay__row > * {  flex: 1;}.callout-image-overlay__image {  flex: 0 0 clamp(50%,var(--image-width),70%);}.callout-image-overlay__text {  position: relative;  min-width: 50%;  padding-block: var(--ev-space-2xl);}.callout-image-overlay__text::after {  content: '';  background: var(--ev-light);  position: absolute;  inset: 0;  z-index: -1;  left: -100vw;  right: -100vw;}.callout-image-overlay__text > * {  margin: 0;}.callout-image-overlay__title {    margin-bottom: var(--ev-space-s);  font-size: var(--ev-step-3)}.callout-image-overlay__description {  font-size: var(--ev-step--1);}.callout-image-overlay .btn-primary {  margin-top: var(--ev-space-s);}@media (width < 768px) {  .callout-image-overlay__row {    flex-direction: column !important;    gap: 0;  }}#callout-image-overlay-5387 {  margin-bottom: -32px;}#callout-image-overlay-5387 .callout-image-overlay__text::after {  left: -5vw;  right: calc(-40vw - 8px);  border-radius: 32px 32px 0 0;}                     /* footer#5396 */                .footer {  --bg-color: var(--ev-neutral);  --border-color: #ffffff2b;  --heading-color: #fff;  --padding-x: 2rem;  --padding-x-lg: 3rem;  --text-color: #fff;  background: var(--bg-color);  padding-block: var(--padding-x) 0;  position: relative}.footer * {  color: #b6b5b5;}.footer__container {  max-width: var(--ev-grid-max-width);  padding-inline: var(--ev-grid-gutter);  margin-inline: auto;}.footer__content {  display: flex;  flex-wrap: wrap;  gap: var(--ev-grid-gutter);  padding-block: var(--ev-space-m);}.footer__content>* {  margin: 0}.footer__col {  flex: 1;  margin-right: var(--ev-gutter-x, 1rem)}.footer__copyright-text,.footer a,.footer__description {  font-size: var(--ev-step--1);  font-weight: 500;}.footer__col--branding {  flex: 1}.footer__col--contact,.footer__col--services {  flex: 0 0 auto}.footer__col--copyright {  border-top: 1px solid var(--border-color);  display: flex;  flex-wrap: wrap;  gap: 0 var(--ev-grid-gutter);  margin-top: 0;  padding-block: var(--ev-space-xs);  place-content: space-between;  place-items: center}.footer__col--copyright * {  margin: 0;  white-space: nowrap}.footer__copyright-scrollup.noLink {  display: inline-flex}.footer__grid {  grid: 'branding-logo' 'branding' 'services-title' 'services' 'contact-title' 'contact' 'copyright' / 1fr}.footer__logo-link {  display: inline-block;  margin-bottom: 1rem}.footer__social-media-link {  border: 1px solid var(--border-color);  border-radius: 100vmax;  display: grid;  padding: .5rem;  place-content: center}.footer__social-media-list {  display: inline-flex;  gap: 1rem;  list-style-type: none;  margin-top: var(--ev-space-m) !important;  padding-left: 0 !important;}.footer__title {  color: var(--heading-color);  margin-block: 0 var(--ev-space-m);  font-size: var(--ev-step-0);}.footer__title--contact {  align-self: end;  grid-area: contact-title}.footer__title-services {  align-self: end;  grid-area: services-title}.footer li {  margin-bottom: var(--ev-space-m);  line-height: 1;}.footer ul {  margin-top: 0;  padding-left: 1rem}.footer #scrollToTop {  display: inline-block !important;}@media (width >= 992px) {  .footer__content {    gap: calc(var(--ev-grid-gutter) * 2);    padding-block: var(--ev-space-l);  }}@media (width < 600px) {  .footer__content {    flex-direction: column  }    .footer__col {    margin-right: 0  }  .footer__contact-link {    display: inline-block;    min-height: 30px  }}.footer {  border-radius: 32px 32px 0 0;}.footer__title {  font-size: var(--ev-step-1);}.footer .icon {  --icon-width: 16px;  --icon-height: 16px;}.footer__social-media-link {  padding: var(--ev-space-2xs-xs);}.footer__col--copyright {  margin-right: 0;}@media (width < 768px) {  .footer__col--copyright {    padding-inline: var(--ev-grid-gutter);  }}.footer__col .icon--scrollup {  --icon-height: 24px;  --icon-svg: 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");  --icon-width: 24px}