/*--------- [THEME WAKA PAR AGENCE WAKA Copyright 2020-2021 https://agence-waka.fr/] ---------*/
@font-face { font-family: 'AvenirMedium'; src: url('../fonts/Avenir-Medium.eot'); src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff2') format('woff2'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf') format('truetype'), url('../fonts/Avenir-Medium.svg#AvenirMedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirBlack'; src: url('../fonts/Avenir-Black.eot'); src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Black.woff2') format('woff2'), url('../fonts/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black.ttf') format('truetype'), url('../fonts/Avenir-Black.svg#AvenirBlack') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirRoman'; src: url('../fonts/Avenir-Roman.eot'); src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Roman.woff') format('woff'), url('../fonts/Avenir-Roman.ttf') format('truetype'), url('../fonts/Avenir-Roman.svg#AvenirRoman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirOblique'; src: url('../fonts/Avenir-Oblique.eot'); src: url('../fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Oblique.woff') format('woff'), url('../fonts/Avenir-Oblique.ttf') format('truetype'), url('../fonts/Avenir-Oblique.svg#AvenirOblique') format('svg'); font-weight: normal; font-style: normal; }
@font-face {    font-family: 'pistilliregular';    src: url('../fonts/pistilli-roman-webfont.woff2') format('woff2'),    url('../fonts/pistilli-roman-webfont.woff') format('woff');    font-weight: normal;    font-style: normal;}




:root {
    --couleur_01 : #616161;
    --wysiwyg-margin-elts: 2rem;
    --margin-gouttiere:1.11%
}



/*--------- [ STYLAGE DE BASE : boutons, wysiwyg, blocs, modules... ] ---------*/










/*--------- [ STYLAGE DES BLOCS ] ---------*/


/* Bloc Banniere Home */
.wk-bloc-home-banniere { overflow: hidden; margin-bottom: 4.5rem }
.wk-bloc-home-banniere .conteneur { display: flex; align-items: center;  height: 72vh; position: relative; z-index: 10 }
.wk-bloc-home-banniere .titre { font-size: 6rem; line-height: 6rem;   font-family:'AvenirBlack'; margin-bottom: 30px}
.wk-bloc-home-banniere .titre span { background: #fff; border-radius: 9px; display: inline-block; padding: 13px 15px;}
.wk-bloc-home-banniere .btn-secondary { margin: 0}
.wk-bloc-home-banniere .visuel { position: absolute; top:0; left:345px; bottom: 0; right: 0; width: 1320px; background-size: cover; border-radius: 25px 0 0 125px}
.wk-bloc-home-banniere .fleche { text-align: center; margin-top: -22px; position: relative; z-index: 2 }
.wk-bloc-home-banniere .fleche img { width: 84px;  }

@media all and (max-width:1400px) {
    .wk-bloc-home-banniere .titre { font-size: 5rem; line-height: 5rem}
}

@media all and (max-width:1024px) {
    .wk-bloc-home-banniere .visuel { left:0; right: -20px; width: auto}
    .wk-bloc-home-banniere .titre { font-size: 4rem; line-height: 4rem}
}
@media all and (max-width:767px) {
    .wk-bloc-home-banniere { margin-bottom: 1.5rem}
    .wk-bloc-home-banniere .conteneur { min-height: 310px; padding: 50px 0; height: auto}
    .wk-bloc-home-banniere .titre { font-size: 20px;        line-height: 21px; margin-bottom: 15px}
    .wk-bloc-home-banniere .titre span { padding: 8px 15px; border-radius:0 9px 9px 0 }
}

/* Bloc Banniere Interieur */
.wk-bloc-int-banniere {   overflow: hidden; margin-bottom: 9rem}
.wk-bloc-int-banniere .col-100 { height: 220px; display: flex; align-items: center; flex-basis:inherit !important;}
.wk-bloc-int-banniere h1 {  font-size: 3.6rem; line-height: 3.6rem; position: relative; z-index: 2 }
.wk-bloc-int-banniere h1 span { background: #fff; display: inline-block; vertical-align: top; padding: 10px 15px; border-radius: 8px}
.wk-bloc-int-banniere h1 span.ligne_02 {  display:inline-block; margin-top: -8px; border-radius: 0 8px 8px 8px}
.wk-bloc-int-banniere .visuel { position: absolute; left:330px; right: 0; top:0; bottom: 0; width: 1320px; border-radius: 22px 0 0 125px; background-size: cover; background-position: left center }

@media all and (max-width:767px) {
    .wk-bloc-int-banniere { margin-bottom: 4rem}
    .wk-bloc-int-banniere .visuel { left:0; width: 100%}
    .wk-bloc-int-banniere h1 {    font-size: 20px;    line-height: 21px;}
    .wk-bloc-int-banniere .col-100 { }
}



/* Bloc Titre h1 home */
.wk-bloc-home-h1 { text-align: center }
.wk-bloc-home-h1 .titre_01 { font-family: 'pistilliregular'; font-size: 15rem; line-height: 10rem; color:#ffbf42; opacity: 0.5; margin-bottom: -4rem }
.wk-bloc-home-h1 .titre_02  { font-size:3.6rem; line-height: 4.8rem; color:#02739b; margin: 0; position: relative; z-index: 2  }

@media all and (max-width:1024px) {
    .wk-bloc-home-h1 .titre_01 { font-size: 12rem; line-height: 10rem}
    .wk-bloc-home-h1 .titre_02 br { display: none}
}

@media all and (max-width:767px) {
    .wk-bloc-home-h1 .titre_01 {        font-size: 8rem;        line-height: 5rem; margin-bottom: -2.2rem; }
    .wk-bloc-home-h1 .titre_02  {     font-size: 3rem;    line-height: 3.8rem;  }
}


/* Bloc Prsentation */
.wk-bloc-presentation {    background-repeat: no-repeat; background-position: center top; background-size: auto; padding-top: 253px; margin-bottom: 9rem}
.wk-bloc-presentation-2 { margin-bottom: 9rem}
.wk-bloc-presentation .visuel { line-height: 0}
.wk-bloc-presentation img { max-width: 100%; }
.wk-bloc-presentation .wysiwyg { text-align: justify; padding-bottom: 50px}
@media all and (max-width:989px) {
    .wk-bloc-presentation { background: none !important; padding-top: 50px}
    .wk-bloc-presentation .row [class^="col"] { flex:0 0 100%; max-width: 100%}
    .wk-bloc-presentation .row  .col-5 { display: none}
    .wk-bloc-presentation .row  .col-44 {        background: #e7f4fb; padding: 25px !important;  border-radius: 20px; margin-bottom: 30px  }
    .wk-bloc-presentation .wysiwyg { padding-bottom: 0}
    .wk-bloc-presentation .visuel { text-align: center}
    .wk-bloc-presentation img { max-width: 400px;}
}
@media all and (max-width:767px) {
    .wk-bloc-presentation .wk-bloc-presentation-2  { margin-bottom: 6rem}
    .wk-bloc-presentation img { max-width: 100%}
    .wk-bloc-presentation   .wysiwyg h2 {      font-size: 2.6rem;        line-height: 3.3rem;}
}


/* Bloc Besoin */
.wk-bloc-home-besoins { margin-bottom: 6rem }
.wk-bloc-home-besoins .onglets { max-width: 810px; margin:-20px auto 0; border: 3px solid #e7f4fb;  border-radius: 62px; display: flex; text-align: center  }
.wk-bloc-home-besoins .onglets li { width: 50%; }
.wk-bloc-home-besoins .onglets li a {   position: relative;  height: 56px; line-height: 56px; display: block; font-size: 2.4rem; color:#b7cedb;}
.wk-bloc-home-besoins .onglets li a:before { transition:all 0.3s ease; opacity: 0; visibility: hidden; position: absolute; top:100%; left:50%; margin-left:-15px; content:"";    width: 0;    height: 0;    border-style: solid;    border-width: 10px 10px 0 10px;    border-color: #ffbf42 transparent transparent transparent;  }
.wk-bloc-home-besoins .onglets li.actif a, .wk-bloc-home-besoins .onglets li a:hover {  color:#fff; background: #ffbf42; border-radius: 62px 0 0 62px}
.wk-bloc-home-besoins .onglets li.actif a:before, .wk-bloc-home-besoins .onglets li a:hover:before { opacity: 1; visibility: visible}
.wk-bloc-home-besoins .onglets li:nth-child(2).actif a, .wk-bloc-home-besoins .onglets li:nth-child(2) a:hover {border-radius: 0 62px 62px 0 }
.wk-bloc-home-besoins  #contenu_onglets { display: flex; padding-top: 42px; max-width: 1024px; margin: 0 auto}
.wk-bloc-home-besoins  #contenu_onglets > div { width: 50%; padding: 45px; background: #fff; border-radius: 17px; margin: 5px; opacity: 0.3; transition: all 0.3s ease;}
.wk-bloc-home-besoins  #contenu_onglets > div.actif {  box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); opacity: 1 }
.wk-bloc-home-besoins  #contenu_onglets ul {  padding-bottom: 35px; }
.wk-bloc-home-besoins  #contenu_onglets ul li { line-height: 1.4; padding-left:17px; background:url(../images/arrow_right_gris.png) no-repeat 0 5px; font-family: 'AvenirOblique'; color:#b3b3b3; margin-top: 26px; }
.wk-bloc-home-besoins  #contenu_onglets ul li:first-child { margin-top: 0}
.wk-bloc-home-besoins  #contenu_onglets ul li strong { font-family: AvenirRoman; font-weight: normal; display: block; color:#616161}
.wk-bloc-home-besoins  #contenu_onglets .btn-primary {  opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.wk-bloc-home-besoins  #contenu_onglets > div.actif .btn-primary { opacity: 1; visibility: visible}
@media all and (max-width:767px) {
    .wk-bloc-home-besoins { margin-bottom: 4rem}
    .wk-bloc-home-besoins .onglets { margin-top: 0}
    .wk-bloc-home-besoins .onglets li a { line-height: 1; padding-top: 11px; font-size: 1.9rem;}
    .wk-bloc-home-besoins #contenu_onglets { flex-wrap: wrap; padding-top: 20px}
    .wk-bloc-home-besoins #contenu_onglets > div { width: 100%; height: 0; opacity: 0; visibility: hidden; padding: 0; margin: 0;    transition: all 0s ease;}
    .wk-bloc-home-besoins #contenu_onglets > div.actif { height: auto; opacity: 1; visibility: visible; padding: 45px; margin: 5px}
}


/* Bloc video */
.wk-bloc-home-video iframe { width: 100%; height: 100%  }
.wk-bloc-home-video .col-45 .visuel  { padding: 4rem; text-align: center; }
@media all and (max-width:767px) {
    .wk-bloc-home-video iframe { height: 200px}
    .wk-bloc-home-video .col-45 .visuel { padding: 1rem 0; display: none}
}


/* Bloc Chiffres */
.wk-bloc-home-chiffres { min-height: 900px; padding-top: 150px;  background-repeat: no-repeat; background-position: center top; background-size: auto }
.wk-bloc-home-chiffres .liste_chiffres { position: relative }
.wk-bloc-home-chiffres .liste_chiffres li { position:absolute; width: 46%}
.wk-bloc-home-chiffres .liste_chiffres li:nth-child(1) { left:0; top:0;}
.wk-bloc-home-chiffres .liste_chiffres li:nth-child(2) { right: -10px; top:50px}
.wk-bloc-home-chiffres .liste_chiffres li:nth-child(3) { left:0; top:335px}
.wk-bloc-home-chiffres .liste_chiffres li:nth-child(4) { right: -10px; top:390px;}
.wk-bloc-home-chiffres .liste_chiffres li > div { width: 100%; text-align: center;  border-radius: 18px; padding: 62px 35px 15px; margin-top: 55px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); position: relative; background: #fff; min-height: 250px; }
.wk-bloc-home-chiffres .liste_chiffres li > div:before { content:""; background:url(../images/picto-oeil-jaune.svg) no-repeat; background-size: 100% auto; position: absolute; top:-37px; left:50%; width: 103px; height: 73px; margin-left: -51.5px;  }
.wk-bloc-home-chiffres .liste_chiffres .chiffre { font-size: 5rem; line-height: 4.6rem; font-family: AvenirBlack; padding-bottom:1.5rem  }
.wk-bloc-home-chiffres .liste_chiffres .txt {  font-size: 2.4rem; line-height: 3rem;  font-family: 'AvenirMedium'; }
.wk-bloc-home-chiffres .liste_chiffres .txt strong { font-family: AvenirBlack; font-weight: 400  }
.wk-bloc-home-chiffres .map { text-align: right; padding-top: 60px}
.wk-bloc-home-chiffres .map .titre {  font-size: 5rem; line-height: 4.8rem;  font-family: AvenirBlack; font-weight: 400; color:#02739b; padding-top: 10px  }


@media all and (max-width:1400px) {
    .wk-bloc-home-chiffres .liste_chiffres .chiffre {font-size: 4.5rem;        line-height: 4.2rem; }
    .wk-bloc-home-chiffres .liste_chiffres .txt { font-size: 2rem; line-height: 2.4rem}
    .wk-bloc-home-chiffres .map .titre { font-size: 4rem; line-height: 4.5rem; padding:0 0 2rem }

}

@media all and (max-width:767px) {
    .wk-bloc-home-chiffres { padding-top: 3rem; background-image: none !important; min-height: 0}
    .wk-bloc-home-chiffres .liste_chiffres { display: flex; flex-wrap: wrap; margin: 0 -10px}
    .wk-bloc-home-chiffres .liste_chiffres li { position: inherit; top:inherit; left: inherit !important; right: inherit !important; top:inherit !important; width: 50%; padding: 10px 10px 30px 20px}
    .wk-bloc-home-chiffres .liste_chiffres li > div:before { width: 55px; height: 40px; margin-left:-27.5px; top:-22px}
    .wk-bloc-home-chiffres .liste_chiffres li > div {    padding: 30px 10px 15px; min-height: 0; height: 100%; margin-top: 0 }
    .wk-bloc-home-chiffres .liste_chiffres .chiffre { font-size: 26px; line-height: 25px}
    .wk-bloc-home-chiffres .liste_chiffres .txt {    font-size: 14px;        line-height: 20px;    }
    .wk-bloc-home-chiffres .map { padding-top: 0; text-align: center}

}



/* Bloc Temoignages */


.wk-bloc-temoignages-filtres {  }
.wk-bloc-temoignages-filtres h2 { text-align: center;color: #009ee0;font-size: 2.4rem;line-height: 3.5rem;margin-bottom: 2rem;}

#filters { font-size: 0;   position: relative;  z-index: 100; text-align: center; padding:4rem 0 5rem }
#filters .fselect { display: inline-block; vertical-align: top; width: 230px; max-width: 100%;  font-size: 1.6rem; margin:0 15px 12.5px; position: relative; text-align: center;    }
#filters .fselect.actif .hover {opacity:1; visibility: visible;  }
#filters .label { border-radius: 25px; color:#616161;   padding:6px 40px 6px 3px; position: relative; cursor: pointer; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 17%); }
#filters .label:after { position:absolute; top:50%;  right:15px; content:""; width: 0; height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #616161 transparent transparent transparent; transition:all 0.3s ease;}
#filters .hover {box-shadow: 10px 10px 15px 0px rgba(0,0,0, 0.25); z-index: 2;  position: absolute; top:100%; left:0px; right: 0;  background:#fff;  border-radius: 4px; opacity:0; visibility: hidden; border-radius: 0 0 10px 10px}
#filters .hover ul {padding: 0.5rem 0  }
#filters .hover ul li {  padding: 3px 20px}
#filters .hover ul li a { color:#616161;  }
#filters .hover ul li a:hover { color:#009ee0; }
.wk-bloc-temoignages { background-repeat: no-repeat; background-position: center top; background-size: auto  }
.wk-bloc-temoignages.listing_complet { padding-bottom: 50px;}
.wk-bloc-temoignages.listing_complet .col-33 { margin-bottom: 30px;}
.wk-bloc-temoignages.listing_complet .un_temoignage { border-radius: 25px;}
.wk-bloc-temoignages.listing_complet .cache { display: none}
.wk-bloc-temoignages .owl-item { padding-top: 25px!important;; padding-bottom: 25px !important;}
.wk-bloc-temoignages h2 { padding-top: 40px}
.wk-bloc-temoignages .btn_center { padding: 25px 0 0 }
.wk-bloc-temoignages .btn_center a { width: 320px}
.un_temoignage { border-radius: 45px; background: #fff; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 17%); padding:35px  30px;height: 100% }
.un_temoignage .logo { text-align: center; height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 3rem;  }
.un_temoignage .logo img {  max-height: 75px; max-width: 100% }
.un_temoignage .nom { text-align: center; font-size: 2.4rem; color:#02739b;font-family: AvenirBlack; padding-bottom: 0.7rem }
.un_temoignage .fonction { text-align: center; font-size: 1.6rem; line-height: 2.4rem; font-family: 'AvenirOblique'; padding-bottom: 1.3rem}
.un_temoignage .fonction strong { display: block; font-weight: normal; font-family: 'AvenirMedium';   color:#02739b;}
.un_temoignage .fonction_02 { font-family: 'AvenirBlack';   color:#009ee0; line-height: 1.3; font-size: 14px; text-align: center}
.un_temoignage .txt  { line-height: 1.3; font-size: 14px; font-family: 'AvenirOblique'; text-align: center; padding-bottom: 20px;}
.un_temoignage .bouton  { text-align: center; padding-top: 20px}
.un_temoignage .bouton a { width: 225px; padding: 1rem 2.5rem}
@media all and (max-width:767px) {
    #filters { padding: 1rem 0}

}

/* Bloc Actus */
.wk-bloc-actus { padding: 200px 0 120px; background-repeat: no-repeat; background-position: center top; background-size: auto; margin-top: -25px;   }
.wk-bloc-actus .owl-stage .owl-item:nth-child(even) .visuel { order: 2; border-radius: 0 0 18px 18px }
.wk-bloc-actus .owl-stage .owl-item:nth-child(even) .content { order: 1 }
.wk-bloc-actus .btn_center { padding: 45px 0 0 }
.wk-bloc-actus .btn_center a { width: 320px}
.wk-bloc-actus .une_actu {  margin: 15px 0  }
.une_actu { border-radius: 18px; background: #fff; box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%);}
.une_actu .conteneur { display: flex; flex-direction: column; }
.une_actu .visuel { height: 220px; background-size: cover; background-position: center; border-radius: 18px 18px 0 0; order: 1}
.une_actu .content { padding: 30px; order: 2; line-height: 1.3}
.une_actu .content .titre { color:#009ee0; font-size: 1.6rem; line-height: 2rem}
.une_actu [class^="btn-"] { width: 100%; padding-top:1rem; padding-bottom: 1rem; margin:3rem 0 0}
@media all and (max-width:767px) {
    .wk-bloc-actus {  background-image:none !important; background-color:#e7f4fb;  padding: 30px 0; margin-top: 45px}
    .wk-bloc-actus h2 { margin-bottom: 2rem}
    .wk-bloc-actus .btn_center { padding-top: 10px}
}

.wk-list-nav a:hover, .wk-list-nav li.current-cat a { background:#009ee0;  }
#single_blog { max-width: 990px; padding-top: 50px; padding-bottom: 50px}
#single_blog h1 { font-size: 5rem; line-height: 5rem}
#single_blog  img { margin-bottom: 30px; margin-left: auto; margin-right: auto; }


    /* Bloc Partenaires */
.wk-bloc-home-partenaires { text-align: center }
.wk-bloc-home-partenaires h2 { margin-bottom: 2.5rem}
.wk-bloc-home-partenaires .type_partenaire { display: none; font-size: 16px; font-family: AvenirBlack; margin-top: -10px; padding-bottom: 5px   }
.wk-bloc-home-partenaires ul {  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-bottom: 30px }
.wk-bloc-home-partenaires li {  padding: 10px 20px }
.wk-bloc-home-partenaires li img { width:100% }
@media all and (max-width:767px) {
    .wk-bloc-home-partenaires {  padding-top: 5rem}
    .wk-bloc-home-partenaires li { width: 33.33%; padding: 5px 10px;}
    .wk-bloc-home-partenaires .type_partenaire { padding-bottom: 10px}


}


/* Bloc Form Contact */
.wk-bloc-contact-form { overflow: hidden; margin-bottom: 6rem}
.wk-bloc-contact-form  .container { position: relative}
.wk-bloc-contact-form  .container > .row  { box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); background: #fff; border-radius: 20px; position: relative; padding-top:8rem; padding-bottom: 8rem  }
.wk-bloc-contact-form  .conteneur_demande  { /* max-width: 300px;*/ padding-left:50px; margin: 0 auto  }
.wk-bloc-contact-form  .conteneur_demande h2 { font-size: 2.4rem; line-height: 2.6rem; color:#009ee0; margin: 4.6rem 0 1.5rem}
.wk-bloc-contact-form  .conteneur_demande h2:first-child { margin-top: 0}
.wk-bloc-contact-form  .conteneur_demande .btn-secondary { margin: 2rem 0}
.wk-bloc-contact-form  .conteneur_champs { max-width: 630px; margin: 0 auto; min-height: 1090px  }
.wk-bloc-contact-form  .conteneur_champs p { margin-bottom:1.5rem; }
.wk-bloc-contact-form  .conteneur_champs input[type=text],.wk-bloc-contact-form .conteneur_champs input[type=email], .wk-bloc-contact-form  .conteneur_champs input[type=tel], .wk-bloc-contact-form  .conteneur_champs select { width: 67%!important; display: block; }
.wk-bloc-contact-form  .conteneur_champs h2 { margin-bottom: 2.5rem}
.wk-bloc-contact-form  .conteneur_champs .row { align-items: center; margin-bottom: 10px }
.wk-bloc-contact-form  .conteneur_champs .row.align_top { align-items: flex-start; }
.wk-bloc-contact-form .champ { text-align: center; font-size: 12px; color:#8e8e8e; padding:1rem 0 2rem}
.wk-bloc-contact-form .newsletter .custom_radio_checkbox { display: flex; justify-content: center; margin: 0 }
.wk-bloc-contact-form .btn_center { padding: 3rem 0}
.wk-bloc-contact-form .rgpd {  font-size: 10px; color:#8e8e8e;}
.wk-bloc-contact-form .visuel_contact { position: absolute; left:-100px; bottom: 30px; width: 45%}
.wk-bloc-contact-form .newsletter { display: none;}
.wk-bloc-contact-form .result-message { color: #fff; display: none; font-size: 1.4rem; margin-top: 20px; padding: 15px; width: 100%; }
.wk-bloc-contact-form #success-message { background-color: #28a745; }
.wk-bloc-contact-form #error-message { background-color: #dc3545; }
.wk-bloc-contact-form .message, .wk-bloc-contact-form .sub-topic { display: none; }
.wk-bloc-contact-form button[type=submit][disabled] { display: none; }

@media all and (max-width:767px) {
    .wk-bloc-contact-form .container > .row { box-shadow: inherit; padding: 0}
    .wk-bloc-contact-form .conteneur_demande { padding-bottom: 1rem; padding-left:0;}
    .wk-bloc-contact-form .conteneur_demande .titre { margin-bottom: 2.5rem}
    .wk-bloc-contact-form .conteneur_champs { min-height: auto; }
    .wk-bloc-contact-form .conteneur_champs .row { display: block; margin-bottom: 2rem}
    .wk-bloc-contact-form .conteneur_champs .row .col-33 { margin-bottom: 0.5rem !important;}
    .wk-bloc-contact-form .visuel_contact { display: none}
}

/* Bloc Map Contact */
.wk-bloc-contact-maps .infos { position: absolute; top:0; left:30px;  background: #009ee0; border-radius: 20px; color:#fff; max-width: 340px; padding: 30px; line-height: 2rem }
.wk-bloc-contact-maps .infos p { padding:1rem 0 1rem 6rem; }
.wk-bloc-contact-maps .infos .titre {  font-family: 'AvenirBlack'; font-weight: 400; padding:0 0 2rem; margin-left:0; }
.wk-bloc-contact-maps .infos .map { background: url(../images/picto-location.svg) no-repeat 1rem 1.2rem; background-size: 16px auto; }
.wk-bloc-contact-maps .infos .phone {  background: url(../images/picto-phone.svg) no-repeat 1rem 1.0rem;background-size: 23px auto; }
.wk-bloc-contact-maps .infos .clock {   background: url(../images/picto-clock.svg) no-repeat 1rem 1.5rem; background-size: 25px auto; padding-bottom: 0 }
.wk-bloc-contact-maps iframe { width: 100%; height: 560px; margin-top: 30px;}
@media all and (max-width:767px) {
    .wk-bloc-contact-maps { margin-bottom: 3rem}
    .wk-bloc-contact-maps .infos { left:inherit; top:inherit; position: inherit}

}

/* Bloc  Intro  */
.wk-bloc-intro {  text-align: center}
.wk-bloc-intro .container { max-width: 1110px}
.wk-bloc-intro h2 {  text-align: center; color: #009ee0; font-size: 2.4rem; line-height: 3.5rem; margin-bottom: 2rem}
.wk-bloc-intro p {  padding-bottom: 2rem}


/* Bloc   Timeline */
.wk-bloc-timeline { background: #fff; }
.history-section{    position:relative; padding: 0 100px   }
.history-section .history-carousel{    position:relative; }
.history-section .carousel-outer{    position:relative; margin-top:50px;}
.history-section .carousel-outer .thumbs-outer{    position:relative;    overflow:hidden; }
.history-section .history-carousel .thumbs-carousel{    position:static;    max-width:228px;    margin-bottom:20px;}
.history-section .history-carousel .thumbs-carousel .owl-stage-outer{    overflow:visible;}
.history-section .history-carousel .thumbs-carousel .owl-item.active li{    position:relative;    color:#3fa8f4;     }
.history-section .history-carousel .thumbs-carousel .owl-item.active li:before{    display:none;}
.history-section .history-carousel .thumbs-carousel li{    position:relative;    color:#d5d5d5;  font-family: 'pistilliregular';    font-size:6rem;    font-weight:400;    cursor:pointer;    line-height:1em;    text-align:center;    padding:15px 20px;    transition:all 0.3s ease;    display:inline-block;    background-color:#ffffff;    -moz-transition:all 0.3s ease;    -webkit-transition:all 0.3s ease;    -ms-transition:all 0.3s ease;    -o-transition:all 0.3s ease;    }
.history-section .history-carousel .owl-nav button { }
.history-section .history-carousel .owl-nav button.owl-prev {  left: -50px}
.history-section .history-carousel .owl-nav button.owl-next {  right:-50px;}
.history-section .history-carousel .thumbs-carousel .owl-nav{   display: none }
.history-section .carousel-outer .content-slide{    position:relative; width: 100%}
.history-section .carousel-outer .content-carousel .owl-stage-outer{    padding:10px 0;}
.history-section .carousel-outer .content-slide .content-inner{  border-radius: 20px;   position:relative;       padding:50px;       box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%);    background: #fff;}
.history-section .carousel-outer .content-slide .content-inner:after { content:""; display: block; clear: both;}
.history-section .carousel-outer .content-slide .visuel { float:left; width: 290px; margin-right: 50px; line-height: 0;  position: relative; z-index: 5}
.history-section .carousel-outer .content-slide .visuel img { border-radius: 20px}
.history-section .carousel-outer .content-slide .contenu { overflow: hidden; position: relative; z-index: 5}
.history-section .carousel-outer .content-slide .content-inner:before{    position:absolute;    content:'';    left:50%;    top:-50px;  }
.history-section .carousel-outer .content-slide .content-inner .titre {  font-size: 3rem; color:#009ee0; font-weight: 400; padding-bottom: 3.5rem; text-align: center}
.history-section .content-carousel .owl-stage { width: max-content !important; display: block}
.history-section .content-carousel .owl-item { float:left; display: block;  padding: 0}

@media all and (max-width:1200px) {
    .history-section { padding: 0}
    .history-section .history-carousel .owl-nav button.owl-next { right: -15px}
    .history-section .history-carousel .owl-nav button.owl-prev { left:-15px}

}
@media all and (max-width:990px) {
    .history-section { text-align: center}
    .history-section .carousel-outer .content-slide .visuel { display: none}
    .history-section .carousel-outer { margin-top: 0}
    .history-section .history-carousel .thumbs-carousel li { font-size: 5rem}
    .history-section .history-carousel .thumbs-carousel { max-width: 150px}
    .history-section .carousel-outer .content-slide .content-inner { box-shadow: 0 0  0; padding-top: 0}
}


/* Bloc Produit Intro  */
.wk-bloc-produit-intro { margin-bottom: 9rem  }
.wk-bloc-produit-intro .row { padding: 40px 0; background-size: 60% auto; background-position: right center; background-repeat: no-repeat}
.wk-bloc-produit-intro .liste {width: 46%}
.wk-bloc-produit-intro .liste > div { display: flex; padding-bottom: 30px; }
.wk-bloc-produit-intro .liste .picto  { flex:0 0 120px; padding-right: 45px;}
.wk-bloc-produit-intro .liste .wysiwyg h3 { color:#009ee0}
@media all and (max-width:1023px) {
    .wk-bloc-produit-intro .row { background-image: none !important; padding: 0}
    .wk-bloc-produit-intro .liste { width: 100%}
}
@media all and (max-width:767px) {
    .wk-bloc-produit-intro { margin-bottom: 0}
    .wk-bloc-produit-intro .liste > div { display: block; padding-bottom: 20px}
    .wk-bloc-produit-intro .liste .picto { padding: 0 0 15px; text-align: center}
}


/* Bloc Video */
.wk-bloc-video { text-align: center;  margin-bottom: 9rem  }
.wk-bloc-video .video { background: #fff;   border-radius: 20px;   position:relative;       padding:35px;       box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); margin-bottom: 4rem}
.wk-bloc-video iframe { max-width: 100%}

@media all and (max-width:767px) {
    .wk-bloc-video { margin-bottom: 30px}
    .wk-bloc-video .video { padding: 10px}
    .wk-bloc-video iframe { height: 200px}

}



/* Bloc Accompagnement */
.wk-bloc-accoompagnement { margin-bottom: 4rem}
.wk-bloc-accoompagnement .liste_steps > div { display: flex; align-items: center; padding-bottom: 2rem}
.wk-bloc-accoompagnement .liste_steps div.visuel  { order: 1;  width: 50%; padding:0 15px  0 50px; position: relative; line-height: 0}
.wk-bloc-accoompagnement .liste_steps div.visuel .num { position: absolute; top:0; left:-10px; bottom:0; color:#ffbf42; font-size: 220px; font-family: 'pistilliregular';  display: flex; flex-direction: column; justify-content: center }
.wk-bloc-accoompagnement .liste_steps  div.content{ order: 2;  width: 50%; padding-left: 50px }
.wk-bloc-accoompagnement .liste_steps  div.content h3 {   color:#009ee0}
.wk-bloc-accoompagnement .liste_steps > div:nth-child(even)  div.visuel { order: 2; padding:0 50px 0 15px  }
.wk-bloc-accoompagnement .liste_steps > div:nth-child(even)  div.visuel .num {right: -10px; left:inherit  }
.wk-bloc-accoompagnement .liste_steps > div:nth-child(even)  div.content { order: 1; padding-left: 0; padding-right: 45px  }

@media all and (max-width:1024px) {
    .wk-bloc-accoompagnement .liste_steps div.content { padding-left: 35px}
    .wk-bloc-accoompagnement .liste_steps div.visuel { padding: 0 15px }
    .wk-bloc-accoompagnement .liste_steps div.visuel .num {        font-size: 150px    }
    .wk-bloc-accoompagnement .liste_steps > div:nth-child(even) div.content { padding-right: 15px}
}

@media all and (max-width:767px) {
    .wk-bloc-accoompagnement { margin-bottom: 2rem}
    .wk-bloc-accoompagnement .liste_steps > div {        display: block    }
    .wk-bloc-accoompagnement .liste_steps div.visuel { width: 100%}
    .wk-bloc-accoompagnement .liste_steps div.content { padding: 0; width: 100%}
}


/* Bloc Chiffres */
.wk-bloc-chiffres {  margin-bottom: 6rem}
.wk-bloc-chiffres.trois_chiffres { margin-bottom: -6rem}
.wk-bloc-chiffres ul  { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.wk-bloc-chiffres ul li {  padding:10px}
.wk-bloc-chiffres ul li > div { margin: 0 auto; max-width: 100%; text-align: center; min-height: 269px; width: 270px; font-size: 24px; line-height: 30px; background-repeat: no-repeat; background-position:top center; background-size:auto;  padding: 60px 0 }
.wk-bloc-chiffres ul li:nth-child(1) > div, .wk-bloc-chiffres ul li:nth-child(6) > div  { background-image:url(../images/chiffres-bg1.png); }
.wk-bloc-chiffres ul li:nth-child(2) > div, .wk-bloc-chiffres ul li:nth-child(8) > div { background-image:url(../images/chiffres-bg2.png);  }
.wk-bloc-chiffres ul li:nth-child(3) > div, .wk-bloc-chiffres ul li:nth-child(5) > div { background-image:url(../images/chiffres-bg3.png);  }
.wk-bloc-chiffres ul li:nth-child(4) > div,  .wk-bloc-chiffres ul li:nth-child(7) > div  { background-image:url(../images/chiffres-bg4.png); }
.wk-bloc-chiffres ul li .chiffre { font-size: 50px; line-height: 50px; color:#616161; font-family: 'AvenirBlack'; padding-bottom: 10px; }
.wk-bloc-chiffres ul li strong { font-weight: normal; font-family: 'AvenirBlack'; color:#009ee0}
@media all and (max-width:1300px) {
    .wk-bloc-chiffres ul li > div {  width: 210px; background-size: 100% auto; padding: 40px 0 60px; font-size: 18px;    line-height: 24px;}
    .wk-bloc-chiffres ul li .chiffre { font-size: 40px; line-height: 40px}
}

@media all and (max-width:989px) {

    .wk-bloc-chiffres { margin-bottom: 3rem}
    .wk-bloc-chiffres ul { justify-content: center}
    .wk-bloc-chiffres ul li { width: 25%}
    .wk-bloc-chiffres ul li > div {background: none !important; width: 100%; height: auto; min-height: 0; padding: 0 10px }
    .wk-bloc-chiffres.trois_chiffres ul li { width: 33.33%}
    .wk-bloc-chiffres.trois_chiffres { margin-bottom: 3rem}

}


@media all and (max-width:767px) {
    .wk-bloc-chiffres ul li { width: 50% !important;}
    .wk-bloc-chiffres ul li > div {     font-size: 14px;    line-height: 20px; }
    .wk-bloc-chiffres ul li .chiffre { font-size: 26px; line-height: 25px;}
    .wk-bloc-chiffres ul li .txt br { display: none}
    .wk-bloc-chiffres.trois_chiffres { margin-bottom: 0}
}

/* Bloc Tarifs */
.wk-bloc-tarifs h2 strong { color:#009ee0; display: block; font-family: 'AvenirMedium'; font-weight: 400  }
.wk-bloc-tarifs .conditions { font-style: italic; padding: 4rem 0}
.tableau_tarifs { text-align: center; font-size: 16px; line-height: 20px; margin: 0 -15px;  color:#616161;  }
.tableau_tarifs .section { display: flex;  }
.tableau_tarifs .section > div { padding: 0 15px}
.tableau_tarifs .header { padding:60px 10px 30px }
.tableau_tarifs .header .titre {  font-family: 'AvenirBlack';  color:#009ee0; padding-bottom: 45px; font-size: 36px; line-height: 36px }
.tableau_tarifs .header .prix { font-family: 'AvenirBlack';  font-size: 40px; line-height: 30px;  color:#ffbf42; padding-bottom: 10px }
.tableau_tarifs .header .prix_an {font-size: 24px; line-height: 28px;  padding-bottom: 20px}
.tableau_tarifs .header .who { padding-top: 15px; font-size: 18px; line-height: 20px; min-height: 55px}
/*.tableau_tarifs .header .who br { display: none}*/
.tableau_tarifs .header .etiquette { position: absolute; left:0; top:0;  }
.tableau_tarifs .header .etiquette img { width: 25px}
.tableau_tarifs  .bouton a { width: 100%; margin-top: 15px;  max-width:260px  }
.tableau_tarifs  .bouton a br { display: none}
.tableau_tarifs  .deroule { padding-top: 25px;}
.tableau_tarifs  .deroule  a { font-family: 'AvenirBlack'; font-size: 18px; line-height: 20px; display: inline-block; }
.tableau_tarifs  .deroule  a:after { content:""; width: 30px; height: 37px; background:url(../images/arrow_down.png) no-repeat; display: block; margin: 20px auto 0; transition: all 0.3s ease;}
.tableau_tarifs  .deroule  a.open:after { transform: rotate(180deg)}
.tableau_tarifs .deco { background: #fff; border-radius: 20px;  box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%);  padding:10px 30px 15px; position: relative;background-repeat: no-repeat}
.tableau_tarifs .choix { display: none;}
.tableau_tarifs .c_choix { flex:1;    }
.tableau_tarifs .un_choix  {  display: flex; justify-content: center; border-top :1px solid #e9e9e9; padding: 8px 0 10px; align-items: center }
.tableau_tarifs .un_choix:first-child { border-top: 0}
.tableau_tarifs .un_choix .c_texte { text-align: left; flex:1;  }
.tableau_tarifs .un_choix .c_droite { flex:0 0 85px; padding-left: 10px; text-align: center; font-family: 'AvenirBlack';  font-size: 16px; color:#ffbf42; padding-top: 2px; }
.tableau_tarifs .un_choix .check { width: 18px; height: 12px; flex:0 0 18px; display: inline-block; background:url(../images/picto_check.png);}
.tableau_tarifs .un_choix .false {  display: inline-block; flex:0 0 13px; width: 13px; height: 12px; background:url(../images/picto_false.png);}
.tableau_tarifs .un_choix .texte_bleu{ color:#009ee0; }
.tableau_tarifs .titre_options {  color:#009ee0; font-family: 'AvenirBlack'; text-align: center; padding: 30px 0 20px}
.tableau_tarifs .options .un_choix:first-child { border-top: 0}
.tableau_tarifs .options .check {  display: inline-block; background:url(../images/picto_check_bleu.png);}
.tableau_tarifs .options i {  display: block; font-size: 10px; line-height: 12px;  font-family: 'AvenirBlack'; font-style: normal }
.tableau_tarifs  .bouton.bas a { margin: 20px 0 20px  }
.tableau_tarifs .section .c_choix:nth-child(1) .deco { background-image:url(../images/tarif-bg-01.png); background-position: top right }
.tableau_tarifs .section .c_choix:nth-child(2) .deco{  background-image:url(../images/tarif-bg-02.png); background-position: top left}
.tableau_tarifs .section .c_choix:nth-child(3) .deco {  background-image:url(../images/tarif-bg-03.png);  background-position: top right }

@media all and (max-width:1023px) {
    .tableau_tarifs .header { padding-top: 30px;}
    .tableau_tarifs .header .titre { font-size: 31px; line-height: 33px; padding-bottom: 25px}
    .tableau_tarifs .header .prix { font-size: 33px; line-height: 25px;}

}

/* VERSION CAROUSEL */
@media all and (max-width:989px) {
    .tableau_tarifs { font-size: 14px; line-height: 19px;}
    .tableau_tarifs .section > div { padding: 0}
    .tableau_tarifs .deco {  padding-left: 20px; padding-right: 20px; margin-top: 10px; margin-bottom: 10px}
    .tableau_tarifs .c_choix { width:calc(100vw - 40px) !important; margin: 0 20px}
    .tableau_tarifs .owl-carousel .owl-stage .owl-item { padding: 0 0}
    .tableau_tarifs .owl-carousel .owl-nav { top:170px;}
    .tableau_tarifs .owl-carousel .owl-nav.disabled { display: block !important;}
    .tableau_tarifs  .owl-carousel .owl-prev { left:5px; transform: rotate(180deg)  }
    .tableau_tarifs  .owl-carousel .owl-next { right:5px; }


}







    /* Bloc FAQ  */
.wk-bloc-contact-faq { padding: 50px 0}
.wk-bloc-contact-faq h2 { color:#009ee0; text-align: left; font-size: 20px; line-height: 20px; margin-bottom: 15px; padding-top:45px;}
.wk-bloc-contact-faq svg { transform: rotate(-90deg); position: relative; top:3px;}
.wk-bloc-contact-faq .faq-cat { display: block;  margin-bottom: -10px  }
.wk-bloc-contact-faq .faq-cat:nth-child(1) h2 { padding-top: 0 }
.wk-bloc-contact-faq .faq-question.open { }
.wk-bloc-contact-faq .faq-question {  padding-left: 10px }
.wk-bloc-contact-faq .faq-question.open svg {  transform: rotate(0deg);}
.wk-bloc-contact-faq .faq-question.open .question { font-weight: bold}
.wk-bloc-contact-faq .faq-question .reponse { display: none; padding: 10px 20px 30px  }

.nav_faq {  }
.nav_faq  ul {  }
.nav_faq  ul li { padding-bottom: 10px }



    /* Bloc CTA Solution */
.wk-bloc-cta-solution {  margin-bottom: 6rem }
.wk-bloc-cta-solution .conteneur { display: flex; align-items: center  }
.wk-bloc-cta-solution .wysiwyg {  background: #e7f4fb; padding: 50px; border-radius: 0 20px 20px 0}
.wk-bloc-cta-solution .wysiwyg h2, .wk-bloc-cta-solution .wysiwyg p { margin-bottom: 1rem}
@media all and (max-width:767px) {
    .wk-bloc-cta-solution  {  margin-bottom: 3rem }
    .wk-bloc-cta-solution .visuel { display: none}
    .wk-bloc-cta-solution .wysiwyg { padding: 20px}
}

/* Bloc Accordeon*/
.accordeon-horizontal { display: flex; overflow: hidden; padding-top: 50px; margin-bottom: 10rem}
.accordeon-horizontal .part { cursor: pointer; transition: all 0.4s ease; width: 20%; border-radius: 20px; border: 2px solid #fff; position: relative; background: #f2f2f2;  box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%);  }
.accordeon-horizontal .part.actif { width: 34%  }
.accordeon-horizontal .num { position: absolute; left:0; right: 0; top:0;  color:#f4c05b; font-size: 145px; line-height: 0.18; font-family: 'pistilliregular'; text-align: center; z-index: 10}
.accordeon-horizontal h2.titre { margin-bottom: 0; position: absolute; top:125px; left:0; right: 0;padding: 0 10px; font-family: 'AvenirBlack'; font-size: 30px; line-height: 35px; color:#009ee0; }
.accordeon-horizontal .part.actif h2.titre { display: none}
.accordeon-horizontal .part.actif .content {opacity: 1; visibility: visible;    transition: all 1.5s ease; height: 100% }
.accordeon-horizontal .content {   transition: all 0.1s ease;  opacity: 0; visibility: hidden;  background: #009ee0;  border-radius: 20px; padding: 120px 50px 30px; color:#fff;}
.accordeon-horizontal .btn { max-width: 260px; margin: 30px auto 0}
.accordeon-horizontal .btn a {  width: 100%; background: #fff; color:#009ee0 !important; }

@media (max-width: 1300px) {
    .accordeon-horizontal h2.titre { font-size: 23px; line-height: 32px;}
    .accordeon-horizontal .num { font-size: 115px}
}

@media (max-width: 1023px) {
    .accordeon-horizontal {  display: block; margin-bottom: 5rem}
    .accordeon-horizontal .part { margin-bottom: 30px}
    .accordeon-horizontal .part.actif, .accordeon-horizontal .part,  .accordeon-horizontal .content { width: 100% !important;}
    .accordeon-horizontal .num { font-size: 75px;}
    .accordeon-horizontal h2.titre br { display: none}
    .accordeon-horizontal h2.titre { position:inherit; top:inherit; padding: 50px 20px 25px}
    .accordeon-horizontal .content { padding: 50px 20px 20px; height: 0; display: none}
    .accordeon-horizontal .part.actif .content { display: block}
}

@media (max-width: 767px) {
    .accordeon-horizontal { margin-bottom: 2rem; }
    .accordeon-horizontal h2.titre { font-size: 2.3rem;        line-height: 3.1rem; padding: 30px 20px 25px;}
    .accordeon-horizontal .num { font-size: 55px; top:-8px}
}


/* Bloc Content left right ImAGE*/
.wk-bloc-content-left-right .row { align-items: center; padding-bottom: 50px}
.wk-bloc-content-left-right .row .visuel { padding-left: 50px}
.wk-bloc-content-left-right .row:nth-child(even) .col-60 { order:2}
.wk-bloc-content-left-right .row:nth-child(even) .col-40 { order:1}
.wk-bloc-content-left-right .row:nth-child(even)  .visuel { padding-left: 0; padding-right: 50px}
.wk-bloc-content-left-right ol { padding: 0; margin: 0 !important;}
.wk-bloc-content-left-right ol li { background: url(../images/picto_check_rond.png) no-repeat 0 4px;  list-style: none !important; padding: 0 0 20px 25px; margin: 0}


@media (max-width: 1024px) {
    .wk-bloc-content-left-right .row { display: block}
    .wk-bloc-content-left-right .row [class^="col"] { flex:0 0 100%; max-width: 100%}
    .wk-bloc-content-left-right .row .visuel { text-align: center; padding:0 30px 40px !important;}
    .wk-bloc-content-left-right .row .visuel img { width: 400px;}
    .wk-bloc-content-left-right .row:last-child .visuel { padding-bottom: 0 !important;}
}





























/*--------- [ STYLAGE DE BASE ] ---------*/
.container { max-width: 1360px;  margin:0 auto; padding: 0 20px;   }
.row [class^="col"], .owl-carousel .owl-item { padding:0 var(--margin-gouttiere); }
/* Texte + Wysiwyg */
a {  color:var(--couleur_01);}
a:hover { color:var(--couleur_01); }
h1, h2, h3, h4, h5  { font-weight: 400; font-family: 'AvenirBlack'; }
h1 {     font-size: 6rem;    line-height: 7rem; margin-bottom:1.5rem;  }
h2 { font-size:3.6rem; line-height:4.8rem; margin-bottom:5.5rem; text-align: center}
h3 { font-size: 2.2rem; line-height:2.7rem; margin-bottom:1.2rem;}
h4 { font-size:1.7rem; line-height:2.2rem; margin-bottom:1rem; }
h5 { font-size:1.5rem; line-height:1.5rem; margin-bottom:0.8rem;}
.wysiwyg { overflow-wrap: break-word;  }
.wysiwyg h2 {  font-size: 3rem; line-height: 3.5rem; text-align: left; margin-bottom: 3.6rem}
.wysiwyg ul li { list-style: disc}
.wysiwyg  a { color:#009ee0; }
.wysiwyg  a:hover {  text-decoration: underline}
.wysiwyg ol li {list-style-type:decimal}
.wysiwyg hr {   clear: both;}
.wysiwyg img { display: block; max-width: 100%; height: auto}
.wysiwyg figcaption { padding-top:0.5rem; font-style: italic}
.wysiwyg blockquote{ font-style: italic  }
.wysiwyg [class^="btn-"] { margin-top:2rem}
.aligncenter, div.aligncenter, a img.aligncenter{    display: block;    margin-left:auto; margin-right: auto}
.alignright, a img.alignright, .wp-caption.alignright   {    float:right;    }
.alignleft, a img.alignleft, .wp-caption.alignleft {    float: left;    }
.wysiwyg p, .wysiwyg ul, .wysiwyg ol   {  margin-bottom:var(--wysiwyg-margin-elts);}
.wysiwyg p:last-child { margin-bottom: 0}
.wysiwyg ul, .wysiwyg ol  {  margin-left:var(--wysiwyg-margin-elts);}
.alignright, a img.alignright, .wp-caption.alignright { margin-left:calc(var(--wysiwyg-margin-elts) + 0.5rem);}
.alignleft, a img.alignleft, .wp-caption.alignleft {    margin-right:calc(var(--wysiwyg-margin-elts) + 0.5rem);}
@media all and (max-width:767px) {
    h2 { margin-bottom: 3rem}
}


/* Boutons */
[class^="btn-"], [class*="wpcf7-btn-"] input { font-family: 'AvenirBlack'; border-radius: 5px 5px 18px 5px; width: 260px; color:#fff !important; font-weight:normal; text-decoration: none !important; padding: 1.8rem 2.5rem; line-height: 2rem; margin:0.5rem; display:inline-block; max-width: 100%; text-align: center; transition: all  0.3s ease;  }
[class*="wpcf7-btn-"] { text-align: center}
input:focus:invalid { border: 1px solid red !important; }
.btn_center { text-align: center}
.btn-primary,  .wpcf7-btn-primary input {  background:#009ee0;  }
.btn-primary:hover,   .wpcf7-btn-primary input:hover {border-radius: 18px; color:#fff}
.btn-secondary,  .wpcf7-btn-secondary input {   background:#ffbf42;}
.btn-secondary:hover,   .wpcf7-btn-secondary input:hover {  border-radius: 18px; color:#fff}

/* Carousel */
.owl-carousel .owl-dots .owl-dot { margin: 0 3px}
.owl-carousel .owl-dots .owl-dot span { display: block; border: 1px solid blue !important;  width: 15px; height: 15px; border-radius: 15px; position: relative; background: transparent; transition: all 0.3s ease; }
.owl-carousel .owl-dots .owl-dot span:before { content:""; width: 12px; height: 12px;   position: absolute; top:1px; left:1px; border-radius: 12px; background: transparent; transition: all 0.3s ease;}
.owl-carousel .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background:blue; }
.owl-carousel .owl-dots .owl-dot.active span:before, .owl-dots .owl-dot:hover span:before {  background:blue;}
.owl-carousel .owl-nav button  { position:absolute; top:0;   text-decoration: none; width: 36px; height: 40px; background:url(../images/fleche-jaune-droite.svg) no-repeat !important; background-size: 100% auto !important;   }
.owl-carousel .owl-nav button span { line-height: 0; display: none }
.owl-carousel .owl-nav button:hover {            }
.owl-carousel .owl-prev { left:-90px; transform: rotate(180deg)  }
.owl-carousel .owl-next { right:-90px; }


@media all and (max-width:1500px) {
    .owl-carousel .owl-prev { left:-15px; transform: rotate(180deg)  }
    .owl-carousel .owl-next { right:-15px; }
}





/* Formulaires */
label, input[type=submit], button { cursor:pointer; -webkit-appearance:none; }
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select  { vertical-align:middle;  background:#fff;  border:2px solid #dbe5ea; border-radius: 9px; width: 100%; padding:1rem 0.8rem;  }
input[type="file"] { border:0 !important;}
textarea {  resize:none;}
inpuT[type="checkbox"], input[type="radio"] { margin-right: 0.6rem; position: relative; top:2px;}
input[type="file"] { border:0 !important;}
textarea {  resize:none; height: 160px}
::placeholder { color:#928f8f; transition: all 0.3s ease;}
:focus::placeholder {  opacity:0.2; }
/* Custom Radio / Checkbox */
.custom_radio_checkbox {  display: inline-block; vertical-align: top; margin-right: 3rem }
.custom_radio_checkbox input{    display: none}
.custom_radio_checkbox label {  display: flex; align-items: center; position: relative}
.custom_radio_checkbox label:before {  width:20px; height: 20px; border: 1px solid #adc0ca; background: #fff;  content: ''; margin-right:1rem    }
.custom_radio_checkbox [type="radio"] + label:before{  border-radius: 100%    }
.custom_radio_checkbox [type="radio"]:checked + label:after, .custom_radio_checkbox [type="radio"]:not(:checked) + label:after {   content:"";    width: 12px;    height: 12px;    background:#009ee0;    position: absolute;    top: 6px;    left: 5px;    border-radius: 100%;     transition: all 0.2s ease;}
.custom_radio_checkbox [type="checkbox"]:checked + label:after, .custom_radio_checkbox [type="checkbox"]:not(:checked) + label:after  {  content: '\2713\0020';   position: absolute;  top:4px; left:6px;      line-height:1;    color: #616161;    transition: all 0.2s ease;  }
.custom_radio_checkbox input:not(:checked) + label:after {    opacity: 0;    transform: scale(0);}
.custom_radio_checkbox input:checked + label:after {    opacity: 1;    transform: scale(1);}
/* Custom Select */
.custom_select { cursor:pointer; font-family: AvenirRoman, Arial, Verdana, sans-serif; text-align: center; padding-left: 20px; font-size: 1.6rem; box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); color:#616161; border-radius: 20px; /* Chercher 000000 pour changer couleur */ background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');    background-repeat: no-repeat, repeat;    background-position: right 10px top 50%, 0 0;    background-size: .65em auto, 100%;    -moz-appearance: none;    -webkit-appearance: none;    appearance: none;  padding-right: 25px;   }
.custom_select::-ms-expand {    display: none;}

@media all and (max-width:767px) {
    .alignright, a img.alignright, .wp-caption.alignright, .alignleft, a img.alignleft, .wp-caption.alignleft {        float: none;        margin: 0 auto 2rem;        display: block    }
}


/*--------- [ LAYOUT ] ---------*/
#main {  min-height:90vh; padding-bottom: 3rem}
body, input, textarea,  button { font-family: AvenirRoman, Arial, Verdana, sans-serif; font-size:1.6rem; line-height: 1.5; color: var(--couleur_01) !important; background-repeat: no-repeat; background-position: center top  }
#fixed_right { position: fixed; top:270px; right: 0; z-index: 999 }
#fixed_right .contact a { display: block; padding: 30px 10px 25px; background: #fff;  box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); border-radius: 0 0 0 40px; width: 160px; text-align: center; font-size: 2.2rem; line-height: 2.3rem }
#fixed_right .contact a strong { font-weight: normal; font-family: 'AvenirBlack'; display: block}
#fixed_right .contact a img {  width: 76px; max-width: 100%; margin-bottom: 3px}
@media all and (max-width:1500px) {
    #fixed_right .contact a { width: 95px;font-size: 16px; line-height: 15px; padding: 15px 0px; border-radius: 0 0 0 15px}
    #fixed_right .contact a .visuel img {  width: 50px; margin-bottom: 5px;}
}

@media all and (max-width:767px) {
    #fixed_right { display: none;}
}

/* Header */
#header { position: relative;  z-index: 9980; height: 150px  }
#header .hlogo img { max-width: 100%;  height: 85px; transition: all 0.3s ease;}
.wk_sticky .sticky_onscroll.fixed .hlogo img { height: 62px !important; }
.wk_sticky .sticky_onscroll.fixed #header_middle { background: #fff; box-shadow: 0px 0px 5px 1px #cfcfcf; }
#header_top { margin-bottom: -15px; z-index: 2; position: relative;}
#header_top .conteneur { display: flex; justify-content: flex-end; padding: 0; align-items: center }
#header_top .hliens { display: flex; background: #02739b; font-size: 1.4rem; align-items: center; font-family: 'AvenirMedium'; border-radius: 0 0 8px 8px; padding: 7px 37px; margin-right: 90px}
#header_top .hliens li:nth-child(2):before { content:"|"; padding:0 25px; color:#009ee0}
#header_top .hliens li a { color:#fff;}
#header_top .hliens li a:hover { color:#ffbf42}
#header_top .hliens li.acces { margin-left: 30px}
#header_top .hliens li.acces a { background: #fff; border-radius: 4px 4px 10px 4px; color:#009ee0; display: block; padding: 2px 15px; transition:all 0.3s ease; }
#header_top .hliens li.acces a:hover { border-radius: 10px }
#hlang { position:absolute; top:10px; right:15px;  font-size:14px;color:#747474;}
#hlang .lang-item-fr a{ background: url(../images/picto-france.svg) no-repeat right top; background-size: 28px 20px; padding-right: 25px  }
#hlang .lang-item-en a{ background: url(../images/picto-en.svg) no-repeat right top; background-size: 28px 20px; padding-right: 25px  }
#hlang ul { width:53px;   height:23px; line-height: 23px;text-transform: uppercase; overflow: hidden;   transition: all 0.3s ease;}
#hlang ul li { margin-bottom: 5px}
#hlang ul li a { display: block; transition: all 0.3s ease; color:#747474;}
#hlang ul li a:hover { color:#02739b}
#hlang:hover ul {height:60px;   }
#header_middle {   padding: 1rem 0}
#header_middle .conteneur { display: flex; align-items: flex-end; justify-content: flex-start;}
#header_middle .hlogo { line-height: 0; padding-right: 60px }
#hmenu .arrow  { display:block; cursor: pointer; margin-left: 0.5rem; position: relative; top: -4px}
#hmenu .arrow path { stroke: #000; fill:#000;}
.hamburger {   width: 40px; /*  height: 2.3rem; */ top:15px; right: 20px;  display: none;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  background-color:#009ee0;  height: 3px;    border-radius: 4px;}
/* Footer */
#footer {   color:#fff;  margin:0 auto; max-width: 1900px; padding:20px }
#footer .bg {  background: #02739b url(../images/footer_bg.jpg) no-repeat left center; background-size: auto 100%; border-radius: 20px; padding: 9rem 0 3rem; position: relative;}
#footer a { color:#fff;}
#footer a:hover { text-decoration: underline}
#footer .logo { position: absolute; top:-36px; left:50%; margin-left:-61px }
#footer .titre { font-family: AvenirBlack; font-size: 3rem; line-height: 3.5rem; padding-bottom: 3.3rem}
#footer ul li { padding-top: 0.6rem  }
#footer ul li:first-child { padding-top: 0rem  }
#footer .waka_rs { flex-direction: column}
#footer .waka_rs > div:first-child { margin-top: 0}
#footer .waka_rs > div { margin-top: 30px}
#footer .waka_rs a svg { height: auto; width: 43px}
#footer .waka_rs a img { width: 32px }
#footer .waka_rs a path { fill:#fff;}
#footer .waka_rs .picto-rs-facebook a path#f_1_ { fill:#02739b;}
#footer .copy { display: flex; }
#footer .copy p { padding-right: 5px;}
#footer .copy ul li { padding: 0; display: inline}
#footer .copy ul li:before { content:" - ";}

@media all and (max-width:1024px) {
    #footer .titre {        font-size: 2.2rem;        line-height: 2.8rem    }
}

@media all and (max-width:989px) {
    #footer .bg { padding: 9rem 0 5rem}
    #footer .titre { padding-bottom: 2rem}
    #footer .row [class^="col"] { flex: 0 0 33.33%;        max-width:33.33%;}
    #footer .row [class^="col"]:last-child { flex:0 0 100%;  max-width:100%;}
    #footer .waka_rs { flex-direction: row; justify-content: center; align-items: center; padding: 20px 0 20px}
    #footer .waka_rs > div { margin: 0 15px}
    #footer .waka_rs a svg { height: 30px; width: auto}
    #footer .copy { justify-content: center; text-align: center}
}


@media all and (min-width:768px) {
    .menu_mobile { display: none !important;}
    #hmenu > ul { display: flex; align-items: center;  }
    #hmenu > ul > li {  position:relative; display: flex; justify-content: space-between; align-items: center; margin:0 30px; text-align: center; font-size: 1.5rem; line-height: 1.3}
    #hmenu > ul > li > a { font-family: 'AvenirBlack'; font-size:16px; display: block; padding-bottom: 10px; transition:all 0.3s ease;}
    #hmenu > ul > li > ul { position:absolute; top:100%; left:0;  transform: scaleY(0); transform-origin: 50% 0; visibility: hidden; max-height: 0;  transition:all 0.3s ease;        min-width: 250px; max-width: 100%;text-align: left;        box-shadow: 0px 5px 10px 0px rgba(218,218,218,1); background: #fff;        padding: 1.25rem 1.5rem;        font-size: 1.4rem;    border-radius: 0 0 5px 5px}
    #hmenu > ul > li > ul li { padding: 0.25rem 0  }
    #hmenu > ul > li:hover > ul, #hmenu > ul > li:hover .xl_menu_besoins { max-height: 1000vh; transform: scaleY(1); transform-origin: 50% 0; visibility: visible; opacity: 1;   }
    #hmenu > ul > li:hover > a, #hmenu > ul > li.actif > a { color:#009ee0;}

    #hmenu .xl_menu_besoins {   transform: scaleY(0); transform-origin: 50% 0; visibility: hidden; max-height: 0;  transition:all 0.3s ease;   text-align: left;   box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%); background:#fff; position: absolute; top:100%; left:50%; margin-left:-220px; width: 440px; border-radius: 15px; padding:20px 35px}
    #hmenu .xl_menu_besoins a { display: block; background-repeat: no-repeat; font-size: 13px; line-height: 15px; padding-left: 80px}
    #hmenu .xl_menu_besoins a .titre { font-size: 16px; line-height: 18px; color:#616161; padding:10px 0  5px; transition: all 0.3s ease;}
    #hmenu .xl_menu_besoins a .txt { color:#b6b6b6;}
    #hmenu .xl_menu_besoins a.depot { background-image: url(../images/picto-depose-doc-picto.svg); background-size: 65px auto; margin-bottom: 20px;}
    #hmenu  .xl_menu_besoins a.collecte  { background-image: url(../images/picto-collecte-doc-picto.svg); background-size: 55px auto; background-position: 5px 0}
    #hmenu .xl_menu_besoins a:hover .titre {  color:#009ee0;}

    #hmenu .xl_menu_besoins.solutions > div { padding-top: 15px;}
    #hmenu .xl_menu_besoins.solutions > div:first-child { padding-top: 0px;}
    #hmenu .xl_menu_besoins.solutions a { display: flex; padding-left: 0}
    #hmenu .xl_menu_besoins.solutions > div .logo { flex: 0 0 60px; padding-right: 20px;}
    #hmenu .xl_menu_besoins.solutions > div .logo img { width: 100%;}
    #hmenu .xl_menu_besoins.solutions a .titre { padding-top: 0; padding-bottom: 1px}



}


@media all and (max-width:767px) {
    html { font-size: 53.5%}
    body { background: none !important;}
    .container { padding: 0 20px !important;}
    .row { flex-direction: column}
    .row [class^="col"] { max-width: 100%; flex: 0 0 100%;margin-bottom:2rem !important; padding: 0  !important;  }
    .row [class^="col"] .col { padding: 0}
    .row [class^="col"]:last-child { margin-bottom: 0 !important;}
    /* menu */
    html.menu-open { overflow: hidden;}
    .wk_sticky .sticky_onscroll.fixed .hlogo img, #header .hlogo img { height: 66px !important;}
    #header { height: auto; margin-bottom: 10px}
    #header_middle {        background: #fff;        box-shadow: 0px 0px 5px 1px #cfcfcf; padding: 1.5rem 0 }
    #header_top { display: none}
    #header_middle .container { padding: 0 !important;}
    #header_middle .conteneur { display: block; }
    #header_middle .hlogo { text-align: center; padding-right: 0}

    #hmobile {  position:absolute; top:-1.5rem; left:-130%; width:100%; z-index: 9998; height:calc(100vh - 0rem);  overflow: auto;  transition: all 0.3s ease; }
    #hmobile.open { left:0; }
    #hmobile {background:#fff; }
    #hmenu { padding-top: 8rem; }
    #hmenu > ul { line-height: 1.3; display: flex;     flex-direction: column;}
    #hmenu > ul > li {  position: relative;  border-bottom: 0.1rem solid #e2e4e9; padding: 0 1.5rem; font-size: 16px; line-height: 1.4; font-family: 'AvenirBlack';}
    #hmenu > ul > li a { display: block; width: calc(100% - 25px); padding-top: 1.5rem; padding-bottom:  1.5rem;}
    #hmenu > ul > li svg { position: absolute !important; top:1.6rem !important; right: 1.5rem !important; }
    #hmenu > ul ul,  #hmenu .xl_menu_besoins  { display: none;  padding: 0 1.5rem 1.5rem 1.5rem;}
    #hmenu > ul ul li a {  padding: 1rem 0 }
    #hmenu > ul > li.open_accordeon {  background-color: #f5f6f8;  }
    #hmenu > ul > li.menu-item-has-children > a { margin-right: 30px}
    #hmenu > ul > li.open_accordeon ul, #hmenu > ul > li.open_accordeon .xl_menu_besoins { display: block;}
    #hmenu .xl_menu_besoins a { display: block; background-repeat: no-repeat; font-size: 13px; line-height: 15px; padding-left: 1.5rem !important; padding-top: 0 !important;}
    #hmenu .xl_menu_besoins a .titre { font-size: 16px; line-height: 18px; color:#616161; padding:10px 0  5px; transition: all 0.3s ease;}
    #hmenu .xl_menu_besoins a .txt { color:#b6b6b6;}
    #hmenu .xl_menu_besoins.solutions > div .logo { display: none}
    #hmenu .arrow { width: 20px; height: 20px;}
    .hamburger { display: block;}
    .menu_mobile { padding-top: 0px;}
    .menu_mobile a {  color:#009ee0;}
    #footer .row [class^="col"] { flex:0 0 100%; max-width: 100%}
    #footer ul { padding-bottom: 10px}
    #footer .waka_rs { padding-top: 0}
    #footer .bg {  padding: 6rem 2rem 3rem}
    #footer .copy ul li:first-child:before { display: none;}
}