body{margin:0;padding-top:3rem;font-family:system-ui;user-select:none}
button{border:none;background:none;cursor:pointer}
.navbar-dark .navbar-brand{color:#F3D06C;text-decoration:none;transition:color .3s ease}
.navbar-dark .navbar-brand:hover{color:#FFD700}
.navbar-dark .navbar-nav .nav-link{color:#F3D06C}
.navbar-logo:hover{text-decoration:none!important;opacity:.8}
.btn-green{color:#fff;background-color:#115B17;border-color:#033908}
.btn-green:hover{background-color:#003304;border-color:#6A0A14}
.btn-appel{text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:.1rem}
.btn-appel a{color:#fff;text-decoration:none;text-align:center}
.logo{max-height:2.5rem;width:179px;height:45px}
img{opacity:1;transition:opacity .6s;max-width:100%;height:auto}
.hero{position:relative;background:url(../images/bg-sos-pneus-pl.webp) center/cover no-repeat;min-height:60vh;display:flex;align-items:center;color:#fff}
.hero::after{content:"";position:absolute;inset:0;background:#00000080}
.hero .container{position:relative;z-index:2}
.bg::after{content:"";position:absolute;inset:0;background:#0000006b;z-index:1}
.bg > .container{position:relative;z-index:2}
h1,h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{color:#EA5A37}
header h1{font-size:3rem;font-weight:800;color:#E9B009}
.page-title::after,.head-title::after{content:"";display:block;width:50%;padding-top:20px;border-bottom:1px solid;margin:0 auto}
.page-title::after{border-color:#000}
.head-title::after{border-color:#fff}
.box{background:#f8f9fa;border-radius:18px;padding:30px;height:100%;box-shadow:0 10px 25px #00000014}
.section-img{margin:3rem 0;border-radius:18px;box-shadow:0 12px 30px #00000026}
.form-control:focus{outline:none;box-shadow:none}
input::placeholder{color:#aaa;opacity:1}
input:focus{outline:2px solid #007bff}
#contact-page{padding-top:0;background:#fff;margin-bottom:50px}
#contact-page .contact-form .form-group label{color:#4E4E4E;font-size:14px;font-weight:300}
.form-group .form-control{padding:7px 12px;border-color:#f2f2f2}
.validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}
#sendmessage,#errormessage{display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#sendmessage{color:green;border:1px solid green}
#errormessage{color:red;border:1px solid red}
.show{display:block}
.faq{margin-top:30px}
.faq details{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:15px}
.faq summary{font-weight:600;cursor:pointer}
.faq h2,h3{color:#0A0A0A}
.multi-carousel-container{position:relative;overflow:hidden;max-width:100%}
.multi-carousel-inner{display:flex;transition:transform .45s ease;will-change:transform}
.multi-carousel-item{flex:0 0 33.3333%;padding:6px}
.multi-carousel-item img{width:100%;height:220px;object-fit:cover;border-radius:14px;box-shadow:0 6px 16px #00000026;display:block}
.multi-carousel-control-prev,.multi-carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#000000a6;border-radius:50%;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}
.multi-carousel-control-prev::after{content:"‹";color:#fff;font-size:30px;font-weight:700}
.multi-carousel-control-next::after{content:"›";color:#fff;font-size:30px;font-weight:700}
@media (max-width: 768px) {
.hero{height:auto}
header h1{font-size:3rem;padding-top:5px;margin-top:10px}
header{padding:10px}
.multi-carousel-item{flex:0 0 100%}
}
@media (max-width: 576px) {
.hero{background-image:url(../images/bg-sos-pneus-pl.jpg);height:auto}
.bgfooter{padding-bottom:60px}
}
body{padding-top:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;margin:0;padding-top:3rem;font-family:system-ui}
.navbar-dark .navbar-brand{color:#F3D06C;text-decoration:none;transition:color .3s ease}
.navbar-dark .navbar-brand:hover{color:#FFD700}
.navbar-dark .navbar-nav .nav-link{color:#F3D06C}
.logo{max-height:2.5rem;width:179px;height:45px}
.navbar-logo:hover{text-decoration:none!important;opacity:.8}
.logo{max-height:2.5rem;width:179px;height:45px}
.content{padding-left:5rem;padding-right:5rem}
header h1{font-size:3rem;font-weight:800;color:#E9B009}
section{margin-bottom:1rem}
h2{color:#EA5A37}
.hero{position:relative;background:url(../images/bg-sos-pneus-pl.webp) center/cover no-repeat;min-height:60vh;display:flex;align-items:center;color:#fff}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}
.hero .container{position:relative;z-index:2}
.bg::after{content:"";position:absolute;inset:0;background:#0000006b;z-index:1}
.bg > .container{position:relative;z-index:2}
.bridgestone-sm,.continental-sm,.goodyear-sm,.hankook-sm,.michelin-sm,.pirelli-sm,.sm-dunlop,.uniroyal-sm{display:inline-block;background:url(../images/sprite-pneu.png) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;margin-top:5px}
.bridgestone-sm{background-position:-1px -0;width:90px;height:29px}
.continental-sm{background-position:-92px -0;width:90px;height:29px}
.goodyear-sm{background-position:-1px -30px;width:90px;height:29px}
.hankook-sm{background-position:-92px -30px;width:90px;height:29px}
.michelin-sm{background-position:-1px -60px;width:90px;height:29px}
.pirelli-sm{background-position:-92px -60px;width:90px;height:29px}
.sm-dunlop{background-position:-1px -90px;width:90px;height:29px}
.uniroyal-sm{background-position:-92px -90px;width:90px;height:29px}
.box{background:#f8f9fa;border-radius:18px;padding:30px;height:100%;box-shadow:0 10px 25px #00000014}
.section-img{margin:3rem 0;border-radius:18px;box-shadow:0 12px 30px #00000026}
.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#EA5A37}
.page-title:after{content:"";display:block;width:50%;padding-top:20px;border-bottom:1px solid #000;margin-left:auto;margin-right:auto}
.head-title:after{content:"";display:block;margin:0 auto;width:50%;padding-top:20px;border-bottom:1px solid #fff;margin-left:auto;margin-right:auto}
.box{background:#f8f9fa;border-radius:18px;padding:30px;height:100%;box-shadow:0 10px 25px #00000014}
.section-img{margin:3rem 0;border-radius:18px;box-shadow:0 12px 30px #00000026}
.fade-in{opacity:0;transform:translateY(40px);transition:.8s ease-out}
.fade-in.visible{opacity:1;transform:none}
.faq details{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:15px}
.faq summary{font-weight:600;cursor:pointer}
img{opacity:1;transition:opacity .6s;max-width:100%;height:auto}
bg-text{background-color:#ffd7b138;padding:10px}
.btn-appel{text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:.1rem}
.btn-appel a{color:#fff;text-decoration:none;text-align:center}
img{opacity:1;transition:opacity .6s;max-width:100%;height:auto}
.mt-6{margin-top:-40px}
.md-6{margin-top:-40px}
ul.ok{list-style:none;padding-left:0;margin:0 5px 10px 0}
.ok li:before{content:"\2713";position:relative;font-weight:700;font-size:120%;margin-right:10px;top:3px;color:#015100;list-style:none;padding-left:0;margin-left:0}
ol.ok-1{padding-left:0;margin-left:10px}
.ok-1 li:before{padding-left:0;margin-left:0;font-weight:700;font-size:120%;color:#015100}
ul.lien{list-style:none;padding-left:0;margin:0 5px 10px 0;font-size:18px}
.form-control:focus{box-shadow:none;outline:0 none}
#contact-page{padding-top:0;background:#fff;margin-bottom:50px}
#contact-page .contact-form .form-group label{color:#4E4E4E;font-size:14px;font-weight:300}
.form-group .form-control{padding:7px 12px;border-color:#f2f2f2;box-shadow:none}
.validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}
#sendmessage{color:green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#errormessage{color:red;display:none;border:1px solid red;text-align:left;padding:15px;font-weight:600;margin-bottom:15px}
#formulaire.cacher{display:none}
#sendmessage.show,#errormessage.show,.show{display:block}
.bd-green{color:#fff;background-color:#115B17}
.btn-green{color:#fff;background-color:#115B17;border-color:#033908}
.btn-green:hover{color:#fff;background-color:#003304;border-color:#6A0A14}
.bgfooter{background-color:#06080B;padding:30px 0;margin:0;border-top:1px solid #C7D3CF;color:#FFF}
.bgfooter a{color:#FFE500;text-decoration:none}
.bgfooter a:hover{color:#F39D00;text-decoration:none}
.call-btn{position:fixed;bottom:20px;right:20px;z-index:999}
.faq{margin-top:30px}
.faq h2,h3{color:#0A0A0A}
.faq details{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:15px}
.faq summary{font-weight:600;cursor:pointer}
@media (max-width: 768px) {
.hero{height:auto}
header h1{font-size:3rem;font-weight:800;color:#E9B009;padding-top:5px;margin-top:10px}
header{padding:10px}
}
#galerie{background:#fff;padding:50px 0}
.multi-carousel-container{position:relative;overflow:hidden;max-width:100%}
.multi-carousel-inner{display:flex;transition:transform .45s ease;will-change:transform}
.multi-carousel-item{flex:0 0 33.3333%;padding:6px}
.multi-carousel-item img{width:100%;height:220px;object-fit:cover;border-radius:14px;box-shadow:0 6px 16px #00000026;display:block}
@media (max-width: 768px) {
.hero{background:url(/images/bg-sos-pneus-pl-tablet.webp) center/cover no-repeat; min-height:auto}
.multi-carousel-item{flex:0 0 100%}
}
.multi-carousel-control-prev,.multi-carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#000000a6;border-radius:50%;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}
.multi-carousel-control-prev{left:10px}
.multi-carousel-control-next{right:10px}
.multi-carousel-control-prev::after,.multi-carousel-control-next::after{color:#fff;font-size:30px;font-weight:700}
.multi-carousel-control-prev::after{content:"‹"}
.multi-carousel-control-next::after{content:"›"}
@media (max-width: 576px) {
.hero{background:url(/images/bg-sos-pneus-pl-mobile.webp) center/cover no-repeat; height: auto;}
.bgfooter{padding-bottom:60px}
}