.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%}}#content .banner{background-image:url(../img/banner/default.jpg)}#content #search{padding-bottom:80px;margin-top:-70px;position:relative;z-index:1}#content #car_brand{padding-bottom:100px}#content #car_brand h1{font-size:clamp(36px,5vw,48px);font-weight:900;text-align:center;margin-bottom:40px}#content #list-marques{padding-bottom:120px}#content .container .lead{background:var(--secondary-color);color:var(--color-white);padding:40px;border-radius:20px;line-height:1.6;font-size:clamp(16px,2vw,20px);font-weight:700;text-align:center;margin-bottom:120px}#content .container .marque{margin-bottom:120px}#content .container .marque:last-child{margin-bottom:0}#content .container .marque h2{font-weight:700;font-size:clamp(24px,5vw,36px);text-align:center;margin-bottom:20px}#content .container .marque>figure{margin-bottom:20px}#content .container .marque>figure img{margin:0 auto}#content .container .marque .tab-content{padding:40px 20px 0}#content .container .marque .tab-content .onglet_content{overflow:visible}#content .container .marque .tab-content .onglet_content ul.list-gamme{display:flex;justify-content:center;flex-wrap:wrap}#content .container .marque .tab-content .onglet_content ul.list-gamme li{flex:1;flex-grow:0;flex-basis:25%;padding:0 20px;margin-bottom:40px}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme{text-align:center;text-decoration:none}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme figure{margin-bottom:20px}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme figure img{margin:0 auto;width:100%;height:100%;object-fit:cover;transition:.3s ease}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme h3{font-size:20px;font-weight:800;margin-bottom:10px}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme .price{display:block;font-size:20px}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme .price strong{color:var(--secondary-color);font-weight:700}#content .container .marque .tab-content .onglet_content ul.list-gamme li a.gamme:hover figure img{transform:scale(1.1)}@media all and (max-width: 992px){#content #search{padding-bottom:50px}#content #car_brand{padding-bottom:50px}#content #car_brand h1{margin-bottom:30px}#content #list-marques{padding-bottom:60px}#content .container .marque .tab-content .onglet_content ul.list-gamme li{flex-basis:33.3333333333%}}@media all and (max-width: 768px){#content .container .marque .tab-content .onglet_content ul.list-gamme li{flex-basis:50%}}@media all and (max-width: 500px){#content .container .marque .tab-content .onglet_content ul.list-gamme{display:block}}
