#nav_rub{max-width:700px;margin:0 auto 5vw;padding:10px;background:#9DBDC6;border-radius:10px}#nav_rub ul{list-style:none;display:flex;gap:1.5em;justify-content:center;flex-wrap:wrap}#nav_rub ul button{padding:0;background:0;font-size:0.8rem;font-weight:500;color:#FFF;text-transform:uppercase;border-bottom:1px solid transparent}#nav_rub ul button.active{font-weight:700;border-bottom:2px solid #F26101}#nav_rub ul button:hover{cursor:pointer;border-color:#F26101}section article{transition:0.5s ease}section article:not(:first-of-type){display:none}section article p{max-width:700px;margin:0 auto 2em;font-weight:600;text-align:center}section article ul.marques{justify-content:center}section article ul.marques li h3{font-weight:600;text-transform:uppercase}section article ul.marques li>div{border:1px solid #000;padding:5px;box-sizing:border-box;height:200px;display:flex;justify-content:center;align-items:center}section article ul.marques li>div img{max-height:188px}body.produits:not(.marques) header{height:50vh}body.produits:not(.marques) header h1{margin-top:20vh}body.produits:not(.marques) ul.pdts a img{margin:0.5em auto 0}@media screen and (max-width:1024px){ul.marques li>div img{width:188px;max-height:none}}