/*
Theme Name: bodin-child
Template: bodin
Description: Société de débarras de maison en Vendée
Author URI: https://agence-netclic.com/

Version: 1.0.0
*/



@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-300-normal.woff2') format('woff2');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-500-normal.woff2') format('woff2');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-700-normal.woff2') format('woff2');
 font-weight: 900;
 font-style: normal;
 font-display: swap;
}


:root {
  --color-bg: #FFFEFF;
  --color-text: #444444;
  --color-primary: #4f8a64;
  --color-secondary: #f6e27f;
  --color-title: #232323;
  --color-block: #f5f2e7;
  --color-border: #e0e0e0;
}



* {font-family: 'Parkinsans'; box-sizing: border-box; -webkit-box-sizing: border-box;}
body {margin: 0; color: var(--color-text); font-size: 15px; line-height: 1.6em; letter-spacing: 0px;}
#container {background-color: var(--color-bg) !important; padding-top: 88px;}
#content {margin: 0 !important;}
.container {margin: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width: 748px;}
a {text-decoration: none; transition: 0.4s; color: var(--color-primary); cursor: pointer;}
.button, input[type=button] {cursor: pointer; transition: 0.4s;}
input, textarea, select {font-size: 16px !important;}
p, li {color: var(--color-text); font-size: 16px; line-height: 28px;}
.btn1 {background: var(--color-primary); display: inline-block; color: white; padding: 10px 25px; border-radius: 50px; font-weight: bold; font-size: 16px;}
.btn2 {background: var(--color-secondary); display: inline-block; color: var(--color-title); padding: 10px 25px; border-radius: 50px; font-weight: bold; font-size: 16px;}
.btn3 {display: block; background: white; text-align: center; color: var(--color-title); font-weight: bold; padding: 10px 30px; border-radius: 50px;}
.double-btn {display: flex; column-gap: 15px; align-items: center;}
.pos-rel {position: relative;}
.align-center {align-items: center;}
.justify-center {justify-content: center;}
.disp-flex {display: flex;}
.disp-flex .col33 {width: 33.33%;}
.disp-flex .col66 {width: 66.66%;}
.disp-flex .col50 {width: 50%;}
.disp-flex .col25 {width: 25%;}
.disp-flex .col20 {width: 20%;}
.disp-flex .col75 {width: 75%;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.align-item-start {align-items: flex-start;}
.gap30 {gap:30px;}
.gap50 {gap:50px;}
.gap15 {gap:15px;}
body header .builder-item--button_base .button {padding: 10px 30px !important;}
select {outline: none !important;}
div#container, div#primary {margin-top: 0 !important;}
h1 {font-family: "Parkinsans"; font-size: 46px; line-height: 54px; margin-top: 0; font-weight: bold; color: var(--color-title);}
h2 {font-family: "Parkinsans"; font-size: 38px; line-height: 1.3em; letter-spacing: 0px; font-weight: bold; color: var(--color-title);}
h3 {font-family: "Parkinsans"; font-size: 22px; color: var(--color-title); line-height: 32px; font-weight: 300;}
h4 {font-family: "Parkinsans"; font-size: 18px; color: var(--color-title);}
img {max-width: 100%;}
fieldset {border: none; margin: 0; padding: 0;}
:focus {outline: none !important;}
.surtitre {color: #01C5BD; margin-top: 0; margin-bottom: -25px;}


/* START HEADER */
#header {padding: 15px 0; margin: auto; position: fixed; z-index: 10; width: 100%; background: var(--color-bg); transition: .4s;}
#header.scrolled {box-shadow: 0px 5px 20px 0px rgb(12 12 12 / 11%);}
#header .container {display: flex; align-items: center; column-gap: 60px;}
.menu-link li a {font-weight: bold; color: var(--color-title); font-size: 16px;}
.menu-link li a:hover {color: var(--color-primary);}
.menu-link ul {display: flex; list-style: none; padding: 0; column-gap: 25px;}
#site-logo img {display: block;}
.menu-burger {display: none;}
.menu-btn {    margin-left: auto; display: flex; gap: 12px; align-items: center;}
.menu-tel {display: flex; border-radius: 50px; padding: 5px 18px 5px 5px; border: solid 1px var(--color-border); align-items: center; gap: 10px; color: var(--color-title); font-weight: bold;}
.menu-tel i {background: var(--color-secondary); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-weight: 400;}
.menu-btn-mobile {display: none;}

@media screen and (max-width: 1150px) {
    #header #site-logo img {max-width: 200px; height: 100%;}
    
}

@media screen and (min-width: 960px) {
    .sub-menu {background: white !important; border-radius: 10px; padding: 20px 40px; box-shadow: none;}
}

@media screen and (max-width: 960px) {
    .menu-toggle {display: block;}
    .menu-btn-mobile {gap: 18px; display: flex; flex-direction: column;}
    .menu-link {display: none; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 90%); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: -1; opacity: 0; transform: translateY(-100%); transition: opacity 0.3s ease, transform 0.3s ease; backdrop-filter: blur(3px);}
    .menu-btn .btn2, .menu-btn .menu-tel span {display: none;}
    .menu-btn .menu-tel {padding: 0; border: none;}
    .menu-btn .menu-tel i {background: var(--color-block); width: 40px; height: 40px;}
    .menu-link ul {list-style: none; padding: 0; text-align: center; flex-direction: column; margin: 0 auto; gap: 18px;}
    .menu-link ul li {margin: 0;}
    .menu-link ul li a {font-size: 22px !important; text-decoration: none !important; line-height: 32px; font-weight: 600 !important;}
    .nav-btn {margin-top: 30px !important; border-top: solid 1px #d4d4d4; padding-top: 30px !important;}
    .menu-burger {display: block; background: var(--color-block); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
    #header .container {column-gap: 10px;}
    .navbar {display: flex; align-items: center; padding: 10px 0;}
    .navbar .logo img {max-height: 35px; width: auto; display: block;}
    .navbar .burger-menu i {font-size: 26px; color: #070c27;}
    .no-scroll {overflow: hidden;}
    .menu-link.active {opacity: 1; transform: translateY(0); display: flex; gap: 18px;}
    .menu-burger.open i:before {content:"\f00d";}
}
/* END HEADER */



/* START HOME */
.slide-home {background-image: url(https://bodin-debarras.fr/wp-content/uploads/2025/10/IMG_3396.webp); border-radius: 20px; background-size: cover; background-position: center; display: flex; max-width: 1500px; margin: auto;} 
.content-slide-home {position: relative; display: flex; justify-content: end;}
.content-slide-home-txt {background: var(--color-block); max-width: 600px; border-radius: 20px; padding: 60px 40px; margin: 100px 0px 40px 0px; clip-path: polygon(32.2492676px 0,calc(100% - 29.883191px) 14.1670774px,calc(100% - 29.883191px) 14.1670774px,calc(100% - 24.96109729px) 14.87537046px,calc(100% - 20.31945472px) 16.29591632px,calc(100% - 16.01424199px) 18.36886116px,calc(100% - 12.1014378px) 21.03435113px,calc(100% - 8.63702087px) 24.23253242px,calc(100% - 5.67696992px) 27.9035512px,calc(100% - 3.27726365px) 31.98755362px,calc(100% - 1.49388076px) 36.42468587px,calc(100% - 0.38279998px) 41.1550941px,calc(100% - 5.68434189E-14px) 46.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 0px),31.9827822px calc(100% - 0px),26.79500879px calc(100% - 0.41909978px),21.87374934px calc(100% - 1.63244774px),17.28485237px calc(100% - 3.57411685px),13.09416641px calc(100% - 6.17818003px),9.36754001px calc(100% - 9.37871025px),6.1708217px calc(100% - 13.10978045px),3.56986001px calc(100% - 17.30546357px),1.63050347px calc(100% - 21.89983258px),.41860062px calc(100% - 26.8269604px),5.29492535E-31px calc(100% - 32.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);}
.list-icon-slide-home {list-style: none; padding: 0; display: flex; gap: 15px; align-items: center; flex-wrap: wrap;}
.list-icon-slide-home li i {background: var(--color-primary); width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: var(--color-block); font-size: 14px; font-weight: 400;}
.list-icon-slide-home li {display: flex; column-gap: 6px; font-size: 14px;}
.how-home {padding: 80px 0;}
.subtitle {margin: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; opacity: .7; position: relative; display: table;}
.subtitle:before {content: ""; display: block; background: var(--color-primary); width: 12px; height: 1.2px; position: absolute; rotate: 135deg; right: -22px; top: 4px;}
.subtitle:after {content: ""; display: block; background: var(--color-primary); width: 7px; height: 1.2px; position: absolute; rotate: 135deg; right: -13px; top: 1px;}
.how-home .subtitle {margin: auto;}
.how-home h2 {text-align: center; margin-top: 0;}
.list-how {display: flex; gap: 18%;}
.bloc-how {text-align: center; position: relative;}
.bloc-how i {font-size: 40px; color: var(--color-primary); background: var(--color-block); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50px; font-weight: 400;}
.bloc-how:not(:last-child):after {content:""; background-image: url(https://bodin-debarras.fr/wp-content/uploads/2025/09/arrow-how.webp); display: block; width: 200px; background-size: contain; background-repeat: no-repeat; height: 20px; top: 42px; position: absolute; right: -216px;}
.about-home {position: relative; z-index: 2;}
.about-home .disp-flex {background: var(--color-block); padding: 50px; border-radius: 20px;}
.about-home h2 {margin-top: 0;}
.about-home ul {border-top: solid 1px var(--color-border); margin-top: 30px; padding-top: 25px; list-style: none; padding-left: 0; margin-bottom: 30px;}
.about-home ul li {position: relative; font-weight: bold;}
.about-home ul li:before {content:"\f058"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 20px; color: var(--color-primary); padding-right: 10px;}
.about-home img {border-radius: 20px; display: block;}
.why-home {background: var(--color-primary); margin: 0 25px; border-radius: 20px; margin-top: -100px; z-index: 1; position: relative; padding: 160px 0 60px 0;}
.why-home h2 {text-align: center; margin-top: 0; color: var(--color-bg);}
.why-home .subtitle {margin: auto; color: var(--color-bg);}
.why-home .subtitle:before, .why-home .subtitle:after {background: var(--color-secondary);}
.list-engagement {display: flex; gap: 25px;}
.list-engagement .bloc-engagement {flex: 1; padding: 40px 25px 20px 25px; background: var(--color-block);}
.list-engagement .bloc-engagement:nth-child(1), .list-engagement .bloc-engagement:nth-child(2) {clip-path: polygon(32.2492676px 0,calc(100% - 29.883191px) 14.1670774px,calc(100% - 29.883191px) 14.1670774px,calc(100% - 24.96109729px) 14.87537046px,calc(100% - 20.31945472px) 16.29591632px,calc(100% - 16.01424199px) 18.36886116px,calc(100% - 12.1014378px) 21.03435113px,calc(100% - 8.63702087px) 24.23253242px,calc(100% - 5.67696992px) 27.9035512px,calc(100% - 3.27726365px) 31.98755362px,calc(100% - 1.49388076px) 36.42468587px,calc(100% - 0.38279998px) 41.1550941px,calc(100% - 5.68434189E-14px) 46.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 0px),31.9827822px calc(100% - 0px),26.79500879px calc(100% - 0.41909978px),21.87374934px calc(100% - 1.63244774px),17.28485237px calc(100% - 3.57411685px),13.09416641px calc(100% - 6.17818003px),9.36754001px calc(100% - 9.37871025px),6.1708217px calc(100% - 13.10978045px),3.56986001px calc(100% - 17.30546357px),1.63050347px calc(100% - 21.89983258px),.41860062px calc(100% - 26.8269604px),5.29492535E-31px calc(100% - 32.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);}
.list-engagement .bloc-engagement:nth-child(3), .list-engagement .bloc-engagement:nth-child(4) {clip-path: polygon(32.2492676px 13.8329226px,calc(100% - 29.883191px) 0,calc(100% - 29.883191px) 0,calc(100% - 24.96109729px) .70829306px,calc(100% - 20.31945472px) 2.12883892px,calc(100% - 16.01424199px) 4.20178375px,calc(100% - 12.1014378px) 6.86727374px,calc(100% - 8.63702087px) 10.06545503px,calc(100% - 5.67696992px) 13.73647382px,calc(100% - 3.27726365px) 17.82047625px,calc(100% - 1.49388076px) 22.25760852px,calc(100% - 0.38279998px) 26.98801678px,calc(100% - 5.68434189E-14px) 31.9518472px,calc(100% - 0px) calc(100% - 32.187998px),calc(100% - 0px) calc(100% - 32.187998px),calc(100% - 0.41860061px) calc(100% - 26.99403837px),calc(100% - 1.63050344px) calc(100% - 22.06691047px),calc(100% - 3.56985995px) calc(100% - 17.47254136px),calc(100% - 6.1708216px) calc(100% - 13.2768581px),calc(100% - 9.36753988px) calc(100% - 9.54578775px),calc(100% - 13.09416624px) calc(100% - 6.34525738px),calc(100% - 17.28485217px) calc(100% - 3.74119406px),calc(100% - 21.87374912px) calc(100% - 1.79952485px),calc(100% - 26.79500858px) calc(100% - 0.58617681px),calc(100% - 31.982782px) calc(100% - 0.167077px),31.9827822px calc(100% - 0.167077px),31.9827822px calc(100% - 0.167077px),26.79500879px calc(100% - 0.58617681px),21.87374934px calc(100% - 1.79952485px),17.28485237px calc(100% - 3.74119406px),13.09416641px calc(100% - 6.34525738px),9.36754001px calc(100% - 9.54578775px),6.1708217px calc(100% - 13.2768581px),3.56986001px calc(100% - 17.47254136px),1.63050347px calc(100% - 22.06691047px),.41860062px calc(100% - 26.99403837px),5.29492535E-31px calc(100% - 32.187998px),0 45.853843px,0 45.853843px,.41860062px 40.65988339px,1.63050347px 35.73275553px,3.56986001px 31.13838649px,6.1708217px 26.94270331px,9.36754001px 23.21163305px,13.09416641px 20.01110277px,17.28485237px 17.40703953px,21.87374934px 15.46537039px,26.79500879px 14.25202239px,31.9827822px 13.8329226px,31.9827822px 13.8329226px,32.11152455px 13.8329226px,32.2175794px 13.8329226px,32.30094672px 13.8329226px,32.36162654px 13.8329226px,32.39961884px 13.8329226px,32.41492362px 13.8329226px,32.40754089px 13.8329226px,32.37747064px 13.8329226px,32.32471288px 13.8329226px,32.2492676px 13.8329226px);}
.list-engagement .bloc-engagement i {display: flex; background: var(--color-bg); width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 15px; color: var(--color-primary); font-size: 26px; font-weight: 400;}
.services-home {padding: 80px 0;}
.services-home h2 {margin-top: 0; max-width: 600px;}
.services-home .list-services {display: flex; gap: 25px;}
.bloc-service {background: linear-gradient(147deg, #f6e27f, #e7fff0); padding: 15px; border-radius: 20px;}
.bloc-service img {border-radius: 20px;}
.bloc-service p {margin-bottom: 30px; margin-top: 10px;}
.faq-home {padding-bottom: 80px;}
.faq-home h2 {margin-top: 0;}
.bloc-cta {background: var(--color-block); padding: 25px 40px; border-radius: 20px;}
.bloc-cta .title {font-size: 22px; line-height: 32px;}
.faq-home .faq {margin-left: auto;}
.faq {display: flex; flex-direction: column; gap: 15px;}
.faq-item {background: var(--color-block); padding: 15px 25px; border-radius: 20px;}
.faq-item h3 {margin: 0; font-size: 18px; position: relative; display: flex; align-items: center; gap: 20px; line-height: 26px;}
.faq-item h3:after {content: "\+"; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 30px; height: 30px; background: white; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 14px; margin-left: auto; min-width: 30px; min-height: 30px;}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.4s ease;}
.faq-question {cursor: pointer;}
.faq-question:focus {outline: 2px solid currentColor; outline-offset: 2px;}
/* END HOME */

/* START FOOTER */
footer {background-color: var(--color-primary); z-index: 3; clear: both; position: relative; margin: 0 20px; border-radius: 20px 20px 0 0;}
footer ul {list-style: none; padding: 0;}
footer img {width: 260px; margin-bottom: 20px;}
footer .title {font-size: 20px; color: white !important;}
.content-footer {padding: 60px 0;}
.content-footer p, .content-footer a:not(.btn2), .content-footer li {color: var(--color-block);}
.footer-tel {width: fit-content;}
.footer-tel i {color: black !important;}
.cop-footer {margin: 0; background: var(--color-block); padding: 10px 25px; border-radius: 20px 20px 0 0; font-size: 14px; display: flex; align-items: center;}
.cop-footer span {margin-left: auto;}

@media screen and (max-width: 767px) {
    footer {clip-path: polygon(32.2492676px 0,calc(100% - 29.883191px) 14.1670774px,calc(100% - 29.883191px) 14.1670774px,calc(100% - 24.96109729px) 14.87537046px,calc(100% - 20.31945472px) 16.29591632px,calc(100% - 16.01424199px) 18.36886116px,calc(100% - 12.1014378px) 21.03435113px,calc(100% - 8.63702087px) 24.23253242px,calc(100% - 5.67696992px) 27.9035512px,calc(100% - 3.27726365px) 31.98755362px,calc(100% - 1.49388076px) 36.42468587px,calc(100% - 0.38279998px) 41.1550941px,calc(100% - 5.68434189E-14px) 46.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 0px),31.9827822px calc(100% - 0px),26.79500879px calc(100% - 0.41909978px),21.87374934px calc(100% - 1.63244774px),17.28485237px calc(100% - 3.57411685px),13.09416641px calc(100% - 6.17818003px),9.36754001px calc(100% - 9.37871025px),6.1708217px calc(100% - 13.10978045px),3.56986001px calc(100% - 17.30546357px),1.63050347px calc(100% - 21.89983258px),.41860062px calc(100% - 26.8269604px),5.29492535E-31px calc(100% - 32.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);}
    footer .disp-flex {flex-direction: column; padding: 30px 10px;}
    footer .disp-flex .col33 {width: 100%; margin: 10px 0;}
    footer .bottom-footer span {margin: 0;}
    .footer-link {padding-bottom: 20px;}    
    .footer-link a {padding: 5px 0; display: block; position: relative;}
    .footer-rs {gap: 15px; display: flex;}
}
/* END FOOTER */



/* START 404 */
.slide-404 {padding: 60px 0;}
.slide-404 h1 {text-align: center; margin-bottom: 40px;}
.slide-404 .btn1 {margin: 0 auto 60px auto; display: table;}
.slide-404 img {margin: auto; display: block; max-width: 1000px; margin-bottom: 50px;}
.error404 main {padding: 100px 0;}
/* END 404 */

/* START PAGE */
.top-page {text-align: center;}
.top-page h1 {position: relative;}
 .page-interne {background: linear-gradient(180deg, var(--color-block), transparent 400px); margin: 0 20px; border-radius: 20px; padding: 60px 0;}
.legal-page {padding: 60px 0;}
.legal-page h2 {font-size: 26px; line-height: 26px;}
.legal-page h2:not(:first-child) {margin-top: 45px;}
.list-infos-contact {display: flex; gap: 25px;}
.list-infos-contact h3 {margin-bottom: 0;}
.list-infos-contact p {margin-top: 8px;}
.list-infos-contact a {color: var(--color-texte);}
.list-infos-contact .bloc-info-contact {flex: 1; padding: 40px 25px 20px 25px; background: var(--color-block);}
.list-infos-contact .bloc-info-contact:nth-child(1), .list-infos-contact .bloc-info-contact:nth-child(2) {clip-path: polygon(32.2492676px 0,calc(100% - 29.883191px) 14.1670774px,calc(100% - 29.883191px) 14.1670774px,calc(100% - 24.96109729px) 14.87537046px,calc(100% - 20.31945472px) 16.29591632px,calc(100% - 16.01424199px) 18.36886116px,calc(100% - 12.1014378px) 21.03435113px,calc(100% - 8.63702087px) 24.23253242px,calc(100% - 5.67696992px) 27.9035512px,calc(100% - 3.27726365px) 31.98755362px,calc(100% - 1.49388076px) 36.42468587px,calc(100% - 0.38279998px) 41.1550941px,calc(100% - 5.68434189E-14px) 46.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 0px),31.9827822px calc(100% - 0px),26.79500879px calc(100% - 0.41909978px),21.87374934px calc(100% - 1.63244774px),17.28485237px calc(100% - 3.57411685px),13.09416641px calc(100% - 6.17818003px),9.36754001px calc(100% - 9.37871025px),6.1708217px calc(100% - 13.10978045px),3.56986001px calc(100% - 17.30546357px),1.63050347px calc(100% - 21.89983258px),.41860062px calc(100% - 26.8269604px),5.29492535E-31px calc(100% - 32.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);}
.list-infos-contact .bloc-info-contact:nth-child(3), .list-infos-contact .bloc-info-contact:nth-child(4) {clip-path: polygon(32.2492676px 13.8329226px,calc(100% - 29.883191px) 0,calc(100% - 29.883191px) 0,calc(100% - 24.96109729px) .70829306px,calc(100% - 20.31945472px) 2.12883892px,calc(100% - 16.01424199px) 4.20178375px,calc(100% - 12.1014378px) 6.86727374px,calc(100% - 8.63702087px) 10.06545503px,calc(100% - 5.67696992px) 13.73647382px,calc(100% - 3.27726365px) 17.82047625px,calc(100% - 1.49388076px) 22.25760852px,calc(100% - 0.38279998px) 26.98801678px,calc(100% - 5.68434189E-14px) 31.9518472px,calc(100% - 0px) calc(100% - 32.187998px),calc(100% - 0px) calc(100% - 32.187998px),calc(100% - 0.41860061px) calc(100% - 26.99403837px),calc(100% - 1.63050344px) calc(100% - 22.06691047px),calc(100% - 3.56985995px) calc(100% - 17.47254136px),calc(100% - 6.1708216px) calc(100% - 13.2768581px),calc(100% - 9.36753988px) calc(100% - 9.54578775px),calc(100% - 13.09416624px) calc(100% - 6.34525738px),calc(100% - 17.28485217px) calc(100% - 3.74119406px),calc(100% - 21.87374912px) calc(100% - 1.79952485px),calc(100% - 26.79500858px) calc(100% - 0.58617681px),calc(100% - 31.982782px) calc(100% - 0.167077px),31.9827822px calc(100% - 0.167077px),31.9827822px calc(100% - 0.167077px),26.79500879px calc(100% - 0.58617681px),21.87374934px calc(100% - 1.79952485px),17.28485237px calc(100% - 3.74119406px),13.09416641px calc(100% - 6.34525738px),9.36754001px calc(100% - 9.54578775px),6.1708217px calc(100% - 13.2768581px),3.56986001px calc(100% - 17.47254136px),1.63050347px calc(100% - 22.06691047px),.41860062px calc(100% - 26.99403837px),5.29492535E-31px calc(100% - 32.187998px),0 45.853843px,0 45.853843px,.41860062px 40.65988339px,1.63050347px 35.73275553px,3.56986001px 31.13838649px,6.1708217px 26.94270331px,9.36754001px 23.21163305px,13.09416641px 20.01110277px,17.28485237px 17.40703953px,21.87374934px 15.46537039px,26.79500879px 14.25202239px,31.9827822px 13.8329226px,31.9827822px 13.8329226px,32.11152455px 13.8329226px,32.2175794px 13.8329226px,32.30094672px 13.8329226px,32.36162654px 13.8329226px,32.39961884px 13.8329226px,32.41492362px 13.8329226px,32.40754089px 13.8329226px,32.37747064px 13.8329226px,32.32471288px 13.8329226px,32.2492676px 13.8329226px);}
.list-infos-contact .bloc-info-contact i {display: flex; background: var(--color-bg); width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 15px; color: var(--color-primary); font-size: 26px; font-weight: 400;}
.form-contact {padding: 80px 0;}
.form-contact .disp-flex .col50:first-child {background: linear-gradient(147deg, #f6e27f, #e7fff0); padding: 80px 60px 60px 60px; clip-path: polygon(32.2493px 0px, calc(100% - 29.8832px) 14.1671px, calc(100% - 29.8832px) 14.1671px, calc(100% - 24.9611px) 14.8754px, calc(100% - 20.3195px) 16.2959px, calc(100% - 16.0142px) 18.3689px, calc(100% - 12.1014px) 21.0344px, calc(100% - 8.63702px) 24.2325px, calc(100% - 5.67697px) 27.9036px, calc(100% - 3.27726px) 31.9876px, calc(100% - 1.49388px) 36.4247px, calc(100% - 0.3828px) 41.1551px, calc(100% - 5.68434e-14px) 46.1189px, calc(100% + 0px) calc(100% - 32.0209px), calc(100% + 0px) calc(100% - 32.0209px), calc(100% - 0.418601px) calc(100% - 26.827px), calc(100% - 1.6305px) calc(100% - 21.8998px), calc(100% - 3.56986px) calc(100% - 17.3055px), calc(100% - 6.17082px) calc(100% - 13.1098px), calc(100% - 9.36754px) calc(100% - 9.37871px), calc(100% - 13.0942px) calc(100% - 6.17818px), calc(100% - 17.2849px) calc(100% - 3.57412px), calc(100% - 21.8737px) calc(100% - 1.63245px), calc(100% - 26.795px) calc(100% - 0.4191px), calc(100% - 31.9828px) calc(100% - 5.68434e-14px), 31.9828px calc(100% + 0px), 31.9828px calc(100% + 0px), 26.795px calc(100% - 0.4191px), 21.8737px calc(100% - 1.63245px), 17.2849px calc(100% - 3.57412px), 13.0942px calc(100% - 6.17818px), 9.36754px calc(100% - 9.37871px), 6.17082px calc(100% - 13.1098px), 3.56986px calc(100% - 17.3055px), 1.6305px calc(100% - 21.8998px), 0.418601px calc(100% - 26.827px), 5.29493e-31px calc(100% - 32.0209px), 0px 32.0209px, 0px 32.0209px, 0.418601px 26.827px, 1.6305px 21.8998px, 3.56986px 17.3055px, 6.17082px 13.1098px, 9.36754px 9.37871px, 13.0942px 6.17818px, 17.2849px 3.57412px, 21.8737px 1.63245px, 26.795px 0.4191px, 31.9828px 5.30124e-31px, 31.9828px 0px, 32.1115px 0px, 32.2176px 0px, 32.3009px 0px, 32.3616px 0px, 32.3996px 0px, 32.4149px 0px, 32.4075px 0px, 32.3775px 0px, 32.3247px 0px, 32.2493px 0px);}
.form-contact h2 {margin-top: 0;}
.form-contact input:not(.button) {border: solid 1px var(--color-border) !important; height: 50px !important; border-radius: 10px !important; box-shadow: none !important;}
.form-contact textarea {border: solid 1px var(--color-border) !important;  border-radius: 10px !important; box-shadow: none !important;}
.form-contact .button, .form-devis .button {background: var(--color-title) !important; padding: 14px 25px !important; border-radius: 50px !important;}
.form-contact img {height: 100%; display: block; object-fit: cover; overflow: hidden; width: 100%; border-radius: 20px;}
.form-devis {background: linear-gradient(147deg, #f6e27f, #e7fff0); padding: 80px 40px 40px 40px; clip-path: polygon(32.2493px 0px, calc(100% - 29.8832px) 14.1671px, calc(100% - 29.8832px) 14.1671px, calc(100% - 24.9611px) 14.8754px, calc(100% - 20.3195px) 16.2959px, calc(100% - 16.0142px) 18.3689px, calc(100% - 12.1014px) 21.0344px, calc(100% - 8.63702px) 24.2325px, calc(100% - 5.67697px) 27.9036px, calc(100% - 3.27726px) 31.9876px, calc(100% - 1.49388px) 36.4247px, calc(100% - 0.3828px) 41.1551px, calc(100% - 5.68434e-14px) 46.1189px, calc(100% + 0px) calc(100% - 32.0209px), calc(100% + 0px) calc(100% - 32.0209px), calc(100% - 0.418601px) calc(100% - 26.827px), calc(100% - 1.6305px) calc(100% - 21.8998px), calc(100% - 3.56986px) calc(100% - 17.3055px), calc(100% - 6.17082px) calc(100% - 13.1098px), calc(100% - 9.36754px) calc(100% - 9.37871px), calc(100% - 13.0942px) calc(100% - 6.17818px), calc(100% - 17.2849px) calc(100% - 3.57412px), calc(100% - 21.8737px) calc(100% - 1.63245px), calc(100% - 26.795px) calc(100% - 0.4191px), calc(100% - 31.9828px) calc(100% - 5.68434e-14px), 31.9828px calc(100% + 0px), 31.9828px calc(100% + 0px), 26.795px calc(100% - 0.4191px), 21.8737px calc(100% - 1.63245px), 17.2849px calc(100% - 3.57412px), 13.0942px calc(100% - 6.17818px), 9.36754px calc(100% - 9.37871px), 6.17082px calc(100% - 13.1098px), 3.56986px calc(100% - 17.3055px), 1.6305px calc(100% - 21.8998px), 0.418601px calc(100% - 26.827px), 5.29493e-31px calc(100% - 32.0209px), 0px 32.0209px, 0px 32.0209px, 0.418601px 26.827px, 1.6305px 21.8998px, 3.56986px 17.3055px, 6.17082px 13.1098px, 9.36754px 9.37871px, 13.0942px 6.17818px, 17.2849px 3.57412px, 21.8737px 1.63245px, 26.795px 0.4191px, 31.9828px 5.30124e-31px, 31.9828px 0px, 32.1115px 0px, 32.2176px 0px, 32.3009px 0px, 32.3616px 0px, 32.3996px 0px, 32.4149px 0px, 32.4075px 0px, 32.3775px 0px, 32.3247px 0px, 32.2493px 0px);}
.form-devis input[type=text], .form-devis input[type=tel], .form-devis input[type=email], .form-devis input[type=file] {border: solid 1px var(--color-border) !important; height: 50px !important; border-radius: 10px !important; box-shadow: none !important;}
.form-devis .gfield_checkbox {flex-direction: row !important; flex-wrap: wrap !important; gap: 30px !important;}
.form-devis .gfield_checkbox input {border: solid 1px var(--color-border) !important; cursor: pointer;}
.form-devis .gfield_checkbox label {margin-left: 10px !important;}
.gform-theme--foundation .gform_fields {gap: 25px !important;}
/* END PAGE */


/* START MEDIA QUERY */
@media (min-width: 850px){
    .container {max-width: 810px;}
}

@media (min-width: 992px){
    .container {max-width: 960px;}
}

@media (min-width: 1200px){
    .container {max-width: 1140px;}
}

@media (min-width: 1400px){
    .container {max-width: 1320px;}
}

@media (max-width: 968px){
    .listing-pdts > .produit {width: calc(50% - 15px);}
}
@media (max-width: 768px){
    h1 {font-size: 30px; line-height: 40px;}
    h2 {font-size: 24px; font-weight: bold; line-height: 34px;}
    h3 {font-size: 20px; font-weight: 300; line-height: 30px}
    .list-engagement, .list-services, .list-how, .double-btn, .faq-home .disp-flex, .about-home .disp-flex, .list-infos-contact, .form-contact .disp-flex {flex-direction: column;}
    .list-engagement > div, .list-services > div, .list-how > div, .double-btn > a, .faq-home .disp-flex > div, .about-home .disp-flex > div, .list-infos-contact > div, .form-contact .disp-flex > div {width: 100% !important;}
    .double-btn {gap: 15px;}
    .cop-footer {flex-direction: column-reverse; justify-content: center;}
    .about-home .disp-flex, .bloc-cta {padding: 35px 25px;}
    .content-footer {padding: 30px 0;}
    .faq-home .disp-flex {gap: 15px;}
    .slide-home {max-width: calc(100% - 30px); left: 15px; position: relative; margin: 0; background-size: contain; background-repeat: no-repeat; background-position: top;}
    .slide-home > .container {padding: 0 !important;}
    .content-slide-home-txt {margin: 165px 0 0 0; padding: 50px 25px 15px 25px;}
    .how-home {padding: 50px 0;}
    .list-how {gap: 100px;}
    .bloc-how:not(:last-child):after {right: auto; rotate: 90deg; bottom: -43px; left: calc(50% - 40px); top: auto; width: 80px; height: 10px;}
    .faq-home {padding-bottom: 50px;}
    #container {padding-top: 70px;}
    .page-interne {margin: 0 15px; background: linear-gradient(180deg, var(--color-block), transparent 150px);} 
    .page-interne .top-page {padding: 0 15px 30px 15px;}
    .page-interne .container {padding-left: 0 !important; padding-right: 0 !important;} 
    .form-contact .disp-flex .col50:first-child {padding: 40px 30px 30px 30px;}
}

@media (max-width: 668px){
    .listing-pdts > .produit {width: 100%;}
}

/* END MEDIA QUERY */