.container{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; } 
.col-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; } 
.offset-4 { margin-left: 33.33333333%; } 
.offset-5 { margin-left: 41.66666667%; } 
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; } 
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }
.offset-12 { margin-left: 100%; }
@media (min-width: 576px){ .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-sm-3 { flex: 0 0 auto; width: 25%; } 
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-sm-9 { flex: 0 0 auto; width: 75%; } 
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-sm-12 { flex: 0 0 auto; width: 100%; }
.offset-sm-1 { margin-left: 8.33333333%; }
.offset-sm-2 { margin-left: 16.66666667%; }
.offset-sm-3 { margin-left: 25%; } 
.offset-sm-4 { margin-left: 33.33333333%; } 
.offset-sm-5 { margin-left: 41.66666667%; } 
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333333%; }
.offset-sm-8 { margin-left: 66.66666667%; }
.offset-sm-9 { margin-left: 75%; } 
.offset-sm-10 { margin-left: 83.33333333%; }
.offset-sm-11 { margin-left: 91.66666667%; }
.offset-sm-12 { margin-left: 100%; }
}
@media (min-width: 768px){ .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; } 
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; } 
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-md-12 { flex: 0 0 auto; width: 100%; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; } 
.offset-md-4 { margin-left: 33.33333333%; } 
.offset-md-5 { margin-left: 41.66666667%; } 
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; } 
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
.offset-md-12 { margin-left: 100%; }
}
@media (min-width: 992px){ .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; } 
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; } 
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-lg-12 { flex: 0 0 auto; width: 100%; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; } 
.offset-lg-4 { margin-left: 33.33333333%; } 
.offset-lg-5 { margin-left: 41.66666667%; } 
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; } 
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
.offset-lg-12 { margin-left: 100%; }
}
@media (min-width: 1200px){ .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; } 
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; } 
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xl-12 { flex: 0 0 auto; width: 100%; }
.offset-xl-1 { margin-left: 8.33333333%; }
.offset-xl-2 { margin-left: 16.66666667%; }
.offset-xl-3 { margin-left: 25%; } 
.offset-xl-4 { margin-left: 33.33333333%; } 
.offset-xl-5 { margin-left: 41.66666667%; } 
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333333%; }
.offset-xl-8 { margin-left: 66.66666667%; }
.offset-xl-9 { margin-left: 75%; } 
.offset-xl-10 { margin-left: 83.33333333%; }
.offset-xl-11 { margin-left: 91.66666667%; }
.offset-xl-12 { margin-left: 100%; }
}
@media (min-width: 1400px){ .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; } 
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; } 
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; } 
.offset-xxl-4 { margin-left: 33.33333333%; } 
.offset-xxl-5 { margin-left: 41.66666667%; } 
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; } 
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.offset-xxl-12 { margin-left: 100%; }
}@font-face {
font-family: 'Stop Here Rounded';
src: url(//www.tontons-tarteurs.fr/wp-content/themes/tontons-tarteurs/fonts/StopHereRounded.woff2) format('woff2'),
url(//www.tontons-tarteurs.fr/wp-content/themes/tontons-tarteurs/fonts/StopHereRounded.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Stop Here Rounded';
src: url(//www.tontons-tarteurs.fr/wp-content/themes/tontons-tarteurs/fonts/StopHereRounded.woff2) format('woff2'),
url(//www.tontons-tarteurs.fr/wp-content/themes/tontons-tarteurs/fonts/StopHereRounded.woff) format('woff');
font-weight: 400;
font-style: normal;
}html{scroll-behavior: smooth;}
*{ font-family: "loos-wide"; font-size: 16px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #1D1D1B;
--Color-White: #fff;
--Color-Pink: #F4B7C0;
--Color-Green: #8CAB65;
--Color-Beige: #FFF7D3;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }  .btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px;box-shadow: 8px 8px 0 0 var(--Color-Beige); border-radius: 30px;transition: .5s; background: var(--Color-Green);border: 1px solid var(--Color-Beige);padding: 15px 22px;color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
.btn-link:hover{background: var(--Color-Pink);}
.btn-link.white{border: 1px solid var(--Color-Green);color: var(--Color-Green);background: var(--Color-Beige);}
.btn-link.white:hover{background: var(--Color-Green);border-color: var(--Color-Beige);} .bloc-text h1{color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size:40px; font-style: normal; font-weight: 400; text-transform: uppercase;margin-top: 0;margin-bottom: 30px;}
.bloc-text h2{color: var(--Color-Black); font-family: "Stop Here Rounded"; font-size: 20px; font-style: normal; font-weight: 400; text-transform: uppercase;margin-top: 0;margin-bottom: 5px;}
.bloc-text h3{  color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 60px; font-style: normal; font-weight: 400; line-height: 55px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px;}
.bloc-text h3 strong{ margin-bottom: 8px;  margin-left: -15px; background: var(--Color-Pink); display: inline-flex; transform: rotate(-2deg); padding: 15px; border-radius: 10px; gap: 10px; color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 60px; font-style: normal; font-weight: 400; text-transform: uppercase; position: relative; justify-content: center; align-items: flex-start; height: 74px;}
.bloc-text p{color: var(--Color-Beige); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-text li{color: var(--Color-Beige); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-text p:last-of-type{margin-bottom: 0;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .bloc-contact form{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;position: relative;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 20px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 10px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 10px 0;color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px;border: none;outline:none;background: transparent;border-bottom: 1px solid var(--Color-Green);border-radius: 0;}
.bloc-contact form select{width: 100%;padding: 10px 0;color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px;border: none;outline:none;background: transparent;border-bottom: 1px solid var(--Color-Green);border-radius: 0;}
.bloc-contact form textarea{width: 100%;padding: 10px 0;color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px;border: none;outline:none; height: 100px;background: transparent;border-bottom: 1px solid var(--Color-Green);border-radius: 0;}
.bloc-contact form *::placeholder{color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}
.bloc-contact form .wpcf7-spinner{position: absolute;bottom: 0;left: 0;}
.bloc-contact form input[type="submit"]{cursor: pointer; margin-left: auto; display: inline-flex;align-items: center;justify-content: center;gap: 10px;box-shadow: 8px 8px 0 0 var(--Color-Green); border-radius: 30px;transition: .5s; background: var(--Color-Beige);border: 1px solid var(--Color-Green);padding: 15px 22px;color: var(--Color-Green); font-family: "Stop Here Rounded"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
.bloc-contact form input[type="submit"]:hover{background: var(--Color-Green);color: var(--Color-Beige);border-color: var(--Color-Beige);} header{position: absolute;top: 0;left: 0;z-index: 990; width: 100%;}
header .menu-desktop{display: flex;align-items: center;padding: 30px 0px 0;position: relative;z-index: 60;transition: .5s;}
header.scrolled .menu-desktop{padding: 20px 0;}
header .menu-desktop .logo{overflow: hidden;width: 16.66666667%;margin-left: 8.33333333%;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;height: 76px;margin-left: auto;margin-right: 8.33333333%;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li{position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a{background: transparent; padding: 10px;border-radius: 4px; color: var(--Color-Beige);font-family: "Stop Here Rounded"; font-size: 18px; font-style: 18px; font-weight: 400; line-height: normal; text-transform: uppercase; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{background: var(--Color-Pink);}
header .burger-button{padding: 12px;width: 50px;height: 50px;margin-left: 10px; border: 1px solid var(--Color-Beige); cursor: pointer; transition: .5s; display: none;border-radius: 30px;background: var(--Color-Green);box-shadow: 4px 4px 0 0 var(--Color-Beige);}
header .burger-button svg{width: 100%;height: auto;}
header .burger-button:hover{background: var(--Color-Pink);}
header .burger-button:hover svg path{fill: var(--Color-Beige);}
header .burger-button.on{background: var(--Color-Pink);}
header .burger-button.on svg path{fill: var(--Color-Beige);}
header .menu-mobile{transition: .5s;position: fixed;top: 0;left: 0;padding: 55px 20px 55px; width: 100%;height: 100vh;z-index: 55;background: var(--Color-Green);opacity: 0;visibility: hidden;max-height: 0vh;overflow-y: auto;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu{display: flex;justify-content: center;align-items: center; gap: 20px;margin: 0;padding: 0;list-style: none;flex-direction: column;width: 100%;}
header .menu-mobile .navigation nav>ul.menu>li>a{ color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; display: inline-block;position: relative;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Pink);} footer{background: var(--Color-Green);display: flex;align-items: center;padding: 30px 0}
footer .footer-menu{width: 33.33333333%;margin-left: 8.33333333%;}
footer .footer-menu ul{display: flex;align-items: center;list-style: none;margin: 0;padding: 0;gap: 10px;}
footer .footer-menu ul a{color: var(--Color-Beige); font-family: "loos-wide"; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;}
footer .footer-menu ul a:hover{color: var(--Color-Pink);}
footer .footer-logo{width: 16.66666667%; text-align: center;}
footer .footer-mention{width: 33.33333333%;text-align: right;}
footer .footer-mention p a{color: var(--Color-Beige); font-family: "loos-wide"; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;}
footer .footer-mention p a:hover{color: var(--Color-Pink);} .page-404 #content{display: flex;position: relative;width: 100%;background: var(--Color-LightGrey);scroll-margin: 130px;background: var(--Color-Green);} 
.page-404 #content .content-container{width: 100%;position: relative; padding: 180px 0 100px;}
.page-404 #content .text{width: 83.33333333%;margin: auto;} .page-classique #content{display: flex;position: relative;width: 100%;background: var(--Color-LightGrey);scroll-margin: 130px;background: var(--Color-Green);} 
.page-classique #content .content-container{width: 100%;position: relative; padding: 180px 0 100px;}
.page-classique #content .text{width: 83.33333333%;margin: auto;}
.page-classique #content .text a{color: var(--Color-Orange);text-decoration: underline;} .page-home{overflow: hidden;}
.page-home #entry{position: relative;height: 100vh;width: 100%;background: var(--Color-Green);}
.page-home #entry .text{position: absolute;top: calc(50px + 50%);left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index: 10;}
.page-home #entry .text h1{color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 110px; font-style: normal; font-weight: 400; line-height: 90px; text-transform: uppercase;margin-top: 0;margin-bottom: 50px;}
.page-home #entry .text h1 strong{    background: var(--Color-Pink); display: inline-flex; transform: rotate(-2deg); padding: 30px; border-radius: 10px; gap: 10px; color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 110px; font-style: normal; font-weight: 400; text-transform: uppercase; position: relative; justify-content: center; align-items: flex-start; height: 130px;}
.page-home #entry .img-entry{position: absolute;width: 36vw;height: auto;object-fit: cover;object-position: center;z-index: 5;will-change: transform;}
.page-home #entry .img-entry.img-1{top: 0;left: 15%;}
.page-home #entry .img-entry.img-2{top: 0;right: 15%;}
.page-home #entry .img-entry.img-3{bottom: 0;left: 15%;}
.page-home #entry .img-entry.img-4{bottom: 0;right: 15%;}
.page-home #concept{position: relative;background: var(--Color-Green);padding: 140px 0;display: flex;}
.page-home #concept .medias{width: 58.33333333%;position: relative;}
.page-home #concept .medias .img-concept{transition: .5s;will-change: transform;}
.page-home #concept .medias .img-concept.img-1{z-index: 1; position: absolute;top: -45%;left: -25%;width: 80%;height: auto; transform: translate(0%, 0%);}
.page-home #concept .medias .img-concept.img-2{z-index: 2; position: absolute;top: 50%;left: 50%;width: 45%;height: auto; transform: rotate(4deg) translate(-50%, -50%);border-radius: 20px; border: 10px solid var(--Color-Beige); box-shadow: 16px 16px 0 0 #E3B5BC;}
.page-home #concept .medias .img-concept.img-3{z-index: 3; position: absolute;bottom: -45%;left: 60%;width: 80%;height: auto; transform: translate(-50%, 0%);}
.page-home #concept .text{width: 25%;padding: 100px 0;}
.page-home #carousel{position: relative;background: var(--Color-Green);display: flex;align-items: center;}
.page-home #carousel .home-carousel .owl-stage-outer{padding: 50px 0;}
.page-home #carousel .home-carousel .owl-stage{display: flex;align-items: center;}
.page-home #carousel .home-carousel .img-carousel{transition: .5s;border-radius: 20px;border: 10px solid var(--Color-Beige);box-shadow: 16px 16px 0 0 #E3B5BC;display: block;width: 100%;height: auto;max-height: 80vh; object-fit: cover; max-width: fit-content; margin: auto;}
.page-home #carousel .home-carousel .owl-item .img-carousel{scale: .85;}
.page-home #carousel .home-carousel .owl-item.active .img-carousel{scale: 1;}
.page-home #carousel .home-carousel .owl-item.active:hover .img-carousel{transform: rotate(-2deg);}
.page-home #offre{position: relative;background: var(--Color-Green);padding: 140px 0;display: flex;}
.page-home #offre .text{width: 33.33333333%;margin-left: 16.66666667%;padding: 100px 0;}
.page-home #offre .text p{width: 90%;}
.page-home #offre .medias{width: 50%;position: relative;}
.page-home #offre .medias .img-offre{transition: .5s;}
.page-home #offre .medias .img-offre.img-2{will-change: transform;}
.page-home #offre .medias .img-offre.img-1{z-index: 1; position: absolute;top: -50px;right: -50%;width: 100%;height: auto; transform: translate(0%, 0%);}
.page-home #offre .medias .img-offre.img-2{z-index: 2; position: absolute;top: 50%;left: 50%;width: 100%;height: auto; transform: translate(-50%, -50%);}
.page-home #contact{position: relative;background: var(--Color-Green);display: flex;padding-bottom: 100px;}
.page-home #contact .contact-container{width: 83.33333333%;margin-left: 8.33333333%; display: flex; align-items: center; padding: 100px 8.33333333%; background: var(--Color-Beige);border-radius: 20px; border: 4px solid var(--Color-Pink); box-shadow: 16px 16px 0 0 var(--Color-Pink);}
.page-home #contact .contact-container .map-container{width: 41.66666667%}
.page-home #contact .contact-container .map-container .map{width: 100%;height: 350px;border-radius: 20px; border: 4px solid var(--Color-Green);}
.page-home #contact .contact-container .map-container .map img{max-width: inherit !important;}
.page-home #contact .contact-container .map-container .adresse{margin-top: 20px;}
.page-home #contact .contact-container .map-container .adresse p{color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin-bottom: 0;}
.page-home #contact .contact-container .form-container{width: 50%;margin-left: 8.33333333%;}
.page-home #contact .contact-container .form-container h2{color: var(--Color-Green); font-family: "Stop Here Rounded"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 65px; text-transform: uppercase;margin-top: 0;margin-bottom: 30px;}
.page-home #contact .contact-container .form-container h2 strong{color: var(--Color-Beige); font-family: "Stop Here Rounded"; font-size: 60px; font-style: normal; font-weight: 400; line-height: 60px; text-transform: uppercase;margin-bottom: 8px;  margin-left: -15px;transform: rotate(-2deg);background: var(--Color-Green); display: inline-flex; padding: 15px; border-radius: 10px; gap: 10px;position: relative; justify-content: center; align-items: flex-start; height: 78px; }
.page-home #contact .contact-container .form-container p{color: var(--Color-Green); font-family: "loos-wide"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #contact .contact-container .form-container p:last-of-type{margin-bottom: 0;} @media screen and (max-width: 1500px) { .page-home #concept .medias .img-concept.img-1 { z-index: 1; position: absolute; top: 25%; left: -25%; width: 80%; height: auto; transform: translate(0%, -50%); }
.page-home #concept .medias .img-concept.img-3 { z-index: 3; position: absolute; bottom: auto; top: 100%; left: 60%; width: 70%; height: auto; transform: translate(-50%, -75%); }
} @media screen and (max-width: 1400px) { .page-home #entry .text h1{font-size: 90px; line-height: 75px;}
.page-home #entry .text h1 strong{font-size: 90px; height: 110px; padding: 25px;} .page-home #concept .text{width: 33.33333333%;} .page-home #contact .contact-container .form-container h2{font-size: 45px; line-height: 55px;}
.page-home #contact .contact-container .form-container h2 strong{font-size: 55px; line-height: 55px; height: 70px;}
} @media screen and (max-width: 1200px) {
.container{padding: 0 4%;} .page-classique #content{scroll-margin: 100px;}
.page-classique #content .content-container{padding: 120px 0 80px;}
.page-classique #content .text{width: 90%;} header .menu-desktop .logo{width: 20%; margin-left: 4%;}
header .menu-desktop .logo svg{width: 140px; height: auto;}
header .menu-desktop .navigation{margin-right: 4%;}
header .menu-desktop .navigation nav>ul.menu>li>a{font-size: 16px; padding: 8px;} footer{padding: 25px 0; flex-wrap: wrap;}
footer .footer-menu{width: 100%; margin-left: 0; margin-bottom: 20px;}
footer .footer-menu ul{justify-content: center;}
footer .footer-logo{width: 100%; text-align: center; margin-bottom: 20px;}
footer .footer-logo svg{width: 140px; height: auto; margin: 0 auto;}
footer .footer-mention{width: 100%; text-align: center; margin-left: 0} .page-home #entry .text h1{font-size: 75px; line-height: 65px; margin-bottom: 40px;}
.page-home #entry .text h1 strong{font-size: 75px; height: 95px; padding: 20px;}
.page-home #entry .img-entry{width: 40vw;} .page-home #concept{padding: 100px 0; flex-direction: column;}
.page-home #concept .medias{width: 100%; height: 500px; margin-bottom: 50px;}
.page-home #concept .medias .img-concept.img-1{        top: -100px; left: 0%; width: 50%; transform: translate(0%, 0%);}
.page-home #concept .medias .img-concept.img-2{width: auto; height: 500px;}
.page-home #concept .medias .img-concept.img-3 { bottom: -100px; top: auto; left: 70%; width: 40%; transform: translate(-50%, -0%); }
.page-home #concept .text{width: 100%; padding: 0 20px;} .page-home #offre{padding: 100px 0; flex-direction: column-reverse;}
.page-home #offre .text{width: 100%; margin-left: 0; padding: 0 20px;}
.page-home #offre .text p{width: 100%;}
.page-home #offre .medias{width: 100%; height: 500px;}
.page-home #offre .medias .img-offre.img-1{ top: -80px; right: auto; left: 65%; width: auto; height: 100%; transform: translate(-50%, 0%); }
.page-home #offre .medias .img-offre.img-2{width: auto;height: 100%;} .page-home #contact .contact-container{flex-direction: column; padding: 20px;width: calc(100% - 40px);margin: auto;}
.page-home #contact .contact-container .map-container{width: 100%; margin-bottom: 40px;}
.page-home #contact .contact-container .form-container{width: 100%; margin-left: 0;}
} @media screen and (max-width: 992px) { .page-classique #content{scroll-margin: 90px;}
.page-classique #content .content-container{padding: 100px 0 60px;}
.page-classique #content .text{width: 90%;} header .menu-desktop{padding: 20px 20px 0;}
header.scrolled .menu-desktop{padding: 20px 20px 0;}
header .menu-desktop .logo{width: 25%;margin-left: 0;}
header .menu-desktop .navigation{display: none;margin: 0;}
header .burger-button{display: block;margin-left: auto;}
header .menu-mobile .navigation nav>ul.menu>li>a{font-size: 22px;} .page-home #entry .text h1{font-size: 60px; line-height: 55px; margin-bottom: 30px;}
.page-home #entry .text h1 strong{font-size: 60px; height: 80px; padding: 15px;}
.page-home #entry .img-entry{width: 45vw; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto;}
.page-home #entry .img-entry.img-1{left: 30%;top: 30%;}
.page-home #entry .img-entry.img-2{left: 70%;top: 30%;}
.page-home #entry .img-entry.img-3{left: 30%;top: 70%;}
.page-home #entry .img-entry.img-4{left: 70%; top: 70%;} .page-home #concept .medias{height: 400px;}
.page-home #concept .medias .img-concept.img-1{width: 50%; top: -15%;}
.page-home #concept .medias .img-concept.img-2 { width: 40%; height: auto; }
.page-home #concept .medias .img-concept.img-3{width: 40%; bottom: -15%;} .page-home #contact .contact-container .form-container h2{font-size: 40px; line-height: 50px;}
.page-home #contact .contact-container .form-container h2 strong{font-size: 50px; line-height: 50px; height: 65px; padding: 12px;}
} @media screen and (max-width: 768px) { .container{padding: 0 20px;} .page-classique #content{scroll-margin: 80px;}
.page-classique #content .content-container{padding: 80px 20px 50px;}
.page-classique #content .text{width: 100%;} header .menu-desktop{padding: 20px 20px 0;}
header .menu-desktop .logo{width: auto;}
header .menu-desktop .logo svg{width: 120px;}
header .burger-button{width: 45px; height: 45px; padding: 10px;} footer{padding: 20px 0;}
footer .footer-menu{margin-left: 20px; margin-bottom: 15px;}
footer .footer-menu ul{flex-wrap: wrap; gap: 8px;}
footer .footer-logo svg{width: 120px;}
footer .footer-mention{margin-left: 20px;} .bloc-text h1{font-size: 35px; line-height: 40px; margin-bottom: 20px;}
.bloc-text h1 span{font-size: 35px; line-height: 40px;}
.bloc-text h1 strong{font-size: 35px; line-height: 40px;}
.bloc-text h3{font-size: 45px; line-height: 45px; margin-bottom: 20px;}
.bloc-text h3 strong{font-size: 45px; height: 60px; padding: 12px; margin-left: -10px;} .page-home #entry{ min-height: 600px;}
.page-home #entry .text{top: calc(30px + 50%);}
.page-home #entry .text h1{font-size: 55px; line-height: 50px; margin-bottom: 25px;}
.page-home #entry .text h1 strong{font-size: 55px; height: 65px; padding: 12px;}
.page-home #entry .img-entry{width: 50vw; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto;} .page-home #concept{padding: 60px 0;}
.page-home #concept .medias{height: 350px; margin-bottom: 40px;}
.page-home #concept .medias .img-concept.img-1{width: 50%; top: -100px; left: 0;}
.page-home #concept .medias .img-concept.img-2{width: 45%; border: 8px solid var(--Color-Beige); box-shadow: 12px 12px 0 0 #E3B5BC;}
.page-home #concept .medias .img-concept.img-3{width: 45%; bottom: -100px; left: 70%;}
.page-home #concept .text{padding: 0 20px;} .page-home #carousel .home-carousel .owl-stage-outer{padding: 30px 0;}
.page-home #carousel .home-carousel .img-carousel{border: 8px solid var(--Color-Beige); box-shadow: 12px 12px 0 0 #E3B5BC;} .page-home #offre{padding: 60px 0;}
.page-home #offre .text{padding: 0 20px 40px 20px;}
.page-home #offre .medias{height: 350px;}
.page-home #offre .medias .img-offre.img-1{top: -60px;} .page-home #contact{padding-bottom: 60px;}
.page-home #contact .contact-container{padding: 40px 20px; border-radius: 15px; border: 3px solid var(--Color-Pink); box-shadow: 12px 12px 0 0 var(--Color-Pink);}
.page-home #contact .contact-container .map-container .map{height: 250px; border: 3px solid var(--Color-Green); margin-bottom: 25px;}
.page-home #contact .contact-container .form-container h2{font-size: 35px; line-height: 45px; margin-bottom: 25px;}
.page-home #contact .contact-container .form-container h2 strong{font-size: 45px; line-height: 45px; height: 60px; padding: 10px; margin-left: -12px;} .bloc-contact form .half{width: 100%;}
} @media screen and (max-width: 576px) { .container{padding: 0 15px;} .page-classique #content{scroll-margin: 70px;}
.page-classique #content .content-container{padding: 80px 20px 40px;}
.page-classique #content .text{width: 100%;} header .menu-desktop{padding: 15px 20px 0;}
header .menu-desktop .logo{width: 40%;}
header .menu-desktop .logo svg{width: 100px;}
header .burger-button{width: 40px; height: 40px; padding: 8px;}
header .menu-mobile{padding: 55px 20px 55px;}
header .menu-mobile .navigation nav>ul.menu>li>a{font-size: 20px;} footer{padding: 15px 0;}
footer .footer-menu{margin-left: 15px; margin-bottom: 15px;}
footer .footer-logo svg{width: 100px;}
footer .footer-mention{margin-left: 15px;}
footer .footer-menu ul a{font-size: 12px;}
footer .footer-mention p a{font-size: 12px;} .btn-link{font-size: 16px; padding: 12px 18px; box-shadow: 6px 6px 0 0 var(--Color-Beige);} .bloc-text h1{font-size: 28px; line-height: 32px; margin-bottom: 15px;}
.bloc-text h1 span{font-size: 28px; line-height: 32px;}
.bloc-text h1 strong{font-size: 28px; line-height: 32px;}
.bloc-text h2{font-size: 18px; margin-bottom: 5px;}
.bloc-text h3{font-size: 35px; line-height: 38px; margin-bottom: 15px;}
.bloc-text h3 strong{font-size: 35px; height: 50px; padding: 10px; margin-left: -8px;}
.bloc-text p{font-size: 14px; line-height: 22px;}
.bloc-text li{font-size: 14px; line-height: 22px;} .page-home #entry{height: 100vh; min-height: 500px;}
.page-home #entry .text{top: 50%;}
.page-home #entry .text h1{font-size: 42px; line-height: 38px; margin-bottom: 20px;}
.page-home #entry .text h1 strong{font-size: 42px; height: 55px; padding: 10px;}
.page-home #entry .img-entry{width: 65vw; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto;}
.page-home #entry .img-entry.img-1{left: 20%;top: 35%;}
.page-home #entry .img-entry.img-2{left: 80%;top: 35%;}
.page-home #entry .img-entry.img-3{left: 20%;top: 65%;}
.page-home #entry .img-entry.img-4{left: 80%; top: 65%;} .page-home #concept{padding: 40px 0;}
.page-home #concept .medias{height: 350px; margin-bottom: 30px;}
.page-home #concept .medias .img-concept.img-1{width: 50%; top: -5%; left: 0%;}
.page-home #concept .medias .img-concept.img-2{width: 55%; border: 6px solid var(--Color-Beige); box-shadow: 10px 10px 0 0 #E3B5BC; border-radius: 15px;}
.page-home #concept .medias .img-concept.img-3{width: 50%; bottom: -50px; left: 70%; transform: translate(-50%, -0%);}
.page-home #concept .text{padding: 0 15px;} .page-home #carousel .home-carousel .owl-stage-outer{padding: 20px 0;}
.page-home #carousel .home-carousel .img-carousel{border: 6px solid var(--Color-Beige); box-shadow: 10px 10px 0 0 #E3B5BC; border-radius: 15px;} .page-home #offre{padding: 40px 0;}
.page-home #offre .text{padding: 0 15px 30px 15px;}
.page-home #offre .medias{height: 320px;}
.page-home #offre .medias .img-offre.img-1{top: -15px; right: -10%;} .page-home #contact{padding-bottom: 40px;}
.page-home #contact .contact-container{width: calc(100% - 30px);padding: 30px 15px; border-radius: 12px; border: 2px solid var(--Color-Pink); box-shadow: 8px 8px 0 0 var(--Color-Pink);}
.page-home #contact .contact-container .map-container .map{height: 200px; border: 2px solid var(--Color-Green); margin-bottom: 20px; border-radius: 12px;}
.page-home #contact .contact-container .form-container h2{font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.page-home #contact .contact-container .form-container h2 strong{font-size: 35px; line-height: 35px; height: 45px; padding: 8px; margin-left: -10px;} .bloc-contact form{gap: 15px;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"], .bloc-contact form select, .bloc-contact form textarea{font-size: 14px; padding: 8px 0;}
.bloc-contact form textarea{height: 80px;}
.bloc-contact form input[type="submit"]{font-size: 16px; padding: 12px 18px; box-shadow: 6px 6px 0 0 var(--Color-Green);}
} @media screen and (max-width: 400px) { .page-classique #content{scroll-margin: 60px;}
.page-classique #content .content-container{padding: 80px 20px 35px;} header .menu-desktop .logo svg{width: 90px;} footer .footer-logo svg{width: 90px;} .page-home #entry .text h1{font-size: 50px; line-height: 50px;}
.page-home #entry .text h1 strong{font-size: 50px; height: 60px; padding: 8px;}
.page-home #entry .img-entry{width: 70vw; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto;} .page-home #concept .medias{height: 250px;} .page-home #offre .medias{height: 280px;} .page-home #contact .contact-container .form-container h2{font-size: 24px; line-height: 30px;}
.page-home #contact .contact-container .form-container h2 strong{font-size: 30px; line-height: 30px; height: 40px; padding: 6px;}
}