.banner{height:50vh;min-height:256px;max-height:512px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden}.banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}ul.list_brand{display:flex;justify-content:center}ul.list_brand li{flex:1;padding:20px;display:flex;justify-content:center}ul.list_brand li a{flex:1;display:flex;align-items:center;max-width:196px;border:2px solid var(--primary-color);background:var(--color-white);padding:20px;border-radius:20px;transition:.3s ease}ul.list_brand li a img{display:block;max-width:100%;height:auto}ul.list_brand li a:hover{border-color:var(--secondary-color);background:var(--secondary-color)}ul.list_brand li a:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2603%) hue-rotate(100deg) brightness(123%) contrast(100%)}@media all and (max-width: 992px){ul.list_brand li{padding:10px}}@media all and (max-width: 768px){ul.list_brand{flex-wrap:wrap}ul.list_brand li{flex-basis:33.3333333333%}}@media all and (max-width: 500px){ul.list_brand li{flex-basis:50%}}.car{display:flex !important;flex-direction:column;width:auto !important;background:var(--color-white);border-radius:20px;overflow:hidden;padding:20px;box-shadow:0px 0px 40px 10px rgba(var(--color-black-rgb), 0.1)}.car figure{margin:-20px -20px 20px}.car h3{font-size:18px;font-weight:900;text-align:center;margin-bottom:10px}.car p{font-weight:700;text-align:center;margin-bottom:10px}.car ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px}.car ul li{margin:0 auto;display:flex;align-items:center;text-align:center;padding:5px}.car ul li .material-icons,.car ul li .material-symbols-rounded{font-size:18px;color:var(--secondary-color);margin-right:5px}.car strong{display:block;text-align:center;margin:10px 0;font-size:24px;font-size:900;color:var(--secondary-color)}.car .btn{display:flex;margin-top:auto}.onglets{display:flex;justify-content:center;overflow:hidden;padding:0 40px;padding-top:20px}.onglets li{flex:1;flex-grow:0;flex-basis:auto;padding:0 10px}.onglets li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:5px 40px;font-size:18px;line-height:1;text-transform:uppercase;transition:.2s ease;border-top-left-radius:10px;border-top-right-radius:10px;color:var(--color-white);background:var(--primary-color);box-shadow:0px 0px 18px 2px rgba(var(--color-black-rgb), 0.1)}.onglets li a:hover{text-decoration:none;opacity:.75}.onglets li a.active{font-weight:700;background:var(--color-white);color:var(--primary-color)}.tab-content{padding:40px;background:var(--color-white);box-shadow:0px 0px 32px 8px rgba(var(--color-black-rgb), 0.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.tab-content .onglet_content{display:none;overflow:hidden}.tab-content .onglet_content.active{display:block}@media all and (max-width: 992px){.onglets li a{padding:0 20px;font-size:16px}.onglets li a span:first-child{display:none}}@media all and (max-width: 768px){.onglets{padding-left:20px !important;padding-right:20px !important}}@media all and (max-width: 500px){.onglets li{flex:1;padding:0 5px}.onglets li a{padding:0 10px;font-size:14px}.tab-content{padding:40px 20px}}#content{padding-bottom:80px}#content:not(:has(.banner)){padding-top:80px}#content:has(.details){background:var(--color-white)}#content .banner{background-image:url(../img/banner/default.jpg)}#content #search{padding-bottom:80px;margin-top:-70px;position:relative;z-index:1}#content h1{font-size:clamp(36px,5vw,48px);font-weight:900;text-align:center;margin-bottom:40px}#content ul.list_car{display:flex;flex-wrap:wrap;margin:0 -20px}#content ul.list_car>li{flex:1;flex-grow:0;flex-basis:25%;padding:0 20px;margin-bottom:40px;min-width:0}#content .pagination{margin-top:80px}#content .details{margin:40px -20px 60px}#content .details>div:has(#carousel){max-width:740px}#content .details #carousel{position:sticky;top:173px;left:0}#content .details #carousel .carousel-inner{border-radius:20px;box-shadow:0px 0px 32px 8px rgba(var(--color-black-rgb), 0.1);margin-bottom:5px}#content .details #carousel .carousel-indicators{position:static;width:auto;margin:0;left:0;display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -5px}#content .details #carousel .carousel-indicators li{flex:1;flex-grow:0;flex-basis:calc(20% - 10px);height:auto;margin:5px;border-radius:0;text-indent:initial;border-radius:5px;border-width:2px;border-color:transparent;overflow:hidden}#content .details #carousel .carousel-indicators li img{display:block;width:100%;height:100%;object-fit:cover}#content .details #carousel .carousel-indicators li.active{border-color:var(--secondary-color)}#content .details h1{text-align:left;margin:0}#content .details h2{font-size:clamp(24px,5vw,36px);font-weight:400}#content .details a.btn{margin:10px 0}#content .details a.btn:first-of-type{margin-right:10px}#content .details ul.onglets{margin:0 -10px;justify-content:flex-start;position:static;padding-left:0 !important;padding-right:0 !important}#content .details ul.list-infos{margin:0 -20px;columns:2}#content .details ul.list-infos>li{display:flex;justify-content:flex-start;text-align:right;font-weight:700;padding:0 20px;break-inside:avoid;line-height:1.4;margin-bottom:10px}#content .details ul.list-infos>li .label{flex:1;flex-basis:128px;text-transform:uppercase;font-weight:400;text-align:left;padding-right:20px}#content .details .tab-content:has(strong.price){text-align:center}#content .details .tab-content strong.price{display:inline-block;font-size:clamp(18px,2vw,24px);font-weight:700;color:var(--color-white);background:var(--secondary-color);border-radius:10px;padding:5px 20px;margin-top:20px}#content>.container>h2{font-weight:700;font-size:clamp(24px,5vw,36px);text-align:center;margin-bottom:30px}#content .list_same-car{margin:0 -20px}#content .list_same-car>.slick-list{padding:40px}#content .list_same-car>.slick-list .car{margin:0 10px}@media all and (max-width: 1200px){#content .details #carousel{top:123px}#content ul.list_car>li{flex-basis:33.3333333333%}}@media all and (max-width: 992px){#content #search{padding-bottom:50px}#content h1{margin-bottom:30px}}@media all and (max-width: 768px){#content ul.list_car>li{flex-basis:50%}}@media all and (max-width: 500px){#content ul.list_car>li{flex-basis:100%}#content .details ul.onglets{margin:0 -5px}#content .details ul.list-infos{columns:1}}