@font-face{font-family:TitilliumWeb-Bold;src:url(/projets/TFE/assets/TitilliumWeb-Bold-CNVQhulp.eot);src:url(/projets/TFE/assets/TitilliumWeb-Bold-CNVQhulp.eot?#iefix)format("embedded-opentype"),url(/projets/TFE/assets/TitilliumWeb-Bold-DsnWMzY7.woff2)format("woff2"),url(/projets/TFE/assets/TitilliumWeb-Bold-CIGsEzam.woff)format("woff"),url(/projets/TFE/assets/TitilliumWeb-Bold-D54fKDIH.ttf)format("truetype"),url(/projets/TFE/assets/TitilliumWeb-Bold-BVui6ePt.svg#FontName)format("svg")}@font-face{font-family:TitilliumWeb-SemiBold;src:url(/projets/TFE/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot);src:url(/projets/TFE/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot?#iefix)format("embedded-opentype"),url(/projets/TFE/assets/TitilliumWeb-SemiBold-CMcCIVja.woff2)format("woff2"),url(/projets/TFE/assets/TitilliumWeb-SemiBold-B2d4RZac.woff)format("woff"),url(/projets/TFE/assets/TitilliumWeb-SemiBold-C7-vzrQt.ttf)format("truetype"),url(/projets/TFE/assets/TitilliumWeb-SemiBold-D9SfvUiu.svg#FontName)format("svg")}:root{--color-bg:#f1f1f1;--color-text:#000;--color-primary:#ff7f00;--color-secondary:#ff800099;--color-thirdly:#ff5050}html,body{background:var(--color-bg);margin:0;padding:0}section{padding:40px}h1{margin:0 0 37px;font-family:TitilliumWeb-Bold;font-size:clamp(2.188rem,.617vw + 2.072rem,2.813rem)}h2{margin:26px 0;font-family:TitilliumWeb-Bold;font-size:clamp(1.75rem,.185vw + 1.715rem,1.938rem)}h3,label,.commencer{margin:14px 0;font-family:TitilliumWeb-Bold;font-size:clamp(1.25rem,.37vw + 1.181rem,1.625rem)}h4{margin:10px 0;font-family:TitilliumWeb-SemiBold;font-size:clamp(1.125rem,.247vw + 1.079rem,1.375rem)}p,option,select,input,button,a,ul,ol{color:var(--color-text);margin:13px 0;font-family:TitilliumWeb-SemiBold;font-size:clamp(1rem,.123vw + .977rem,1.125rem)}p,span,ul,ol{max-width:700px}span{margin:12px 0 27px;display:block}.form__accueil{flex-direction:row;justify-content:center;gap:150px;display:flex}.form__elements{flex-direction:column;max-width:289px;display:flex}#typeVoiture{background-color:var(--color-secondary);color:var(--color-text);cursor:pointer;border:none;border-radius:5px;width:100%;height:41px;padding:9px 13px 10px}#MVoiture{background-color:var(--color-secondary);color:var(--color-text);cursor:pointer;box-sizing:border-box;border:none;border-radius:5px;width:100%;height:41px;padding:9px 0 10px 13px}#MVoiture::placeholder{color:var(--color-text)}.select-wrapper{width:100%;display:inline-block;position:relative}.select-wrapper:after{content:"▼";pointer-events:none;color:var(--color-text);font-size:clamp(1rem,.123vw + .977rem,1.125rem);position:absolute;top:50%;right:13px;transform:translateY(-50%)}select{appearance:none;width:100%;padding-right:36px}.voiture-check{cursor:pointer;border:none;flex-direction:row;align-items:center;gap:5px;margin:0;padding:0;display:flex}.voiture-check .check{color:var(--color-secondary);display:none}.check{margin:13px 0}.voiture-check.actif .check{display:block}#ajouterVoiture,.suppVehicule{background-color:var(--color-primary);cursor:pointer;border:none;border-radius:5px;width:fit-content;padding:9px 13px 10px;transition:all .3s ease-in-out}#ajouterVoiture:hover,.suppVehicule:hover{background-color:var(--color-secondary)}.commencer{background-color:var(--color-primary);cursor:pointer;border-radius:10px;padding:20px 16px 20px 20px;font-weight:700;text-decoration:none;position:absolute;bottom:40px;right:40px}.btnRetour{background-color:var(--color-primary);cursor:pointer;border:none;border-radius:10px 0;margin:40px;padding:10px;transition:all .3s ease-in-out}.btnRetour:hover{background-color:var(--color-secondary)}.selection__body{background:url(/projets/TFE/assets/bg-BxzDeAVY.png) 50%/cover no-repeat fixed;min-height:100vh}.selection__type{background-color:var(--color-bg);width:38.54%;padding:0}.btnLiens__container{justify-content:space-between;margin-top:40px;display:flex}.btnLiens{background-color:var(--color-primary);border-radius:10px;padding:20px;font-family:TitilliumWeb-Bold;text-decoration:none;transition:all .3s ease-in-out}.btnLiens:hover{background-color:var(--color-secondary)}.accueil__selection,.choix__types,.btnLiens__container{padding:0 40px}.voitureRendu{width:61%;position:fixed;top:50%;right:40px;transform:translateY(-50%)}.choix__types{flex-flow:wrap;justify-content:center;gap:50px;padding:0 40px;display:flex}.choix__option{border:var(--color-text) 1px solid;border-radius:10px;flex-direction:column;align-items:center;width:50%;max-width:198px;margin:0;padding:10px 10px 0;text-decoration:none;transition:all .3s ease-in-out;display:flex}.choix__option:hover{background-color:var(--color-secondary)}.parties__body{background:url(/projets/TFE/assets/bg-BxzDeAVY.png) 50%/cover no-repeat fixed;min-height:100vh}.btnRetour__Parties{background-color:var(--color-primary);cursor:pointer;border:none;border-radius:10px 0;padding:10px;transition:all .3s ease-in-out}.accueil__parties{background-color:var(--color-bg);align-items:center;gap:40px;height:fit-content;display:flex}.accueil__parties h1{margin:0}.h2__parties{color:var(--color-bg);max-width:400px;margin:26px 40px}.modeleInteractif{justify-self:center;display:flex;position:relative}.btnsModel{width:fit-content;margin:0 auto;position:relative}.boutonInfoA,.boutonInfoB,.boutonInfoC,.boutonInfoD,.boutonInfoE,.boutonInfoF,.boutonInfoG{background-color:var(--color-bg);cursor:pointer;z-index:10;border:none;border-radius:35px;flex-direction:row;align-items:center;gap:15px;width:43px;height:70px;padding:0 0 0 27px;text-decoration:none;transition:width .3s;display:flex;position:absolute;overflow:hidden}.boutonInfoA{top:46%;left:22%}.boutonInfoB{top:75%;left:41%}.boutonInfoC{top:52%;left:60%}.boutonInfoD{top:71%;left:62%}.boutonInfoE{top:68%;left:83%}.boutonInfoF{top:52%;left:85%}.boutonInfoG{top:32%;left:45%}.boutonInfoA:hover{width:168px}.boutonInfoB:hover{width:163px}.boutonInfoC:hover{width:209px}.boutonInfoD:hover{width:168px}.boutonInfoE:hover{width:162px}.boutonInfoF:hover{width:212px}.boutonInfoG:hover{width:295px}.boutonInfo__txt{opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .3s}.boutonInfoA:hover .boutonInfo__txt,.boutonInfoB:hover .boutonInfo__txt,.boutonInfoC:hover .boutonInfo__txt,.boutonInfoD:hover .boutonInfo__txt,.boutonInfoE:hover .boutonInfo__txt,.boutonInfoF:hover .boutonInfo__txt,.boutonInfoG:hover .boutonInfo__txt{opacity:1;visibility:visible}.boutonInfo__svg{flex-shrink:0;width:16px;height:16px;transition:transform .3s;transform:rotate(45deg)}.boutonInfoA:hover .boutonInfo__svg,.boutonInfoB:hover .boutonInfo__svg,.boutonInfoC:hover .boutonInfo__svg,.boutonInfoD:hover .boutonInfo__svg,.boutonInfoE:hover .boutonInfo__svg,.boutonInfoF:hover .boutonInfo__svg,.boutonInfoG:hover .boutonInfo__svg{transform:rotate(0)}.moteur{padding-top:0}.select-part__container{flex-flow:wrap;justify-content:center;gap:30px;display:flex}.select-part{background:var(--color-secondary);color:var(--color-text);cursor:pointer;text-align:left;border:none;border-radius:8px;margin:0;padding:10px 14px;font-size:1rem;transition:all .3s}.select-part:hover{background:var(--color-primary)}.select-part.selected{background:var(--color-primary);color:var(--color-text)}.part{opacity:0;transition:all .3s;display:none}.part.active{opacity:1;margin-bottom:40px;display:grid}.part__h1{grid-area:1/1/2/3;justify-self:center;margin-bottom:0}.part__img{grid-area:2/1/3/2;justify-self:end;margin-right:20px}.part__img2{grid-area:2/1/6/2;place-self:center end;margin-right:20px}.part__h2{grid-area:1/2/2/3;justify-self:start;margin:0 0 0 20px}.part__txt{grid-area:2/2/3/3;align-self:center;margin:0 0 0 20px}.part__txt2{grid-area:5/2/6/3;align-self:center;margin:0 0 0 20px}.part__ul,.part__ol{grid-area:4/2/5/3;margin:0 0 27px 20px;padding:0}