@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

html{
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #3E4E5A;
}

.font-weight-400{
    font-weight: 400;
}
.font-weight-600{
    font-weight: 600;
}

.grecaptcha-badge{
    display: none;
}
.background-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a{
    text-decoration: none;
    color: #ED653A;
}

h1, h2, h3{
    font-weight: 400;
    font-size: 36px;
}
h4, h5, h6{
    font-weight: 400;
    font-size: 20px;
}

h1 strong,
h2 strong,
h3 strong{
    color: #ED653A;
    font-weight: 400;
}

a.btn{
    background-color: #4CAF50;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    border-radius: 31px;
    padding: 12px 36px;
}
a.btn:hover{
    background-color: #ED653A;
    color: #FFF;
}

.bg-filter{
    position: relative;
    z-index: 0;
}
.bg-filter:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.container{
    max-width: 1200px;
}

#breadcrumbs{
    color: #ED653A;
    text-transform: uppercase;
    font-size: 20px;
}

#breadcrumbs a:hover{
    color: #FFF;
}



.cky-consent-container{
    width: 1000px !important;
    font-size: 13px;
}
.cky-consent-bar{
    border-radius: 100px !important;
    padding: 20px;
}
.cky-notice-btn-wrapper{
    margin-top: 0 !important;
    margin-left: 20px;
}
.cky-notice .cky-title{
    display: none !important;
}
.cky-consent-bar .cky-notice-des p{
    font-size: 15px !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn{
    position: relative;
    width: 78px;
    height: 78px;
    border-radius: 50%;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8202 0.357393C15.9311 0.244238 16.0634 0.154345 16.2095 0.092977C16.3556 0.0316093 16.5124 0 16.6709 0C16.8293 0 16.9861 0.0316093 17.1322 0.092977C17.2783 0.154345 17.4107 0.244238 17.5215 0.357393C17.9863 0.827018 17.9928 1.58589 17.5378 2.06364L7.92917 13.4224C7.82008 13.5422 7.6877 13.6385 7.54011 13.7053C7.39253 13.7722 7.23286 13.8083 7.07086 13.8113C6.90886 13.8144 6.74795 13.7843 6.59796 13.723C6.44797 13.6618 6.31206 13.5705 6.19855 13.4549L0.351799 7.53014C0.12631 7.30018 0 6.99096 0 6.66889C0 6.34683 0.12631 6.0376 0.351799 5.80764C0.462699 5.69449 0.59506 5.60459 0.741131 5.54323C0.887202 5.48186 1.04405 5.45025 1.20249 5.45025C1.36093 5.45025 1.51777 5.48186 1.66384 5.54323C1.80991 5.60459 1.94227 5.69449 2.05317 5.80764L7.01267 10.8338L15.7877 0.393143C15.7978 0.380584 15.8086 0.368646 15.8202 0.357393Z' fill='white'/%3E%3C/svg%3E%0A");
}
.cky-consent-container  .cky-notice-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  




.open-panel{
    width: 72px;
    height: 72px;
    background-color: rgb(225, 225, 225, .5);
    margin-right: 1rem;
    margin-left: 3rem;
    border-radius: 50%;
    cursor: pointer;
    cursor: pointer;
}
.open-panel:hover{
    background-color: #4CAF50;
    transition: .3s;
}
a.dropdown-item{
    font-size: 12px;
}
.navbar .navbar-brand .logo_header_scroll{
    display: none;
}

.navbar.background-white{
    background-color: #FFF;
}

.navbar .navbar-brand .logo_header{
    height: 110px;
    width: auto;
}
.navbar.background-white .navbar-brand .logo_header_scroll{
    display: block;
    height: 70px;
    width: auto;
}
.navbar.background-white .navbar-brand .logo_header{
    display: none;
}

.navbar-nav .nav-item .nav-link {
    color: #FFF;
}
.navbar.background-white .navbar-nav .nav-item .nav-link{
    color: #3E4E5A;
}
.navbar.background-white .open-panel{
    background-color: #ED653A;
    width: 55px;
    height: 55px;
}
.navbar.background-white .open-panel svg{
    width: 55px;
    height: 55px;
}

.navbar-nav .nav-item:last-child .nav-link{
    text-transform: uppercase;
    position: relative;
    left: 15px;
}
.navbar-nav .nav-item:last-child .nav-link:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    left: -6px;
}
.navbar.background-white .navbar-nav .nav-item:last-child .nav-link:before{
    background: #3E4E5A;
}
.navbar.background-white .navbar-nav .nav-item:not(:last-child).active .nav-link,
.navbar.background-white .navbar-nav .nav-item.simple_link .nav-link,
.navbar-nav .nav-item:not(:last-child).active .nav-link,
.navbar-nav .nav-item.simple_link .nav-link{
    color: #ED653A;
    position: relative;
}
.navbar-nav .nav-item:not(:last-child).active .nav-link:before{
    content: '';
    position: absolute;
    height: 7px;
    border-radius: 7px;
    width: 100%;
    left: 0;
    bottom: -30px;
    background-color: #ED653A;
}
.navbar.background-white .navbar-nav .nav-item:not(:last-child).active .nav-link:before{
    bottom: -10px;
}

