/* Services_couvreurs (p_combi) */                                    #sec2062 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2062 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2062 .grid\:nr__col.descr>* {  margin: 0;}#sec2062 .grid\:nr__body {  margin-top: 1rem;}#sec2062 #sec2062 .btn {  margin-top: auto;}#sec2062 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2062 .grid\:nr__header { display: flex; gap: 3rem; } #sec2062  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2062 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2062 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2062 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2062 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2062 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2062 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2062 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2062 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2062 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2062 .grid\:nr__item ul {  padding-left: 1rem;}#sec2062 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2062 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2062 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* Banner_couvreur_1_(combi) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2063 {    overflow-x: hidden;}#sec2063 .btn {    font-weight: normal;}#sec2063 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2063 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2063 .img-none picture {  display: none;}#sec2063 h2,#sec2063 .h2 {    font-weight: bold;}#sec2063 .p,#sec2063 ul,#sec2063 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2063 .banner\:block__content {    flex-direction: column;  }      #sec2063 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2063 h2,    #sec2063 .h2 {        font-weight: bold;    }}#sec2063 .btn-wrapper {    margin-top: 2rem;}#sec2063 .h1 span {    color: var(--bs-secondary);}#sec2063 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2063 .btn {    text-decoration: unset !important;}#sec2063 .text-center .p,#sec2063 .text-center ul,#sec2063 .text-center ol {    margin-inline: auto;}#sec2063 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2063 .section-index {    position: relative;    z-index: 1;}#sec2063 .btn-wrapper {    margin-top: 2rem;}#sec2063 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2063 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2063 img[src=""] {    display: none;}#sec2063 img {    margin-right: 2rem;    object-fit: contain;}#sec2063 picture {    margin-bottom: 0;}#sec2063 a {    position: relative;    z-index: 1;}#sec2063 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2063 img {      width: var(--img-width);    }      #sec2063 picture {        display: block;    }        #sec2063 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2063 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2063 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2063 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2063 .banner\:block__content {    align-items: center;}#sec2063 .img-transparent .banner\:block__content {    align-items: end;}#sec2063 picture {    position: relative;}#sec2063 .text-wrapper>* {    margin: 0 !important;}#sec2063 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2063 .subtitle {    -webkit-text-fill-color: unset;}#sec2063 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2063 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2063 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2063 .banner\:block__content {    gap: 0;  }  #sec2063 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2063 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2063 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2063 img {    max-width: var(--img-width);  }}#sec2063 .dark-bg *:not(.btn) { color: white;}#sec2063 .dark-bg .p,#sec2063 .dark-theme ul,#sec2063 .dark-theme ol {  --bs-body-color: white;}                             /* share page */                                    #sec2076  .btn {	display: flex;	place-items: center;	gap: .5rem;}#sec2076 .share-link__content {	display: flex;	place-content: space-between;	padding-block: 1.5rem;	place-items: center;}#sec2076 .share-link {    background: var(--bs-light);}@media (max-width: 580px) {  .share-link__content {	flex-direction: column;	gap: 1rem;  }} #sec2076 *:not(:hover) {    color: var(--bs-body-color);    border-color: var(--bs-body-color);}#sec2076 [rel="js-scrollup"] {    cursor: pointer;}                             /* Banner_couvreur_2_(combi) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2103 {    overflow-x: hidden;}#sec2103 .btn {    font-weight: normal;}#sec2103 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2103 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2103 .img-none picture {  display: none;}#sec2103 h2,#sec2103 .h2 {    font-weight: bold;}#sec2103 .p,#sec2103 ul,#sec2103 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2103 .banner\:block__content {    flex-direction: column;  }      #sec2103 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2103 h2,    #sec2103 .h2 {        font-weight: bold;    }}#sec2103 .btn-wrapper {    margin-top: 2rem;}#sec2103 .h1 span {    color: var(--bs-secondary);}#sec2103 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2103 .btn {    text-decoration: unset !important;}#sec2103 .text-center .p,#sec2103 .text-center ul,#sec2103 .text-center ol {    margin-inline: auto;}#sec2103 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2103 .section-index {    position: relative;    z-index: 1;}#sec2103 .btn-wrapper {    margin-top: 2rem;}#sec2103 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2103 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2103 img[src=""] {    display: none;}#sec2103 img {    margin-right: 2rem;    object-fit: contain;}#sec2103 picture {    margin-bottom: 0;}#sec2103 a {    position: relative;    z-index: 1;}#sec2103 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2103 img {      width: var(--img-width);    }      #sec2103 picture {        display: block;    }        #sec2103 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2103 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2103 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2103 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2103 .banner\:block__content {    align-items: center;}#sec2103 .img-transparent .banner\:block__content {    align-items: end;}#sec2103 picture {    position: relative;}#sec2103 .text-wrapper>* {    margin: 0 !important;}#sec2103 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2103 .subtitle {    -webkit-text-fill-color: unset;}#sec2103 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2103 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2103 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2103 .banner\:block__content {    gap: 0;  }  #sec2103 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2103 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2103 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2103 img {    max-width: var(--img-width);  }}#sec2103 .dark-bg *:not(.btn) { color: white;}#sec2103 .dark-bg .p,#sec2103 .dark-theme ul,#sec2103 .dark-theme ol {  --bs-body-color: white;}                             /* banner (home) */                                    @media (max-width: 580px) {  #sec2081 .banner\:home__item  {--bg-img: var(--bg-sm-img);  }}@media (max-width: 720px) {   #sec2081 .banner\:home__item  {  --bg-img: var(--bg-md-img);  }}@media (min-width: 719px) {   #sec2081 .banner\:home__item  {  --bg-img: var(--bg-lg-img);  }}#sec2081 .bg-img { position:relative; } #sec2081 .bg-img::after{content: ""; position: absolute; inset: 0; background-image: var(--bg-img); background-repeat: no-repeat;  background-size: cover; z-index: -1; filter: var(--brightness) var(--contrast);}.banner\:home.text-center {  justify-content: center;}.text-center .banner\:home__item {  max-width: 75ch;  margin-inline: auto;}.banner\:home.text-center .btn-wrapper {  width: fit-content;  margin-inline: auto;}.banner\:home__title {  font-weight: bold;}.banner\:home__item {  display: flex;}.banner\:home__item>* {  flex: 2;}.banner\:home__item {  gap: 8rem;  place-items: center;}.banner\:home__col.col-title {  display: grid;  gap: 2rem;}.text-center .banner\:home .btn-link {  place-content: center;}.banner\:home .btn:hover::before {  background: transparent;}.banner\:home .btn-link:hover {  border: 2px solid white;  text-decoration: none;}.banner\:home .swiper-pagination {    display: none;} @media (min-width: 920px) {  .banner\:home__title {    font-size: 3rem;  }  .banner\:home .swiper-pagination {    display: grid;    padding: 0 5% 5%;  }}.banner\:home__item {    place-items: end;    justify-content: space-between;    height: 100vh;    padding-block: 1.5rem 5%;}.banner\:home__item .p {  max-width: 75ch;}@media (min-width: 1200px) {  .banner\:home__item .btn {   line-height: 2;  }}.main-wrapper#home .header-wrapper {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;} /* .main-wrapper#home .header-wrapper * {  color: white;}.main-wrapper#home .header-wrapper .dropdown-item,.main-wrapper#home .header-wrapper .dropdown-item .btn-arrow {  color: var(--bs-body-color);}.main-wrapper#home .header-wrapper .logo-img {  filter: brightness(0) invert(1);}@media (max-width: 575.98px) {  .main-wrapper#home .header-wrapper .header .navbar-nav {    background-color: white;    padding: 1rem;  }  .main-wrapper#home  .header-wrapper .header nav * {    color: var(--bs-body-color);  }} #home .header-wrapper { background-color: transparent } html[data-scroll]:not([data-scroll="0"]) .main-wrapper#home .header-wrapper {  background-color: var(--bs-body-color);} */ #sec2081 .swiper-pagination {  position: absolute;}  #sec2081 .banner\:home__item  { color: white; } /* #sec2081 .btn-primary {    --bs-btn-bg: white;    --bs-btn-color: #3D3D3D;    --bs-btn-border-color: white;    --bs-btn-hover-border-color: white;} */  .banner\:home .h0 { border-left: 3px solid var(--bs-primary); padding-left: 1rem;}                             /* group (cta) */                                                                 /* Services-couvreur (acceuil_2) */                                    #sec2101 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2101 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2101 .grid\:nr__col.descr>* {  margin: 0;}#sec2101 .grid\:nr__body {  margin-top: 1rem;}#sec2101 #sec2101 .btn {  margin-top: auto;}#sec2101 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2101 .grid\:nr__header { display: flex; gap: 3rem; } #sec2101  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2101 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2101 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2101 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2101 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2101 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2101 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2101 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2101 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2101 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2101 .grid\:nr__item ul {  padding-left: 1rem;}#sec2101 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2101 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2101 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* Pourquoi_couvreur */                                    #sec2084 .article\:fig {  margin-block: var(--top) var(--bottom);}#sec2084  .article\:fig__content {    display: flex;    flex-direction: row-reverse;    place-items: center;    gap: var(--bs-gutter-x);}#sec2084 .article\:fig__details > * {    margin-bottom: 1em;}#sec2084  figure {    display: grid;    grid-template-columns: 1fr 15fr 1fr;    grid-template-rows: 1fr 15fr 1fr;    margin-bottom: 0;    flex: 0 0 55%;}#sec2084  figure:hover  .article\:fig__img:nth-child(1)  {    z-index: 1;}#sec2084 .article\:fig__content > * {    flex: 1;}#sec2084 .article\:fig__img:nth-child(1) {    grid-column: 2/4;    grid-row: 1/3;}#sec2084 .article\:fig__img:nth-child(2) {    grid-column: 1 / 3;    grid-row: 2/4;}                             /* Banner_couvreur (accueil) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2107 {    overflow-x: hidden;}#sec2107 .btn {    font-weight: normal;}#sec2107 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2107 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2107 .img-none picture {  display: none;}#sec2107 h2,#sec2107 .h2 {    font-weight: bold;}#sec2107 .p,#sec2107 ul,#sec2107 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2107 .banner\:block__content {    flex-direction: column;  }      #sec2107 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2107 h2,    #sec2107 .h2 {        font-weight: bold;    }}#sec2107 .btn-wrapper {    margin-top: 2rem;}#sec2107 .h1 span {    color: var(--bs-secondary);}#sec2107 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2107 .btn {    text-decoration: unset !important;}#sec2107 .text-center .p,#sec2107 .text-center ul,#sec2107 .text-center ol {    margin-inline: auto;}#sec2107 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2107 .section-index {    position: relative;    z-index: 1;}#sec2107 .btn-wrapper {    margin-top: 2rem;}#sec2107 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2107 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2107 img[src=""] {    display: none;}#sec2107 img {    margin-right: 2rem;    object-fit: contain;}#sec2107 picture {    margin-bottom: 0;}#sec2107 a {    position: relative;    z-index: 1;}#sec2107 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2107 img {      width: var(--img-width);    }      #sec2107 picture {        display: block;    }        #sec2107 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2107 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2107 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2107 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2107 .banner\:block__content {    align-items: center;}#sec2107 .img-transparent .banner\:block__content {    align-items: end;}#sec2107 picture {    position: relative;}#sec2107 .text-wrapper>* {    margin: 0 !important;}#sec2107 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2107 .subtitle {    -webkit-text-fill-color: unset;}#sec2107 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2107 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2107 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2107 .banner\:block__content {    gap: 0;  }  #sec2107 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2107 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2107 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2107 img {    max-width: var(--img-width);  }}#sec2107 .dark-bg *:not(.btn) { color: white;}#sec2107 .dark-bg .p,#sec2107 .dark-theme ul,#sec2107 .dark-theme ol {  --bs-body-color: white;}                             /* Les étapes_couvreurs (acceuil) */                                    #sec2087  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2087 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2087  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2087  .grid\:nr__item {    background: var(--bs-primary);}#sec2087  .grid\:nr__item *, #sec2087  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2087 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2087 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2087 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2087 .step .d-grid {    counter-reset: step;}#sec2087 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2087 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2087  .grid\:nr__item {  padding: 2rem;  }}                             /* banner_couvreur_accueil */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2104 {    overflow-x: hidden;}#sec2104 .btn {    font-weight: normal;}#sec2104 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2104 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2104 .img-none picture {  display: none;}#sec2104 h2,#sec2104 .h2 {    font-weight: bold;}#sec2104 .p,#sec2104 ul,#sec2104 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2104 .banner\:block__content {    flex-direction: column;  }      #sec2104 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2104 h2,    #sec2104 .h2 {        font-weight: bold;    }}#sec2104 .btn-wrapper {    margin-top: 2rem;}#sec2104 .h1 span {    color: var(--bs-secondary);}#sec2104 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2104 .btn {    text-decoration: unset !important;}#sec2104 .text-center .p,#sec2104 .text-center ul,#sec2104 .text-center ol {    margin-inline: auto;}#sec2104 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2104 .section-index {    position: relative;    z-index: 1;}#sec2104 .btn-wrapper {    margin-top: 2rem;}#sec2104 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2104 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2104 img[src=""] {    display: none;}#sec2104 img {    margin-right: 2rem;    object-fit: contain;}#sec2104 picture {    margin-bottom: 0;}#sec2104 a {    position: relative;    z-index: 1;}#sec2104 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2104 img {      width: var(--img-width);    }      #sec2104 picture {        display: block;    }        #sec2104 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2104 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2104 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2104 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2104 .banner\:block__content {    align-items: center;}#sec2104 .img-transparent .banner\:block__content {    align-items: end;}#sec2104 picture {    position: relative;}#sec2104 .text-wrapper>* {    margin: 0 !important;}#sec2104 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2104 .subtitle {    -webkit-text-fill-color: unset;}#sec2104 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2104 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2104 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2104 .banner\:block__content {    gap: 0;  }  #sec2104 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2104 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2104 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2104 img {    max-width: var(--img-width);  }}#sec2104 .dark-bg *:not(.btn) { color: white;}#sec2104 .dark-bg .p,#sec2104 .dark-theme ul,#sec2104 .dark-theme ol {  --bs-body-color: white;}                             /* Points forts couvreurs (acceuil) */                                    #sec2089 .grid\:ico {  margin-block: var(--top) var(--bottom);}#sec2089 .grid\:ico__content {    display: grid;    gap: 2rem;}#sec2089 .grid\:ico__header > * {    margin-bottom: 1rem;}#sec2089 .grid\:ico__item {    display: flex;   place-items: center;    gap: 2rem;}#sec2089 .icon {    background-color: var(--bs-primary);    display: grid;    place-content: center;    font-size: 2rem;    color: white;    padding: .5rem;}#sec2089 a:not(.btn) {    color: currentColor;    text-decoration: none;}#sec2089 .grid\:ico__item > * {    flex: 0 1 fit-content;}@media (min-width: 1560px) {  #sec2089 .grid\:ico__content {    flex-direction: column;  display: flex;  }   #sec2089 .grid\:ico__header {      flex: 0 0 40%;  }}@media (max-width: 890px) {  #sec2089 .grid\:ico__item {      place-items: start;      flex-direction: column;  }  #sec2089 .icon {      display: none;  }  #sec2089 .d-grid {      grid-gap: 9vh;  }}#sec2089 .grid\:ico__item  .p {	font-size: .85rem;}@media (width > 1200px) {  #sec2089 .img { aspect-ratio: 16/7;   max-width: 500px; object-fit: cover;}}#sec2089 .grid\:ico__item {    display: block;    border: 1px solid var(--bs-primary);    border-radius: var(--bs-border-radius);    padding: 2rem;}#sec2089 .grid\:ico__item .text-wrapper {  display: grid;  grid-auto-flow: column;  background-color: var(--bs-light);  width: calc(100% + 4rem);  margin-left: -2rem;  gap: 1rem;  grid-auto-columns: 65px 1fr;  align-items: center;  margin-bottom: 1rem;}#sec2089 .grid\:ico__item .title {  margin-bottom: 0;}                             /* large materiaux */                                    #sec2090 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2090 .swiper-slide {  height: unset;}#sec2090 .grid:sw__header {  margin-bottom: 2rem;}#sec2090 .p,#sec2090 ul,#sec2090 ol { font-weight: 400;  padding-right: .5rem;}#sec2090  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";width: 100%;    aspect-ratio: 1/1;  /* cursor: pointer; */}@media (min-width: 780px) {  #sec2090  .grid\:sw__item {    width: 100%;  }}#sec2090  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width: 100%;    object-fit: cover;}#sec2090  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: .75rem;    white-space: normal;    text-align: center;}#sec2090 .swiper-slide {  width: auto;}#sec2090  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%); */ }#sec2090 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2090  .wrapper {  display: grid;    gap: 1rem;}#sec2090 figcaption.subtitle {    opacity: 0;}#sec2090 figure:hover figcaption {    opacity: 1;color: white;background: rgba(0,0,0,.5);width: 100%;}#sec2090 figure:hover img {    filter: var(--brightness) var(--contast);}@media (max-width: 580px) {  #sec2090 figcaption.subtitle {    font-size: .85rem;  }}@media (width >= 980px) {  #sec2090  .wrapper {    max-width: 55%; }} #sec2090 .subtitle { text-transform: none; letter-spacing: normal;}                             /* article (text) */                                    #sec2092 .title {  margin-bottom: 2rem;}#sec2092 .btn-wrapper {  margin-top: 2rem;}@media (min-width: 992px) {  #sec2092 .article\:txt__content {    display: flex;    gap: 8rem;  }}#sec2092 .article\:txt__content>* {  flex: 1;}#sec2092 .title::after {  height: 100%;}#sec2092 .title::before {  height: 100%;}#sec2092 .article\:txt {	margin-block: var(--top) var(--bottom);}                             /* gallery */                                    #sec2095 .gallery__img {  aspect-ratio: 16/20;  object-fit: cover;}#sec2095 .gallery__body { --bs-gutter-x: 1.5rem;  margin-top: 2rem;}  #sec2095 .gallery {  margin-block: var(--top) var(--bottom); }                             /* faq */                                    #sec2096 .faq { margin-block: var(--top) var(--bottom); } #sec2096 .accordion {  margin-top: 1rem;  display: grid;  gap: 1rem;}#sec2096 .row {  --bs-gutter-x: 5rem;  --bs-gutter-y: 0;}#sec2096 .accordion-button,#sec2096 .accordion-button.collapsed {  padding-bottom: 1rem;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-left: 0;}#sec2096 .accordion-button::after {  position: absolute;  right: 0;}#sec2096 .accordion-button {  position: relative;  color: unset;  font-size: var(--bs-body-font-size);  background-color: unset;  font-weight: 500;  line-height: 1;}#sec2096 b {  font-weight: 500;}#sec2096 .accordion-item {  border: 0;  background-color: unset;}#sec2096 .accordion-button:not(.collapsed) {  background-color: unset;  box-shadow: unset;  color: inherit;}#sec2096 .accordion-button:focus {  box-shadow: unset;}#sec2096 .accordion-body {  padding-left: 0;  margin-top: 0; padding-block: .5rem 0;}@media (min-width: 580px) {  #sec2096 .accordion {    margin-top: 2rem;  }}#sec2096 .accordion-button::after {  margin-right: auto;}@media (min-width: 920px) {   #sec2096 .text-column .faq-content {    display: flex;    gap: 5rem;    place-content: start;  }   #sec2096 .text-column .faq-content>* {    flex: 2;  }   #sec2096 .text-column .accordion {    margin-top: 0rem;  }}#sec2096 .accordion-button {    font-family: var(--bs-body-font-family);    font-weight: 500 !important;    line-height: 1.5 !important;}#sec2096  .accordion-button::after {    background-image: unset;}@media (min-width: 580px) {  #sec2096  .faq-header {	max-width: 75ch;	width: 100%;	margin-inline: auto;  }}                             /* Métier_couvreur (combi+accueil) */                                    #sec2102 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2102 .swiper-slide { display: grid; height: unset;}#sec2102 .grid:sw__header {  margin-bottom: 2rem;}#sec2102 .p,#sec2102 ul,#sec2102 ol {  line-height: 1.3;  font-weight: 400;  padding-right: .5rem;}#sec2102  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";}#sec2102  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width:100%;   object-fit: cover;}#sec2102  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: 10%;    white-space: normal;    text-align: center;}#sec2102 .swiper-slide {  width: auto;}#sec2102  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%);*/ }#sec2102 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2102  .wrapper {    max-width: 80ch;    display: grid;    gap: 1rem;}#sec2102 figcaption.subtitle {    opacity: 0;}#sec2102 figure:hover figcaption {    opacity: 1;}#sec2102 figure:hover img {    filter: var(--brigtness) var(--contast);}@media (max-width: 580px) {  #sec2102 figcaption.subtitle {    font-size: .85rem;  }} #sec2102  .swiper-slide  .btn { place-self: end start; }                             /* review (swiper) */                                    #sec2097 .review\:sw {  margin-block: var(--top) var(--bottom);  background: #f7f7f7;  padding-block: 10vh;}#sec2097 .review\:sw__header {  max-width: 75ch;}@media(min-width: 780px) {  #sec2097 .review\:sw__header.text-center {    margin-inline: auto;  }}#sec2097 .swiper-slide {  width: auto;  max-width: 550px;}#sec2097 .review\:sw__item-body > * {    overflow: hidden;}#sec2097  .review\:sw__body {	margin-top: 10vh;}#sw2097 {	display: flex;}#sec2097 .review\:sw__item-body > *:not(:last-child) {    margin-bottom: .75em;}#sec2097 .review\:sw__stars {    color: var(--tf-primary-400);}#sec2097 .swiper-slide img {  width: 200px;}#sec2097 .review\:sw__item-body {    place-self: center;  transition: opacity .5s ease-in;  margin-right: 2rem;}#sec2097 .review\:sw__item {    display: flex;    gap: 2rem;}@media (max-width: 560px) {  #sec2097 .review\:sw__item {    flex-wrap: wrap;  }}/* #sw2097 { margin-right: calc(-50vw + 51.2%);} */ #sw2097 .swiper-horizontal>.swiper-pagination-bullets,#sw2097 .swiper-pagination-bullets.swiper-pagination-horizontal,#sw2097 .swiper-pagination-custom,#sw2097 .swiper-pagination-fraction {  bottom: 0px;  padding: 1px;  padding-right: 1rem;  background: #f7f7f7;}                             /* map */                                    #sec2098 .map,#sec2098 iframe {   width: 100%;  margin-block: var(--top) var(--bottom);}                             /* FOOTER */                                    .footer {  background: var(--bs-body-color);  color: white; } .footer * {   color: white; } @media (min-width: 920px) {  .footer .row {    --bs-gutter-x: 5rem;  }}.footer .about-img {  height: 50px;  width: auto;  margin-bottom: 2rem;  margin-top: -1rem;}.footer-body p, .footer-body a   {  color: #bdbdbd; font-weight: initial; } .footer-body a:hover   {  color: white; } .footer-title {  margin-bottom: 2rem;} .footer-title { text-transform: capitalize;} .footer {  padding-block: clamp(3rem, 7%, 10vh) 3%;}.footer ul {  list-style-type: none;  list-style-image: none;  padding-left: 0;  line-height: 34px;}.footer a {  cursor: pointer; font-size: var(--step-0)}.footer-social-links {  display: flex;  gap: 1rem;  font-size: 1.25rem;  margin-top: 2rem;}.footer-copyright {  position: relative;  display: grid;  place-content: center;  margin-top: 2rem;  padding-top: 2rem;  text-align: center;  border-top: 1px solid var(--tf-secondary);}.links-item,.info-list a { text-decoration: none;}.links-item {  text-decoration: none}.footer-social-links a {  color: white;}.footer-body .about {  position: relative;}.footer .copyright-text {  order: 1;}.footer-social-links li {	  width: 40px;border-radius: var(--bs-border-radius);	aspect-ratio: 1/1;	border: 1px solid #93939342;	display: grid;	place-content: center;}@media (max-width: 580px) {  .footer-body .about {	flex: 0 0 100%;  }}@media (width < 600px) {  .footer-social-links li {    width: 35px;  }    .footer-copyright {	padding-block: 1rem;  }}                             /* diff (swiper)_réalisations */                                    .event-swiper-2100 { margin-block: var(--top) var(--bottom);} .event-swiper-2100 .card-diff {  display: flex;  gap: 30px;  margin-top: 2rem;  flex-direction: column;}@media (min-width: 720px) {  .event-swiper-2100 .card-diff {    flex-direction: row;  }}.event-swiper-2100 .card-diff>* {  position: relative;  flex: 2;}.event-swiper-2100 figure::before,.event-swiper-2100 .event-swiper-2100 .event-swiper-2100 .event-swiper-2100__header {  text-align: center;}.event-swiper-2100 .title {  width: fit-content;  margin-inline: auto;} #sec2100 figcaption {    border-bottom: 1px solid var(--bs-primary);    padding: .5rem 2em;    font-weight: 500;    margin-inline: auto;    width: fit-content;    margin-top: 1rem;}.event-swiper-2100__header {	display: grid;	place-content: center;	place-items: center;	gap: 1rem;}@media (min-width: 580px) {  .event-swiper-2100__header {	text-align: center;  }    #sec2100 .event-swiper-2100__header .title {    max-width: 32ch;  }  #sec2100 .event-swiper-2100__header p {    max-width: 75ch;  }}