/*@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@600;700&family=Saira:wght@300;400;500&display=swap');*/
/*--------- [THEME WAKA PAR AGENCE WAKA Copyright 2020-2023 https://agence-waka.fr/] ---------*/
:root {
    --couleur_01 : #3C3C3C;
    --couleur_02 : #EBFA0A;
    --couleur_03 : #888E98;
    --margin-gouttiere:1.046%;
    --margin-gouttiere-neg:-1.046%;
}


/* Texte + Wysiwyg */
a {  color:var(--couleur_01);}
a:hover { color:var(--couleur_01); }
.surtitre { margin-bottom: 0 !important;}
.surtitre em { font-weight:400; font-style: normal; padding-left:19px; margin-bottom: 17px; display: inline-block; vertical-align: top;  margin-left: -2px; margin-right: -2px;  font-size: 14px; line-height: 21px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0MzQzNDIj48cGF0aCBkPSJNLjk2NyAwdjloOCIvPjxwYXRoIGQ9Ik02Ljk2NyA2Ljc1IDkuMjE3IDlsLTIuMjUgMi4yNSIvPjwvZz48L3N2Zz4=") ;    background-repeat: no-repeat;    background-position: left 5px;}
h2 { font-size:3rem; line-height:3.6rem; font-weight: 500; margin-bottom: 5rem; }
.titre_large h1, .h1 { font-size: 65px;   font-weight: 700;    line-height:1.1;  font-family: 'Saira Extra Condensed', sans-serif; text-transform: uppercase;}
.titre_large h2, .h2 { font-size: 6.5rem;   font-weight: 700;    line-height:7.15rem;  font-family: 'Saira Extra Condensed', sans-serif; color:#888E98; margin-bottom: 40px !important; }
.color2 { color:#fff;}
.color2 h2 {  color:var(--couleur_02) }
.color2 .surtitre em { color:#fff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjZmZmIj48cGF0aCBkPSJNLjk2NyAwdjloOCIvPjxwYXRoIGQ9Ik02Ljk2NyA2Ljc1IDkuMjE3IDlsLTIuMjUgMi4yNSIvPjwvZz48L3N2Zz4=")  }
#tinymce br { display: block!important; }
.wysiwyg { overflow-wrap: break-word; font-size: 2rem; line-height: 2.8rem  }
.wysiwyg ul li { list-style: disc}
.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  }
.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:last-child, .wysiwyg h2:last-child   { margin-bottom: 0}
.wysiwyg ul, .wysiwyg ol, .wysiwyg p  { margin-bottom: 5rem;  }
.alignright, a img.alignright, .wp-caption.alignright { margin-left:30px;}
.alignleft, a img.alignleft, .wp-caption.alignleft {    margin-right:30px;}
img { max-width: 100%; height: auto; }
.txt_center { text-align: center}

/* Boutons */
[class^="btn-"], [class*="wpcf7-btn-"] input { text-decoration: none !important;  padding: 18px 34px 18px 20px;  border-radius: 50px; font-size: 14px; text-align: left; font-weight: 500; line-height: 1.5rem;  display:inline-block; max-width: 100%;  transition: background-color 0.3s ease, border-color 0.3s ease;  }
.btn-primary,.btn-secondary,.lien_fleche a { background-repeat: no-repeat; background-position: center right 19px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjAyMyIgaGVpZ2h0PSI4LjM0OCIgdmlld0JveD0iLjA3NiAuNTc2IDUuMDIzIDguMzQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzQzNDM0MiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJtLjUgMSAzLjc1IDMuNzVMLjUgOC41Ii8+PC9zdmc+")  }
.btn-primary {  background-color: var(--couleur_02);   }
.btn-primary:hover  { background-color:#fff  }
.btn-primary2:hover  { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjAyMiIgaGVpZ2h0PSI4LjM0OCIgdmlld0JveD0iLjA3NSAuNTc2IDUuMDIyIDguMzQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFQkZBMEEiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJtLjUgMSAzLjc1IDMuNzVMLjUgOC41Ii8+PC9zdmc+");background-color:var(--couleur_03); color: var(--couleur_02);  }
.btn-secondary {   background-color:#fff;  }
.btn-secondary:hover, .ccontact input:hover {  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjAyMiIgaGVpZ2h0PSI4LjM0OCIgdmlld0JveD0iLjA3NSAuNTc2IDUuMDIyIDguMzQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFQkZBMEEiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJtLjUgMSAzLjc1IDMuNzVMLjUgOC41Ii8+PC9zdmc+") }
.btn-secondary:hover, .ccontact .sub input:hover { background-color: var(--couleur_03); color:var(--couleur_02) !important; }
.btn-telecharger  {border: 1px solid rgba(136, 142, 152, 0.40); padding-top: 17px; padding-bottom: 17px; padding-right: 44px; font-size: 13px;    background-repeat: no-repeat; background-position: center right 15px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIyMCIgeT0iLjc1OCIgZmlsbD0iI0VCRkEwQSIgcng9IjEwIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyMCAuNzU4KSIvPjxnIHN0cm9rZT0iIzNDM0MzQyI+PHBhdGggZD0ibTE0IDEwLjUwOC0zLjc1IDMuNzUtMy43NS0zLjc1TTEwLjI1IDE0LjI1OHYtNy41Ii8+PC9nPjwvc3ZnPg=="); }
.btn-telecharger:hover {  border: 1px solid var(--couleur_02); background-color: var(--couleur_02) }


/* Formulaires */
label { font-size: 12px; text-transform: uppercase; font-weight: 400; color:#3C3C3C; padding-bottom: 1px}
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:transparent;  border-bottom:1px solid var(--couleur_03); width: 100%; padding:0; margin-bottom: 15px; font-size: 16px; color:#3C3C3C;}
select {  font-family: Saira; padding: 0 }



/*--------- [ STYLAGE DES SECTIONS ] ---------*/
.padd100 { padding-top:10rem; padding-bottom: 10rem}
.paddlr60 { padding-left: 60px; padding-right: 60px}
.flex-600 { display: flex; justify-content: space-between; padding-bottom:100px; flex-wrap: wrap }
.flex-600 > div { flex:0 0 46.875%}
.bloc-video { position: relative; height: 100% }
.bloc-video video { width: 100%; height: 100%;   object-fit: cover;border-radius:10px    }
.bloc-video:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 89.9%); border-radius:10px }
.marquee {  font-size: 9rem; line-height: 9rem; color:#888E98; font-weight: 700; font-family: 'Saira Extra Condensed', sans-serif; overflow: hidden; margin-bottom: -10px}
.marquee  span { padding: 0 20px;}

/***** INTRO ******/
#intro { background: var(--couleur_01); padding-bottom: 30px}
#intro [class^="col-50"] > div { height: 480px;  border-radius: 15px;  }
#intro [class^="col-100"] > div { height: 390px; background-size: cover; background-position: center; border-radius: 15px; position: relative; margin-top: 30px;  }
#intro .bloc-pres { background-color: var(--couleur_02);  background-repeat: no-repeat; background-position:  bottom right; background-size: 60% auto;padding: 50px 50% 50px 50px;}
#intro .bloc-pres  .titre { margin-bottom: 20px; line-height: 0}
#intro .col-100 .wysiwyg, #intro .bloc-video .wysiwyg { position: absolute; left:50px; bottom: 50px; right: 30px }
#intro .bloc-video video, .bloc-video:before { border-radius: 15px; }
#intro .bloc-video {position: relative;overflow: hidden;}
#intro .link a { position: absolute; top:0; left:0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transition:all 0.2s ease; z-index: 5; line-height: 0}
#intro .link svg path { transition: all 0.3s ease;}
#intro .link a:hover svg path { fill: #fff}
#intro .link svg {pointer-events: none;}
#intro .col-100 h2 {  margin-bottom: 2.5rem}
#intro .col-100 .lien_fleche a, #expertises .lien_fleche span { color:#fff; margin-bottom: -16px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjAyMyIgaGVpZ2h0PSI4LjM0OCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjEuMiIgZD0ibS41IDEgMy43NSAzLjc1TC41IDguNSIvPjwvc3ZnPg==")}
.lien_fleche a, .lien_fleche span { line-height: 18px; font-size:16px; font-weight: 500; display: inline-block; transition: background 0.3s ease; background-position: center right 10px !important; padding-right: 25px; padding-left: 0; background-repeat: no-repeat}
.lien_fleche a:hover { background-position: center right 0px !important;  }
.lien_fleche span { color:#fff;}
#intro iframe {position: absolute; z-index: 1000;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
#intro iframe.hidden {display: none;}

/***** A PROPORS ******/
#apropos { background: var(--couleur_02); overflow: hidden }
#apropos h2 { line-height: 4.29rem; margin-top: 10px}
#apropos .bloc-video {  width: 100%; max-width: 444px; height: 300px; margin: 30px auto 0}
#apropos .bloc-video .visu_01 { position: absolute; top:-57px; left:-110px;}
#apropos .bloc-video .visu_02 { position: absolute; bottom:-83px; right:-102px;}
#apropos .bloc-video .visu_03 { position: absolute; top:19px;; right:19px;}

/***** EXPERTISES ******/
.plateforme { max-width: 1220px; margin:0  auto }
.plateforme .blocs { margin:-10px; display: flex; flex-wrap: wrap; justify-content: center;  }
.plateforme .blocs > div {  padding:10px;}
.plateforme .bloc  {   border-radius: 10px; height: 100%; }
.plateforme .top .bloc { background: var(--couleur_03);  padding: 2.6rem 2.8rem 2.1rem 2.8rem; color:var(--couleur_02); display: block  }
.plateforme .top .bloc:hover { background-color:var(--couleur_02)}
.plateforme .top .bloc:hover svg rect { fill:var(--couleur_03)  }
.plateforme .top .bloc:hover .titre { color:var(--couleur_03) }
.plateforme .top .bloc:hover svg path { stroke:var(--couleur_02)  }
.plateforme .top .bloc:hover .lien_fleche span { color:var(--couleur_03) !important;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjAyMiIgaGVpZ2h0PSI4LjM0OCIgdmlld0JveD0iLjA3NiAuNTc2IDUuMDIyIDguMzQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4ODhFOTgiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJtLjUgMSAzLjc1IDMuNzVMLjUgOC41Ii8+PC9zdmc+") !important;}
.plateforme .top  > div { flex:0 0 25%}
.plateforme .top .titre {  font-family: 'Saira Extra Condensed', sans-serif; font-weight: 600; font-size: 3.2rem; line-height: 3rem; hyphens: auto;}
.plateforme .top .picto { margin-bottom: 1.9rem}
.plateforme .top .lien_fleche { margin-top: 14px}
.plateforme .mxwidth { max-width: 1140px; margin: 0 auto;}
.plateforme .bottom  .bloc { background: var(--couleur_03); padding: 2.8rem 2.1rem 2.5rem 2.1rem   }
.plateforme .bottom > div { flex:0 0 33.33%}
.plateforme .bottom .picto { margin-bottom: 2.5rem}
.plateforme .bottom .titre {  font-family: 'Saira Extra Condensed', sans-serif; font-weight: 600; font-size: 3.5rem; line-height: 3.3rem; margin-bottom: 2rem; color:var(--couleur_02)}
.plateforme .bottom .txt { color:#fff;}
.plateforme .middle { text-align: center; line-height: 0;}
.plateforme .middle .center { background: var(--couleur_02); border-radius: 10px; padding: 3rem; max-width: 450px; margin: 0 auto; color:var(--couleur_03); font-family: 'Saira Extra Condensed', sans-serif; font-weight: 600; }
.plateforme .middle .center img { margin-bottom: 10px}
.plateforme .middle .center h2 {   font-size: 3.5rem; line-height: 3.9rem; margin-bottom: -5px}
.plateforme .middle .anim1 { max-width: 940px; margin: 0 auto }
.plateforme .middle .anim2 { max-width: 738px; margin: 0 auto }

/***** SOLUTIONS ******/
#secteurs { background:#eff2f9; padding-bottom: 75px; overflow: hidden}
.ct_secteurs {  background: var(--couleur_03); border-radius: 15px; margin:0 0 70px; }
.secteurs { padding-top:60px; padding-bottom: 60px  }
.secteurs .onglets { display: flex; margin: -5.5px;  }
.secteurs .onglets > div { padding: 5.5px; flex:1}
.secteur a { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.20); height: 100%; background: var(--couleur_03); padding: 20px 10px; display: block; text-align: center;}
.secteur .picto { width: 60px; height: 60px; border-radius: 60px; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.10); margin: 0 auto 3rem}
.secteur .picto path  { stroke:#fff !important;}
.secteur .txt { font-size: 2rem; line-height: 2.3rem; color:#fff; font-weight: 500; padding-bottom: 0.5rem; display: block}
.secteur a.actif { cursor: default}
.secteur a.actif, .secteur a:hover  { background: var(--couleur_02); }
.secteur a.actif .picto, .secteur a:hover .picto  { background: var(--couleur_03)}
.secteur a.actif .picto path,  .secteur a:hover path  { stroke:var(--couleur_02) !important;}
.secteur a.actif .txt, .secteur a:hover .txt { color:#3C3C3C; }
.un_secteur { display: none}
#secteurs .content { padding-top: 1.5rem}
#secteurs .content .bloc-video {  width: 100%; max-width: 477px; height: 323px; margin-top:20px  }
#secteurs .content  .bloc-video .visu_01 { position: absolute; bottom:-15px; right:-142px;}
#secteurs .content .bloc-image { text-align: center}
#secteurs .flex-600  .wysiwyg h2 { margin-bottom: 3.5rem  }
#secteurs .flex-600  .wysiwyg li { font-weight: 500; margin-bottom: 1rem; list-style: none; background-repeat: no-repeat; background-position: left 11px; padding-left:20px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMi43MDciIGhlaWdodD0iNy4yNTMiIHZpZXdCb3g9Ii41IC44NzQgMTIuNzA3IDcuMjUzIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiPjxwYXRoIGQ9Ik0uNSA0LjVoMTEuNjM3TTkuMjI3IDEuMjI4IDEyLjUgNC41IDkuMjI3IDcuNzczIi8+PC9nPjwvc3ZnPg==") }
#secteurs .flex-600  .wysiwyg li:last-child { margin-bottom: 0}
#secteurs .marquee  { margin-bottom: 0}
#secteurs .js-marquee, #secteurs .js-marquee span  {  display: flex; align-items: center}
#secteurs .js-marquee span { padding: 0 5rem}
#secteurs .js-marquee span img { max-height:47px; }

/***** SERVICES ******/
#services [class^="col-50"] > div {  background-repeat: no-repeat; background-position:  bottom right; background-size: 100% auto; min-height: 480px  }
.bloc_services { border-radius: 15px; background: var(--couleur_02); height: 100%;  }
.bloc_services .wysiwyg {  display: flex; flex-direction:column; height: 100%;  padding: 3rem 50% 3rem 4rem}
.bloc_services .num { font-size: 12px; font-weight: 600; color: var(--couleur_03); margin-bottom: 1rem}
.bloc_services h3 { font-family: 'Saira Extra Condensed', sans-serif; color:var(--couleur_03);  margin-bottom: 2rem;   font-size: 9rem; line-height: 8.1rem;    font-style: normal;    font-weight: 700; }
.bloc_services h3 sup { line-height: 0; font-size: 5rem}
.bloc_services .wysiwyg p:last-child  { margin-top: auto}

/***** AGERNCES ******/

#agences { background: var(--couleur_03) }
#agences .marquee { color:#fff; font-weight: normal}
#agences .mapcard.show { display: block; }
#agences .mapcard { display: none; width: 180px; min-height: 200px; margin-top: 29px; margin-left: -78px; z-index: 15; border-radius: 10px; background: var(--couleur_02); text-align: center; padding: 20px 15px 13px; }
#agences .mapcard .visuel img { width: 78px; margin-bottom: 10px }
#agences .mapcard .adresse { font-size: 14px; padding-bottom: 7px}
 #agences .lien_fleche { padding-left: 25px}
 #agences svg { max-width: 100%; height: auto; }
 @media all and (max-width:767px) {
     #agences .flex-600 { padding-bottom: 0 }
     .conteneur_map { overflow: hidden }
     .conteneur_map svg { width:calc(100% + 80px) !important; max-width: inherit !important; height: auto !important;}

 }


/***** CONTACT ******/
#contact .col-53 .row {  margin: 0 -25px 10px}
#contact .col-53 .row [class^="col"] { padding:0 25px; }
#contact .wysiwyg { padding-right: 20px}
.rgpd { font-size: 12px; line-height: 25px; padding:10px 0 30px}
.rgpd a { text-decoration: underline; font-weight: 500}
.grecaptcha-badge {display: none;}

/***** TEMOIGNAGES ******/
#temoignages { overflow: hidden; padding-bottom: 0}
#slider_temoignages { position: relative}
#slider_temoignages  .pagination { position: absolute; top:-100px; right: 0; z-index: 10; display: flex}
#slider_temoignages  .pagination > div { display: block; cursor: pointer;}
#slider_temoignages  .pagination .swiper-next { margin-left: 10px;}
#slider_temoignages  .pagination .swiper-button-disabled { opacity: 0.5; cursor: default}
#slider_temoignages .pagination > div svg path { transition:all 0.3s ease;}
#slider_temoignages .pagination > div svg:hover path:first-child { fill:var(--couleur_03);}
#slider_temoignages .pagination > div svg:hover path:nth-child(2) { stroke:var(--couleur_02);}
#slider_temoignages .pagination > div svg:hover path:nth-child(3) { stroke:var(--couleur_02)}
#slider_temoignages .pagination > div.swiper-button-disabled svg path:first-child { fill:var(--couleur_02);}
#slider_temoignages .pagination > div.swiper-button-disabled svg path:nth-child(2) { fill:var(--couleur_01);}
#slider_temoignages .pagination > div.swiper-button-disabled svg path:nth-child(3) { stroke:var(--couleur_01)}


.un_temoignage {border-radius: 15px;    background: #EEF2F8; padding: 30px;  display: flex; flex-wrap: wrap; max-width: 1200px }
.un_temoignage .visuel { flex:0 0 26.32%; line-height: 0}
.un_temoignage .visuel img { border-radius: 15px;}
.un_temoignage .content { flex:1; padding: 20px 50px; display: flex; flex-direction: column}
.un_temoignage blockquote { font-weight: 500; font-size: 2rem; line-height: 3.4rem; padding-bottom:1rem}
.un_temoignage  .nom { font-size: 1.6rem; line-height: 2rem; font-weight: 500; padding-top: 5px   }
.un_temoignage  .fonction { font-weight: 400; color:var(--couleur_03); line-height: 2rem; padding-top: 5px }
.un_temoignage .bottom { margin-top: auto; }
.un_temoignage .chiffre { flex:0 0 200px; display: flex; align-items: flex-end; text-align: center; justify-content: center; border-left:1px solid #cacdd3; }
.un_temoignage .chiffre .nbr {  font-family: 'Saira Extra Condensed', sans-serif; font-weight: 600; color:var(--couleur_03); font-size: 9rem; display: block; line-height: 9rem  }
.un_temoignage .chiffre .txt { display: block; color:#000; font-weight: 400}
.swiper-container {    width: 100%;    height: 100%;    transform: translateX(100%);}
.swiper {    width: 100%;    height: 100%;    overflow: inherit;}
.swiper-slide {    width: 100%;}

/***** ACTUALITES ******/
#actualites { background: var(--couleur_02)}
.list_actus > div { margin-top: 20px; }
.list_actus > div:first-child { margin-top: 0}
.une_actu { background: #fff; display: flex; border-radius: 15px; min-height: 190px; }
.une_actu .visuel {  flex:0 0 190px;}
.une_actu .visuel > div { border-radius: 15px 0px 0px 15px; background-size: cover; background-position: center; width: 100%; height: 100% }
.une_actu .content { flex:1; display: flex}
.une_actu .content > div:nth-child(1) { padding: 30px 60px; flex:1}
.une_actu .content > div:nth-child(2) { flex:0 0 27.1%; display: flex; align-items: center; justify-content: center;padding: 0 10px}
.une_actu .metas { font-size: 11px; font-weight: 500; padding-bottom: 20px}
.une_actu .metas span { display: inline-block; margin-right: 5px;  padding:4px 8px;}
.une_actu .metas .etiquette { background: var(--couleur_02);; border-radius: 30px }
.une_actu .extrait {  font-size: 1.6rem; margin-top: 10px}

/***** CONFIRMATION ******/
.confirmation  {text-align: center; background:var(--couleur_01) url(../images/ecureuil.svg) no-repeat right top; min-height: 0 !important; padding: 80px 0 250px }
.confirmation .center { max-width: 530px; margin: 0 auto; font-size: 20px; color:#fff; line-height: 30px; }
.confirmation h1 {font-family: 'Saira Extra Condensed', sans-serif; font-weight: 700; color:var(--couleur_02); font-size: 90px; line-height: 99px; padding-bottom: 20px   }
 .confirmation .text { padding-bottom: 40px}

/***** COOKIES ******/
 #moove_gdpr_save_popup_settings_button {
    background-color: #FFF!important;
    color: #fff;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    background-color: #FFF;
    border: 1px solid #FFF;
    color: #4A4A4A;
}
 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover {
    background-color: #4A4A4A!important;
    border: 1px solid #4A4A4A;
    color: #FFF;
}
 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
    background-color: #fff;
    border:none;
}

/***** FOOTER ******/
#footer [class^="col-50"] > div {  background-repeat: no-repeat; background-position:  bottom right; background-size: 100% auto; min-height: 480px; height: 100%; border-radius: 15px;  }
.bloc_recrutement { background: var(--couleur_02); }
.bloc_recrutement .wysiwyg {   padding: 5rem 35% 5rem 5rem}
.bloc_footer { background: var(--couleur_03); padding: 5rem 5rem 3.7rem 5rem; color:#fff; display: flex; flex-direction: column; font-size: 14px; font-weight: 400}
.bloc_footer a { color:#fff}
.bloc_footer a:hover { color:var(--couleur_02)}
.flogo_lang { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
.flogo_lang > div:nth-child(1) { flex:1; padding-right: 30px}
.flogo_lang img { display: block; }
.fbottom { margin-top: auto}
.fcoordonnes { display: flex; justify-content: space-between; padding-bottom: 10px; margin: -10px}
.fcoordonnes > div { padding: 10px}
.fcoordonnes .wysiwyg { padding-bottom: 2rem;  font-size: 1.6rem; line-height: 2.2rem}
.fcoordonnes .wysiwyg  h4 { font-weight: 500; font-size: 14px; padding-bottom: 2rem}
.fcoordonnes .wysiwyg p { margin-bottom: 10px}
.fcoordonnes .wysiwyg p:last-child { margin-bottom: 0}
.fsocial {  display: flex; flex-wrap: wrap; align-items: center; margin-top: -5px }
.fsocial > div { padding-right: 10px}
.fsocial a:hover path  { fill:var(--couleur_02) !important;}
.fcopy { border-top:1px solid #abb0b6; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 25px; margin-top: 25px  }
.fcopy li { padding:2px 5px;}
.flang { position: relative  }
.flang .visible{ display: flex; align-items: center; color:#fff; cursor: pointer; padding: 10px 0 }
.flang .visible span { padding: 0 10px; white-space: nowrap }
.flang .hover { position: absolute; top:95%; left:25px; opacity: 0; visibility: hidden; transition: all 0.2s ease; }
.flang:hover .hover {  opacity: 1; visibility: visible}
@media all and (max-width:1400px) {
    .wysiwyg h2 br { display: none}
    #intro .col-100 h2 br { display: block}
    #secteurs .content .bloc-video .visu_01 { bottom: -100px; right: -60px  }
    #secteurs .content .bloc-video .visu_01 img { width: 350px}
    #apropos .bloc-video .visu_01 {  left:-75px}
    #apropos .bloc-video .visu_02 { right:-80px;}
}
@media all and (max-width:1200px) {
    #services [class^="col-50"] > div { background-position: bottom right -150px; background-size: auto 100%; min-height: 0}
    #intro [class^="col-50"] > div { height: 100%}
    #intro [class^="col-100"] > div {  margin-top: 20px}
    #intro .bloc-pres { background-size: 180px auto;  }
    #intro .bloc-pres { padding: 30px 30px 110px 30px}
    #intro .col-100 .wysiwyg, #intro .bloc-video .wysiwyg { left:30px; bottom: 30px}
    .secteurs, .bloc_footer { padding:30px}
    .paddlr60 { padding-left: 30px; padding-right: 30px}
    .bloc_services .wysiwyg { padding-right: 35%; padding-left: 30px}
    .bloc_recrutement .wysiwyg { padding: 30px 35% 30px 30px}
}
@media all and (max-width:1024px) {
    .container { padding: 0 20px !important;}
    .paddlr60 { padding-left: 30px; padding-right: 30px}
    #secteurs .content .bloc-video .visu_01  { right: -10px}
    #secteurs .content .bloc-video .visu_01 img { width: 290px}
    #apropos .bloc-video .visu_02 { right: -50px}
    .secteurs { padding-top: 30px; padding-bottom: 30px}
}

@media all and (max-width:989px) {
    html { font-size: 57.5%}
    .flex-600 { flex-direction: column; padding-bottom: 70px}
    .flex-600 > div { flex:0 0 100%; padding-bottom: 30px}
    #intro .bloc-pres .titre img { max-width:220px }


    .plateforme .top > div { flex:0 0 50% }

    #secteurs .content .bloc-video { margin: 0 auto}
    #secteurs .content .bloc-video .visu_01  { bottom: -15px;        right: -142px; }
    .secteurs .onglets { overflow: auto; padding-bottom: 10px}
    .secteur a { display: flex; text-align: left; align-items: center; padding: 10px}
    .secteur .picto { flex:0 0 40px; height: 40px; margin:0 10px 0 0}
    .secteur .picto svg { width: 28px }
    .secteur .txt { font-size: 1.8rem;    line-height: 2.1rem; padding-bottom: 0 }
    .secteur .txt br { display: none}
    .bloc_services h3 { font-size: 6rem; line-height: 6rem; margin-bottom: 2rem}
    .bloc_services .wysiwyg p {  margin-bottom: 2rem}
    .un_temoignage .visuel { flex:0 0 120px}
    .un_temoignage .content { padding: 0 30px}
    .un_temoignage .chiffre { flex:0 0 100%; justify-content: flex-start; padding:10px 0 0 150px; display: block; text-align: left}
    .un_temoignage .chiffre .nbr { font-size: 6rem; line-height: 6.0rem}
    .row .ccontact{ flex-direction: column}
    .row .ccontact > [class^="col"] { max-width: 100%; flex: 0 0 100%;margin-bottom:2rem !important; padding: 0  !important;  }
    .bloc_services .wysiwyg { padding-left: 30px; }
    .une_actu .content, .bloc_recrutement .wysiwyg, .bloc_footer { padding: 30px}
    .une_actu .content, .une_actu .content > div:nth-child(2) { display: block; }
    .une_actu .content > div:nth-child(2) { padding: 0}
    .une_actu .content > div:nth-child(1) { padding:0 0 20px}
}


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

    html { font-size: 51%}
    .padd100 { padding: 50px 0}

    h2 { margin-bottom: 33px; font-size: 22px; line-height:31px;}
    .titre_large h1, .h1 { font-size: 40px; line-height: 1.1;}
    .titre_large h2 { font-size: 40px; line-height: 40px;}

    .marquee { font-size: 50px}

    #intro [class^="col-50"]:nth-child(1) { order: 2}
    #intro [class^="col-50"]:nth-child(2) { order:1}
    #intro [class^="col-100"] { order:3}
    #intro [class^="col-100"] > div { margin-top: 0}
    #intro .bloc-pres { padding:20px 20px 110px 20px  }
    #intro .bloc-pres .titre img { max-width: 100%}
    #intro .col-100 .wysiwyg, #intro .bloc-video .wysiwyg { left:20px; bottom: 20px; right: 20px}
    #intro .col-100 h2 br { display: none}
    #intro  .bloc-video { height: 240px !important;}
    #intro .link a svg { width: 50px}

    .plateforme .bottom .txt { display: none}
    .plateforme .bottom .titre { margin-bottom: 0 !important;}
    .plateforme  .titre { font-size: 18px !important; line-height: 20px !important;}
    .plateforme .picto svg, .plateforme .picto img { height: 40px}
    .plateforme .lien_fleche a  { font-size: 12px}
    .plateforme .bloc { padding: 20px 15px !important;}
    .plateforme .blocs { margin:-5px}
    .plateforme .blocs > div { padding: 5px;}
    .plateforme .middle .center { max-width: 230px}
    .plateforme .middle .center h2 { font-size: 18px; line-height: 22px}
    .plateforme .middle .center img { width: 40px}


    .secteurs, .bloc_footer { padding:20px}
    .paddlr60 { padding-left: 0; padding-right: 0}
    .bloc_services .wysiwyg { padding-right: 35%; padding-left: 20px}
    .bloc_recrutement .wysiwyg { padding: 20px 35% 20px 20px}


    #apropos .flex-600 { padding-bottom: 20px}
    #apropos .bloc-video {  width: 80%; height: 167px;}
    #apropos .bloc-video .visu_01 { left:-55px; top:-37px}
    #apropos .bloc-video .visu_01 img { width: 225px}
    #apropos .bloc-video .visu_02 { bottom: -40px}
    #apropos .bloc-video .visu_02 img { width: 200px}
    #apropos .bloc-video .visu_03 { top:10px; right:10px; }
    #apropos .bloc-video .visu_03 img { width: 32px}



    #secteurs { padding-bottom: 0px; background: var(--couleur_03); margin-bottom: -20px;}
    #secteurs .marquee { background: #fff; padding: 30px 0}
    #secteurs .titre_large h2 { color:#fff; }
    #secteurs .surtitre em { color:#fff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjZmZmIj48cGF0aCBkPSJNLjk2NyAwdjloOCIvPjxwYXRoIGQ9Ik02Ljk2NyA2Ljc1IDkuMjE3IDlsLTIuMjUgMi4yNSIvPjwvZz48L3N2Zz4=")  }
    #secteurs .content .bloc-video { width: 80%; height: 180px; margin:10px 0 0}
    #secteurs .content .bloc-video .visu_01 { right: -80px; bottom:-10px}
    #secteurs .content .bloc-video .visu_01 img { width: 190px}
    .ct_secteurs { padding: 20px; margin: 0 -20px 0px; border-radius: 0}
    .ct_secteurs .flex-600 { padding-bottom:0}


    #services [class^="col-50"] > div { background-position: bottom right -80px; background-size: auto 90%}


    #slider_temoignages .swiper-slide {  width: 80vw; }
    #slider_temoignages .pagination { display: none}
    .un_temoignage { display: block; padding: 20px}
    .un_temoignage .visuel { width: 100px; height: 100px }
    .un_temoignage .content { padding: 20px 0 0 }
    .un_temoignage .chiffre { border: 0; padding: 20px 0 0}



    #contact .col-53 .row { margin: 0}
    #contact .col-53 .row [class^="col"] { margin-bottom:10px !important;}
    label { padding-bottom: 0}
    .rgpd { padding: 0 0 20px}


    .list_actus { overflow: auto; display: flex; justify-content: flex-start; margin-right: -20px; padding-bottom: 20px; margin-bottom:-20px}
    .une_actu { display: block; padding: 20px; margin: 0 20px 0 0 !important;  flex:0 0 80vw}
    .une_actu .visuel > div { width:100px; height: 100px; border-radius: 15px;  }
    .une_actu .content { padding: 20px 0 0 0}


    #footer [class^="col-50"] > div { min-height: 0; background-size: 85% auto}
    .bloc_recrutement .wysiwyg { padding:20px 20px 40px 20px}
    .bloc_recrutement .wysiwyg h2 { padding-right: 20%}
    .fbottom { margin-top: 10px}
    .fcoordonnes { display: block; margin: 0}
    .fcoordonnes > div { padding:10px 0}
    .fcoordonnes .wysiwyg h4 { padding-bottom: 10px}
    .fcoordonnes .wysiwyg p { margin-bottom: 4px}
    .fcopy { justify-content: center; text-align: center; margin-top: 0; padding-top: 20px}
    .fcopy li:first-child { flex:0 0 100%}

}









/*--------- [ STYLAGE WYSI etc ] ---------*/


/*--------- [ LAYOUT ] ---------*/
.container { max-width: 1440px;  margin:0 auto;  padding: 0 30px }
.row [class^="col"] { padding:0 var(--margin-gouttiere); }
#main {  min-height:90vh; }
body, input, textarea,  button { font-family: Saira, Arial, Verdana, sans-serif; font-size:1.6rem; line-height: 1.5; color: var(--couleur_01) !important; font-weight: 300  }
/* Header */
#header {padding: 30px 0;   background: var(--couleur_01); height: 130px  }
#header .conteneur_fixed { position: fixed; top:0; left:0; right: 0; padding: 30px 0 ;  z-index: 9980;  transition: all 0.3s ease; }
#header .conteneur_fixed.scroll { padding: 15px 0}
#header .conteneur { background: var(--couleur_02); height: 70px; display: flex; align-items: center; border-radius: 10px; padding: 0 10px 0 25px; position: relative; box-shadow: 0px 4px 30px 0px rgba(0,0,0,.1);}
#header .conteneur.lp { justify-content: space-between; }
.hlogo  { flex:0 0 180px; transition: all 0.3s ease; line-height: 0}
.hlogo img { position: relative; top:5px}
#hmobile { flex:1;}
#hmenu ul { display: flex; justify-content: center; align-items: center; padding: 0 10px }
#hmenu ul > li { padding: 0 17.5px}
#hmenu ul > li.hide { display: none}
#hmenu ul a { text-transform: uppercase; font-weight: 500; font-size: 14px;}
.hcontact { flex:0 0 180px;}
.hcontact a { padding-top: 11px; padding-bottom: 11px;  display: block}
.hamburger { display: none}
@media all and (max-width:1200px) {
    #hmenu ul li { padding: 0 10px;}
}
@media all and (max-width:1023px) {
    .hcontact { display: none}
    .hcontact-lp { display: block}
    html.menu-open { overflow: hidden;}
    #hmobile { width: 290px; position:absolute; height: 0; top:calc(100% + 10px); right:0; z-index: -100; opacity: 0;   overflow: hidden;  transition: all 0.3s ease; border-radius: 8px;        background:var(--couleur_03);        box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.30);    }
    #hmobile.open { opacity: 1; overflow: visible; height: auto }
    #hmenu ul { display: block; padding:15px 20px}
    #hmenu ul li { padding: 5px 0 }
    #hmenu ul > li.hide { display: block}
    #hmenu ul a { color:var(--couleur_02); padding: 5px 0; display: inline-block; vertical-align: top}
    .hamburger {  position: absolute; top:23px; right: 33px; z-index: 9999;      height: 22px;    display: flex; align-items: center;   cursor: pointer;    transition-property: opacity, filter;    transition-duration: 0.15s;    transition-timing-function: linear;     background-color: transparent;    overflow: visible; }
    .hamburger .txt { font-weight: 500; padding-left: 40px; display: flex; font-size: 20px; color:#3C3C3C}
    .hamburger .txt .open { display:none }
    .hamburger.is-active .txt { padding-left: 35px; }
    .hamburger.is-active .txt .open { display: block}
    .hamburger.is-active .txt .close { display: none}
    .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {   /* background-color: #000;*/ }
    .hamburger-inner {    display: block;    top: 50%;    margin-top: -1.5px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px;      height: 2px;    background-color: #3C3C3C;      position: absolute;    transition-property: transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
    .hamburger-inner::before {    top: -9px; }
    .anim-collapse .hamburger-inner {    top: auto;    bottom: 0;    transition-duration: 0.13s;    transition-delay: 0.13s;    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .anim-collapse .hamburger-inner::after {    top: -18px;    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
    .anim-collapse .hamburger-inner::before {    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .anim-collapse.is-active .hamburger-inner {    transform: translate3d(0, -10px, 0) rotate(-45deg);    transition-delay: 0.22s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .anim-collapse.is-active .hamburger-inner::after {    top: 0;    opacity: 0;    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
    .anim-collapse.is-active .hamburger-inner::before {    top: 0;    transform: rotate(-90deg);    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
}



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

    .container { padding: 0 20px !important;}
    .row { flex-direction: column; margin: 0}
    .row [class^="col"] { max-width: 100%; flex: 0 0 100%;margin-bottom:20px !important; padding: 0  !important;  }
    .row [class^="col"] .col { padding: 0}
    .row [class^="col"]:last-child { margin-bottom: 0 !important;}
    #header { height: 100px}
    #header .conteneur { padding: 0 20px; height: 60px}
    #header .conteneur.lp { justify-content: flex-start; }
    #header .conteneur_fixed { padding: 20px 0}
    .hlogo img { height: 25px; top:2px}
    .hamburger { right: 20px; top:18px}

}