.navbar-collapse{
    border-bottom: 1px solid #FFF;
    padding: 30px 0px;
}

.navbar.background-white .navbar-collapse{
    border: unset;
    padding: 0px 0px;
}

#slideCarousel{
    height: calc(100vh + 200px);
}
#slideCarousel .carousel-inner{
    height: 100%;
}
#slideCarousel .carousel-inner .carousel-item{
    height: 100%;
}
.page_header:before,
#slideCarousel .carousel-inner .carousel-item:before{
    background: rgba(50, 68, 78, 0.8)
}

.page_header .logo_marque img{
    max-width: 350px;
}

#slideCarousel .container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100% - 200px);
    display: flex;
    align-items: center;
    color: #FFF;
}

.slide_carousel .es-header-info{
    display: flex;
    align-items: center;
}
.slide_carousel .es-header-container{
    margin-bottom: 0;
}
.ancre{
    position: absolute;
    top: -150px;
}


 .slick-slide {
    margin: 0 10px;
}

.slick-list {
    margin: 0 -10px;
}

.page_header{
    color: #FFF;
    padding: 15rem 0 5rem 0;
}

.merci a,
#slideCarousel .content a,
.page_header .content a{
    background-color: #4CAF50;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    border-radius: 31px;
    padding: 12px 36px;
    display: inline-block;
    margin-top: 1rem;
}

#slideCarousel .container .carousel-indicators{
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: unset;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#slideCarousel .container .carousel-indicators button{
    width: 8px;
    height: 8px;
    opacity: 1;
    border-radius: 50%;
    background-color: #ED653A;
    border: 0;
    margin-bottom: 4px;
    margin-top: 4px;
}

#slideCarousel .container .carousel-indicators button.active{
    background-color: #FFF;
}

.page_header .content h1,
.page_header .content h2,
.page_header .content h3,
#slideCarousel .content h1,
#slideCarousel .content h2,
#slideCarousel .content h3{
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 3rem;
}
.page_header .content h4,
.page_header .content h5,
.page_header .content h6,
#slideCarousel .content h4,
#slideCarousel .content h5,
#slideCarousel .content h6{
    font-size: 20px;
    color: #ED653A;
    font-weight: 400;
    text-transform: uppercase;
}
.google_review{
	height: 62px;
}
.google_review,
.google_review .kvkbls,
.google_review .duLaQz,
.google_review .dYuiVi{
    color: #FFF;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
}
.google_review .kvkbls:first-child:not(:only-child){
    margin-right: 8px;
}
.google_review .duLaQz,
.google_review .HeaderWriteReviewButton__Component-sc-aghmpr-0.hYjZwu,
.google_review .LayoutDefault__Content-sc-1ydej6v-4.fRpinn{
    display: none;
}
.google_review .dFwLrb{
    height: auto;
}
.google_review .gNtCnN{
    background-color: unset;
    padding: 0;
    margin-bottom: 2rem;
}


.slide_carousel .google_review .kzANES{
    height: auto;
}

.slide_carousel .google_review .es-header-write-review-button-container,
.slide_carousel .google_review .es-carousel-layout-container{
    display: none;
}

.slide_carousel .google_review .es-header-container{
    background-color: unset;
    padding: 0; 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: unset;
}
.slide_carousel .es-source-image{
    margin-bottom: 0 !important;
}
.iUcvZP .es-header-info{
	align-items: flex-start !important;
}

.iUcvZP .es-header-info *{
	color: #FFF;
}
.slide_carousel .google_review .es-header-total-reviews-container,
.slide_carousel .google_review .es-rating-value,
.slide_carousel .google_review .es-header-title-text{
    color: #FFF;
    font-family: inherit;
    font-weight: 500;
    font-size: 23px;
}

