@import url(https://fonts.googleapis.com/css2?family=Cabin&display=swap);nav{align-items:center;background:#fff;display:flex;justify-content:space-around;padding:15px 30px;width:100%}nav img{width:100px}nav ul{align-items:center;display:flex;gap:30px}nav ul li a:hover{color:#c78802}@media screen and (max-width:768px){nav img{width:45px}nav{justify-content:space-between;padding:7px 13px 0}}.btn-primary{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px}.btn-primary:hover{background-color:#e09a03}header{position:relative}.header-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;position:absolute;top:10px;width:100%}.background-header{background:#ebe3d1;height:435px;width:100%}.header-text{display:flex;flex-direction:column;gap:20px;width:550px}.header-text h1,.header-text p{color:#000}.header-text h1{font-size:40px;text-transform:uppercase;width:450px}.header-text p{font-size:18px}.header-text button{font-size:20px;padding:15px 30px;width:350px}.header-img{height:435px;width:300px}.header-img img{height:100%;object-fit:cover;width:100%}.header-button{-webkit-appearance:button;appearance:button;background-color:var(--primary-color);background-image:none;border:none;border-radius:4px;box-shadow:4px 4px 0 0 #064d00;color:#fff;cursor:pointer;display:inline-block;font-size:17px;font-weight:400;line-height:20px;margin:0 5px 10px 0;overflow:visible;padding:12px 60px;text-align:center;text-transform:uppercase;touch-action:manipulation;vertical-align:middle;white-space:nowrap}.header-button:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.header-button:not([disabled]):active{box-shadow:var(--primary-color) 2px 2px 0 0,#064d00 2px 2px 0 1px;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}@media screen and (min-width:1250px){.header-text{right:auto;top:100px}}@media screen and (max-width:768px){header{margin-top:62px}.background-header{height:530px}.header-text p{font-size:20px;padding:15px 30px;width:350px}.header-text h1{font-size:45px;padding:15px 30px;width:350px}.header-button{font-size:15px}}body{display:flex;margin:0;min-height:100vh;width:100%}.mobile{display:none}.header{display:flex;height:13%}.header .divLogo{width:75%}.header .divLogo img{margin:.6em;-webkit-transform:scale(.7);transform:scale(.7)}.header .logoHead{display:flex;justify-content:flex-end;width:25%}.header .logoHead .logout{margin:.8em;-webkit-transform:scale(.3);transform:scale(.3)}#root{margin:0;padding:0;width:100%}.center{text-align:center}.accueil{background:linear-gradient(90deg,#fdedc9,#dedcd7);display:flex;height:65%;width:100%}.connect{display:flex;height:100%;margin:auto;width:50%}.connect img{border-radius:50%;margin:auto;opacity:95%;transition:all .8s;width:65%}.connect img:hover{opacity:100%;width:70%}.jaune{background:linear-gradient(90deg,#fdedc9,#dedcd7)}.h2ToRight{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:slidein;animation-name:slidein;font-size:larger;margin:auto;transition:all .8s}@-webkit-keyframes slidein{0%{margin-left:100%}to{margin-left:0}}.h2ToRight:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.lien,.lienBlanc{color:#fff;text-decoration:none}.lienBlack{color:#000;text-decoration:none}.none{background-color:transparent;border:none}.hidden{color:transparent}.retour{margin-left:2em;-webkit-transform:scale(.7);transform:scale(.7)}.error-message{color:hsla(0,0%,50%,.822);margin-left:1em}.tall{height:70vh}:root{--primary-color:#ffae00;--secondary-color:#999}*{box-sizing:border-box;color:#000;font-family:Cabin,sans-serif;margin:0;padding:0}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}li{list-style-type:none}a{text-decoration:none}input{outline:none}.separator{background-color:#ffae00;background-color:var(--primary-color);border:none;height:2px;width:100%}*{scrollbar-color:#ffae00 #c78802;scrollbar-color:var(--primary-color) #c78802;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#c78802}::-webkit-scrollbar-thumb{background-color:#ffae00;background-color:var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:#ffae00;background:var(--primary-color)}.home{height:100vh}.home .containerHome{display:flex;height:80%;justify-content:space-around}.home .containerGrand{min-height:100%}.home .lienHome1,.home .lienHome2,.home .lienHome3{border:1px solid hsla(0,0%,50%,.822);display:flex;flex-wrap:wrap;font-size:larger;height:90%;margin:auto;transition:all .6s;width:24%}.home .lienHome1 .divImg,.home .lienHome2 .divImg,.home .lienHome3 .divImg{height:30%;margin-top:0;width:100%}.home .lienHome1 .divImg img,.home .lienHome2 .divImg img,.home .lienHome3 .divImg img{border-radius:40%;margin:0;-webkit-transform:scale(.55);transform:scale(.55);width:100%}.home .lienHome1 h2,.home .lienHome2 h2,.home .lienHome3 h2{text-align:center;width:100%}.home .lienHome1:hover,.home .lienHome2:hover,.home .lienHome3:hover{background-color:hsla(0,0%,50%,.158);border-radius:50px}.explicationL,.explicationR{display:flex;width:100%}.explicationL span,.explicationR span{margin:auto;padding:2.5em;width:50%}.explicationL img,.explicationR img{border-radius:50%;width:35%}.explicationL .text1,.explicationL .text2,.explicationR .text1,.explicationR .text2{opacity:50%;transition:all 1s}.explicationL .text1:hover,.explicationL .text2:hover,.explicationR .text1:hover,.explicationR .text2:hover{opacity:90%}.explicationR{background:linear-gradient(90deg,#fdedc9,#dedcd7)}.imgL{margin-right:30%}.imgR{margin-left:30%}h3{margin-left:3em}.hentreprise{margin-bottom:5em}.bar{align-items:center;display:flex;height:40%;justify-content:center}.btnPdf{background-color:hsla(0,0%,50%,.158);border:none;border-bottom:2px solid hsla(0,0%,50%,.822);border-radius:5px;color:#000}.bulle{border:1px solid hsla(0,0%,50%,.822);border-radius:50%;display:flex;height:250px;justify-content:baseline;margin:1em;min-width:250px;text-align:center;transition:all .5s}.bulle h2{margin:auto}.bulle:hover{background-color:hsla(0,0%,50%,.158);-webkit-transform:scale(1.1);transform:scale(1.1)}.cardAudit{border:1px solid hsla(0,0%,50%,.822);border-radius:20px;margin:auto auto 1em;padding:.5em;transition:all .5s;width:40%}.cardAudit ul{list-style:decimal}.cardAudit:hover{background-color:hsla(0,2%,88%,.301);opacity:100%;-webkit-transform:scale(1.05);transform:scale(1.05)}.cardCenter{box-shadow:3px 3px 1px 1px rgba(0,0,0,.151);margin:auto;padding:2em;width:80%}.cardCenter,.cardForm{border:1px solid hsla(0,0%,50%,.822);border-radius:20px}.cardForm{padding:1em;width:40%}.cardForm ul{list-style:decimal}.cadreFormList{border:1px solid hsla(0,0%,50%,.822);border-radius:20px;margin:1em;transition:all .6s;width:37%}.cadreFormList:hover{background-color:hsla(0,0%,50%,.158);-webkit-transform:scale(1.04);transform:scale(1.04)}.decalGauche{margin-left:2em}.galerieEdit{width:15%}.galerieContainer{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:left;margin:1em}.galerieContainer h3{width:100%}.imgViewAudit{width:25%}.imgEditAudit{width:100%}.note{color:green;font-size:large}.opacite70{opacity:70%}.pageBulle,.pageGrid{display:flex;flex-wrap:wrap;justify-content:space-around}.pageBulle{height:auto;width:100%}.questionFormClient{border-bottom:1px solid rgba(254,173,68,.239);margin-bottom:.4em}.titreFormList{font-size:xx-large;margin:auto;padding-bottom:2em;padding-top:2em;text-align:center}.enonceLigne{border-bottom:1px solid rgba(254,173,68,.369);display:inline-block;font-size:larger;text-transform:uppercase;width:50%}.valeurNote{font-weight:700;text-transform:uppercase}.containerList{min-height:50%}.pdf{height:100%;width:100%}.recherche{margin-left:1em}.form{padding:4em 2em 2em;width:50%}.form div{display:flex;flex-direction:column;height:em;justify-content:center;margin:auto auto 4em;width:100%}.form div label{color:#000;font-size:large;height:2em}.form div input{border:none;border-radius:5px;font-size:large;height:2em;transition:all .4s;width:40%}.form div input:hover{border-radius:0;height:2.1em;width:50%}.form .oeilChamp{display:flex;flex-direction:row;justify-content:flex-start}.divLogin{background:linear-gradient(270deg,#fff,hsla(0,0%,50%,.158))}.buttonUnderForm,.divLogin{display:flex;width:100%}.buttonUnderForm button{background-color:transparent;border:1px solid #b0daff;border-radius:9px;color:#000;height:2.5em;margin:.6em;transition:all .4s;width:20%}.buttonUnderForm button:hover{background-color:#b0daff;color:#000;width:27%}.imageLogin{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:slidein;animation-name:slidein;display:flex;width:50%}.imageLogin img{border-radius:50%;margin:auto;width:60%}@keyframes slidein{0%{margin-left:100%}to{margin-left:0}}@media only screen and (max-width:768px){.form{padding:4em 2em 2em;width:100%}.form div{display:flex;flex-direction:column;height:em;justify-content:center;margin:auto auto 4em;width:100%}.form div label{color:#000;font-size:large;height:2em}.form div input{border:none;font-size:large;transition:all .4s}.form div input,.form div input:hover{border-radius:5px;height:2em;width:70%}.form button{width:45%}.divLogin{height:70%}.imageLogin{display:none}.buttonUnderForm button{background-color:transparent;border:1px solid #b0daff;border-radius:9px;color:#000;height:2.5em;margin:.6em;transition:all .4s;width:50%}.buttonUnderForm button:hover{color:#000;width:50%}}.formulaire{border:1px solid rgba(0,0,0,.151);border-radius:15px;box-shadow:2px 2px 1px 1px rgba(0,0,0,.151);margin:auto;padding:1.5em;width:100%}.formulaire label{width:90%}.formulaire input{margin-bottom:1.7em;text-align:center;width:100%}.redCross{-webkit-transform:scale(.6);transform:scale(.6)}.pInline{display:flex;justify-content:space-around}.questionForm{border-top:1px solid #feae44;padding-top:1em}.select{margin-bottom:1em}.checkbox-list{-webkit-transform:scale(.8);transform:scale(.8)}.checkbox-list,.inline{align-items:center;display:flex}.inline{margin-right:15px}.questionFormClient{height:8em}.enonce{text-transform:uppercase}@media only screen and (max-width:768px){.formulaire{width:80%}.inline{align-items:center;display:flex;flex-wrap:wrap;margin-right:15px;width:90%}.questionFormClient{width:100%}.redCross{height:5em;-webkit-transform:scale(.3);transform:scale(.3)}}.loader{height:64px;left:calc(50% - 32px);-webkit-perspective:800px;perspective:800px;top:calc(50% - 32px);width:64px}.inner,.loader{border-radius:50%;position:absolute}.inner{box-sizing:border-box;height:100%;width:100%}.inner.one{-webkit-animation:rotate-one 1s linear infinite;animation:rotate-one 1s linear infinite;border-bottom:3px solid #000;left:0;top:0}.inner.two{-webkit-animation:rotate-two 1s linear infinite;animation:rotate-two 1s linear infinite;border-right:3px solid #000;right:0;top:0}.inner.three{-webkit-animation:rotate-three 1s linear infinite;animation:rotate-three 1s linear infinite;border-top:3px solid #000;bottom:0;right:0}@-webkit-keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@-webkit-keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@-webkit-keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@media only screen and (min-width:768px){.formulaire{width:50%}}.footer{background-color:#4b4e53;flex-wrap:wrap;height:100px;justify-content:space-around;padding:10px 20px}.copyright,.footer,.mentions{align-items:center;display:flex}.mentions ul{list-style:none}.mentions ul li{margin-left:20px}.copyright p,.mentions ul li a{color:#fff}.mentions__item{margin-left:auto}.employeCard{display:flex}.avatar{max-width:25%}.employeInfo{border:1px solid hsla(0,0%,50%,.822);border-radius:20px;margin:1em;padding:.8em;transition:all .5s;width:17%}.employeInfo:hover{background-color:hsla(0,0%,50%,.158);-webkit-transform:scale(1.1);transform:scale(1.1)}.redirectEmploye{margin:2em}@media only screen and (max-width:768px){.employeCard{flex-wrap:wrap}.employeInfo{margin:1em;padding:.8em;width:80%}.cardAudit,.employeInfo{border:1px solid hsla(0,0%,50%,.822);border-radius:20px;transition:none}.cardAudit{margin:auto auto 1em;padding:.5em;width:90%}.cardAudit:hover{background-color:transparent;opacity:100%;-webkit-transform:scale(1);transform:scale(1)}.enonceLigne{display:inline-block;width:35%}.pageBulle{display:flex;flex-wrap:wrap;justify-content:space-around}.bulle{display:flex;height:100px;justify-content:baseline;margin:.3em;transition:none;width:45%}.bulle h2{-webkit-transform:scale(.8);transform:scale(.8)}.cadreFormList{border:1px solid hsla(0,0%,50%,.822);border-radius:20px;display:flex;flex-wrap:wrap;height:15%;justify-content:center;margin:.4em;transition:none;width:80%}.titreFormList{align-self:baseline;margin:0;text-align:center;-webkit-transform:scale(.5);transform:scale(.5);width:100%}.pageGrid{margin-bottom:3em}.galerieEdit{width:40%}.imgViewAudit{min-width:100%}.btnPdf{margin:3em;-webkit-transform:scale(1.7);transform:scale(1.7)}.pdf{height:50%}.accueil{display:flex;flex-wrap:wrap;height:60%}.connect{display:flex;height:auto;justify-content:center;width:90%}.connect img{border-radius:50%;opacity:95%;-webkit-transform:scale(1.4);transform:scale(1.4);width:65%}.connect img,.h2ToRight{margin:0;transition:none}.h2ToRight{-webkit-animation:none;animation:none;height:20%;text-align:center}.h2ToRight h2{-webkit-transform:scale(.6);transform:scale(.6)}.h2ToRight:hover{-webkit-transform:scale(1);transform:scale(1)}.lienConnect{margin-top:1em;text-align:center}.pc{display:none}.mobile{display:block}.lien{color:#000}.explicationL,.explicationR{display:flex;flex-wrap:wrap;width:100%}.explicationL span,.explicationR span{margin:auto;padding:.5em;width:100%}.explicationL img,.explicationR img{display:none;width:0}.explicationL .text1,.explicationL .text2,.explicationR .text1,.explicationR .text2{opacity:95%;width:100%}.explicationR{background:linear-gradient(90deg,#fdedc9,#dedcd7)}.imgL{margin-right:0}.imgR{margin-left:0}.imgAccueil{display:none}.header{display:flex}.header .divLogo{width:75%}.header .divLogo img{margin:.6em;-webkit-transform:scale(.7);transform:scale(.7)}.header .logoHead{display:flex;justify-content:flex-end;width:25%}.header .logoHead .logout{margin:.2em;-webkit-transform:scale(.2);transform:scale(.2)}.retour{margin:0;-webkit-transform:scale(.5);transform:scale(.5)}.home .containerHome{display:flex;flex-wrap:wrap;justify-content:space-around;min-height:50%}.home .lienHome1,.home .lienHome2,.home .lienHome3{border:1px solid hsla(0,0%,50%,.822);border-radius:15px;display:flex;flex-wrap:wrap;font-size:large;height:29%;margin:1em;width:85%}.home .lienHome1 .divImg,.home .lienHome2 .divImg,.home .lienHome3 .divImg{height:30%;margin-top:0;width:60%}.home .lienHome1 .divImg img,.home .lienHome2 .divImg img,.home .lienHome3 .divImg img{border-radius:40%;margin:0 auto auto;-webkit-transform:scale(.35);transform:scale(.35);width:100%}.home .lienHome1 h2,.home .lienHome2 h2,.home .lienHome3 h2{-webkit-transform:scale(.8);transform:scale(.8)}}.QSE-Text{text-align:center}.cart-container{background:linear-gradient(90deg,#fdedc9,#dedcd7);display:flex;flex-wrap:wrap;padding-bottom:2em;text-align:center;width:100%}.cart-container h2{margin:auto;padding-bottom:2em;padding-top:2em;-webkit-transform:scale(1.4);transform:scale(1.4);width:100%}.cart-container .textStripe{font-size:larger;width:49%}.cart-container .textStripe p{margin:auto;padding:1.5em;width:75%}.cart-container .Stripe{text-align:center;-webkit-transform:scale(1.2);transform:scale(1.2);width:49%}.home-cart{background-color:gray}