@font-face{font-family:Oswald-Bold;src:url(/projets/tfe-site/assets/Oswald-Bold-DalCsNOW.eot);src:url(/projets/tfe-site/assets/Oswald-Bold-DalCsNOW.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-site/assets/Oswald-Bold-CzTL01Ej.woff2)format("woff2"),url(/projets/tfe-site/assets/Oswald-Bold-BZaZQxF4.woff)format("woff"),url(/projets/tfe-site/assets/Oswald-Bold-BYUrm70D.ttf)format("truetype"),url(/projets/tfe-site/assets/Oswald-Bold-BFFdPLr2.svg#FontName)format("svg")}@font-face{font-family:TitilliumWeb-SemiBold;src:url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot);src:url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-G9l8dOQj.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-CMcCIVja.woff2)format("woff2"),url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-B2d4RZac.woff)format("woff"),url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-C7-vzrQt.ttf)format("truetype"),url(/projets/tfe-site/assets/TitilliumWeb-SemiBold-D9SfvUiu.svg#FontName)format("svg")}@font-face{font-family:TitilliumWeb-Bold;src:url(/projets/tfe-site/assets/TitilliumWeb-Bold-CNVQhulp.eot);src:url(/projets/tfe-site/assets/TitilliumWeb-Bold-CNVQhulp.eot?#iefix)format("embedded-opentype"),url(/projets/tfe-site/assets/TitilliumWeb-Bold-DsnWMzY7.woff2)format("woff2"),url(/projets/tfe-site/assets/TitilliumWeb-Bold-CqD3sCph.woff)format("woff"),url(/projets/tfe-site/assets/TitilliumWeb-Bold-D54fKDIH.ttf)format("truetype"),url(/projets/tfe-site/assets/TitilliumWeb-Bold-BVui6ePt.svg#FontName)format("svg")}:root{--color-bg:#f1f1f1;--color-NavFooter:#fff;--color-text:#000;--color-text-btn:#000;--color-primary:#ff7f00;--color-secondary:#ff800099;--color-thirdly:#4a0000;--color-bgSection:#e1e1e1}html,body{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;overflow-x:hidden}section{padding:30px;scroll-margin-top:50px}h1{color:var(--color-text);margin:0 0 46px;font-family:Oswald-Bold;font-size:clamp(3.563rem,.432vw + 3.481rem,4rem)}h2{color:var(--color-text);margin:32px 0;font-family:Oswald-Bold;font-size:clamp(2.5rem,.309vw + 2.442rem,2.813rem)}h3,.h3{color:var(--color-text);margin:22px 0;font-family:Oswald-Bold;font-size:clamp(1.75rem,.185vw + 1.715rem,1.938rem)}p,button,a,ul,ol,::placeholder{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}::placeholder{color:#00000080;margin:13px 0;font-family:TitilliumWeb-SemiBold;font-size:clamp(1rem,.123vw + .977rem,1.125rem)}span{margin:13px 0;display:block}b,strong{font-family:TitilliumWeb-Bold}.NAV,h4{color:var(--color-text);margin:16px 0;font-size:clamp(1.188rem,.185vw + 1.153rem,1.375rem);font-family:TitilliumWeb-SemiBold!important}img{justify-self:center;width:80%;display:flex}ul,ol{padding:0}ul{list-style-type:disc}.credits,.contact{margin-top:50px}.menu{background-color:var(--color-NavFooter);z-index:1550;filter:drop-shadow(0 4px 4px #4a000040);justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.menu__img{width:auto;height:40px}.menu__btn{color:var(--color-text-btn);cursor:pointer;background:0 0;border:none}.menu__elements{background-color:var(--color-NavFooter);z-index:1500;flex-direction:column;align-items:center;gap:30px;width:100%;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:50px;left:0;transform:translate(100%)}.menu__ul{flex-direction:column;gap:30px;margin:0;padding:30px 0 0;list-style:none;display:flex}.menu__li a{color:var(--color-text-btn);text-transform:uppercase;text-decoration:none}.menu--open .menu__elements{transform:translate(0)}.NAV{transition:all .3s}.NAV.active,.NAV:hover{color:var(--color-thirdly);text-decoration:underline}.decouvrir{background-color:var(--color-primary);cursor:pointer;border-radius:10px;width:fit-content;padding:8px 13px;text-decoration:none;transition:all .3s ease-in-out}.decouvrir:hover{background-color:var(--color-secondary)}header{flex-direction:column;margin:96px 0 64px;padding:0 20px;display:flex}#intro{margin:96px 0 0}header .decouvrir{align-self:center}header h2{margin-top:0}.mockups{min-height:96px;margin-top:100px;position:relative}.mockup1{z-index:10;width:60%;position:absolute;bottom:0;left:0}.mockup2{z-index:15;width:18%;position:absolute;bottom:0;left:47%}.mockup3{z-index:12;width:40%;position:absolute;bottom:0;right:0}.sideNav{display:none}.pourquoi,#problemes,#appris,#developpement,#concept,#infos{background-color:var(--color-bgSection)}#problemes{margin-bottom:-28px}.ajoutApp__card{border:2px solid var(--color-thirdly);filter:drop-shadow(4px 4px 4px #4a000040);background-color:var(--color-NavFooter);border-radius:5px;flex-direction:column;align-items:center;margin-bottom:20px;padding:26px 20px 0;display:flex}.ajoutApp__card img{width:20%;max-width:88px}.retoursUtilisateurs{background:linear-gradient(45deg,#4a0000,#ff7f00);padding:0 0 30px}.retoursUtilisateurs h2{color:var(--color-bg);padding:32px 30px 0}.commentaires__container--slider{width:100%;overflow:hidden}.commentaire__card--slider{gap:20px;width:max-content;animation:20s linear infinite slideComs;display:flex}.commentaire__card{background-color:var(--color-NavFooter);border:2px solid var(--color-primary);border-radius:5px;flex-direction:column;align-items:center;min-width:300px;padding:20px;display:flex}.commentaire__card p{text-align:center}.commentaire__etoiles{flex-direction:row;gap:20px;display:flex}.commentaire__etoile{width:24px}@keyframes slideComs{0%{transform:translate(0)}to{transform:translate(-50%)}}#decouvre{flex-direction:column;display:flex}#decouvre a{align-self:center}.contact__form,.contactForm__element{flex-direction:column;display:flex}.contactForm__element input{border:2px solid var(--color-primary);border-radius:5px;padding:13px}textarea{resize:vertical;min-height:80px;max-height:350px;font-family:inherit;font-size:inherit;border:2px solid var(--color-primary);border-radius:5px;padding:10px}.envoyer{background-color:var(--color-primary);cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:35px;padding:8px 0;transition:all .3s ease-in-out}.envoyer:hover{background-color:var(--color-secondary)}.contact a{text-decoration:none;transition:all .3s ease-in-out}.contact a:hover{color:var(--color-thirdly);text-decoration:underline}.contact__img{border-radius:5px;margin-top:17px}footer{background-color:var(--color-NavFooter);filter:drop-shadow(0 -4px 4px #4a000040);flex-direction:column;align-items:center;margin-top:28px;padding:30px 30px 0;display:flex}.footer__img{width:50%}.footer__ul{flex-direction:column;align-items:center;gap:30px;margin-top:30px;display:flex}footer a{color:var(--color-text-btn);text-transform:uppercase;text-decoration:none}.copyright{color:var(--color-text-btn)}@media (width>=701px){section{margin-top:70px;padding:40px;scroll-margin-top:70px}img{width:auto;max-width:300px;height:auto;max-height:200px}.menu{height:70px;padding:0 40px}.menu__img{height:60px}.menu__btn{display:none}.menu__elements{flex-direction:row;justify-content:space-between;gap:40px;height:70px;padding:0 0 0 50px;position:static;transform:translate(0)}.menu__ul{flex-direction:row;padding:0}.mockups{justify-self:center;width:966px;height:328px}.mockup1{max-width:572px;max-height:328px}.mockup2{max-width:116px;max-height:205px;left:51%}.mockup3{max-width:374px;max-height:186px}.sideNav{z-index:1600;background-color:var(--color-primary);border-radius:5px 0 0 5px;flex-direction:column;margin:0;padding:10px;transition:all .7s;display:flex;position:fixed;top:50%;right:0;overflow:hidden;transform:translate(80%,-50%)}.sideNav:hover{transform:translateY(-50%)}.sideNav a{color:var(--color-text-btn);background-color:var(--color-primary);white-space:nowrap;align-items:center;gap:10px;margin:0;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sideNav a .sideNav__num{text-align:right;width:25px;transition:all .3s}.sideNav a .sideNav__txt{color:#0000;transition:color .3s}.sideNav:hover a .sideNav__txt{color:var(--color-text)}.sideNav:hover a:hover .sideNav__txt,.sideNav:hover a:hover .sideNav__num,.sideNav a.active .sideNav__txt,.sideNav a.active .sideNav__num{color:var(--color-bg)}header{padding:0 40px}.ajoutApp{flex-wrap:wrap;display:flex}.ajoutApp__card{width:40%;margin:2.5%}.contactLiens{flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}footer{grid-template-columns:repeat(7,1fr);align-items:center;gap:0 20px;padding:40px 40px 0;display:grid}.footer__img{grid-area:1/1/2/2;width:100%}footer a{grid-area:1/7/2/8;justify-self:end;margin:0}.copyright{grid-area:2/1/3/-1;justify-self:center}.row--center{align-self:center}}@media (width>=1250px){section,header,.credits,#decouvre,.ajoutApp{grid-template-columns:repeat(7,1fr);gap:20px;display:grid}h1{margin-bottom:26px}h2{margin-bottom:12px}h3{margin-bottom:2px}#technologies img{max-height:120px;margin-left:20px}.col--full{grid-column:2/7}.col--left{grid-column:2/5}.col--right{grid-column:4/7}.col__img--left,.ajoutApp__cardleft{grid-column:2/4}.col__img--right{grid-column:5/7}.row--title{grid-row:1/2}.row--top{grid-row:2/3}.row--double{grid-row:2/4}.row--triple{grid-row:2/5}.col--center{justify-self:center}.col--end{justify-self:end}.col--start{justify-self:start}.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}.ajoutApp__cardmiddel{grid-column:4/6}.ajoutApp__cardmiddel2{grid-column:3/5}.ajoutApp__cardright{grid-column:5/7}.commentaires--grid{grid-column:1/-1}.ajoutApp__card{width:calc(100% - 40px);margin:0}.commentaire__card{min-width:521px}.contact__img{max-width:374px;max-height:374px}.contactLiens{flex-direction:column;align-items:flex-start;width:374px}.envoyer{align-self:center;width:fit-content;padding:8px 50px}}