@media screen and (min-width: 2500px) {
  div#centreblock {
    height: 700px; 
  }
}
@media screen and (min-width: 2900px) {
  div#centreblock {
	  background-position: center -30px;
  }
}
@media screen and (min-width: 3300px) {
  div#centreblock {
	  background-position: center -70px;
  }
}




@media (max-width: 1400px) 
{
	div#centrepageblock
	{
		width:100%;
	}
	div#centrepageblockblacnche
	{
		border-radius: 0px;
	}	
}




@media (max-width: 1200px) {
	div#centreblock 
	{
	  height: 400px; /* hauteur du bandeau */
	  background-position: center 0px;
	}
	div#centrepageblock
	{
		margin-top:60px;
	}	
	div#bandeau
	{
		margin-top:90px;
	}
	div#bandeau p.slogan
	{
		font-size:200%;
	}	
	div.car-card {
		flex-direction: column;
		width: 100%;
		margin-top:10px;
		max-height:none;
	}
	div.car-card img {
		max-width: 100%; 
	}	
	div.car-card h2 {
		text-align:center;
	  margin: 0 auto;
	}	
	div.car-card .info-row {
	  display: flex;
	  flex-direction: row;
	}		
	div.about-us-container {
	  flex-direction: column;
	}	
	div.about-us-images {
	  flex-direction: row;
	}	
	div.about-us {
	  border-radius: 0px;
	}
	.warranty-popup {
	  width: 100%; 
	}	
	.popup-content
	{
		padding: 0px;
		max-width:90%;
		max-height:80%;
	}
	.popup-list li {
		margin: 10px;
	}	
div#centrepageblockblacnche {
    width: auto;
	}	
}





@media (max-width: 900px) {
	div#centreblock 
	{
	  height: 300px; /* hauteur du bandeau */
	  background-position: center 10px;
	}
	div#centrepageblock
	{
		margin-top:40px;
	}	
	div#bandeau
	{
		margin-top:70px;
	}
	div#bandeau p.slogan
	{
		font-size:150%;
	}	
	div.services 
	{
		display: block;
	}	
	div.service-card 
	{
	  margin:0 auto;
	  margin-top:10px;
	  animation: fadeInUp 0.8s ease forwards;
	}
	div#footercontact 
	{
		display:block;
		width:100%;
	}
	div#footerlien 
	{
		display:block;
		margin-left:0px;
		width:100%;
		text-align:left;
	}
	div#footerservice 
	{
		display:block;
		margin-left:0px;
		width:100%;
		text-align:left;
	}	
  .form-container {
    flex-direction: column;
    padding: 25px;
  }
  .form-col {
min-width: 90%;
  }	
}

@media (max-width: 980px){
  .veh-specs-grid{ grid-template-columns:repeat(2,minmax(120px,1fr)); }
}
@media (max-width: 900px) {
	div#centreblock 
	{
	  height: 300px; /* hauteur du bandeau */
	  background-position: center 10px;
	}
	div#centrepageblock
	{
		margin-top:40px;
	}	
	div#bandeau
	{
		margin-top:70px;
		margin-left:10%;
	}
	div#bandeau p.slogan
	{
		font-size:150%;
	}
  .swiper-slide img {
    max-height: 320px;
  }	
   .veh-infos {
    flex-direction: column;
    align-items: center;
  }

  .veh-specs, .veh-description {
    max-width: 600px;
  } 
}

@media (max-width: 800px) {
	div.contactcellframe{
	  display: block;
	  width:100%;
	}

	/* Colonne droite (infos contact + RDV) */
	div.contactcellinfo {
	  display: block;
	  width:100%;
	}	
}

/* Responsive */
@media (max-width: 768px) {
  .veh-icon {
    width: 50px;
    height: 50px;
  }

  .veh-specs h2 {
    font-size: 1.6rem;
  }
}

@media (max-width: 720px){
  .veh-infos--dark.veh-infos{ flex-direction:column; }
  .card-dark{ min-width:unset; }
  .veh-specs-grid{ grid-template-columns:1fr; }
}

@media (max-width: 700px) {
	div#centreblock 
	{
	  height: 250px; /* hauteur du bandeau */
	  background-position: center 10px;
	}
	div#centrepageblock
	{
		margin-top:50px;
	}	
	div#bandeau
	{
		margin-top:60px;
		margin-left:5%;
	}
	div#bandeau p.slogan
	{
		font-size:100%;
	}		
}

@media (max-width: 600px) {
	div#centrepageblockblacnche h2.titrepage,
	h2.titrepage,
	h1.titrepage
	{
	  margin-left:10px;
	}
	div.bartitre
	{
		margin-left:10px;
	}	
	div.blockbientotvendu
	{
		width:100%;
		display:table;
	}
	div.blockbientot
	{
		width:100%;
		display:table-row;
		overflow:visible;
	}
	div.blockvendu
	{
		width:100%;
		display:table-row;
		text-align:center;
		height:auto;
		color:rgb(0,0,0);
		padding-bottom:10px;	
background-color:rgb(255,255,255);		
	}
	div#venduveh 
	{
		max-height:10000px;
	}
	div#bientotveh 
	{
		max-height:10000px;
	}	
}

@media (max-width: 560px) {
	div#centreblock 
	{
	  height: 250px; /* hauteur du bandeau */
	  background-position: -150px 10px;
	}
	div#centrepageblock
	{
		margin-top:50px;
	}	
	div#bandeau
	{
		margin-top:60px;
		margin-left:5%;
	}
	div#bandeau p.slogan
	{
		font-size:100%;
	}	
}


@media (max-width: 500px) {
	div#centreblock 
	{
	  height: 250px; /* hauteur du bandeau */
	  background-position: -200px 10px;
	}
	div#centrepageblock
	{
		margin-top:50px;
	}	
	div#bandeau
	{
		margin-top:60px;
		margin-left:2%;
	}
	div#bandeau p.slogan
	{
		font-size:100%;
	}	
	div.service-card 
	{
	  width:100%;
	}	
}


@media (max-width: 430px) {
	div#centreblock 
	{
	  height: 250px; /* hauteur du bandeau */
	  background-position: -270px 10px;
	}
	div#centrepageblock
	{
		margin-top:50px;
	}	
	div#bandeau
	{
		margin-top:60px;
		margin-left:2%;
	}
	div#bandeau p.slogan
	{
		font-size:100%;
	}	
	div.car-card .info-row-container {
	  display: block;           /* Aligne les divs info-row horizontalement */
		justify-content: center;
		align-items:center;
	}	
	div.info-row
	{
		display: block; 
		margin:0 auto;
		gap:20px;
		justify-content: center;
		align-items:center;		
	}
	div.car-card .info-row {
		margin-top:0px;
	}
}