.image_avec_texte_en_dessous h3,
.image_avec_texte_en_dessous h2{
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 2rem;
}
.image_avec_texte_en_dessous h4,
.image_avec_texte_en_dessous h5,
.image_avec_texte_en_dessous h6{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.image_avec_texte_en_dessous img{
    margin-bottom: 1rem; 
}

.image_avec_texte_en_dessous a{
    color: #ED653A;
    position: relative;
    padding-right: 2.3rem;
    font-weight: 600;
}
.image_avec_texte_en_dessous a:after{
    content: url("data:image/svg+xml,%3Csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.625 0.300017L24.225 6.90002C24.325 7.00002 24.396 7.10835 24.438 7.22502C24.4793 7.34168 24.5 7.46668 24.5 7.60002C24.5 7.73335 24.4793 7.85835 24.438 7.97502C24.396 8.09168 24.325 8.20002 24.225 8.30001L17.625 14.9C17.4417 15.0833 17.2127 15.1793 16.938 15.188C16.6627 15.196 16.425 15.1 16.225 14.9C16.025 14.7167 15.9207 14.4877 15.912 14.213C15.904 13.9377 16 13.7 16.2 13.5L21.1 8.60002L0.999999 8.88335C0.716667 8.88335 0.479001 8.78769 0.287002 8.59635C0.0956682 8.40435 -6.13865e-07 8.16669 -6.38634e-07 7.88335C-6.63404e-07 7.60002 0.0956681 7.36269 0.287002 7.17135C0.479001 6.97935 0.716666 6.88335 0.999999 6.88335L21.1 6.60002L16.2 1.70002C16.0167 1.51668 15.9207 1.28335 15.912 1.00002C15.904 0.716682 16 0.483351 16.2 0.300017C16.3833 0.100017 16.6167 1.5948e-05 16.9 1.59232e-05C17.1833 1.58984e-05 17.425 0.100017 17.625 0.300017Z' fill='%23ED653A'/%3E%3C/svg%3E%0A");
    right: 0;
    top: 1px;
    position: absolute;
    transition: .3s;
}
.image_avec_texte_en_dessous a:hover:after{
    right: -5px;
    transition: .3s;
}

.parallax{
    color: #FFF;
}
.parallax::before{
    background-color: rgba(237, 101, 58, 0.8);
}

.parallax h1,
.parallax h2,
.parallax h3{
    font-size: 36px;
    font-weight: 400;
}
.parallax h4,
.parallax h5,
.parallax h6{
    font-size: 20px;
    font-weight: 400;
}

.parallax p{
    padding-left: 2rem;
    text-align: left;
    position: relative;
    padding-top: 1rem;
}
.parallax p:before{
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 13.8L8.425 11.625C8.24167 11.4417 8.01667 11.35 7.75 11.35C7.48333 11.35 7.25 11.45 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.0833 16.0833 10.3167 16.175 10.6 16.175C10.8833 16.175 11.1167 16.0833 11.3 15.9L16.975 10.225C17.1583 10.0417 17.25 9.81667 17.25 9.55C17.25 9.28333 17.15 9.05 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 13px;
}

.galerie_carousel .slick-slide{
    height: unset;
}

.galerie_carousel_controls .prevArrow,
.galerie_carousel_controls .nextArrow{
    position: relative;
    border: none;
    width: 36px;
    height: 18px;
    opacity: .5;
    background-color: unset;
    transition: .3S;
}
.galerie_carousel_controls .prevArrow:hover,
.galerie_carousel_controls .nextArrow:hover{
    opacity: 1;
    transition: .3S;
}
.galerie_carousel_controls .prevArrow:after,
.galerie_carousel_controls .nextArrow:after{
    content: url("data:image/svg+xml,%3Csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.625 0.300017L24.225 6.90002C24.325 7.00002 24.396 7.10835 24.438 7.22502C24.4793 7.34168 24.5 7.46668 24.5 7.60002C24.5 7.73335 24.4793 7.85835 24.438 7.97502C24.396 8.09168 24.325 8.20002 24.225 8.30001L17.625 14.9C17.4417 15.0833 17.2127 15.1793 16.938 15.188C16.6627 15.196 16.425 15.1 16.225 14.9C16.025 14.7167 15.9207 14.4877 15.912 14.213C15.904 13.9377 16 13.7 16.2 13.5L21.1 8.60002L0.999999 8.88335C0.716667 8.88335 0.479001 8.78769 0.287002 8.59635C0.0956682 8.40435 -6.13865e-07 8.16669 -6.38634e-07 7.88335C-6.63404e-07 7.60002 0.0956681 7.36269 0.287002 7.17135C0.479001 6.97935 0.716666 6.88335 0.999999 6.88335L21.1 6.60002L16.2 1.70002C16.0167 1.51668 15.9207 1.28335 15.912 1.00002C15.904 0.716682 16 0.483351 16.2 0.300017C16.3833 0.100017 16.6167 1.5948e-05 16.9 1.59232e-05C17.1833 1.58984e-05 17.425 0.100017 17.625 0.300017Z' fill='%233E4E5A'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    left: unset;
    top: 0px;
}

.galerie_carousel_controls .prevArrow:after{
    transform: rotate(-180deg);
    left: 0;
    right: unset;
}

.form-control{
    background-color: unset;
    border: none;
    border-bottom: 1px solid #E1E1E1;
    border-radius: 0;
    font-size: 13px;
    height: 38px;
}
textarea.form-control{
    height: 150px;
    resize: none;
}
.form-control:focus{
    background-color: unset;
    border-color: #ED653A;
    box-shadow: none;
}
input[type="submit"]{
    background-color: #ED653A;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    border-radius: 31px;
    padding: 12px 36px;
    border: none;
    text-transform: unset;
}
.formulaire .form{
    background-color: #F8F8F8;
    padding: 2rem;

}
.formulaire h3{
    font-size: 36px;
    font-weight: 400;
    padding-left: 2rem;
    margin-bottom: 2rem;
}

.formulaire .formulaire_image{
    height: calc(100% - 160px);
    z-index: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.formulaire .formulaire_image:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1;
}

.formulaire .etapes{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 10px; 
    padding: 0 3rem;
    padding-left: 3rem !important;
    max-width: 570px;
    margin: auto;
}
.formulaire .etapes li{
    position: relative;
}


.formulaire .etapes .icon{
    background-color: #29ABE2;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    position: relative;
}
.formulaire .etapes li:not(:last-child) .icon:after{
    content: '';
    width: 40px;
    height: 1px;
    position: absolute;
    right: -40px;
    top: 0;
    border-top: 1px dashed black;
    top: 50%;
    transform: translateY(50%);
}
.formulaire .etapes .icon span{
    background-color: #ED653A;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.formulaire .etapes p{
    color: #29ABE2;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
.formulaire .description *{
    color: #FFFFFF;
    padding: 0 3rem;
    padding-left: 3rem !important;
    text-align: center;
    
}
.formulaire .description p{
    font-weight: 600;
    font-size: 16px;
}


.newsletter .newsletterform{
    position: relative;
    width: 60%;
    margin: auto;
    margin-top: 2rem;
}
.newsletter input[type="submit"]{
    display: none;
}
.newsletter button {
    position: absolute;
    right: 0;
    padding: 0;
    height: 30px;
    top: 0;
    margin-top: 0;
    height: 39px;
    width: 50px;
    border: 0;
    background-color: unset;
}

.newsletter .wpcf7-response-output{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.newsletter button:after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 15.4248C1.06667 15.5581 0.75 15.5288 0.45 15.3368C0.15 15.1455 0 14.8665 0 14.4998V10.7748C0 10.5415 0.0666667 10.3331 0.2 10.1498C0.333333 9.96648 0.516667 9.84981 0.75 9.79981L8 7.99981L0.75 6.19981C0.516667 6.14981 0.333333 6.03314 0.2 5.84981C0.0666667 5.66648 0 5.45814 0 5.22481V1.49981C0 1.13314 0.15 0.853812 0.45 0.661812C0.75 0.470478 1.06667 0.441478 1.4 0.574811L16.8 7.07481C17.2167 7.25814 17.425 7.56648 17.425 7.99981C17.425 8.43314 17.2167 8.74148 16.8 8.92481L1.4 15.4248Z' fill='%23ED653A'/%3E%3C/svg%3E%0A");
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.realisation_carousel img{
    width: 100%;
    height: auto;
}


.realisation_carousel .contenu{
    background-color: #FFF;
    border: 1px solid #E5EEF5;
    padding: 5rem;
    transform: matrix(1, 0, 0, 1, 0, -120);
}

.realisation_carousel  .titre h3{
    text-transform: uppercase;
    color: #A7AEB3;
    font-weight: 400;
    font-size: 20px;
    background: #FFF;
    margin-bottom: 0;
    padding-right: 2rem;
    display: inline;
}
.realisation_carousel .titre:before{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 17px;
    background-color: #A7AEB3;
    z-index: -1;
}
.page_header ._badge,
.realisation_carousel .contenu ._badge{
    position: absolute;
    top: -40px;
    right: -40px;
    width: 166px;
}
.page_header ._badge{
    top: unset;
    bottom: -40;
    z-index: 9;
}
.page_header ._badge img,
.realisation_carousel .contenu ._badge img{
    -webkit-animation:spin 35s linear infinite;
    -moz-animation:spin 35s linear infinite;
    animation:spin 35s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.page_header ._badge p,
.realisation_carousel .contenu ._badge p{
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    width: 166px;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: -40px;
    right: -40px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1.2;
}
.page_header ._badge p{
    top: unset;
    bottom: -40px;
    z-index: 9;
}
.page_header ._badge p span,
.realisation_carousel .contenu ._badge p span{
    display: block;
    font-size: 14px;
}

.carousel-control-next-icon {
    transform: scale(1.6);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED653A'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    transform: scale(1.6);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED653A'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.dFwLrb{
    max-width: 100% !important;
}
.texte_en_centre ul{
    padding-left: 0;
    display: flex;
    justify-content: center;
}
.texte_en_centre ul li{
    list-style: none;
    margin-right: 25px;
}

.merci{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.merci a{
    background-color: #ED653A;
}

.panel h4,
footer h4{
    margin-bottom: 2rem;
}

.panel .horaires li,
footer .horaires li{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.panel .horaires li span,
footer .horaires li span{
    background-color: #FFF;
    z-index: 1;
}
.panel .horaires li span:first-child,
footer .horaires li span:first-child{
    padding-right: 10px;
}
.panel .horaires li span:last-child,
footer .horaires li span:last-child{
    padding-left: 10px;
}
.panel .horaires li:before,
footer .horaires li:before{
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed  #3E4E5A;
    z-index: 0;
}

footer ul.menu{
    list-style: none;
    padding-left: 0;
}


footer ul.menu a{
    color: #3E4E5A;
}
footer ul.menu a:hover{
    color: #ED653A;
}

.panel{
    height: 100vh;
    width: 500px;
    position: fixed;
    top: 0;
    right: -500px;
    background-color: #FFF;
    z-index: 99999;
    padding: 3rem 2rem;
    transition: .3s;
}
.panel.show{
    right: 0;
    transition: .3s;
}
.close-panel{
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    transition: .3s;
}
.close-panel:hover svg .fill{
    fill: #ED653A;
    transition: .3s;
}
.copyright{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.copyright a{
    color: #ED653A;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.social_media{
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_media li:not(:last-child){
    margin-right: 10px;
}
.copyright a:hover svg .fill,
.social_media li a:hover svg .fill{
    fill: #4CAF50;
}
.copyright a:hover{
    color: #4CAF50;
}

.mobile{
    display: none;
}
.desktop{
    display: block;
}

.custom-file{
    position: relative;
}
.custom-file-label::after {
    background: url(assets/images/upload.svg) center center;
    position: absolute;
    top: 1px;
    left: 18px;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    content: "";
    font-weight: 900;
    background-color: #f8f8f8;
    border-left: 0px solid #f8f8f8;
    border-radius: 0px;
    font-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.wpcf7 input[type="file"]{
    border: 2px dashed #ED653A;
    border-radius: 5px;
}
.custom-file-label{
    width: 93%;
    position: absolute;
    top: 2px;
    background: #f8f8f8;
    height: 34px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99;
    display: flex;
    align-items: center;
    padding-left: 57px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    border-radius: 5px;
    cursor: pointer;
}


.contact { 
    background-color: #3E4E5A;
    position: relative;
    z-index: 0;
}

.contact .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}
.contact .image:before{
    content: '';
    background-color: rgba(41, 171, 226, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contact .container{
    z-index: 1;
    position: relative;
}

.contact .custom-file-label {
    width: 98%;
    position: absolute;
    top: 0;
    height: 52px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    align-items: center;
    padding-left: 57px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #231F1E;
    border: 2px dashed #D44936;
    cursor: pointer;
    background: #fff;
    background-clip: padding-box;
    border-radius: 10px;
}
.contact .custom-file-label::after {
    background: url("assets/images/upload.svg") center center;
    position: absolute;
    top: 5px;
    left: 18px;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    content: "";
    font-weight: 900;
    border-left: 0px solid #f8f8f8;
    border-radius: 0px;
    font-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.contact .custom-file {
    position: relative;
    height: 60px;
}

.contact .form-control{
    border: unset;
    border-bottom: 1px solid #FFFFFF;
    font-size: 13px;
    border-radius: unset;
    color: #FFFFFF;
    background-color: transparent;
}
.contact textarea.form-control {
    height: 100px;
    resize: none;
}

.contact .form-control::placeholder{
    color: #FFFF;
}

.contact input[type=submit]{
    background-color: #D44936;
    color: #FFFFFF; 
    padding: 8px 33px; 
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    min-width: 150px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;  
    border: 0;
    margin-top: 2rem;
}

.contact .content{
    background-color: #D44936;
    max-width: 430px;
    border-radius: 30px;
    padding: 40px 35px;
    margin-bottom: 2rem;
}

.contact .content *{
    color: #FFFFFF;
}

.contact .content h2 strong{
    color: #231F1E !important;
}

.contact .content a.phone{
    padding: 0;
    min-width: auto;
}
.contact .condition{
    color: #FFFFFF;
}
.contact .etapes{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 10px; 
    padding: 0 3rem;
    padding-left: 3rem !important;
}
.contact .etapes li{
    position: relative;
}


.contact .etapes .icon{
    background-color: #29ABE2;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    position: relative;
}
.contact .etapes li:not(:last-child) .icon:after{
    content: '';
    width: 40px;
    height: 1px;
    position: absolute;
    right: -40px;
    top: 0;
    border-top: 1px dashed black;
    top: 50%;
    transform: translateY(50%);
}
.contact .etapes .icon span{
    background-color: #ED653A;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact .etapes p{
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
.contact .description *{
    color: #FFFFFF;
    padding: 0 3rem;
    padding-left: 3rem !important;
    text-align: center;
    
}
.contact .description p{
    font-weight: 600;
    font-size: 16px;
}
.contact .wpcf7 form.sent .wpcf7-response-output{
    color: white;
}
a.phone{
    color: #ED653A;
    font-weight: 600;
    font-size: 26px;
    border: 4px solid #29ABE2;
    border-radius: 300px;
    background: unset;
    padding: 10px 20px;
}
a.phone:hover{
    background: #29ABE2;
}
a.phone:hover svg path{
    fill: #FFFFFF;
}

a.phone_contact{
    background-color: unset;
    padding: unset;
    font-size: 20px;
    font-weight: 400;
}

.call_us{
    display: none;
}

.whatsapp{
    position: fixed;
    right: 24px;
    bottom: 24px;
    display: block;
    z-index: 999;
    width: 60px;
    height: 60px;
}


.wpcf7 input[type="date"]:before{
    content: attr(placeholder);
}


/* ================================================ */
/* start  map */
/* ================================================ */
 
.map{
    padding: 5rem 0; 
}
.map a.point{
    width: 30px;
    height: 30px;
    background-color: #ED653A;
    border: 7px solid #FFF;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

/* ================================================ */
/* End  map */
/* ================================================ */



.counter{
    padding: 3rem 0;
}

.counter .count{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 1rem 2rem;
    width: 100%;
    height: 100%;
}
.counter .count img{
    width: 60px;
    height: auto;
    max-height: 72px;
}
.counter .count .value{
    font-size: 58px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 0 1rem;
}
.counter .count .description{
    width: 100%;
}
.counter .count .description p{
    font-size: 12px;
    white-space: break-spaces;
    line-height: 18px;
}


.logos img{
    max-height: 70px;
    width: auto !important;
    max-width: auto !important;
}

.logos  .slick-initialized .slick-slide{
    display: flex;
    align-items: center;
}

::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.00002C15 3.46958 14.7893 2.96087 14.4142 2.5858C14.0391 2.21073 13.5304 2.00002 13 2.00002H12.5V1.51408C12.5 1.24502 12.2931 1.01408 12.0241 1.00064C11.9565 0.997383 11.8889 1.00789 11.8255 1.03151C11.762 1.05514 11.7041 1.09139 11.6551 1.13808C11.6061 1.18478 11.5671 1.24093 11.5404 1.30314C11.5138 1.36535 11.5 1.43233 11.5 1.50002V2.00002H4.5V1.51408C4.5 1.24502 4.29313 1.01408 4.02406 1.00064C3.95646 0.997383 3.8889 1.00789 3.82547 1.03151C3.76204 1.05514 3.70407 1.09139 3.65508 1.13808C3.60608 1.18478 3.56707 1.24093 3.54041 1.30314C3.51375 1.36535 3.50001 1.43233 3.5 1.50002V2.00002H3C2.46957 2.00002 1.96086 2.21073 1.58579 2.5858C1.21071 2.96087 1 3.46958 1 4.00002V4.37502C1 4.40817 1.01317 4.43996 1.03661 4.4634C1.06005 4.48685 1.09185 4.50002 1.125 4.50002H14.875C14.9082 4.50002 14.9399 4.48685 14.9634 4.4634C14.9868 4.43996 15 4.40817 15 4.37502V4.00002ZM1 13C1 13.5304 1.21071 14.0392 1.58579 14.4142C1.96086 14.7893 2.46957 15 3 15H13C13.5304 15 14.0391 14.7893 14.4142 14.4142C14.7893 14.0392 15 13.5304 15 13V5.59377C15 5.5689 14.9901 5.54506 14.9725 5.52747C14.955 5.50989 14.9311 5.50002 14.9062 5.50002H1.09375C1.06889 5.50002 1.04504 5.50989 1.02746 5.52747C1.00988 5.54506 1 5.5689 1 5.59377V13ZM11.75 6.50002C11.8983 6.50002 12.0433 6.544 12.1667 6.62641C12.29 6.70882 12.3861 6.82596 12.4429 6.963C12.4997 7.10005 12.5145 7.25085 12.4856 7.39633C12.4566 7.54182 12.3852 7.67546 12.2803 7.78035C12.1754 7.88523 12.0418 7.95667 11.8963 7.9856C11.7508 8.01454 11.6 7.99969 11.463 7.94292C11.3259 7.88616 11.2088 7.79003 11.1264 7.66669C11.044 7.54336 11 7.39835 11 7.25002C11 7.0511 11.079 6.86034 11.2197 6.71969C11.3603 6.57903 11.5511 6.50002 11.75 6.50002ZM11.75 9.00002C11.8983 9.00002 12.0433 9.044 12.1667 9.12641C12.29 9.20882 12.3861 9.32596 12.4429 9.463C12.4997 9.60005 12.5145 9.75085 12.4856 9.89633C12.4566 10.0418 12.3852 10.1755 12.2803 10.2803C12.1754 10.3852 12.0418 10.4567 11.8963 10.4856C11.7508 10.5145 11.6 10.4997 11.463 10.4429C11.3259 10.3862 11.2088 10.29 11.1264 10.1667C11.044 10.0434 11 9.89835 11 9.75002C11 9.5511 11.079 9.36034 11.2197 9.21969C11.3603 9.07903 11.5511 9.00002 11.75 9.00002ZM9.25 6.50002C9.39834 6.50002 9.54334 6.544 9.66668 6.62641C9.79001 6.70882 9.88614 6.82596 9.94291 6.963C9.99967 7.10005 10.0145 7.25085 9.98559 7.39633C9.95665 7.54182 9.88522 7.67546 9.78033 7.78035C9.67544 7.88523 9.5418 7.95667 9.39632 7.9856C9.25083 8.01454 9.10003 7.99969 8.96299 7.94292C8.82594 7.88616 8.70881 7.79003 8.6264 7.66669C8.54399 7.54336 8.5 7.39835 8.5 7.25002C8.5 7.0511 8.57902 6.86034 8.71967 6.71969C8.86032 6.57903 9.05109 6.50002 9.25 6.50002ZM9.25 9.00002C9.39834 9.00002 9.54334 9.044 9.66668 9.12641C9.79001 9.20882 9.88614 9.32596 9.94291 9.463C9.99967 9.60005 10.0145 9.75085 9.98559 9.89633C9.95665 10.0418 9.88522 10.1755 9.78033 10.2803C9.67544 10.3852 9.5418 10.4567 9.39632 10.4856C9.25083 10.5145 9.10003 10.4997 8.96299 10.4429C8.82594 10.3862 8.70881 10.29 8.6264 10.1667C8.54399 10.0434 8.5 9.89835 8.5 9.75002C8.5 9.5511 8.57902 9.36034 8.71967 9.21969C8.86032 9.07903 9.05109 9.00002 9.25 9.00002ZM9.25 11.5C9.39834 11.5 9.54334 11.544 9.66668 11.6264C9.79001 11.7088 9.88614 11.826 9.94291 11.963C9.99967 12.1 10.0145 12.2508 9.98559 12.3963C9.95665 12.5418 9.88522 12.6755 9.78033 12.7803C9.67544 12.8852 9.5418 12.9567 9.39632 12.9856C9.25083 13.0145 9.10003 12.9997 8.96299 12.9429C8.82594 12.8862 8.70881 12.79 8.6264 12.6667C8.54399 12.5434 8.5 12.3984 8.5 12.25C8.5 12.0511 8.57902 11.8603 8.71967 11.7197C8.86032 11.579 9.05109 11.5 9.25 11.5ZM6.75 9.00002C6.89834 9.00002 7.04334 9.044 7.16668 9.12641C7.29001 9.20882 7.38614 9.32596 7.44291 9.463C7.49968 9.60005 7.51453 9.75085 7.48559 9.89633C7.45665 10.0418 7.38522 10.1755 7.28033 10.2803C7.17544 10.3852 7.0418 10.4567 6.89632 10.4856C6.75083 10.5145 6.60003 10.4997 6.46299 10.4429C6.32594 10.3862 6.20881 10.29 6.1264 10.1667C6.04399 10.0434 6 9.89835 6 9.75002C6 9.5511 6.07902 9.36034 6.21967 9.21969C6.36032 9.07903 6.55109 9.00002 6.75 9.00002ZM6.75 11.5C6.89834 11.5 7.04334 11.544 7.16668 11.6264C7.29001 11.7088 7.38614 11.826 7.44291 11.963C7.49968 12.1 7.51453 12.2508 7.48559 12.3963C7.45665 12.5418 7.38522 12.6755 7.28033 12.7803C7.17544 12.8852 7.0418 12.9567 6.89632 12.9856C6.75083 13.0145 6.60003 12.9997 6.46299 12.9429C6.32594 12.8862 6.20881 12.79 6.1264 12.6667C6.04399 12.5434 6 12.3984 6 12.25C6 12.0511 6.07902 11.8603 6.21967 11.7197C6.36032 11.579 6.55109 11.5 6.75 11.5ZM4.25 9.00002C4.39834 9.00002 4.54334 9.044 4.66668 9.12641C4.79001 9.20882 4.88614 9.32596 4.94291 9.463C4.99968 9.60005 5.01453 9.75085 4.98559 9.89633C4.95665 10.0418 4.88522 10.1755 4.78033 10.2803C4.67544 10.3852 4.5418 10.4567 4.39632 10.4856C4.25083 10.5145 4.10003 10.4997 3.96299 10.4429C3.82594 10.3862 3.70881 10.29 3.6264 10.1667C3.54399 10.0434 3.5 9.89835 3.5 9.75002C3.5 9.5511 3.57902 9.36034 3.71967 9.21969C3.86032 9.07903 4.05109 9.00002 4.25 9.00002ZM4.25 11.5C4.39834 11.5 4.54334 11.544 4.66668 11.6264C4.79001 11.7088 4.88614 11.826 4.94291 11.963C4.99968 12.1 5.01453 12.2508 4.98559 12.3963C4.95665 12.5418 4.88522 12.6755 4.78033 12.7803C4.67544 12.8852 4.5418 12.9567 4.39632 12.9856C4.25083 13.0145 4.10003 12.9997 3.96299 12.9429C3.82594 12.8862 3.70881 12.79 3.6264 12.6667C3.54399 12.5434 3.5 12.3984 3.5 12.25C3.5 12.0511 3.57902 11.8603 3.71967 11.7197C3.86032 11.579 4.05109 11.5 4.25 11.5Z' fill='white'/%3E%3C/svg%3E%0A");
  }

@media screen and (min-width: 320px) and (max-width: 700px) {
    html{
        overflow-x: hidden;
    }
    body{
        font-size: 13px;
        overflow-x: hidden;
    }
    .page_header {
        color: #FFF;
        padding: 10rem 0 1rem 0;
    }
    #slideCarousel{
        min-height: 1000px;
    }
    .parallax h1, .parallax h2, .parallax h3,
    h1, h2, h3{
        font-size: 28px !important;
        margin-bottom: 1rem !important;
    }
    .parallax h4, .parallax h5, .parallax h6,
    .image_avec_texte_en_dessous h4,
    .image_avec_texte_en_dessous h5,
    .image_avec_texte_en_dessous h6,
    h4, h5, h6{
        font-size: 18px;
    }
    .realisation_carousel .contenu{
        padding: 2rem;
    }

    footer{
        text-align: center;
    }

    footer h4{
        margin-bottom: 1rem;
    }
    .newsletter .newsletterform{
        width: 100%;
    }
    .page_header ._badge,
    .realisation_carousel .contenu ._badge{
        width: 130px;
        right: 0;
    }
    .page_header ._badge p,
    .realisation_carousel .contenu ._badge p{
        width: 130px;
        height: 130px;
        right: 0;
        font-size: 15px;
    }
    .page_header ._badge p span,
    .realisation_carousel .contenu ._badge p span{
        font-size: 12px;
    }

    .navbar{
        background-color: #FFF;
    }

    .navbar .navbar-brand .logo_header_scroll{
        display: block;
        height: 70px;
        width: auto;
    }
    .navbar .navbar-brand .logo_header{
        display: none;
    }
    .navbar .navbar-nav .nav-item .nav-link{
        color: #3E4E5A;
    }
    .navbar .open-panel{
        background-color: #ED653A;
        width: 55px;
        height: 55px;
    }
    .navbar .open-panel svg{
        width: 55px;
        height: 55px;
    }
    .navbar .navbar-nav .nav-item:last-child .nav-link:before{
        background: #3E4E5A;
    }
    .navbar .navbar-nav .nav-item:not(:last-child).active .nav-link,
    .navbar .navbar-nav .nav-item.simple_link .nav-link{
        color: #ED653A;
        position: relative;
    }
    .navbar.background-white .navbar-nav .nav-item:not(:last-child).active .nav-link:before{
        bottom: -10px;
    }
    .formulaire h3{
        padding-left: 0;
    }
    .navbar-toggler, .navbar-toggler:focus{
        border: 1px solid #3E4E5A;
        box-shadow: none;
    }
    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ED653A' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .navbar-nav .nav-item.active .nav-link:before{
        display: none;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .panel{
        width: 100%;
        right: -100%;
    }

    .call_us{
        background-color: #ED653A;
        text-transform: unset;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 5px;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        padding: 7px 0;
        font-size: 37px;
        font-weight: 400;
        animation: pulse-blue 2s infinite;
    }
    @keyframes pulse-blue {
        0% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(214, 4, 0, 0.7);
        }
        
        70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px rgba(255, 96, 0, 0);
        }
        
        100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
        }
    }

    .whatsapp{
        left: unset;
        right: 14px;
        bottom: 130px;
        width: 44px;
        height: 44px;
    }

    .page_header .logo_marque img{
        max-width: 200px;
    }
    a.phone{
        font-size: 18px; 
        padding: 4px 15px;
    }
    .contact .etapes{
        grid-template-columns: repeat(1, 1fr);
        max-width: 220px;
        margin: auto;
    }
    .contact .etapes .icon{
        margin-bottom: .5rem;
    }
    .contact .description p {
        font-weight: 600;
        font-size: 16px;
        padding: 0 .5rem;
        padding-left: .5rem !important
    }
    .contact .etapes li:not(:last-child) .icon:after{
        display: none;
    }
    .formulaire .etapes{
        grid-template-columns: repeat(1, 1fr);
        max-width: 220px;
        margin: auto;
    }
    .formulaire .etapes .icon{
        margin-bottom: .5rem;
    }
    .formulaire .description p {
        font-weight: 600;
        font-size: 16px;
        padding: 0 .5rem;
        padding-left: .5rem !important
    }
    .formulaire .etapes li:not(:last-child) .icon:after{
        display: none;
    }
    .formulaire .formulaire_image{
        height: 100%;
        padding: 1rem 0;
    }
    .logos img{
        max-height: 37px;
    }
    .cky-consent-bar{
        border-radius: 35px !important;
    }
    .cky-consent-container .cky-notice-group{
        display: block;
    }
    .cky-consent-container .cky-notice-btn-wrapper .cky-btn{
        border-radius: 100px;
        height: 45px;
        width: 95px;
    }
    

}
