@charset "utf-8";
/* CSS Document */

#vignette-2026 {width:350px; height:342px; border-radius:5px; margin:12px 25px; box-shadow: 5px 5px 5px rgba( 100, 100, 100, 0.9),0 -1px 0 rgba( 0, 0, 0, 0); float:left;}

#vignette-bis-2026 {width:350px; height:342px; border-radius:5px; border:1px solid;
    border-color:#910000; background: linear-gradient(70deg,rgba(0, 1, 30, 0.9), rgba(1, 36, 81, 0.9),rgba(0, 0, 0, 0.9));}
	
.separateur-2026 {width: 90%;height: 1px;background: #e94f2d;margin: 2px auto;}
.localisation-2026 {font-size: 12px;color: #CCC;padding: 3px 0;}
.infos-cb-2026{color:white !important;font-size:12px !important; background:none !important;font-weight:500 !important;}
.lien-bouton-stock-2026{text-decoration:none;text-align: center;font-family: Asap Condensed;Color: White;text-shadow: 1px 1px 1px black;}
.bouton-stock-2026{width:50px;height:63px; float:left;padding-top:25px;background: linear-gradient(70deg,rgba(0, 0, 0, 0.7), rgba(128, 128, 128, 0.7),rgba(49, 49, 49, 0.7));border-radius:0 5px 0 0;}
.bouton-site-2026{width:50px;height:88px; float:left;padding-top:39px;background: linear-gradient(70deg,rgba(0, 0, 0, 0.7), rgba(128, 128, 128, 0.7),rgba(49, 49, 49, 0.7));}

#logo-client-2026 {border-bottom: 1px solid #424242;}
#logo-client-2026 a img{width:300px; height:88px; border-radius:5px 0 0 0;}

#photo-cadre-bouton-2026 {float:right;}

#titre-annonce-2026{font-style: normal; font-size: 14px; color: #CCC; font-family: 'Asap Condensed'; margin-top:3px; margin-bottom:3px; text-align: center; text-shadow: 1px 1px 1px black;}
#texte-annonce-2026{font-style: normal; font-size: 16px; color: white; font-family: 'Asap Condensed'; margin-top:7px;margin-bottom: 5px; text-align: center; text-shadow: 1px 1px 1px black;}
.offre-2026 {color: white;font-family: 'Asap Condensed', sans-serif;text-align: center;font-size: 18px;font-style: normal;text-shadow: 1px 1px 1px black;padding:1px 15px;}
.offre-prix-2026 {float: right;font-size: 16px;color: #e94f2d;font-weight: 400;font-family: 'Orbitron-M', sans-serif;}
.offre-km-2026 {float: left;color: white;font-weight: 600;font-size:14px;padding-top:3px;}
.offre-bv-2026 {float:left;font-size: 14px;padding: 3px 21px;font-weight: 600;}
.offre-annee-2026 {float:left;color: white;font-weight: 600;font-size:14px;padding-top:3px;}

#photo-cadre-2026 {width:100%;}
#photo-cadre-bis-2026 {margin:auto; width:310px; height:175px; box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.9), 0 -1px 0 rgba( 255, 255, 255, 0.4);}
.photo-cadre-photo-2026 {float:left;}
.photo-cadre-photo-2-2026 {position:relative; overflow:hidden;width:310px; height:175px;}
.photo-cadre-photo-3-2026 {position: absolute; top: 50%; transform: translateY(-50%);}
.image-vignette-P1-2026 {width: 310px;float:left;}


.photo-cadre-photo-m-2026 {float:left;}
.photo-cadre-photo-2-m-2026 {position:relative; overflow:hidden;width:98px; height:55px;border-radius: 0 8px 0 0;}
.photo-cadre-photo-3-m-2026 {position: absolute; top: 50%; transform: translateY(-50%);}

#photo-annonce-2026 {float:left; width:200px; height:112px; background-size: 200px; background-position: 50% 60%;background-repeat: no-repeat;}
#stock-client-2026 {float:left; width:50px; height:112px; background-size: 50px; background-position: 50% 50%;}

@media handheld, only screen and (max-width: 6000px), only screen and (max-device-width: 6000px){
#affichage-annonces-2026 {width: 2800px;margin:auto;}
}

@media handheld, only screen and (max-width: 2800px), only screen and (max-device-width: 2800px){
#affichage-annonces-2026 {width: 2400px;margin:auto;}
}

@media handheld, only screen and (max-width: 2400px), only screen and (max-device-width: 2400px){
#affichage-annonces-2026 {width: 2000px;margin:auto;}
}

@media handheld, only screen and (max-width: 2000px), only screen and (max-device-width: 2000px){
#affichage-annonces-2026 {width: 1600px;margin:auto;}
}

@media handheld, only screen and (max-width: 1600px), only screen and (max-device-width: 1600px){
#affichage-annonces-2026 {width: 1200px;margin:auto;}
}

@media handheld, only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){
#affichage-annonces-2026 {width: 800px;margin:auto;}
}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 800px){
#affichage-annonces-2026 {width: 360px;margin:auto;}
#affichage-annonces-2026 {padding-left: 1%;}
#vignette-2026 {margin: 12px auto;}
}