@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";::-webkit-scrollbar{width:10px;background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#006837}::-webkit-scrollbar-thumb:hover{background-color:#004f2a}*{font-family:Montserrat,sans-serif}body{margin:0;background-color:#00351c;overflow-x:hidden}.logo{height:350px}.button{color:#f1f1f1;background-color:#006837;border:none;padding:8px 25px;border-radius:10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;cursor:pointer}.button span{display:inline-block;position:relative;transition:.25s}.button span:after{display:flex;align-items:center;justify-content:center;font-size:24px;content:"»";position:absolute;opacity:0;top:-7.8px;right:-20px;transition:.25s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}.feuille1,.feuille2{position:absolute;width:50px;height:50px}.feuille1{top:-20px;left:-20px}.feuille2{bottom:-20px;right:-20px}h2{font-size:30px;margin-top:0;color:#f1f1f1;font-weight:800;text-align:center}p{font-size:14px;font-weight:500;margin:12px}strong{color:#57210b}ul{padding:0}li{list-style:none}fieldset{border:none;padding:0;margin:0}.greenDarker{color:#004e00!important}.green{color:#006900!important}.greenLighter{color:#007300!important}.greenLight{color:#008700!important}@media screen and (max-width: 1100px){p{font-size:12px!important}h2{font-size:20px!important}.feuille1,.feuille2{height:40px;width:40px}}@keyframes arrowAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes rotationPlanet{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes balancement{0%{transform:translateY(30px)}50%{transform:translateY(-30px)}to{transform:translateY(30px)}}.hero-header{height:90vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-header img{width:40%}.hero-header p{margin:10px;font-size:20px;font-weight:700;color:#f1f1f1}.hero-header .hero-header_button{margin-top:20px}.hero-header a{margin-top:50px}.hero-header a svg{height:40px;animation:arrowAnimation 1s ease-in-out infinite}.presentation{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7rem;min-height:100vh;width:100vw}.presentation .presentation__texte{width:42%}.presentation .presentation__texte .presentation-texte__p{position:relative;font-size:14px;padding:20px 30px;border-radius:10px;background-color:#f1f1f1;color:#000;font-weight:500;line-height:130%;box-shadow:0 0 22px 8px #0000004f}.presentation .presentation__img img{width:400px}.ecologie{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:9rem;min-height:100vh;width:100vw}.ecologie .ecologie__axes{width:44%}.ecologie .ecologie__axes .ecologie-texte__p{position:relative;font-size:.95em;padding:20px 30px;border-radius:10px;background-color:#f1f1f1;color:#000;font-weight:500;line-height:130%;box-shadow:0 0 22px 8px #0000004f}.ecologie .ecologie__planet{display:flex;align-items:center;height:420px;width:420px;background-color:#47bbed;border-radius:50%;border:3px solid #F1F1F1;overflow:hidden}.ecologie .ecologie__planet img{height:105%;animation:rotationPlanet 30s linear infinite}.levels{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;width:100vw;gap:9rem}.levels .levels__texte{width:45%}.levels .levels__texte .levels-texte__p{position:relative;font-size:.95em;padding:20px 30px;border-radius:10px;background-color:#f1f1f1;color:#000;font-weight:500;line-height:130%;box-shadow:0 0 22px 8px #0000004f}.levels .emojis{width:370px;animation:balancement 3s infinite}.presentation__button{text-align:center;margin-bottom:15vh}.questionnaire{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.progress-bar{width:70%;height:30px;background-color:#ccc;position:relative;margin-bottom:40px;border-radius:20px}.progress-bar .progress-bar__fill{height:100%;border-radius:20px;background-color:#006837;transition:width .5s ease-in-out}.progress-bar .progress-bar__fill .progress-bar__percentage{position:absolute;top:50%;left:30px;transform:translate(-50%,-50%);font-size:15px;font-weight:700;color:#f1f1f1}.text-black{color:#000!important}fieldset{display:flex;flex-direction:column;width:75%}.question{font-size:28px;font-weight:700;height:110px;color:#f1f1f1}.propositions{padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:20px}.propositions li{list-style:none}.propositions input{z-index:12345;position:absolute;opacity:0;width:100%;height:115px;cursor:pointer}.propositions input:hover+label{border:3px solid #C1951F}.propositions input:checked+label{font-weight:700;border:3px solid #F1F1F1}.propositions input[type=radio]:checked+label .feuille1{display:block}.propositions label{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#f1f1f1;border:3px #F1F1F1 solid;width:100%;height:100px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer}.propositions label .feuille1{display:none;height:45px;width:45px;top:-15px;left:-10px}.propositions label .answers{width:90%;text-align:center}.buttonQuestionnaire{width:max-content;margin:20px auto 0}.results{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:calc(100vh - 120px);margin-top:60px;gap:120px}.results .results__level{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f1f1f1}.results .results__level p{font-size:15px;margin-top:0}.results .results__level .results-level__span{background-color:#f1f1f1;padding:7px 30px;font-size:32px;font-weight:700;border-radius:20px;color:#006837;box-shadow:0 0 22px 8px #0000004f}.results .results__level .results__illus{height:330px;margin-top:35px}.results .results__advices{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:40%}.results .results__advices .results-advices__texte{position:relative;background-color:#f1f1f1;padding:15px 25px;border-radius:20px;box-shadow:0 0 22px 8px #0000004f}.results .results__advices .results-advices__texte p{font-size:13px!important;margin:5px!important}.results .results__advices .results-advices__texte ul li{list-style:disc;font-weight:500;font-size:13px!important;margin:7px 0 7px 20px}.results .results__advices .results__button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.mentions{margin:100px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#f1f1f1}.mentions h2{font-size:35px;font-weight:800}.mentions h3{text-transform:uppercase;text-align:center}.mentions .mentions__bloc{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%}.mentions .mentions__bloc>.mentions-bloc__texte{position:relative;padding:20px;background-color:#f1f1f1;border-radius:20px;box-shadow:0 0 22px 8px #0000004f;color:#000;font-weight:500;line-height:130%;width:100%}.mentions .mentions__bloc>.mentions-bloc__texte li{font-size:14px;font-weight:500;margin:12px;list-style:circle}@media screen and (min-width: 1100px) and (max-width: 1270px){.presentation,.ecologie{gap:3rem}}@media screen and (max-width: 1100px){.presentation,.ecologie,.levels{min-height:70vh;padding:0;margin:50px 0}.presentation .presentation__img,.presentation .ecologie__planet,.presentation .levels__img,.ecologie .presentation__img,.ecologie .ecologie__planet,.ecologie .levels__img,.levels .presentation__img,.levels .ecologie__planet,.levels .levels__img{display:none}.presentation .presentation__texte,.presentation .ecologie__axes,.presentation .levels__texte,.ecologie .presentation__texte,.ecologie .ecologie__axes,.ecologie .levels__texte,.levels .presentation__texte,.levels .ecologie__axes,.levels .levels__texte{width:80%;padding:10px 20px}.mentions h2{font-size:30px!important}.mentions h3{font-size:18px}.mentions .mentions__bloc{width:80%}.results{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;margin:100px 0}.results .results-level__span{font-size:30px!important}.results .results__advices{width:80%}.results .results__advices .results__button{flex-direction:none;flex-wrap:wrap}}@media screen and (max-width: 850px){.hero-header img{width:75%}.hero-header p{text-align:center;font-size:15px}.questionnaire{height:auto;margin-top:70px}.questionnaire .progress-bar{width:80%}.questionnaire .propositions{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.questionnaire .propositions label{font-size:14px;height:80px}.questionnaire .question{height:auto;font-size:20px;margin:20px 0}}@media screen and (max-width: 600px){.presentation,.ecologie{min-height:100vh}.propositions label .feuille1{height:35px;width:35px;top:-10px}}.header{z-index:10;position:fixed;top:0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100vw;text-align:center;background-color:#f1f1f1;height:60px;box-shadow:0 0 10px #0000004f}.header img{width:210px}.header .language-button{width:max-content;background-color:transparent;border-radius:20px;border:2px solid transparent;cursor:pointer}.header .language-button svg{fill:#000}.header .language-button:hover{border:2px solid #000000}.header .language-button .language-button__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;padding:4px 10px}.header .language-button .language-button__content svg{height:18px;width:18px}.footer{display:flex;justify-content:space-around;align-items:center;height:60px;font-size:14px;color:#57210b;background-color:#f1f1f1;box-shadow:0 0 10px #0000004f;width:100vw}.footer .footer__copy{font-weight:700}.footer .footer__liens{text-align:center}.footer .footer__liens li{display:inline-flex;margin:0 10px}.footer .footer__liens li a{position:relative;color:#57210b;text-decoration:none;text-transform:uppercase;font-weight:700}.footer .footer__liens li a:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#57210b;visibility:hidden;transform:scaleX(0);transition:all .2s ease-in-out}.footer .footer__liens li a:hover:after{visibility:visible;transform:scaleX(1)}@media screen and (max-width: 850px){.footer{flex-direction:column;height:auto;padding:13px 0}.footer .footer__copy{width:75%;text-align:center;font-size:12px}.footer .footer__liens li{margin:5px}.footer p{margin:10px;font-size:13px!important}}@media screen and (max-width: 500px){.header .language-button__content{font-size:15px!important}.header .language-button__content svg{height:15px;width:15px}.header img{width:180px}}