@font-face{font-family:Oswald-Bold;src:url(/projets/tfe-aout/assets/Oswald-Bold-DalCsNOW.eot);src:url(/projets/tfe-aout/assets/Oswald-Bold-DalCsNOW.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-aout/assets/Oswald-Bold-CzTL01Ej.woff2)format("woff2"),url(/projets/tfe-aout/assets/Oswald-Bold-BZaZQxF4.woff)format("woff"),url(/projets/tfe-aout/assets/Oswald-Bold-BYUrm70D.ttf)format("truetype"),url(/projets/tfe-aout/assets/Oswald-Bold-BFFdPLr2.svg#FontName)format("svg")}@font-face{font-family:TitilliumWeb-SemiBold;src:url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot);src:url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-CMcCIVja.woff2)format("woff2"),url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-B2d4RZac.woff)format("woff"),url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-C7-vzrQt.ttf)format("truetype"),url(/projets/tfe-aout/assets/TitilliumWeb-SemiBold-D9SfvUiu.svg#FontName)format("svg")}@font-face{font-family:TitilliumWeb-Bold;src:url(/projets/tfe-aout/assets/TitilliumWeb-Bold-CNVQhulp.eot);src:url(/projets/tfe-aout/assets/TitilliumWeb-Bold-CNVQhulp.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-aout/assets/TitilliumWeb-Bold-DsnWMzY7.woff2)format("woff2"),url(/projets/tfe-aout/assets/TitilliumWeb-Bold-CqD3sCph.woff)format("woff"),url(/projets/tfe-aout/assets/TitilliumWeb-Bold-D54fKDIH.ttf)format("truetype"),url(/projets/tfe-aout/assets/TitilliumWeb-Bold-BVui6ePt.svg#FontName)format("svg")}:root{--color-bg:#111316;--color-textWhite:#f1f1f1;--color-textBlack:#000;--color-primary:#216dff;--color-secondary:#8d1422;--color-evidence:#ff8b64;--color-bgInfos:#131c26;--color-aVenir:#afafaf;--color-form_Nav:#1e2023;--color-actif:#5e8bff;--color-nonActif:#666}html,body{background-color:var(--color-bg);padding:0;overflow-x:hidden}html{margin:0}body{margin:90px 20px 20px}h1,h2{color:var(--color-textWhite)}h3,h4,p,label,li{color:var(--color-textWhite);max-width:700px}h1,h2,h3,.h3,.bold,#btnFiltreVoitures,#btnFiltreProblemes{font-family:Oswald-Bold}h4,p,.legend,label,input,button,select,.inputKm:after,textarea,li{font-family:TitilliumWeb-SemiBold}strong,b{color:var(--color-evidence);font-family:TitilliumWeb-Bold}h1{margin:0 0 46px;font-size:clamp(3.563rem,.432vw + 3.481rem,4rem)}h2{margin:64px 0 32px;font-size:clamp(2.5rem,.309vw + 2.442rem,2.813rem)}h3,.h3{margin:44px 0 22px;font-size:clamp(1.75rem,.185vw + 1.715rem,1.938rem)}h4,label{margin:16px 0;font-size:clamp(1.188rem,.185vw + 1.153rem,1.375rem)}p,button,textarea,ul,ol{margin:13px 0;font-size:clamp(1rem,.123vw + .977rem,1.125rem)}.legend{margin:11px 0;font-size:clamp(.813rem,.123vw + .789rem,.938rem)}button{background-color:var(--color-primary);color:var(--color-textWhite);border:var(--color-primary) 2px solid;cursor:pointer;border-radius:5px;margin-top:26px;padding:8px 13px;transition:all .3s}button:hover{background-color:var(--color-actif)}input,select{cursor:pointer;font-size:clamp(1rem,.123vw + .977rem,1.125rem)}.sectionButton{margin-top:40px}.buttonAjouter{height:fit-content;margin-bottom:0}ul,ol{padding:0}ul li{list-style-type:disc}ul li::marker{color:var(--color-textWhite);font-size:1em}ol li::marker{color:var(--color-textWhite);font-size:1em}span{margin:13px 0;display:block}.btnRetour{margin:0 0 13px}img{width:100%;max-width:300px}#bienvenue{max-width:100%}.vert{color:#0f0}.orange{color:#f90}.rouge{color:red}nav{z-index:9999;background-color:var(--color-form_Nav);height:30px;padding:20px;position:fixed;top:0;left:0;right:0}nav.actif .menu__allLinks{transform:translate(-20px)}.menu__allLinks{background-color:var(--color-form_Nav);width:calc(100vw - 40px);height:calc(100vh - 90px);padding:20px;transition:all .3s;position:relative;transform:translate(100vw)}.menu__element{flex-direction:row;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.navBar__alwaysDisplay{justify-content:space-between;display:flex}.menu__logo{width:auto;height:30px}#menu__btn{background-color:#0000;border:none;margin:0;padding:0}#menu__btn:hover{color:var(--color-actif)}.menu__img,.img__profil{width:auto;height:29px}.menu__img{filter:brightness(1000%)}.menu__account{position:absolute;bottom:20px}.menu__element:hover .menu__title,.menu__element:hover .menu__user{color:var(--color-actif)}.menu__element:hover .menu__img{filter:brightness()}.menu__element.actif .menu__title,.menu__element.actif .menu__user{color:var(--color-actif)}.menu__element.actif .menu__img{filter:brightness()}form,.form__elements{flex-direction:column;display:flex}input,select{background-color:var(--color-form_Nav);color:var(--color-textWhite);border:2px solid #0000;border-radius:5px;padding:13px}.inputKm{width:100%;position:relative}.inputKm input{padding-right:45px}.inputKm:after{content:"km";color:#ccc;pointer-events:none;font-size:14px;position:absolute;top:75%;right:12px;transform:translateY(-50%)}.inputAnnee{flex-direction:column;gap:18px;display:flex}.button__creer{background-color:var(--color-bg);border:var(--color-primary) 2px solid}.compteInfos{flex-direction:column;align-items:center;display:flex}#userName{height:45px;margin-top:22px}.creerCompte{flex-direction:column;display:flex}.image__profil{cursor:pointer;border-radius:64px;justify-content:center;align-items:center;width:113px;height:113px;display:flex;position:relative;overflow:hidden}.imageProfil{z-index:2;width:100%;position:relative}.imageProfilCompte{z-index:1;width:100%;position:relative}.bgImage{background-color:var(--color-form_Nav);opacity:1;z-index:1;transition:all .3s;position:absolute;inset:0}.bgImageCompte{background-color:var(--color-form_Nav);opacity:0;z-index:2;transition:all .3s;position:absolute;inset:0}#modifierImage{z-index:3;opacity:0;width:40px;transition:all .3s;position:absolute}.image__profil:hover #modifierImage,.image__profil:hover .bgImageCompte,.image__profil.no-image #modifierImage,.image__profil.no-image .bgImageCompte{opacity:1}.changerInfosContainer{flex-direction:row;align-items:center;gap:10px;display:flex}.changerInfos{filter:brightness(1000%);width:25px;height:25px}.bgCrayon{background-color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;width:57px;height:57px;margin:0;display:flex}.changerInfosContainer #nom,.changerInfosContainer #prenom,.changerInfosContainer #email,.changerInfosContainer #mdp{width:100%}.SupprimerCompte,.SupprimerVoiture{background-color:var(--color-secondary);border:var(--color-secondary) 2px solid}.SupprimerCompte:hover,.SupprimerVoiture:hover{background-color:var(--color-secondary);border:var(--color-secondary) 2px solid;opacity:.5}#mesVoitures__Container,.mesVoituresAjouter__Container{flex-direction:column;gap:20px;display:flex}.voiture{border:2px solid #fff;border-radius:5px;flex-direction:column;padding:20px 20px 7px;display:flex}.logoMarque{align-self:center;width:auto;height:132px}#survenance input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}#survenance{position:relative}#survenance:after{content:"";pointer-events:none;background-image:url(/projets/tfe-aout/calendar.svg);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.boutonsVoiture{flex-direction:row;gap:20px;display:flex}.fullWidth{width:100%}.monGarageFiltre,.problemesFiltre{flex-direction:column;display:flex}#filtreContainerVoitures,#filtreContainerProblemes{flex-direction:column;gap:20px;display:flex}#filtreContainerVoitures{margin-bottom:46px}#filtreContainerProblemes{margin-bottom:22px}#selectFiltreVoitures,#selectFiltreProblemes{height:fit-content}#btnFiltreVoitures,#btnFiltreProblemes{background-color:#0000;border:none;width:fit-content;margin:0}#btnFiltreProblemes{justify-self:end}.headerProblemes,.headerProblemes__boutons{flex-direction:column;display:flex}.headerProblemes__btn{height:fit-content}.problemes--flex{flex-direction:column;gap:20px;display:flex}#description{resize:none;box-sizing:border-box;background-color:var(--color-form_Nav);height:128px;color:var(--color-textWhite);border:none;border-radius:5px;padding:13px}#listeProblemes{flex-direction:column;gap:22px;display:flex}.probleme__Container{background-color:var(--color-form_Nav);border:2px solid #fff;border-radius:5px;flex-direction:column;gap:20px;padding:0 20px 20px;display:flex}.probleme__title{margin-top:20px}.calendarIcone{width:auto;height:22px}.problemeEtat__container{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;display:flex}.dateProbleme__container{flex-direction:row;align-items:center;gap:5px;display:flex}.selectEtat{width:115px}.btnSupprimer{cursor:pointer;width:19px;height:25px;transition:all .3s}.btnSupprimer:hover{opacity:.5}.recherche__result{border-bottom:1px solid var(--color-primary);padding-bottom:7px}#recherche__results li{max-width:100%}.recherche__lien{color:var(--color-textWhite);cursor:pointer;flex-direction:column;text-decoration:none;transition:all .3s;display:flex}.recherche__lien:hover{color:var(--color-actif)}.recherche__container{position:relative}.recherche__container:after{content:"";pointer-events:none;filter:brightness(1000%);background-image:url(/projets/tfe-aout/rechercheIcone.png);background-repeat:no-repeat;background-size:contain;width:27px;height:27px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#recherche__input{width:calc(100% - 30px)}.choix__types{flex-flow:wrap;justify-content:center;gap:30px;padding:0;display:flex}.choix__option{border:var(--color-text-btn) 2px solid;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:10px 10px 0;text-decoration:none;transition:all .3s ease-in-out;display:flex}.choix__option:hover{background-color:var(--color-actif)}.choix__optionImg{width:auto}.choix__option h4{color:var(--color-textBlack)}.non__actif{pointer-events:none;position:relative}.non__actif h4{color:var(--color-nonActif)}.non__actif h3{color:var(--color-aVenir);margin:22px 0;position:absolute;transform:rotate(34deg)}.non__actif img{filter:saturate(0)}.modeleInteractif{border-radius:5px;width:100%;max-width:1100px}.btnsModel,.btnsModel2{flex-direction:column;gap:20px;width:fit-content;margin:0;padding-top:0;position:relative;display:flex!important}.boutonInfoA,.boutonInfoB,.boutonInfoC,.boutonInfoD,.boutonInfoE,.boutonInfoF,.boutonInfoG{background-color:var(--color-textWhite);cursor:pointer;border:none;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%;padding:0;text-decoration:none;display:flex}.boutonInfo__txt{white-space:nowrap;color:var(--color-textBlack)}.boutonInfo__svg{display:none}.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,.freins,.temoins,.peinture,.chassis,.roues,.suspension{padding-top:40px}.infos{z-index:5000;background-color:var(--color-bgInfos);max-width:1080px;padding:30px;display:none;position:absolute;top:70px;bottom:0;right:0;overflow:hidden scroll}.boutonMoteurA,.boutonMoteurB,.boutonMoteurC,.boutonMoteurD,.boutonMoteurE,.boutonMoteurF,.boutonFreinA,.boutonFreinB,.boutonFreinC,.boutonTemoinA,.boutonTemoinB,.boutonTemoinC,.boutonPeintureA,.boutonPeintureB,.boutonChassisA,.boutonChassisB,.boutonRouesA,.boutonRouesB,.boutonRouesC,.boutonSuspensionA,.boutonSuspensionB{background-color:var(--color-textWhite);cursor:pointer;border:none;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:100%;margin:0;padding:0;text-decoration:none;display:flex}.boutonMoteurA:hover,.boutonMoteurB:hover,.boutonMoteurC:hover,.boutonMoteurD:hover,.boutonMoteurE:hover,.boutonMoteurF:hover,.boutonFreinA:hover,.boutonFreinB:hover,.boutonFreinC:hover,.boutonTemoinA:hover,.boutonTemoinB:hover,.boutonTemoinC:hover,.boutonPeintureA:hover,.boutonPeintureB:hover,.boutonChassisA:hover,.boutonChassisB:hover,.boutonRouesA:hover,.boutonRouesB:hover,.boutonRouesC:hover,.boutonSuspensionA:hover,.boutonSuspensionB:hover{background-color:var(--color-textWhite)}.boutonMoteurA:hover .boutonInfo__svg,.boutonMoteurB:hover .boutonInfo__svg,.boutonMoteurC:hover .boutonInfo__svg,.boutonMoteurD:hover .boutonInfo__svg,.boutonMoteurE:hover .boutonInfo__svg,.boutonMoteurF:hover .boutonInfo__svg,.boutonFreinA:hover .boutonInfo__svg,.boutonFreinB:hover .boutonInfo__svg,.boutonFreinC:hover .boutonInfo__svg,.boutonTemoinA:hover .boutonInfo__svg,.boutonTemoinB:hover .boutonInfo__svg,.boutonTemoinC:hover .boutonInfo__svg,.boutonPeintureA:hover .boutonInfo__svg,.boutonPeintureB:hover .boutonInfo__svg,.boutonChassisA:hover .boutonInfo__svg,.boutonChassisB:hover .boutonInfo__svg,.boutonRouesA:hover .boutonInfo__svg,.boutonRouesB:hover .boutonInfo__svg,.boutonRouesC:hover .boutonInfo__svg,.boutonSuspensionA:hover .boutonInfo__svg,.boutonSuspensionB:hover .boutonInfo__svg{transform:rotate(0)}.part{opacity:0;transition:all .3s;display:none}.part.active,.partGrid{opacity:1;flex-direction:column;display:flex}.iconesLiquides{width:auto;height:16px}.h2--margin{margin:32px 0}.h2--noMarginTop{margin-top:0}.h3--margin{margin-left:-29px}.h3--marginNormal{margin:0 0 22px -29px}.h3--marginTop,.no--marginTop{margin-top:0}.icone__liquides{width:33px;height:33px}.liquides--flex{border:2px solid var(--color-primary);border-radius:10px;flex-direction:column;gap:13px;margin:52px 0 0;padding:12px 12px 12px 41px;display:flex}.liquidesAttention--flex{border:2px solid var(--color-primary);border-radius:10px;flex-direction:column;margin:52px 0 0;padding:12px 12px 0;display:flex}.fermerPart{border-radius:100%;align-self:end;width:fit-content;margin-top:0;padding:13px 21.5px}#Intro{opacity:1;transition:all .2s ease-in-out}#Intro.no-scroll{opacity:.05;height:calc(100vh - 280px);overflow:hidden}.image__bidon{max-width:100%;max-height:100%}.iconeListe{width:27px;height:27px}.li--flex{flex-direction:row;gap:10px;margin:26px 0;display:flex}.Entretien__container,.Diagno__container{flex-direction:column;gap:20px;display:flex}.Entretien__cart,.Diagno__cart{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:246px;margin:0;padding:0;display:flex;position:relative}.Entretien__txtContainer{z-index:20;padding:0 10px;position:absolute}.Entretien__img{z-index:10;border-radius:5px;position:relative}.Entretien__h3{transition:opacity .3s ease-in-out}.Entretien__p{display:block}.fondEntretien,.fondDiagno{background-color:var(--color-bgInfos);z-index:15;border-radius:5px;width:100%;height:100%;margin:0;padding:0;position:absolute}.Entretienpart__container,.Entretienpart{display:none}.Entretienpart.active{display:block}.entretien__card{filter:drop-shadow(4px 4px 4px #216dff);background-color:var(--color-form_Nav);border-radius:10px;width:280px;height:309px;margin:0;padding:0;position:relative}.entretien__itemNumero{text-align:center;background-color:var(--color-form_Nav);width:50px;height:50px;color:var(--color-textWhite);z-index:2;border-radius:25px;margin:5px 0 0 5px;position:absolute}.entretien__itemImg{z-index:1;border-radius:10px 10px 0 0;width:100%;max-width:374px;max-height:235px;position:absolute}.entretien__itemTxt{color:var(--color-textWhite);margin:189px 20px 0}.filter{filter:brightness(1000%);max-width:163px;left:50%;transform:translate(-50%)}.entretienCard__container{flex-direction:column;justify-self:center;gap:30px;margin-top:30px;display:flex}.temps{flex-direction:row;align-items:center;gap:10px;display:flex}.iconeEntretiens{width:31px;height:31px}.tempsBesoins{border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);flex-direction:column;padding:3px 0;display:flex}.entretien__conseil{background-color:var(--color-form_Nav);border:2px solid var(--color-primary);border-radius:10px;flex-direction:column;align-items:center;gap:5px;margin-top:30px;padding:20px;display:flex}.iconeConseil{width:25px;height:25px}@media (width>=701px){body{margin:60px 60px 60px 131px}.div--flex{justify-content:center;display:flex}form{width:623px}.sectionButton{margin-top:60px}.buttonAjouter{align-self:end}nav{background-color:var(--color-form_Nav);width:31px;height:calc(100vh - 99px);padding:20px;transition:all .3s;position:fixed;top:0;bottom:0;left:0}.menu__user{margin:0}nav:hover{width:170px}#menu__btn{display:none}.menu__logo{width:100%;height:auto}.menu__allLinks{width:100%;height:100%;padding:0 20px;transform:translate(-20px)}.menu__links{margin-top:86px;transition:all .3s}.menu__element{flex-direction:row;justify-content:left;align-items:center;gap:10px;width:fit-content;text-decoration:none;display:flex}.menu__img{width:29px;height:29px}.menu__title,.menu__user{opacity:0;white-space:nowrap;transition:all .3s}nav:hover .menu__title,nav:hover .menu__user{opacity:1}nav:hover .menu__links{margin-top:32px}.img__profil{border-radius:100%;width:29px;height:29px}.menu__account{padding-bottom:20px}.NomPrenom{flex-direction:row;justify-content:space-between;display:flex}.NomPrenomForm{width:48%}#formAjouterVoiture{grid-template-columns:repeat(2,1fr);gap:24px 40px;width:100%;max-width:1060px;display:grid}#mesVoitures__Container,.mesVoituresAjouter__Container{flex-flow:wrap}.voiture{width:256px}.inputAnnee{flex-direction:row}#annee,#mois{width:100%}.monGarageFiltre{flex-direction:row;justify-content:space-between;align-items:center}.problemesFiltre{flex-direction:row;justify-content:space-between;align-items:end}#filtreContainerVoitures,#filtreContainerProblemes{flex-direction:row}.recherche__lien{flex-direction:row;justify-content:space-between;align-items:center;gap:30px}.choix__option{width:75%;max-width:290px}.btnsModel,.btnsModel2{width:fit-content;margin:0 auto;position:relative}.boutonInfoA,.boutonInfoB,.boutonInfoC,.boutonInfoD,.boutonInfoE,.boutonInfoF,.boutonInfoG{background-color:var(--color-textWhite);cursor:pointer;z-index:10;border:none;border-radius:35px;flex-direction:row;justify-content:flex-start;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:152px}.boutonInfoB:hover{width:146px}.boutonInfoC:hover{width:162px}.boutonInfoD:hover{width:150px}.boutonInfoE:hover{width:145px}.boutonInfoF:hover{width:186px}.boutonInfoG:hover{width:260px}.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;display:block;transform:rotate(45deg)}.infos{margin-left:71px;padding:60px;top:0}.boutonMoteurA,.boutonMoteurB,.boutonMoteurC,.boutonMoteurD,.boutonMoteurE,.boutonMoteurF,.boutonFreinA,.boutonFreinB,.boutonFreinC,.boutonTemoinA,.boutonTemoinB,.boutonTemoinC,.boutonPeintureA,.boutonPeintureB,.boutonChassisA,.boutonChassisB,.boutonRouesA,.boutonRouesB,.boutonRouesC,.boutonSuspensionA,.boutonSuspensionB{background-color:var(--color-textWhite);cursor:pointer;z-index:10;border:none;border-radius:35px;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:70px;height:70px;padding:0 0 0 27px;text-decoration:none;transition:width .3s;display:flex;position:absolute;overflow:hidden}.boutonMoteurA:hover .boutonInfo__txt,.boutonMoteurB:hover .boutonInfo__txt,.boutonMoteurC:hover .boutonInfo__txt,.boutonMoteurD:hover .boutonInfo__txt,.boutonMoteurE:hover .boutonInfo__txt,.boutonMoteurF:hover .boutonInfo__txt,.boutonFreinA:hover .boutonInfo__txt,.boutonFreinB:hover .boutonInfo__txt,.boutonFreinC:hover .boutonInfo__txt,.boutonTemoinA:hover .boutonInfo__txt,.boutonTemoinB:hover .boutonInfo__txt,.boutonTemoinC:hover .boutonInfo__txt,.boutonPeintureA:hover .boutonInfo__txt,.boutonPeintureB:hover .boutonInfo__txt,.boutonChassisA:hover .boutonInfo__txt,.boutonChassisB:hover .boutonInfo__txt,.boutonRouesA:hover .boutonInfo__txt,.boutonRouesB:hover .boutonInfo__txt,.boutonRouesC:hover .boutonInfo__txt,.boutonSuspensionA:hover .boutonInfo__txt,.boutonSuspensionB:hover .boutonInfo__txt{opacity:1;visibility:visible}.boutonMoteurA{top:5%;left:40%}.boutonMoteurB{top:44%;left:52%}.boutonMoteurC{top:49%;left:13%}.boutonMoteurD{top:77%;left:42%}.boutonMoteurE{top:20%;left:62%}.boutonMoteurF{top:66%;left:62%}.boutonMoteurA:hover{width:260px}.boutonMoteurB:hover{width:195px}.boutonMoteurC:hover{width:240px}.boutonMoteurD:hover{width:265px}.boutonMoteurE:hover,.boutonMoteurF:hover{width:235px}.boutonRouesA{top:15%;left:20%}.boutonRouesB{top:45%;left:8%}.boutonRouesC{top:75%;left:42%}.boutonRouesA:hover{width:304px}.boutonRouesB:hover{width:228px}.boutonRouesC:hover{width:232px}.boutonFreinA{top:66%;left:2%}.boutonFreinB{top:37%;left:50%}.boutonFreinC{top:7%;left:5%}.boutonFreinA:hover{width:237px}.boutonFreinB:hover{width:385px}.boutonFreinC:hover{width:216px}.boutonTemoinA{top:15%;left:30%}.boutonTemoinB{top:41%;left:47%}.boutonTemoinC{top:67%;left:60%}.boutonTemoinA:hover{width:264px}.boutonTemoinB:hover{width:232px}.boutonTemoinC:hover{width:220px}.boutonPeintureA{top:10%;left:20%}.boutonPeintureB{top:65%;left:30%}.boutonPeintureA:hover{width:306px}.boutonPeintureB:hover{width:196px}.boutonChassisA{top:29%;left:34%}.boutonChassisB{top:60%;left:30%}.boutonChassisA:hover{width:212px}.boutonChassisB:hover{width:292px}.boutonSuspensionA{top:15%;left:17%}.boutonSuspensionB{top:75%;left:14%}.boutonSuspensionA:hover{width:295px}.boutonSuspensionB:hover{width:360px}.image__bidon{width:auto;max-height:263px}.liquides--flex{flex-direction:row;justify-content:space-between;align-items:start;padding:32px 32px 32px 61px}.liquidesAttention--flex{flex-direction:row;align-items:center;gap:10px;padding:6px 32px}.Entretien__container,.Diagno__container{flex-flow:wrap;justify-content:center;display:flex}.Entretien__cart,.Diagno__cart{width:fit-content;overflow:hidden}.Entretien__img{width:374px;max-width:374px;max-height:250px}.fondEntretien,.fondDiagno{z-index:15;opacity:1;background:linear-gradient(#d9d9d900,#000);transition:opacity .35s;position:absolute;inset:0}.entretien__card{width:374px;height:342px}.entretien__itemTxt{margin:247px 20px 0}.filter{max-width:235px}.Entretien__cart:after,.Diagno__cart:after{content:"";background-color:var(--color-bgInfos);opacity:0;z-index:16;border-radius:5px;transition:opacity .35s;position:absolute;inset:0}.Entretien__cart:hover:after,.Diagno__cart:hover:after{opacity:1}.Entretien__h3{opacity:1;transition:all .35s;transform:translateY(86px)}.Entretien__cart:hover .Entretien__h3,.Diagno__cart:hover .Entretien__h3{opacity:0;transform:translateY(-36px)}.Entretien__p{opacity:0;max-height:0;transition:opacity .3s,max-height .3s;overflow:hidden;transform:translateY(-50px)}.Entretien__cart:hover .Entretien__p,.Diagno__cart:hover .Entretien__p{opacity:1;max-height:200px}.buttonLink{grid-area:1/6/2/8;place-self:end}.buttonLinkBottom{grid-column:1/-1;justify-self:end}.entretienCard__container{grid-template-columns:repeat(1,1fr);max-width:1250px;display:grid}.entretien__card{justify-self:center}.tempsBesoins{flex-direction:row;justify-content:space-between}.entretien__conseil{flex-direction:row;justify-self:center;width:calc(100% - 44px);max-width:1250px}.conseil__txt{max-width:100%}}@media (width>=900px){.headerProblemes,.headerProblemes__boutons{flex-direction:row;gap:20px}.headerProblemes{justify-content:space-between}#formProblemes{width:34%}.listeProblemes__Container{width:100%}.problemes--flex{flex-direction:row;gap:80px}.probleme__Container{flex-direction:row;justify-content:space-between;display:flex}.problemeEtat__container{margin-top:20px}}@media (width>=990px){.entretienCard__container{grid-template-columns:repeat(2,1fr);justify-self:center;gap:20px;max-width:1250px;display:grid}}@media (width>=1020px){.entretienCard__container{gap:50px}}@media (width>=1250px){.Entretien__container,.Diagno__container{grid-template-columns:repeat(2,1fr);gap:20px;width:fit-content;margin:0 auto;display:grid}.part.active,.Entretienpart.active,#Intro,#mesVoitures__problemes{grid-template-columns:repeat(7,1fr);gap:20px;display:grid}.col--full{grid-column:1/8}.col--left{grid-column:1/5}.col--right{grid-column:4/8}.col__img--left{grid-column:1/4}.col__img--right{grid-column:5/8}.row--title{grid-row:1/2}.row--top{grid-row:2/3}.row--double{grid-row:2/4}.col--center{justify-self:center}.row--center{align-self:center}.row--end{align-self:end}.col--end{justify-self:end}.grid--full{grid-area:1/1/2/8}.grid--full2{grid-area:2/1/3/8}.btnsModel{align-self:center;margin:0}.row2{grid-row:3/4}.row3{grid-row:4/5}.row4{grid-row:5/6}.row5{grid-row:6/7}.row6{grid-row:7/8}.row7{grid-row:8/9}.formProblemeActuel{grid-column:1/3}.historiqueProblemes{grid-column:3/8}.stick{position:sticky;top:110px}.non__centre{align-self:start}.fermerPart{z-index:10;grid-area:1/7/2/8;place-self:start end}}@media (width>=1450px){.entretienCard__container{grid-template-columns:repeat(3,1fr)}}