/*@font-face { font-family: "Nunito" ; src: url("../fonts/Nunito-Regular.ttf"); font-display:swap;  format("opentype")  }*/
/*@font-face {
  font-family: "K2D";
  src: url(../css/Fonts/K2D-Regular.ttf);
}*/
:root {
  --primary-color: #0E2A41;  --secondary-color: #7eb5da;  --background-color: white;
  --color-primary: #0E2A41; --color-secondary: #fecc22; --color-tertiary: #7eb5da; --color-4: #94f6e5;  
  --color-footer: #0E2A41; --color-txt-footer: white; 
  --color-txt: black;  --color-txt-secondary: white; --color-fond-zone: #1A1A1A;  --color-fond-card: #141414;
  --color-button: #205581; --color-button-before: white; 
  --color-back: #F2F2F2; --color-back-bis: #F2F2F2; --color-a: white; --color-a-hover: #7eb5da;
  --height-nav: 200px;
  --width-fond: 1728;  --height-fond: 8099;
  --font-title: "Raleway", "Bowlby One", sans-serif; --font-subtitle: "Raleway", sans-serif;
  --font-txt: "Lato", "Open Sans", sans-serif; --font-txt2: "Lato", "Open Sans", monospace; --font-original: "Bowlby One", monospace;  
}
/*LIBRARY*/
body { height: 100%; max-width: 100%; background: black; color: var(--color-txt); overflow-y: scroll; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
.myphoto { overflow: hidden; height: 100px; width: auto; max-width: 300px; border-radius: 0; display: flex; justify-content: center;     align-items: center; }
/* CODE MODELE */
main a, main .button { font-size: 20px; margin-top: 25px; }
#containerMain { overflow-x: hidden; }
section { background: var(--color-back-bis); }
.titleS2, .title2, .title1 { margin-bottom: 25px; }
body { background: var(--color-back-bis); color: var(--color-txt); font-family: var(--font-txt); font-size: 18px; }
p, span { font-size: 20px; line-height: 1.5; }
h2, h3, h2 p { font-family: var(--font-subtitle); }
h2 b, h2 i { display: block; width: 100%; margin-bottom: 25px; margin: 25px 0; font-weight: normal; }
h3 b { color: var(--color-tertiary); }

.texteSubtitle { padding: 15px 3vw; margin-left: auto; margin-right: auto; text-align: center; font-size: 20px; font-family: var(--font-txt2); }
.texteUp { font-size: 180%; font-weight: normal; }

#section2BImg { background: var(--background-chro); color: var(--colortxt-chro);  }


.blocCard5050TI { width: 100%; margin: auto; }
.blocCard5050TI .w50 { background: var(--color-secondary);  }
.blocCard5050TI .w50:first-child { padding: 10vh 3%; }
.blocCard5050TI .w50:last-child { justify-content: flex-end; }

@media (min-width: 1400px) {
    /*#page_ACCUEIL .blocFicheProductIntro > .w80 { margin-top: -40vh; }*/
}
@media (max-width: 930px) {
    h1, h2, h3, h4, p, a { text-align: center; }
    .w50, .blocCard5050TI { width: 100% !important; max-width: 100% !important; }
    .w50 { padding-left: 5%; padding-right: 5%; }
    .blocCard5050TI .w50 { padding-bottom: 5vh; }
    #intro .title1  { font-size: 40px; }
}

/* BUBBLE */
.bubblegallery { padding: 10vh 15px 10vh 15px; background: white; }
.bubblegallery h3 { color: var(--primary-color); text-align: center; font-size: 20px; }
.bubblegallery a.bubble-ap2 { max-width: 10%; justify-content: flex-start; }
.bubblegallery a.bubble-ap2:hover { color: var(--color-button-before); }
/* FIN BUBBLE */

.blocDuoCTAV1El.title1, .blocDuoCTAV1El.titleS2 {
    width: 100%;
    margin: auto; margin-bottom: 25px;
}
.imgS1, .imgS2 { height: auto; width: 80%; min-width: 80%; max-width: 80%; max-height: 720px; object-fit: cover; }

.m7BlocITA > div { padding: 10vh 10vw; }
#containerBubble, .m7BlocITA > div:nth-child(odd) { background: var(--background-chro); color: var(--colortxt-chro); }
.m7BlocITA > div > div { align-items: flex-start; }
.m7BlocITA > div:nth-child(n+6) { display: none; }
.blocDuoCTAV1El.a { background-color: var(--color-primary); border-color: #dbdbdb; color: var(--color-txt);    margin-top: 25px; 
    border-width: 1px;        cursor: pointer;    justify-content: center;    padding-bottom: calc(0.5em - 1px);    padding-left: 1em;    padding-right: 1em;    padding-top: calc(0.5em - 1px);    text-align: center;    white-space: nowrap; -webkit-appearance: none;    align-items: center;    border: 1px solid transparent;    border-radius: 4px;    box-shadow: none;    display: inline-flex;    height: 2.5em; line-height: 1.5; vertical-align: top; }

.blocDuoCTAV1El.a:hover { 
    background-color: var(--color-button-before);
    color: var(--color-a-hover);
}

@media (min-width: 1431px) {
    .m7BlocITA > div:nth-child(even) > div:nth-child(2) { justify-content: flex-end; }
}
@media (max-width: 1430px) {
    #intro .title1  { text-shadow: 0 0 3px black;}
    #containerBubble h4 { font-size: 70%; }
    
}
@media (max-width: 930px) {
    #intro .title1  { font-size: 60px; }
    .bubblegallery a.bubble-ap2 { max-width: 80vw; margin: 3vh 0;  }
    .imgS1, .imgS2 { margin: 5vh auto; width: 100%; min-width: 100%; max-width: 100%; }
    .blocDuoCTAV1El.imgS1 { height: 300px; object-fit: contain; }
    .m7BlocITA > div { padding: 5vh 0; }
    #m7bloc30 > div:first-child, #m7bloc50 > div:first-child { order: 1; }
    #m7bloc30 > div:last-child, #m7bloc50 > div:last-child { order: 0; }
    .m7BlocITA > div > div, .blocCard5050TI > div > div { justify-content: center; }
}

@media (max-width: 430px) {
    h2 { font-size: 30px; }
    #intro .title1, h2 b, h2 i  { font-size: 35px; }    
    a { max-width: 90vw; white-space: normal !important; }
}

/* CODE SPECIFIQUE MODELE STRICT M1 */
.button { border-radius: 10px; }
.zonecover {     width: 100%; max-width: 100%;   position: absolute;    top: 0;    justify-content: center; height: 100vh; /* position: fixed;   */ }
.zonecover img { width: 100%; min-width: 100%;   max-width: 100%;    object-fit: cover; /* width: auto;  height: 100vh; */ }
.blocFicheProductIntro > div:nth-child(2) { padding-bottom: 10vh; }
h1 { display: flex; justify-content: center; flex-flow: row wrap; }
.tmea { /* color: var(--color-secondary); */ text-shadow: 1px 2px 5px black; font-size: 125%; }
img { height: auto; object-fit: cover; }
/*.imgIntro { max-width: 100%; }
#intro { padding: 0 5vw 20vh 5vw; overflow: hidden; }
#intro .subtitle1  { font-size: 30px;  padding: 10px 0; }
#intro .texte1 { max-width: 600px; }*/
.button { box-shadow: none; background: var(--color-tertiary); color: white ; font-weight: bold; padding: 5px 35px; margin-left: 5px; margin-right: 5px; display: flex; justify-content: center; align-content: center; }

#sectionDetails { /* margin: 0 15px;     border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-bottom: 20vh; */ }
#sectionDetails h2 { padding: 5vh 10vw; font-size: 30px; }
#sectionDetails .w50 { padding: 0 2vw 5vh 2vw; }
#sectionDetails .texte1, #sectionDetails .texte2 { padding: 15px 3vw; }
#sectionDetails ul { padding: 10px 5vw; }
#sectionDetails li { list-style: circle; padding-bottom: 15px; }
.blocDuoSimple002 { padding: 5vh 2vw 10vh 2vw; }
.blocDuoSimple002 > div:nth-child(1) { order: 0; }
.blocDuoSimple002 > div:nth-child(2) { order: 2; }
.blocDuoSimple002 > div:nth-child(3) { order: 1; }


.blocDuoSimple002B { border-bottom: solid 7vh var(--color-primary); padding-bottom: 10vh; }
/*.blocDuoSimple002B > div:nth-child(1) { border-top: solid 7vh var(--color-primary); }*/
#sectionSlider { padding: 10vh 2vw; background: var(--color-primary);  }
#sectionSlider h2 { margin-bottom: 5vh; color: white; }
.glide img { background: white; padding: 15px; }
.glide__bullet { background-color: white; width: 12px; height: 12px; }

.navLCR ul > li > a.mobile { color: black; background: #ffffff85; }

/* PAGE ACCUEIL */
#page_ACCUEIL .blocIntroNotitle { justify-content: end;  }
#page_ACCUEIL .blocIntroNotitle .logoIntro { margin-top: 55vh; width: 200px; }
#page_ACCUEIL .blocIntroNotitle .title1 { margin-bottom: 10vh; font-size: 350%;  color: var(--color-secondary); text-shadow: 0 0 2px black; margin:0; }
#page_ACCUEIL .blocIntroNotitle p { color: white; font-weight:bold; text-align: right;  }
#page_ACCUEIL .zonelogo {position: absolute; left: 18vw; top: 18vh;  }
#page_ACCUEIL .logoBrand { width: 500px; max-width: 70vw; }
#page_ACCUEIL .blocIntroNotitle > div:nth-child(3) { justify-content: end; padding-right: 4vw; }
#page_ACCUEIL .subtitle1 { font-size: 250%;    width: 70%;    min-width: 300px;    max-width: 92vw;  }
#page_ACCUEIL .blocFicheProductIntro > div:nth-child(2) { z-index: 999;   color: white;  height: 100vh;  width: 100%; background: rgba(0, 0, 0, 0.20);  align-items: center; padding-bottom: 0; }
#page_ACCUEIL #sectionIntro h2 { margin-bottom: 10vh; }
#page_ACCUEIL .blocDuoSimple002 div:nth-child(1) img { width: 180px; }
#page_ACCUEIL .blocDuoSimple002 div:nth-child(2) img { width: 400px; }
#page_ACCUEIL #sectionIntro a { height: 100px; border: none; border-radius: 50%; background: var(--color-secondary);  }
#page_ACCUEIL #sectionProducts { padding-bottom: 10vh; }

#page_ACCUEIL .zoneIntro h2 u, #page_ACCUEIL .zoneIntro h3 u{ font-size: 200%; }
#page_ACCUEIL .zoneIntro strong { color: var(--color-secondary); }

.zoneIntro .button.is-primary { background: var(--color-primary); color: var(--color-txt-secondary); border: none; }
.zoneIntro .button.is-secondary, #page_ACCUEIL #fullp50 a:last-of-type { background: var(--color-tertiary); color: #fff; border: none;  }
.imgt { width: 80%; height: auto; }

@media (max-width: 1200px){
    #page_ACCUEIL .blocIntroNotitle p { font-size: 250%; }
    #page_ACCUEIL .blocIntroNotitle .title1 { font-size: 250%; }
}
@media (max-width: 800px){
    #page_ACCUEIL .blocIntroNotitle p { font-size: 150%; }
    #page_ACCUEIL .blocIntroNotitle .title1 { font-size: 175%; }
}
/*#page_ACCUEIL .blocDuoSimple002B { border-top: solid 5px; border-image: linear-gradient(to right, var(--color-primary) 25%, white 25%, white 75%, var(--color-primary) 75%) 5; }*/

/* PAGE METHODE */
#page_METHODE #sectionIntro { box-shadow: 0px 2px 0px white, 0px 6px 0px var(--color-secondary), 0px 10px 0px white, 0px 14px 0px var(--color-secondary), 0px 20px 0px white, 0px 28px 0px var(--color-secondary); }
#page_METHODE #sectionSlider { display: none; }
#page_METHODE .blocDuoSimple002B img { margin-top: 15px; }
#page_METHODE .blocDuoSimple002 { padding-top: 15vh; }
#page_METHODE #sectionPunchlineEnd { border-top: solid 5vh var(--color-primary); border-bottom: solid 5vh var(--color-primary); }

/* SPECIFIQUE MODIF THEME  CUSTOM */ 
#sectionIntro i { font-style: normal; font-weight: bold; color: var(--color-secondary); font-size: 110%; }

/* NAV & CONSEQUENCES */ 
.navLCR a { border-radius: 5px; }
.navLCR a > img { height: auto; }
.navLCR .navli a { background: none; }
.navLCR ul > .navli{
    max-height: none; order: 0; width: 100%; min-width: 100%; display: flex; justify-content: center; 
}
.navLCR ul > li > a:hover { text-shadow: none; }

.navLCR ul li:nth-child(even) a.is-selected {
    background: white;
}

.navLCR ul li:nth-child(odd) a.is-selected {
    position: relative;    
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    transition: 0.3s;
}
.navLCR #lien_div_mailfooter { 
    background: var(--color-button);
    color: var(--color-button-before);
    border: none; text-shadow: none;
    min-height: 25px;
}
.navLCR #lien_div_mailfooter:hover { background: var(--color-button-before); color: var(--color-button); }
    
#lien_menusd, #lien_closemg { display: none; top: 0; }
#lien_menusd { position: fixed;    left: 0;    width: auto;    border: none;    padding: 5px 15px;   border-bottom-right-radius: 15px;    z-index: 999; }
#lien_closemg { position: absolute; right: 10px; width: auto; border: none; padding: 5px; }

@media (min-width: 1431px) {
    .navLCR #lien_div_mailfooter { position: fixed; right: 0;  top: 1px; }
    .navLCR { background: transparent; background: #f2f2f2cc; }
    .navLCR {    /*   box-shadow: 2px 0 5px grey;   */     position: fixed;        z-index: 9999;        width: 100vw;        left: 0;        height: 50px; }
    .navLCR ul  { justify-content: flex-start; }
    .navLCR ul > .navli { display: none; }
    .navLCR ul > li, .navLCR ul > .navli:nth-child(4) { display: flex; max-height: none; order: 1; width: auto;min-width: 100px; justify-content: center; max-height: 40px;      }    
    .navLCR ul > .navli:nth-child(4) { order: 0; } 
    .navLCR ul > a, .navLCR ul > li > a {        order: 0;        display: flex;        width: auto;        margin: 3px;        margin-bottom: 2px;  min-width: 100px; padding: 7px 15px;  text-shadow: 0 0 4px white; }
    .navLCR ul > li > a.Logo { width: 100px;  max-width: 100px; }
    .navLCR ul .navli img { margin: auto; margin-top: -5px; }
    .navLCR .navli a { text-align: center; min-height: 30px; margin: 1px 0; }
    .navLCR span { text-align: center; }
    /*#containerMain { margin-left: 225px; }*/    
    /*.navLCR #lien_div_mailfooter {  position: fixed; bottom: 25px; }*/
    .navLCR ul li a:hover, .navLCR ul li:nth-child(odd) a.is-selected:hover { background: none; color:black; border-bottom: solid 3px var(--color-secondary); } /* transform: translateY(10px); border-radius: 5px; */
    .navLCR ul .navli a:hover {  background: #fbfbfb;  color:black;  text-shadow: none;  border-bottom: solid 3px var(--color-secondary); } /*   border-bottom-right-radius: 5px;   transform: translateY(5px); */
    .navLCR ul li:nth-child(odd) a.is-selected, .navLCR ul .navli a.is-selected { background: transparent; color: black; border-bottom: solid 3px var(--color-tertiary); text-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; } /* transform: translateY(-5px);  */
}
@media (max-width: 1430px) {
    .navLCR ul li:nth-child(odd) a.is-selected { transform: translateX(17px); }
    .navLCR #lien_div_mailfooter { position: fixed; top: 80vh; width: 160px; }
    .navLCR ul li:nth-child(odd) a.is-selected::before,
    .navLCR ul li:nth-child(odd) a.is-selected::after 
     {
        content: '';
        position: absolute;
        width: inherit;
        border-left: 0.08em solid var(--color-secondary);
        z-index: -1;
    }

    .navLCR ul li:nth-child(odd) a.is-selected::before {
        height: 80%;
        top: 10%;
        left: calc(-0.15em - 0.08em * 2);
        filter: brightness(0.8);
    }

    .navLCR ul li:nth-child(odd) a.is-selected::after {
        height: 60%;
        top: 20%;
        left: calc(-0.15em * 2 - 0.08em * 3);
        filter: brightness(0.6);
    }
    .navLCR { background: white; }
    .navLCR ul li:nth-child(odd) a.is-selected:hover { transform: translateX(0.15em); }
    .navLCR ul > li { max-height: none; order: 0; }
    .navLCR ul > li.navmobileend { order: 1; }
    .navLCR ul > li > a { width: 90%; border: none; }
    #containerMain { margin-left: 0; }
    #lien_menusd, #lien_closemg { display: flex; }
    #lien_closemg {  z-index: 9; }
    #navs_navLCR { position: fixed; left: -300px; width: 210px; min-width: 210px; z-index: 99999; height: 101vh; }
    .navLCR #lien_div_mailfooter { margin-top: 5vh; }
    #NavLogoAccueil { margin: 35px auto 25px auto;; }
    .navLCR ul .navli a:hover { width: 100%; }
    .navLCR ul > li > a.Logo:hover { background: white; }
    .navLCR ul > li > a.Logo:hover img { min-width: 102%; border-bottom: 2px solid var(--color-secondary); }
}
/* FIN NAV */ 

.cardProduct { display: flex; flex-flow: column wrap; justify-content: space-between; width: 400px; max-width: 96vw; border: solid 0.5px var(--color-tertiary); border-radius: 15px; border-top-left-radius: 70px; box-shadow: 0 0 7px var(--color-tertiary); margin-bottom: 10px; }
.headerProduct { display: flex; justify-content: center; width: 100%; max-width: 100%; }
.headerProduct img { max-width: 100%; border-top-right-radius: 15px; border-top-left-radius: 70px; border-bottom: 4px solid var(--color-secondary); }
.contentProduct, .footerProduct { padding: 0 15px; margin: 0; } .footerProduct { margin-bottom: 10px; }
.cardProduct .button { width: 100%; }

.footer .button { margin-bottom: 15px; }
.footer a:not(.button) { padding: 0 5px;
    margin-top: -2px; }

/* ligne jaune */

.blocDuoSimple002B img, .imgIntro { border-bottom: solid 10px var(--color-secondary); }

#page_ACCUEIL #sectionIntro:after, #page_ACCUEIL #sectionIntro:before, #page_ACCUEIL .blocDuoSimple002:after, #page_ACCUEIL .blocDuoSimple002:before, #page_ACCUEIL #sectionProducts:after, 
.footer:after, .footer:before, #fullp40 > div:after, #fullp30 > div:first-child:before, #fullp30 .boxRadius:before, #fullp20 .title0:before, #lxfp313 #fullp20 .title1:after,
#fullp10:before {
    content: ''; z-index: 0;
    padding: 1.8em .4em;
    position: absolute;
    left: 50%;
    width: 100vw;
    top: 95%;
    display: block;
    border-bottom: 8px solid var(--color-secondary);
    border-left: none;
    border-right: none;
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
#page_ACCUEIL #sectionIntro:before { border-bottom: 25px double var(--secondary-color); top:78%; transform: translateX(-50%) translateY(-50%) rotate(-3deg); }

#fullp10:before { border-bottom: 25px double var(--secondary-color); top:85%; transform: translateX(-50%) translateY(-50%) rotate(-3deg); }
#fullp30 > div:first-child:before { border-bottom: 25px double var(--color-secondary); top:10%; transform: translateX(-50%) translateY(-50%) rotate(-1deg); } 
/*#fullp30 > div:first-child:after { border-top: 5px dotted var(--color-secondary);  border-bottom: 5px solid var(--color-secondary); top:90%; transform: translateX(-50%) translateY(-50%) rotate(-1deg); }*/
#fullp30 .boxRadius:before { border-bottom: 5px dashed var(--color-tertiary); top:55%; transform: translateX(0%) translateY(-50%) rotate(0deg); } 


#page_ACCUEIL .blocDuoSimple002:after, #page_ACCUEIL .blocDuoSimple002:before, #lxfp313 #fullp20 .title1:after {
    top: -3%;
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
#page_ACCUEIL .blocDuoSimple002:before, #fullp40 > div:after  { 
    border-bottom: 25px double var(--color-secondary); top:3%; transform: translateX(-50%) translateY(-50%) rotate(-4deg); }

#page_ACCUEIL #sectionProducts:after {
    top: -75px;
    transform: translateX(-50%) translateY(-50%) rotate(-2deg);
}
#lxfp1X7 #fullp20 .title1:after { border-bottom: 25px double var(--color-primary); top: -105px; transform: translateX(0%) translateY(-50%) rotate(0deg); }

.footer:after {
    top: -3%;
    transform: translateX(-50%) translateY(-50%) rotate(-5deg);
}

.footer:before { 
    border-bottom: 25px double var(--color-secondary);
    top: -5%;
    transform: translateX(-50%) translateY(-50%) rotate(1deg);
}


@media (max-width: 930px) { 
    #page_ACCUEIL #sectionIntro:before { top: 88%; }
    #page_ACCUEIL .blocDuoSimple002:before { top: 7%; }
}

#sectionPunchlineEnd { margin: 20vh 10vw; border-radius: 25px; }

.boxRadius { border-radius: 24px; padding: 5vh 2vw;  }

#fullp10 .lienCTAS2 { order: 2; }
#lxfp313 #fullp10 .imgp1 { order: 1; }

#lxfp313 #fullp20 .flexnoauto { align-content: start; }
#lxfp313 #fullp20 .flexnoauto .texte2 { padding-top: 5vh; }
#fullp20 div:last-of-type > .texteSubtitle { padding-bottom: 15vh; }
#lxfp313 #fullp20 .title1 { padding-top: 20vh; }

#lxfp313 #fullp30 .slide { padding: 0 4vw; }
#lxfp313 #fullp30 .boxRadius { background: var(--color-tertiary); margin-top: 15vh; box-shadow: 2px 3px 10px grey; color: var(--primary-color); } 
#lxfp313 #fullp30 .title1 { position: absolute; padding-top: 2vh;  color: white;  border: none;    border-bottom: solid 3px var(--color-tertiary);    border-right: solid 3px var(--color-tertiary);    box-shadow: 1px 3px 10px grey;    border-radius: 24px;  background: var(--color-primary); }
#lxfp313 #fullp30 .imgSlide2 { height: 80px;width: 80px;border-radius: 50%;position: absolute; right: 15px;top: 15px; object-fit: contain; border: solid 2px white; }


#fullp40, #lxfp1X7 #fullp10, #lxfp1X7 #fullp60 { background: var(--color-primary); color: white; }
.imgp4 { width: 1000px; max-width: 90%; margin: 0 auto; z-index: 2; }
#fullp40 .texte1 { font-weight: bold; font-size: 120%; }
#fullp40 div.w100 { padding: 15vh 5vw; }

@media (max-width: 930px) { 
    .title1 { z-index: 1; }
    .texteFooter  { flex-flow: column wrap; }
    #page_ACCUEIL .zoneIntro h2 u, #page_ACCUEIL .zoneIntro h3 u { font-size: 150%; }
    #page_ACCUEIL .zonecover { position: fixed; }
}
@media (max-width: 600px){
    #lxfp313 #fullp30 .imgSlide2 {position: relative; right: initial; top: initial; }
}

.footer { height: 100vh; }

.fp-controlArrow { top: 80%; }
#page_ACCUEIL .slide a { position: relative; }
@media (min-width: 930px) { 
    #page_ACCUEIL .slide a { top: 15vh; }
}