@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:#fff;font-size:1.6rem;line-height:1.6}h1,h2,h3{font-weight:700;font-family:Inter,sans-serif;color:#111}a{text-decoration:none;color:inherit}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:100%}header{position:fixed;top:0;left:0;width:100%;background:#fff;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:#2a3f58 3px solid;z-index:999}header .logo_mobile{position:absolute;left:50%;transform:translate(-50%);margin-top:1rem}header .logo_mobile img{width:120px}header .logo_mobile p{font-size:.8rem;text-align:center;color:#2a3f58;margin-bottom:1rem}header .burger{background:none;border:none;font-size:2rem;margin-top:.5rem;cursor:pointer;transition:transform .3s ease;color:#2a3f58}header .appel{background:#fff;margin-bottom:1rem;font-weight:700}header .header__button{background:#fff;padding:.8rem 1rem;font-weight:700;text-decoration:none}header .header__nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:1000}header .header__nav .close-btn{position:absolute;top:2rem;left:1.7rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#2a3f58}header .header__nav.show{transform:translateY(0);opacity:1;pointer-events:auto}header .header__nav img{width:200px}header .header__nav .header__btn{background:#bf2432;color:#fff;font-size:1.5rem;border:none;border-radius:5px;padding:1rem 1.3rem;text-decoration:none}header .header__nav .header__btn:hover{background:none;color:#2a3f58;transform:none}header .header__nav a{position:relative;text-decoration:none;color:#2a3f58;font-size:2rem;font-weight:500;padding-bottom:2px;transition:color .3s ease}header .header__nav a:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#2a3f58;transition:width .3s ease}header .header__nav a:hover{color:#2a3f58}header .header__nav a:hover:after{width:100%}header .overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}header .overlay.show{opacity:.5;pointer-events:auto}header .tel_header{font-size:2rem;font-weight:500;color:#2a3f58;margin:1rem;color:#bf2432}@media screen and (min-width: 768px){header{padding:0rem 2rem}header .logo_mobile{position:static;transform:none}header .logo_mobile img{width:150px}header .logo_mobile p{font-size:1rem;text-align:center;color:#2a3f58}header .burger,header .overlay,header .close-btn{display:none}header .header__nav{position:static;flex-direction:row;justify-content:flex-end;height:auto;background:transparent;gap:2rem;opacity:1;transform:none;pointer-events:auto}header .header__nav img{display:none}header .header__nav a{color:#2a3f58;font-weight:500;font-size:1.5rem;text-decoration:none;position:relative;padding-bottom:2px;transition:color .3s ease}header .header__nav a:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#2a3f58;transition:width .3s ease}header .header__nav a:hover{color:#2a3f58}header .header__nav a:hover:after{width:100%}header .header__nav a.active{color:#bf2432}header .header__nav a.active:after{width:100%}header .tel_header{display:none}}.footer{background:#f8f8f8;padding:2rem 1rem;text-align:center}.footer__logo img{width:200px;margin:2rem}.footer__links{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.footer__links .footer__section{display:flex;flex-direction:column;gap:.8rem}.footer__links .footer__section .footer__title{font-size:2rem;font-weight:700;padding-bottom:.5rem;margin-bottom:.5rem;color:#2a3f58}.footer__links .footer__section .footer__link,.footer__links .footer__section a{position:relative;text-decoration:none;color:#2a3f58;font-size:1.2rem;padding-bottom:2px;transition:color .3s ease}.footer__links .footer__section .footer__link:hover,.footer__links .footer__section a:hover{color:#bf2432}.footer__links .footer__section .footer__link:hover:after,.footer__links .footer__section a:hover:after{width:100%}.footer__links .footer__section .footer__link.active,.footer__links .footer__section a.active{color:#bf2432}.footer__links .footer__section .footer__link.active:after,.footer__links .footer__section a.active:after{width:100%}.footer__links .footer__section .footer__text{font-size:1.2rem;color:#2a3f58}.footer__bottom{border-top:1px solid #ddd;padding-top:1rem;font-size:.8rem;color:#666}.footer__bottom .footer__powered a{color:#bf2432;text-decoration:none;font-weight:500}.footer__bottom .footer__powered a:hover{text-decoration:underline}@media (min-width: 768px){.footer{text-align:center;padding:3rem 2rem}.footer__links{flex-direction:row;justify-content:space-between;gap:3rem}.footer__logo img{margin:4rem}}.mentions{padding:2rem 1rem;max-width:900px;margin:0 auto;line-height:1.6;color:#333}.mentions h1{font-size:2rem;text-align:center;margin-bottom:2rem;color:#2a3f58}.mentions section{margin-bottom:2rem}.mentions section h2{font-size:1.25rem;margin-bottom:.75rem;color:#bf2432;border-bottom:2px solid #ddd;padding-bottom:.25rem}.mentions section p{margin-bottom:1rem;text-align:justify}.mentions section ul{margin-left:1.5rem;list-style:disc}.mentions section ul li{margin-bottom:.5rem}@media (min-width: 768px){.mentions{padding:3rem 2rem}.mentions h1{font-size:2.5rem}.mentions section h2{font-size:1.5rem}}.contact .hero_contact{padding:4rem 1rem;margin-top:1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/contact_hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact .hero_contact h1{font-size:3.6rem;margin-bottom:1rem;color:#fff;border-bottom:#bf2432 3px solid}.contact .hero_contact p{max-width:500px;font-size:1.6rem;margin:0 auto;line-height:1.6;color:#fff}.contact .hero_contact .hero_buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.contact .hero_contact .hero_buttons .contact__redbtn{background-color:#bf2432}.contact .hero_contact .hero_buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.3rem 2rem;border-radius:.5rem;font-weight:500;cursor:pointer}.contact .hero_contact .hero_buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.contact .hero_contact .hero_buttons button:hover{background-color:#495057;transition:all .3s ease}.contact .contact_form{max-width:600px;margin:0 auto 3rem}.contact .contact_form h2{margin:3.6rem;text-align:center;color:#2a3f58;font-size:3rem;border-bottom:#bf2432 3px solid}.contact .contact_form form{display:flex;flex-direction:column;gap:1rem;margin:1rem}.contact .contact_form form label{display:flex;flex-direction:column;font-weight:500;color:#2a3f58}.contact .contact_form form input,.contact .contact_form form select,.contact .contact_form form textarea{padding:.6rem;margin:.5rem 0;border:1px solid #ddd;border-radius:.5rem}.contact .contact_form form textarea{min-height:100px}.contact .contact_form form .checkbox{flex-direction:row;align-items:start;gap:.5rem;margin:1rem;font-size:1.3rem;font-weight:200}.contact .contact_form form .checkbox input{margin-top:.3rem}.contact .contact_form form .submit_btn{background:#bf2432;color:#fff;border:none;padding:1.5rem;border-radius:.5rem;cursor:pointer;font-size:1.6rem}.contact .contact_form form .submit_btn:hover{background:#2a3f58;transition:all .3s ease}.contact .contact_map{text-align:center}.contact .contact_map iframe{max-width:90%;border-radius:4rem;padding:1rem}.contact .contact_map p{margin:2rem 0;font-size:1.2rem}.contact .form__success{margin-top:1rem;color:#1e7d32;background:#e7f6e7;padding:.75rem 1rem;border-radius:6px;font-size:.95rem}.contact .form__error{margin-top:1rem;color:#b00020;background:#fdecea;padding:.75rem 1rem;border-radius:6px;font-size:.95rem}@media screen and (min-width: 768px){.contact .hero_contact h1{font-size:7rem}.contact .hero_contact p{font-size:1.9rem;max-width:700px}.contact .contact_map iframe{max-width:50%;border-radius:4rem;padding:1rem}.contact .contact_map p{margin:2rem 0;font-size:1.2rem;text-align:center}}.apropos .apropos__hero{padding:4rem 1rem;margin-top:1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/clef_1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.apropos .apropos__hero h1{font-size:3.6rem;margin-bottom:1rem;color:#fff;border-bottom:#bf2432 3px solid}.apropos .apropos__hero p{max-width:400px;font-size:1.6rem;margin:0 auto;line-height:1.6;color:#fff}.apropos .apropos__hero .apropos__buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.apropos .apropos__hero .apropos__buttons .apropos__redbtn{background-color:#bf2432}.apropos .apropos__hero .apropos__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.3rem 2rem;border-radius:.5rem;font-weight:500;cursor:pointer}.apropos .apropos__hero .apropos__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.apropos .apropos__hero .apropos__buttons button:hover{background-color:#495057;transition:all .3s ease}@media (min-width: 768px){.apropos .apropos__hero h1{font-size:8rem}.apropos .apropos__hero p{font-size:1.9rem;max-width:700px}}.apropos .apropos__content{display:flex;flex-direction:column;gap:2rem;align-items:center}.apropos .apropos__content__text,.apropos .apropos__content__image{text-align:center}.apropos .apropos__content__image img{max-width:250px;width:100%;height:auto}@media (min-width: 768px){.apropos .apropos__content{flex-direction:row;align-items:flex-start}.apropos .apropos__content__text{flex:2;text-align:left;padding-right:2rem}.apropos .apropos__content__image{flex:1;text-align:right}.apropos .apropos__content__buttons{flex-direction:row;gap:1rem}}.apropos .apropos-section1{padding:2rem 2rem 0rem;margin-top:2rem}.apropos .apropos-section1__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.apropos .apropos-section1__wrapper{flex-direction:row;align-items:center;justify-content:center;max-width:1200px}}.apropos .apropos-section1__content{display:flex;justify-content:center}.apropos .apropos-section1__text{text-align:start;flex:1}.apropos .apropos-section1__text h2{font-size:2.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.apropos .apropos-section1__text h2{font-size:3.5rem}}.apropos .apropos-section1__text p{font-size:1.6rem;line-height:1.6;margin-bottom:1rem}.apropos .apropos-section1__text .apropos-section1__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.apropos .apropos-section1__text .apropos-section1__buttons{justify-content:start}}.apropos .apropos-section1__text .apropos-section1__buttons .apropos__redbtn{background-color:#bf2432}.apropos .apropos-section1__text .apropos-section1__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;font-weight:500;cursor:pointer}.apropos .apropos-section1__text .apropos-section1__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.apropos .apropos-section1__text .apropos-section1__buttons button:hover{background-color:#495057;transition:all .3s ease}.apropos .apropos-section1__image{flex:1;text-align:center}.apropos .apropos-section1__image img{max-width:200px;width:100%;height:auto;margin-top:3rem}@media (min-width: 768px){.apropos .apropos-section1__image img{max-width:300px}}.apropos .apropos-section2{padding:2rem 2rem 0rem;margin-top:2rem}.apropos .apropos-section2__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.apropos .apropos-section2__wrapper{flex-direction:row-reverse;align-items:center;justify-content:center;max-width:1200px}}.apropos .apropos-section2__content{display:flex;justify-content:center}.apropos .apropos-section2__text{text-align:start;flex:1}.apropos .apropos-section2__text h2{font-size:2.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.apropos .apropos-section2__text h2{font-size:3rem}}.apropos .apropos-section2__text p{font-size:1.6rem;line-height:1.6;margin-bottom:1rem}.apropos .apropos-section2__text .apropos-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.apropos .apropos-section2__text .apropos-section2__buttons{justify-content:start}}.apropos .apropos-section2__text .apropos-section2__buttons .apropos__redbtn{background-color:#bf2432}.apropos .apropos-section2__text .apropos-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;font-weight:500;cursor:pointer}.apropos .apropos-section2__text .apropos-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.apropos .apropos-section2__text .apropos-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.apropos .apropos-section2__image{flex:1;text-align:center}.apropos .apropos-section2__image iframe{max-width:100%;width:100%;border-radius:1rem}.apropos .artisan{margin:2rem 0;padding:2rem 1rem;font-size:1.2rem;text-align:center;color:#2a3f58}.tarifs .hero_tarifs{text-align:center;padding:4rem 1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/tarifs.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.tarifs .hero_tarifs h1{font-size:3rem;margin-bottom:1rem;border-bottom:3px solid #bf2432;color:#fff}.tarifs .hero_tarifs p{font-size:1.6rem;margin:0 auto;line-height:1.6}.tarifs .hero_tarifs .hero_buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.tarifs .hero_tarifs .hero_buttons .tarif__redbtn{background-color:#bf2432}.tarifs .hero_tarifs .hero_buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.3rem 1.5rem;border-radius:.5rem;cursor:pointer}.tarifs .hero_tarifs .hero_buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.tarifs .hero_tarifs .hero_buttons button:hover{background-color:#495057;transition:all .3s ease}@media (min-width: 768px){.tarifs .hero_tarifs h1{font-size:7rem}.tarifs .hero_tarifs p{font-size:1.9rem;max-width:900px}}.tarifs .tarifs-section1{padding:2rem 2rem 0rem;margin-top:2rem}.tarifs .tarifs-section1__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.tarifs .tarifs-section1__wrapper{flex-direction:row;align-items:center;justify-content:center;max-width:1200px}}.tarifs .tarifs-section1__content{display:flex;justify-content:center}.tarifs .tarifs-section1__text{text-align:start;flex:1}.tarifs .tarifs-section1__text h2{font-size:3.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.tarifs .tarifs-section1__text h2{font-size:3.8rem}}.tarifs .tarifs-section1__text p{font-size:1.6rem;line-height:1.6;margin-bottom:1rem}.tarifs .tarifs-section1__text ul{list-style-type:disc;margin-left:2rem;font-size:1.4rem;line-height:1.6;margin-bottom:1rem}.tarifs .tarifs-section1__text ul li{padding:.8rem 0}.tarifs .tarifs-section1__text .tarifs-section1__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.tarifs .tarifs-section1__text .tarifs-section1__buttons{justify-content:start}}.tarifs .tarifs-section1__text .tarifs-section1__buttons .tarif__redbtn{background-color:#bf2432}.tarifs .tarifs-section1__text .tarifs-section1__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;font-size:1.5rem;font-weight:500;cursor:pointer}.tarifs .tarifs-section1__text .tarifs-section1__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.tarifs .tarifs-section1__text .tarifs-section1__buttons button:hover{background-color:#495057;transition:all .3s ease}.tarifs .tarifs-section1__image{flex:1;text-align:center}.tarifs .tarifs-section1__image img{max-width:350px;width:100%;height:auto;border-radius:1rem}.tarifs .tarifs-section2{padding:2rem 2rem 0rem;margin-top:2rem}.tarifs .tarifs-section2__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.tarifs .tarifs-section2__wrapper{flex-direction:row-reverse;align-items:center;justify-content:center;max-width:1200px}}.tarifs .tarifs-section2__content{display:flex;justify-content:center}.tarifs .tarifs-section2__text{text-align:start;flex:1}.tarifs .tarifs-section2__text h2{font-size:3.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.tarifs .tarifs-section2__text h2{font-size:3.8rem}}.tarifs .tarifs-section2__text p{font-size:1.6rem;line-height:1.6;margin-bottom:1rem}.tarifs .tarifs-section2__text ul{list-style-type:disc;margin-left:2rem;font-size:1.5rem;line-height:1.6;margin-bottom:2rem}.tarifs .tarifs-section2__text .tarifs-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.tarifs .tarifs-section2__text .tarifs-section2__buttons{justify-content:start}}.tarifs .tarifs-section2__text .tarifs-section2__buttons .tarif__redbtn{background-color:#bf2432}.tarifs .tarifs-section2__text .tarifs-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;font-weight:500;cursor:pointer}.tarifs .tarifs-section2__text .tarifs-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.tarifs .tarifs-section2__text .tarifs-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.tarifs .tarifs-section2__image{flex:1;text-align:center}.tarifs .tarifs-section2__image img{max-width:350px;width:100%;height:auto;border-radius:1rem}.tarifs .artisan{margin:2rem 0;padding:2rem 1rem;font-size:1.2rem;text-align:center;color:#2a3f58}.avis{padding:6rem 1.5rem 0rem;background:#fff;text-align:center;overflow:hidden}.avis__title{font-size:3.2rem;margin-bottom:2.5rem;color:#2a3f58;font-weight:600}.avis__list{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:2rem}@media (min-width: 768px){.avis__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;overflow:visible;scroll-snap-type:none;margin:0 5rem}}.avis__card{flex:0 0 85%;scroll-snap-align:center;background:#fff;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 8px 20px #0000000d;border:1px solid #eee;transition:transform .3s ease}.avis__card:hover{transform:translateY(-5px)}@media (min-width: 768px){.avis__card{flex:none}}.avis__google{display:flex;justify-content:end;align-items:center;gap:1rem;margin-bottom:1rem}.avis__google img{width:20px;height:20px;border-radius:50%;object-fit:cover}.avis__stars{color:#f2b01e;font-size:1.5rem;margin-bottom:1rem}.avis__commentaire{font-size:1.4rem;color:#555;margin-bottom:1rem;line-height:1.5}.avis__nom{font-weight:600;color:#222;font-size:1.3rem}.avis .avis_ville{font-size:1rem;color:#888;margin-top:.25rem}.contact_info{display:flex;flex-direction:column;text-align:center;font-weight:600}.contact_info .contact1,.contact_info .contact3{background-color:#bf2432;width:100%;padding:4rem;font-size:1.8rem;color:#fff}.contact_info .contact2{background-color:#2a3f58;width:100%;padding:4rem;font-size:2.2rem;color:#fff}@media screen and (min-width: 768px){.contact_info{flex-direction:row}.contact1,.contact2,.contact3{width:33.33%}}.serrurerie .serrurerie__hero{padding:4rem 1rem;margin-top:1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/clef_1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.serrurerie .serrurerie__hero h1{font-size:3.2rem;margin-bottom:1rem;color:#fff;border-bottom:#bf2432 3px solid}.serrurerie .serrurerie__hero p{max-width:300px;font-size:1.6rem;margin:0 auto;line-height:1.6;color:#fff}.serrurerie .serrurerie__hero .serrurerie__buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.serrurerie .serrurerie__hero .serrurerie__buttons .serrurerie__redbtn{background-color:#bf2432}.serrurerie .serrurerie__hero .serrurerie__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.5rem 3rem;border-radius:.5rem;font-size:1.6rem;font-weight:500;cursor:pointer}.serrurerie .serrurerie__hero .serrurerie__buttons button a{color:#fff;text-decoration:none;letter-spacing:.5px}.serrurerie .serrurerie__hero .serrurerie__buttons button:hover{background-color:#495057;transition:all .3s ease}@media (min-width: 768px){.serrurerie .serrurerie__hero h1{font-size:7rem}.serrurerie .serrurerie__hero p{font-size:1.8rem;max-width:800px}}.serrurerie .serrurerie-section1{padding:2rem 2rem 0rem;margin-top:2rem}.serrurerie .serrurerie-section1__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.serrurerie .serrurerie-section1__wrapper{flex-direction:row;align-items:center;justify-content:center;max-width:1200px}}.serrurerie .serrurerie-section1__content{display:flex;justify-content:center}.serrurerie .serrurerie-section1__text{text-align:start;flex:1}.serrurerie .serrurerie-section1__text h2{font-size:2.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.serrurerie .serrurerie-section1__text h2{font-size:4rem}}.serrurerie .serrurerie-section1__text p{font-size:1.6rem;margin-bottom:1rem}.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons{justify-content:start}}.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons .serrurerie__redbtn,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons .serrurerie__redbtn{background-color:#bf2432}.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons button,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;cursor:pointer}.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons button a,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.serrurerie .serrurerie-section1__text .serrurerie-section1__buttons button:hover,.serrurerie .serrurerie-section1__text .serrurerie-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.serrurerie .serrurerie-section1__image{flex:1;text-align:center}.serrurerie .serrurerie-section1__image img{max-width:450px;width:100%;height:auto;border-radius:1rem}.serrurerie .serrurerie-section2{padding:2rem 2rem 0rem;margin-top:2rem}.serrurerie .serrurerie-section2__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.serrurerie .serrurerie-section2__wrapper{flex-direction:row-reverse;margin-bottom:2rem;align-items:center;justify-content:center;max-width:1200px}}.serrurerie .serrurerie-section2__content{display:flex;justify-content:center}.serrurerie .serrurerie-section2__text{text-align:start;flex:1}.serrurerie .serrurerie-section2__text h2{font-size:2.3rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.serrurerie .serrurerie-section2__text h2{font-size:3rem}}.serrurerie .serrurerie-section2__text p{font-size:1.6rem;margin-bottom:1rem}.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons{justify-content:start}}.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons .serrurerie__redbtn,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons .serrurerie__redbtn{background-color:#bf2432}.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons button,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 3rem;border-radius:.5rem;cursor:pointer}.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons button a,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.serrurerie .serrurerie-section2__text .serrurerie-section1__buttons button:hover,.serrurerie .serrurerie-section2__text .serrurerie-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.serrurerie .serrurerie-section2__image{flex:1;text-align:center;margin-bottom:2rem}.serrurerie .serrurerie-section2__image img{max-width:400px;width:100%;height:auto;border-radius:1rem}.serrurerie .artisan{margin:2rem 0;padding:2rem 1rem;font-size:1.2rem;text-align:center;color:#2a3f58}.faqserrurerie{padding:3rem 1rem;background-color:#eee}.faqserrurerie__content{display:flex;flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto}@media screen and (min-width: 992px){.faqserrurerie__content{flex-direction:row;align-items:center;justify-content:space-between}}.faqserrurerie__title{display:flex;align-items:center}.faqserrurerie__title h1{font-size:3.2rem;line-height:1.3;color:#2a3f58;text-align:center}.faqserrurerie__title h1 span{color:#bf2432}@media screen and (min-width: 992px){.faqserrurerie__title{flex:1}}.faqserrurerie__accordion{flex:1}.faqserrurerie__accordion .faqserrurerie__item{border-bottom:1px solid #ddd}.faqserrurerie__accordion .faqserrurerie__item.active .faqserrurerie__question{color:#bf2432}.faqserrurerie__accordion .faqserrurerie__question{width:100%;text-align:left;padding:1rem;font-size:1.5rem;color:#2a3f58;transition:color .3s ease;margin:1rem;font-weight:600;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faqserrurerie__accordion .faqserrurerie__answer{padding:0 1rem 1rem;font-size:1.3rem;color:#444}.home .home__hero{text-align:center;padding:0rem 1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/hero-acceuil.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;justify-content:center;align-items:center}.home .home__hero .container{display:flex;flex-direction:column;align-items:center;text-align:center}.home .home__hero h1{font-size:4rem;margin-bottom:1rem;color:#fff;border-bottom:3px solid #bf2432}.home .home__hero p{max-width:400px;font-size:1.6rem;margin:0 auto;line-height:1.6;color:#fff}.home .home__hero .home__buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.home .home__hero .home__buttons .home__redbtn{background-color:#bf2432}.home .home__hero .home__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.5rem 3rem;border-radius:.5rem;font-size:1.6rem;font-weight:500;cursor:pointer}.home .home__hero .home__buttons button a{color:#fff;text-decoration:none;letter-spacing:.5px}.home .home__hero .home__buttons button:hover{background-color:#495057;transition:all .3s ease}@media (min-width: 768px){.home .home__hero h1{font-size:7rem}.home .home__hero p{font-size:1.8rem;max-width:900px}}.home .heroDepannage{background-color:#2a3f58;color:#fff;padding:4rem 2rem}.home .heroDepannage .heroDepannage__content{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:3rem 1rem}@media (min-width: 992px){.home .heroDepannage .heroDepannage__content{flex-direction:row;justify-content:space-between;align-items:center}}.home .heroDepannage__left{flex:2}.home .heroDepannage__left h2{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff}@media (min-width: 768px){.home .heroDepannage__left h2{font-size:5rem}}.home .heroDepannage__left p{font-size:1.6rem;margin-bottom:2rem;max-width:500px}.home .heroDepannage__left .heroDepannage__btn{background-color:#bf2432;color:#fff;font-size:1.6rem;padding:1.5rem 4rem;border:1px solid #fff;border-radius:6px;cursor:pointer;transition:background .3s ease}.home .heroDepannage__left .heroDepannage__btn:hover{background-color:#941c27}.home .heroDepannage__right{flex:1;display:flex;flex-direction:column;gap:2rem}.home .heroDepannage__right .heroDepannage__info{display:flex;align-items:center;gap:1rem}.home .heroDepannage__right .heroDepannage__info .icon{font-size:2rem;color:#fff}.home .heroDepannage__right .heroDepannage__info h3{font-size:2.4rem;font-weight:600;color:#bf2432}@media (min-width: 768px){.home .heroDepannage__right .heroDepannage__info h3{font-size:3rem}}.home .heroDepannage__right .heroDepannage__info p{font-size:1.2rem;opacity:.9}.home .home-section1{padding:2rem 2rem 0rem;margin-top:2rem;background-color:#fff}.home .home-section1__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.home .home-section1__wrapper{flex-direction:row;align-items:center;justify-content:center;max-width:1200px}}.home .home-section1__content{display:flex;justify-content:center}.home .home-section1__text{text-align:start;flex:1}.home .home-section1__text h2{font-size:2.4rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.home .home-section1__text h2{font-size:3.2rem}}.home .home-section1__text p{font-size:1.6rem;margin-bottom:1rem}.home .home-section1__text .home-section1__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.home .home-section1__text .home-section1__buttons{justify-content:start}}.home .home-section1__text .home-section1__buttons .home__redbtn{background-color:#bf2432}.home .home-section1__text .home-section1__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;cursor:pointer}.home .home-section1__text .home-section1__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.home .home-section1__text .home-section1__buttons button:hover{background-color:#495057;transition:all .3s ease}.home .home-section1__image{flex:1;text-align:center}.home .home-section1__image img{max-width:350px;width:100%;height:auto;border-radius:1rem}.home .home-section2{margin:15rem 2rem 10rem}.home .home-section2__wrapper{display:flex;flex-direction:column;justify-content:center;gap:5rem}@media (min-width: 768px){.home .home-section2__wrapper{flex-direction:row-reverse;align-items:center;justify-content:center;gap:20rem;max-width:1200px}}.home .home-section2__content{display:flex;justify-content:center}.home .home-section2__text{text-align:start;flex:1}.home .home-section2__text h2{font-size:2.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.home .home-section2__text h2{font-size:4rem}}.home .home-section2__text p{font-size:1.6rem;margin-bottom:1rem}.home .home-section2__text .home-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.home .home-section2__text .home-section2__buttons{justify-content:start}}.home .home-section2__text .home-section2__buttons .home__redbtn{background-color:#bf2432}.home .home-section2__text .home-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;font-size:1.4rem;cursor:pointer}.home .home-section2__text .home-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.home .home-section2__text .home-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.home .home-section2__image{flex:1;text-align:center}.home .home-section2__image img{max-width:370px;width:100%;height:auto;border-radius:1rem}.home .artisan{margin:2rem 0;padding:2rem 1rem;font-size:1.2rem;text-align:center;color:#2a3f58}.electricite .electricite__hero{padding:4rem 1rem;margin-top:1rem;background-image:linear-gradient(#000000b3,#000000b3),url(/contact_hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.electricite .electricite__hero h1{font-size:3.2rem;margin-bottom:1rem;color:#fff;border-bottom:#bf2432 3px solid}.electricite .electricite__hero p{max-width:300px;font-size:1.6rem;margin:0 auto;line-height:1.6;color:#fff}.electricite .electricite__hero .electricite__buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.electricite .electricite__hero .electricite__buttons .electricite__redbtn{background-color:#bf2432}.electricite .electricite__hero .electricite__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:1.5rem 3rem;border-radius:.5rem;font-size:1.6rem;font-weight:500;cursor:pointer}.electricite .electricite__hero .electricite__buttons button a{color:#fff;text-decoration:none;letter-spacing:.5px}.electricite .electricite__hero .electricite__buttons button:hover{background-color:#495057;transition:all .3s ease}@media (min-width: 768px){.electricite .electricite__hero h1{font-size:7rem}.electricite .electricite__hero p{font-size:1.8rem;max-width:800px}}.electricite .electricite-section1{padding:2rem;margin-top:2rem}.electricite .electricite-section1__wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (min-width: 768px){.electricite .electricite-section1__wrapper{flex-direction:row;align-items:center;justify-content:center;max-width:1200px}}.electricite .electricite-section1__content{display:flex;justify-content:center}.electricite .electricite-section1__text{text-align:start;flex:1}.electricite .electricite-section1__text h2{font-size:2.6rem;margin-bottom:2rem;color:#2a3f58;border-bottom:3px solid #bf2432}@media (min-width: 768px){.electricite .electricite-section1__text h2{font-size:4rem}}.electricite .electricite-section1__text p{font-size:1.6rem;margin-bottom:1rem}.electricite .electricite-section1__text .electricite-section1__buttons,.electricite .electricite-section1__text .electricite-section2__buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:2rem}@media (min-width: 768px){.electricite .electricite-section1__text .electricite-section1__buttons,.electricite .electricite-section1__text .electricite-section2__buttons{justify-content:start}}.electricite .electricite-section1__text .electricite-section1__buttons .electricite__redbtn,.electricite .electricite-section1__text .electricite-section2__buttons .electricite__redbtn{background-color:#bf2432}.electricite .electricite-section1__text .electricite-section1__buttons button,.electricite .electricite-section1__text .electricite-section2__buttons button{background-color:#2a3f58;border:1px solid #fff;padding:2rem 4rem;border-radius:.5rem;cursor:pointer}.electricite .electricite-section1__text .electricite-section1__buttons button a,.electricite .electricite-section1__text .electricite-section2__buttons button a{color:#fff;text-decoration:none;font-size:1.6rem}.electricite .electricite-section1__text .electricite-section1__buttons button:hover,.electricite .electricite-section1__text .electricite-section2__buttons button:hover{background-color:#495057;transition:all .3s ease}.electricite .electricite-section1__image{flex:1;text-align:center}.electricite .electricite-section1__image img{max-width:450px;width:100%;height:auto;border-radius:1rem}.electricite .artisan{margin:2rem 0;padding:2rem 1rem;font-size:1.2rem;text-align:center;color:#2a3f58}.gr{margin:1rem 1rem 2rem}.gr .gr__card{max-width:760px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;overflow:hidden;display:flex;flex-direction:column}.gr .gr__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.04);background:linear-gradient(90deg,#fff9,#fafafa99)}.gr .gr__badge{font-size:.85rem;font-weight:700;color:#4285f4;padding:.25rem .6rem;border-radius:999px;background:#4285f414}.gr .gr__rating{display:flex;gap:1rem;align-items:center}.gr .gr__stars{display:flex;gap:6px}.gr .gr__star{width:15px;height:15px;fill:#f6b01e;opacity:.95}.gr .gr__meta{display:flex;flex-direction:column}.gr .gr__small{font-size:.78rem;color:#666}.gr .gr__body{padding:1.25rem}.gr .gr__text{margin:0 0 1rem;color:#222;font-size:1.4rem}.gr .gr__actions{display:flex;gap:.6rem;flex-wrap:wrap}.gr .gr__btn{padding:.6rem .9rem;border-radius:8px;font-weight:600;border:1px solid transparent;cursor:pointer;background:transparent}.gr .gr__btn--primary{background:#2a3f58;color:#fff}.gr .gr__btn--outline{background:transparent;border:1px solid rgba(0,0,0,.08);color:#111}.gr .gr__copy{position:relative}.gr .gr__copy.gr__copied:after{content:"copié";position:absolute;top:-28px;right:0;font-size:.72rem;padding:4px 8px;border-radius:6px;background:#333;color:#fff;transform:translateY(0);opacity:1}.gr .gr__foot{margin-top:1rem}.gr .gr__disclaimer{color:#777;font-size:.75rem}@media (min-width: 768px){.gr .gr__card{flex-direction:row}.gr .gr__header{flex:0 0 260px;flex-direction:column;align-items:flex-start;gap:8px}.gr .gr__body{flex:1}}
