@charset "UTF-8";body{color:white;background-image:url("../img/vente/vente1.webp");background-size:cover;background-attachment:fixed;background-position:center center;margin:0;padding:0;}h1{text-align:center;margin-top:12rem;}.clignote{text-align:center;font-size:22px;width:85%;margin-left:auto;margin-right:auto;}.paravente{width:80%;text-align:center;font-size :18px;margin-left:auto;margin-right:auto;}.container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}.card{border:2px solid black;background-color:white;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);width:calc(25% - 10px);height:auto;margin:10px;transition:transform 0.2s;}.card:hover{transform:translateY(-5px);}.card img{display:flex;justify-content:center;align-items:center;width:100%;height:500px;border-top-left-radius:8px;border-top-right-radius:8px;}.card-body{padding:10px;}.sstitre{font-size:20px;margin-bottom:5px;color:black;}.description{margin-bottom:5px;color:black;font-size:20px;list-style-type:circle;}.price{font-weight:bold;color:red;font-size:20px;}@media screen and (max-width:1200px){.card{width:calc(25% - 10px);}}@media screen and (max-width:768px){.card{width:calc(33.33% - 10px);}}@media screen and (max-width:480px){.card{width:calc(50% - 10px);}}@media screen and (max-width:300px){.card{width:100%;margin:5px;}}