@font-face{font-family:Nexa;src:url(../../static/media/Nexa-ExtraLight.2e3441a81090afda5785.ttf)}@font-face{font-family:Nexa;font-weight:700;src:url(../../static/media/Nexa-Heavy.13e16a1c3c48dd492fa9.ttf)}:root{--background:#000;--primary:#009fe3;--secondary:#047eb3}*{box-sizing:border-box;font-family:Nexa,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#000;background-color:var(--background);color:#fff}.space-80{height:80px}section{padding:0 10vw}h2{font-size:32px;font-weight:700;margin-bottom:30px;position:relative}h2:before{background-color:#009fe3;background-color:var(--primary);border-radius:100px;bottom:-5px;content:"";height:7px;left:0;position:absolute;width:100px}h3{color:#009fe3;color:var(--primary);font-size:32px;text-transform:uppercase}p{font-size:18px;margin-bottom:10px}.popup{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100000}.popup .popup-content{background-color:#fff;border-radius:5px;padding:7vw 20px 20px;position:relative;text-align:center;width:30vw}.popup .popup-content .img-box{align-items:center;background-color:#fff;border-radius:100px;display:flex;height:10vw;justify-content:center;left:10vw;position:absolute;top:-5vw;width:10vw}.popup .popup-content .img-box img{width:35%}.popup .popup-content .img-box .loader-import{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.popup .popup-content .img-box .loader-import .circle{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:8px solid #fff;border-radius:50%;border-top-color:#009fe3;border-top:8px solid var(--primary);height:60px;width:60px}.popup .popup-content .title{color:#009fe3;color:var(--primary);font-size:24px;font-weight:700;margin-bottom:10px;margin-top:10px}.popup .popup-content p{margin-bottom:10px}.popup .popup-content p.message{margin-bottom:5px}.popup .popup-content button{margin:20px auto}.popup .popup-content button.btn{background-color:#047eb3;background-color:var(--secondary);border:none;border-radius:100px;color:#fff;font-size:18px;font-weight:500;padding:15px 30px;transition:.3s}.popup .popup-content button.btn:hover{background-color:var(--orange-btn-home-hover);cursor:pointer}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}nav{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:70px;justify-content:space-between;left:0;padding:0 60px;position:absolute;top:0;width:100vw;z-index:1000}nav .logo-box{height:35px}nav .logo-box img{height:100%}nav .menu{display:flex;gap:40px}nav .menu a{color:#fff;font-size:14px;font-weight:700;letter-spacing:2px;position:relative;text-decoration:none;text-transform:uppercase;transition:.3s}nav .menu a.active:before,nav .menu a:hover:before{background-color:var(--primary);border-radius:100px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:100%}nav .burger-menu{cursor:pointer;display:none;flex-direction:column;z-index:1001}nav .burger-bar{background-color:#fff;border-radius:4px;height:3px;margin:4px 0;transition:.3s ease-in-out;width:25px}nav .menu.open{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}nav .menu.open a{color:#fff;font-size:24px}nav .burger-menu.open .burger-bar:first-child{-webkit-transform:rotate(45deg) translate(5px,10px);transform:rotate(45deg) translate(5px,10px)}nav .burger-menu.open .burger-bar:nth-child(2){opacity:0}nav .burger-menu.open .burger-bar:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-10px);transform:rotate(-45deg) translate(5px,-10px)}@media(max-width:1024px){nav .menu{display:none}nav .burger-menu,nav .menu.open{display:flex}}header.header-home{background-image:url(../../static/media/ford-fiesta.9ca77fb8e67916f957a2.jpeg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100vw}header.header-home .background-video{height:100vh;object-fit:cover;object-position:50% 70%;width:100vw}header.header-home .title{align-items:center;bottom:75px;display:flex;flex-direction:column;left:50%;max-width:600px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90vw}header.header-home .title h1{color:#fff;font-size:4vw;text-align:center;text-transform:uppercase}header.header-home .title .logo-box{padding-top:20px;width:50%}header.header-home .title .logo-box img{width:100%}header.header-home .title .img-box{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;margin-top:30px;width:10%}header.header-home .title .img-box img{width:100%}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}header.header-home:before{background:linear-gradient(0deg,#000 40%,transparent);bottom:0;content:"";height:50vh;left:0;position:absolute;width:100%}@media(max-width:1024px){header.header-home{height:100vh;overflow:hidden}header.header-home .title{bottom:50px}header.header-home .title h1{font-size:5vw;line-height:10vw}header.header-home .title .img-box{width:8%}}@media(max-width:768px){header.header-home{height:100vh;overflow:hidden}header.header-home .title{bottom:40px}header.header-home .title h1{font-size:6vw;line-height:12vw}header.header-home .title .img-box{width:12%}}@media(max-width:480px){header.header-home{height:100vh;overflow:hidden}header.header-home .title{bottom:20px}header.header-home .title h1{font-size:7vw;line-height:14vw}header.header-home .title .img-box{width:15%}}@media(max-width:320px){header.header-home{height:100vh;overflow:hidden}header.header-home .title{bottom:15px}header.header-home .title h1{font-size:8vw;line-height:16vw}header.header-home .title .img-box{width:20%}}section.qsn{display:flex;gap:80px}section.qsn .left{align-items:center;display:flex;justify-content:flex-start;width:50%}section.qsn .left .img-box{background-image:url(../../static/media/vw-golf.457b45863e15801f4389.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;height:350px;margin:50px 50px 0 0;position:relative;width:250px}section.qsn .left .img-box:before{background-color:rgba(0,159,227,.3);content:"";height:350px;position:absolute;right:-50px;top:-50px;width:250px;z-index:-1}section.qsn .right{width:50%}section.qsn .right p{text-align:justify;width:100%}@media(max-width:1024px){section.qsn{flex-direction:column}section.qsn .left,section.qsn .right{width:100%}}.brands{display:flex;gap:10vw;height:100px;justify-content:center;width:100%}.brands img{opacity:.5;transition:.3s}.brands img:hover{opacity:1}@media(max-width:768px){.brands{gap:2vw;height:50px;margin:0 auto}}section.prestations{display:flex;gap:80px}section.prestations .left{width:50%}section.prestations .left p{text-align:justify;width:100%}section.prestations .right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;width:50%}section.prestations .right .img-box{background-image:url(../../static/media/working.87ace4e146e41b2a2299.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;height:250px;margin:0 0 50px 50px;position:relative;width:350px}section.prestations .right .img-box:before{background-color:rgba(0,159,227,.3);bottom:-50px;content:"";height:250px;left:-50px;position:absolute;width:350px;z-index:-1}@media(max-width:1024px){section.prestations{flex-direction:column}section.prestations .left,section.prestations .right{width:100%}}.slider{display:flex;gap:80px;margin-top:50px}.slider .left{background-position:50%;background-repeat:no-repeat;background-size:cover;height:400px;position:relative;width:50%}.slider .left .arrow-left,.slider .left .arrow-right{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;display:flex;height:50px;justify-content:center;left:0;position:absolute;transition:.3s;width:50px;z-index:1}.slider .left .arrow-left:hover,.slider .left .arrow-right:hover{background-color:rgba(0,0,0,.6);cursor:pointer}.slider .left .arrow-left img,.slider .left .arrow-right img{height:50%;width:50%}.slider .left .arrow-right{left:50px}.slider .right{margin:auto;width:50%}.slider .right p{margin:20px 0 30px}@media(max-width:1024px){.slider{flex-direction:column}.slider .left,.slider .right{width:100%}}.slider-bullets{display:flex;gap:20px;justify-content:center;margin-top:30px}.slider-bullets .bullet{background-color:#d2d2d2;border-radius:100px;height:12px;transition:.3s;width:12px}.slider-bullets .bullet.active,.slider-bullets .bullet:hover{background-color:var(--primary)}.slider-bullets .bullet:hover{cursor:pointer}section.actualites{background-color:#fff;color:#000;padding:80px 10vw}.card-work{background-color:#fff;border-radius:4px;height:25vw;position:relative;width:25vw}.card-work .img-box{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;height:75%;left:10px;position:absolute;top:10px;width:calc(25vw - 20px)}.card-work h3{bottom:0;font-size:1.3vw;height:25%;padding:10px 50px 0;text-align:center}.card-work .hover-filter,.card-work h3{align-items:center;display:flex;justify-content:center;left:0;position:absolute;width:100%}.card-work .hover-filter{background-color:rgba(0,0,0,.8);height:100%;opacity:0;top:0;transition:.3s}.card-work .hover-filter .plus{align-items:center;border:2px solid #fff;border-radius:100px;display:flex;height:80px;justify-content:center;width:80px}.card-work .hover-filter .plus img{height:50px;width:50px}.card-work:hover .hover-filter{cursor:pointer;opacity:1}@media(max-width:1024px){.card-work{height:80vw;width:80vw}.card-work .img-box{width:calc(80vw - 20px)}.card-work h3{font-size:5vw}}.modal{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}.modal:hover{cursor:pointer}.modal .img-box{align-items:center;display:flex;height:60vh;justify-content:center;width:50vw}.modal .img-box:hover{cursor:default}.modal .img-box img{border-radius:8px;max-height:100%;max-width:100%}section.lastwork{padding:0}section.lastwork .header{margin-bottom:50px;padding:0 10vw}@media(max-width:1024px){section.lastwork .grid-container{display:flex;flex-direction:column}}footer{align-items:center;border-top:15px solid var(--primary);display:flex;flex-direction:column;justify-content:center;margin-top:80px;padding-top:50px;position:relative}footer .logo-box{width:25%}footer .logo-box img{width:100%}footer .logo-box:nth-child(2){margin-bottom:80px}footer p{bottom:0;color:#646464;font-size:14px;position:absolute}footer p a{color:#646464;text-decoration:none}footer .ancre-top{align-items:center;background-color:var(--primary);display:flex;height:50px;justify-content:center;position:absolute;right:10vw;top:-65px;width:50px}footer .ancre-top img{height:50%;width:50%}footer .ancre-top:hover{cursor:pointer}@media(max-width:1024px){footer p{font-size:2.5vw}}header{background-position:50%;background-repeat:no-repeat;background-size:cover;height:50vh;position:relative;width:100vw}header .title{align-items:center;bottom:50%;display:flex;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}header .title h1{font-size:5vw;position:relative}header .title h1:before{background-color:var(--primary);border-radius:100px;bottom:0;content:"";height:7px;left:20%;position:absolute;width:60%}header:before{background:linear-gradient(0deg,#000 10%,transparent);bottom:-1px;content:"";height:50vh;left:0;position:absolute;width:100%}@media(max-width:1024px){header .title h1:before{bottom:-10px}}.grid-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:0 10vw;width:100vw}.grid-container .grid-item{margin:0 auto}@media(max-width:1024px){.grid-container{grid-template-columns:repeat(1,1fr)}}.primary{background-color:transparent;border:2px solid var(--primary);border-radius:100px;color:#fff;font-size:14px;font-weight:700;padding:12px 24px;text-transform:uppercase;transition:.3s}.primary img{-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);height:10px;margin-left:10px;transition:.3s}.primary:hover{background-color:var(--primary);cursor:pointer}.primary.simple img{display:none}.primary.center{align-items:center;display:flex;justify-content:center;margin:0 auto}.secondary{background-color:transparent;border:2px solid var(--primary);border-radius:100px;color:#000;font-size:14px;font-weight:700;padding:12px 24px;text-transform:uppercase;transition:.3s}.secondary img{height:10px;margin-left:10px;transition:.3s}.secondary:hover{background-color:var(--primary);color:#fff;cursor:pointer}.secondary:hover img{-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)}.secondary.simple img{display:none}.secondary.center{align-items:center;margin:0 auto}.contact-info,.secondary.center{display:flex;justify-content:center}.contact-info{margin:0 20vw}.contact-info .left,.contact-info .right{align-items:center;display:flex;flex-direction:column;padding:40px;width:50%}.contact-info .left h2:before,.contact-info .right h2:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width:768px){.contact-info{align-items:center;flex-direction:column;margin:0 auto}.contact-info .left{padding:0 0 100px}.contact-info .right{padding:0}}.contact-form{padding:0 20vw}.contact-form .form-container{background-color:#fff;color:#000;margin:5% 0;width:100%}.contact-form .form-container form{display:flex;flex-direction:column;gap:30px;padding:8%}.contact-form .form-container form .input-box{display:flex;flex-direction:column}.contact-form .form-container form .input-box label{color:#000;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.contact-form .form-container form .input-box .bot-line{border-bottom:1px solid #000;display:flex;padding:10px 0}.contact-form .form-container form .input-box .bot-line img{height:25px;margin-right:15px;width:25px}.contact-form .form-container form .input-box .bot-line input,.contact-form .form-container form .input-box .bot-line textarea{border:none;font-size:17px;line-height:25px;outline:none;width:100%}.contact-form .form-container form p.loading{background-color:#ffe5c6;border-bottom:1px solid #ffa306;border-radius:4px;color:#ffa306;font-weight:700;padding:12px 20px}.contact-form .form-container form p.success{background-color:#b5ebcc;border-bottom:1px solid #23b56a;border-radius:4px;color:#23b56a;font-weight:700;padding:12px 20px}.contact-form .form-container form p.error{background-color:#ffe3e0;border-bottom:1px solid #ff5748;border-radius:4px;color:#ff5748;font-weight:700;padding:12px 20px}@media(max-width:1024px){.contact-form{padding:10vw}}section .space{height:50px}.admin-header{align-items:center;background-color:#f1f1f1;border-radius:8px;display:flex;height:60px;justify-content:space-between;padding:0 20px}.admin-header .logo{-webkit-filter:invert(100%);filter:invert(100%);height:30px}.admin-header p.user{color:#000;font-size:16px;margin:0}.admin-header p.user span{font-weight:700}.add-form{background-color:#f1f1f1;border-radius:8px;padding:30px}.add-form form{align-items:center;color:#000;display:flex;flex-direction:column;gap:20px;justify-content:center}.add-form form #fileActualite,.add-form form #fileRealisation{display:none}.add-form form label{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#777;display:flex;font-weight:700;justify-content:center;letter-spacing:1px;padding:25% 0;text-transform:uppercase;transition:.3s;width:60%}.add-form form label:hover{border:1px solid var(--primary);color:var(--primary);cursor:pointer}.add-form form input{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#777;font-weight:700;height:40px;letter-spacing:1px;outline:none;padding:15px;text-transform:uppercase;width:60%}.add-form form input:focus,.add-form form input:hover,.add-form form input:valid{border:1px solid var(--primary)}.add-form form input::-webkit-input-placeholder{color:#777;font-weight:700;letter-spacing:1px;text-transform:uppercase}.add-form form input::placeholder{color:#777;font-weight:700;letter-spacing:1px;text-transform:uppercase}.add-form form button{background-color:var(--primary);border:none;border-radius:8px;color:#f1f1f1;font-size:14px;height:40px;text-transform:uppercase;transition:.3s;width:30%}.add-form form button:hover{background-color:var(--secondary);cursor:pointer}.edit-list{background-color:#f1f1f1;border-radius:8px;color:#000;padding:30px}.edit-list .lines{display:flex;flex-direction:column;gap:10px}.edit-list .lines .line{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.edit-list .lines .line:hover{background-color:#eee;border:1px solid var(--primary)}.edit-list .lines .line .left{align-items:center;display:flex;gap:20px}.edit-list .lines .line .left .img-box{border-radius:100px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.edit-list .lines .line .left .img-box img{height:100%}.edit-list .lines .line .left .type-car{text-transform:uppercase}.edit-list .lines .line .right{align-items:center;display:flex;gap:20px}.edit-list .lines .line .right .btn-delete,.edit-list .lines .line .right .btn-modify{background-color:#eab009;border-radius:100px;color:#fff;padding:3px 15px;transition:.3s}.edit-list .lines .line .right .btn-delete:hover,.edit-list .lines .line .right .btn-modify:hover{background-color:#f0bf2d;cursor:pointer}.edit-list .lines .line .right .btn-delete{background-color:red}.edit-list .lines .line .right .btn-delete:hover{background-color:#fe4141}.admin .background-fixed{background-attachment:fixed;background-image:url(../../static/media/background-backoffice.dcab34e95cf9745ddaa1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.admin .content{padding:30px}.admin .content .space-30{height:30px}.admin .content .title{color:#000;font-size:24px;font-weight:700;margin-bottom:30px}.admin .content .admin-grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-content:center;width:100%}.admin .content .admin-column-container{display:flex;flex-direction:column;gap:30px;width:100%}.admin .content .btn-logout{background-color:red;border-radius:8px;display:flex;justify-content:center;padding:10px 20px;transition:.3s}.admin .content .btn-logout:hover{background-color:#fe4141;cursor:pointer}.login{background-image:url(../../static/media/background-backoffice.dcab34e95cf9745ddaa1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.login,.login .container{align-items:center;display:flex;justify-content:center}.login .container{background-color:#f1f1f1;border-radius:8px;box-shadow:0 0 40px rgba(0,0,0,.4);flex-direction:column;padding:60px}.login .container .title{color:#000;font-size:36px;font-weight:700;margin-bottom:50px}.login .container .btn-signin-admin{background-color:var(--primary);border-radius:8px;padding:12px 24px;text-align:center;transition:.3s;width:100%}.login .container .btn-signin-admin:hover{background-color:var(--secondary);cursor:pointer}.login .container .error-message{background-color:rgba(255,0,0,.1);border:1px solid red;border-radius:8px;color:red;margin-top:10px;padding:12px 24px;text-align:center;width:100%}
/*# sourceMappingURL=main.3e515281.css.map*/