body{background-color:#262626;color:#fff;font-family:HelveticaNeue}em{font-style:initial}section{width:80%;margin:auto}.presentation,.formulaire{animation:appear .4s}#chartRandom{width:400px;transition:.4s ease}#chartRandom:hover{transform:scale(1.1);cursor:pointer}#root{width:100%;height:80vh}p{font-family:HelveticaNeue}.presentation{padding:100px}.presentation h2{text-align:center}.titleSection{display:flex;height:300px;gap:50px;justify-content:center;text-align:left;align-items:center;margin-bottom:50px}.titleSection h1{font-family:Walkway;font-size:70px}.titleSection img{object-fit:contain;height:300px}.titleSection .chart{width:300px;height:300px;display:block}.formulaire{padding-top:100px}.formulaire .number{font-size:30px;text-align:center;font-weight:700}.formulaire h1{background-color:#fff;color:#000;position:absolute;left:0;top:40px;font-size:30px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:20px}.formulaire h2{font-size:35px;text-align:center}.formulaire h3{font-size:20px;text-align:center}.formulaireDouble{display:flex;justify-content:center;align-items:center;height:400px;gap:50px}.formulaireDouble .form{width:49%;padding-inline:15px}.formulaireDouble .questionnaireInput{width:100%;font-size:17px}.formulaireDouble .voulu{border-left:3px solid #eaed05;border-right:3px solid #eaed05}.formulaireDouble .voulu h4{color:#eaed05;font-size:25px;margin-top:0;margin-bottom:10px}.formulaireDouble .voulu .questionnaireInput .checked{background-color:#eaed05}.formulaireDouble .reel{border-left:3px solid #008d56;border-right:3px solid #008d56}.formulaireDouble .reel h4{color:#008d56;font-size:25px;margin-top:0;margin-bottom:10px}.formulaireDouble .reel .questionnaireInput .checked{background-color:#008d56}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px}.questionnaireInput{display:flex;width:65%;max-width:1000px;justify-content:flex-start;font-size:21px;align-items:center;gap:20px;margin:auto}.questionnaireInput p{margin:15px 5px}.questionnaireInput:hover{cursor:pointer}.questionnaireInput:hover .uncheck{background:#aaca00;opacity:.3;transition:.3s ease}.checked{background:#aaca00;border:1px solid white;min-width:20px;min-height:20px;width:20px;height:20px;border-radius:20px;transition:.3s ease}.uncheck{border:1px solid white;width:20px;min-width:20px;min-height:20px;height:20px;border-radius:20px;transition:.3s ease}.start{display:flex;gap:20px}.startButton{width:30%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.startButton:hover{cursor:pointer}.startButton:hover p{transform:scale(1.1);border:3px solid #aaca00}.startButton:hover span{transition:1s ease;border-bottom:3px solid #aaca00}.startButton p{transition:1s ease;padding:20px;border-radius:10px;font-family:Walkway;font-weight:700;font-size:25px;background:#fff;color:#000;border-bottom:3px solid #262626}.startButton span{font-family:HelveticaNeue;font-size:30px;transition:1s ease}.arrianne{display:flex;height:20px;margin:auto;justify-content:space-around}.arrianne div{display:block;width:100px;background-color:#aaca00;transition:.4s ease;opacity:.5;border-radius:5px}.arrianne .active{opacity:1}.questionnaireButton{display:flex;width:400px;margin:auto;justify-content:center;align-items:center;gap:20px}.questionnaireButton p{font-size:30px;text-align:center}.questionnaireButton:hover{cursor:pointer}.questionnaireButton .previous{padding-right:10px;border-right:3px solid #aaca00}.leftTriangle{width:50px;height:50px;transform:rotate(180deg)}.rightTriangle{width:50px;height:50px}.resultOne,.resultTwo{padding-top:50px}.resultOne h1,.resultTwo h1{font-size:30px;text-align:center}.resultOne h1 em,.resultTwo h1 em{font-size:25px;font-style:italic}.resultOne table,.resultTwo table{border-collapse:collapse}.resultOne table td,.resultOne table th,.resultTwo table td,.resultTwo table th{text-align:center;border:2px solid white;padding:5px;gap:0}.pdf{position:relative;border:1px solid white;width:80%;margin:auto;padding:100px;background-color:#262626}.pdf .espritMatiere{position:absolute;justify-content:center;bottom:20px;right:39%;font-size:20px;display:flex;gap:20px}.pdf .espritMatiere .esprit{color:#9d77ff}.pdf .espritMatiere .matiere{color:#ff8d4b}.pdf .chart{position:absolute;z-index:0;right:22%;top:50px;height:90%;width:50%}.pdfDownload{z-index:4;position:relative;background:#57ab00;font-size:30px;width:350px;text-align:center;border-radius:10px;margin:20px auto;padding:20px;border:2px solid white;cursor:pointer;transition:.4s ease}.pdfDownload:hover{background-color:#b8d700}.reload{text-align:right;font-size:30px;margin-bottom:0;display:flex;justify-content:flex-end;gap:10px;align-items:center;cursor:pointer}.reload .triangle{height:45px;transition:1s ease}.reload:hover .triangle{transform:translate(20px)}.resultTwo{background-color:#262626;padding:50px 0;display:flex;flex-direction:column;justify-content:center;height:80vh}.resultTwo h1{text-align:center;font-size:30px}.twoRadar{padding-top:50px;padding-bottom:50px;background-color:#262626;display:flex;width:100%;justify-content:space-between;align-items:center}.twoRadar .pdf{padding:30px 10px;width:48%;min-height:400px;transition:1s ease}.twoRadar .pdf:hover{transform:scale(1.2);z-index:4}.twoRadar .pdf h2{font-size:20px}.twoRadar .pdf h2 .ideal{color:#eaed05}.twoRadar .pdf h2 .realite{color:#008d56}.twoRadar .pdf td{font-size:12px}.twoRadar .pdf .espritMatiere{position:absolute;bottom:10px;top:initial;right:25%}.twoRadar .pdf .chart{position:absolute;z-index:0;right:-66px;top:10px;height:100%;width:100%}.chartContainer{position:relative;width:80%;height:100%;background:red}@keyframes appear{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 1200px){section{width:100%}.presentation{width:100%;padding:0}.titleSection{flex-direction:column-reverse;align-items:center;height:inherit;gap:0}.titleSection h1{font-size:40px;margin-bottom:0}.titleSection img{margin-top:-120px;transform:rotate(90deg)}.titleSection #chartRandom{width:inherit;margin-top:-170px;margin-bottom:-100px;height:250px}.startButton p{font-size:20px;width:inherit;text-align:center;width:70%}.startButton em{font-size:10px}.formulaire{padding:0}.formulaire h1{top:0;padding:10px 20px;position:relative;font-size:20px}.formulaire h2{font-size:25px}.formulaire .number{margin:5px}.questionnaireInput{width:95%}.questionnaireInput p{margin:4px 0;font-size:15px}.questionnaireButton{width:100%;padding-inline:5px}.rightTriangle,.leftTriangle{width:20px}.formulaireDouble{flex-direction:column;height:inherit;gap:inherit}.formulaireDouble .form{margin-bottom:0;padding:20px 10px;width:90%}.formulaireDouble .reel{margin-bottom:40px}.arrianne div{width:25px}.resultOne,.resultTwo{padding-top:20px}.resultOne h1,.resultTwo h1{font-size:25px}.resultOne .pdf,.resultTwo .pdf{padding:0;overflow:hidden;width:100%;justify-content:center;display:flex;flex-direction:column}.resultOne .pdf table,.resultTwo .pdf table{order:3}.resultOne .pdf .espritMatiere,.resultTwo .pdf .espritMatiere{order:1;top:0;right:0;justify-content:center;position:relative}.resultOne .pdf .chart,.resultTwo .pdf .chart{order:2;right:6%;top:0;position:relative;width:100%;transform:scale(1.3);height:300px}.resultOne .pdfDownload,.resultTwo .pdfDownload{font-size:20px;width:auto}.resultOne .reload,.resultTwo .reload{justify-content:center;padding-bottom:40px}.resultOne .reload .triangle,.resultTwo .reload .triangle{width:20px}.twoRadar{flex-direction:column;gap:40px;padding-top:0}.twoRadar .pdf{width:100%}.twoRadar .pdf:hover{transform:none}.twoRadar h2{text-align:center}.resultTwo{height:auto}}.CollectifSimple{display:flex;justify-content:space-between;align-items:center;color:#fff;height:100%}.CollectifSimple a{color:#fff}.CollectifSimple form{border:3px solid #aaca00;border-radius:5px;padding:20px;width:40%;height:50%}.CollectifSimple p{height:10px}.CollectifSimple label{margin-bottom:20px;display:flex;justify-content:center;gap:5px;flex-direction:column}.CollectifSimple h2{text-align:center}.CollectifSimple button{margin:auto}.PiloteAdminInfo{display:flex;max-height:500px}.PiloteAdminInfo svg{height:100%}.PiloteAdminInfoForm{display:flex;width:30%;justify-content:center;flex-direction:column}.PiloteAdminCards{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.PiloteAdminCardsUnique{display:flex;padding:20px;border:3px solid #aaca00;border-radius:5px;width:100%;text-align:center;gap:20px;justify-content:space-around;height:300px;transition:.5s ease}.PiloteAdminCardsUnique:hover{transform:scale(1.05)}.PiloteAdminCardsUnique svg{width:50%;height:150%}.PiloteAdminCardsUniqueInfo{display:flex;flex-direction:column;align-items:center;justify-content:center}.PiloteAdminCardsUniqueInfo button{width:80%}@font-face{font-family:Walkway;src:url(/font/Walkway_Bold.ttf)}@font-face{font-family:HelveticaNeue;src:url(/font/HelveticaNeue.ttc)}