#logos{
	display:flex;
	justify-content: center;
	gap:1rem 8rem;
	flex-wrap:wrap;
	margin: 1rem 0 0 0 ;
}

#logos .cramaro,
#logos .saf,
#logos .norca,
#logos .iveco,
#logos .multibatteries,
#logos .fruehauf{
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
}

#logos .cramaro{
	background-image: url("./../images/marques/logo_cramaro.png");
}

#logos .saf{
	background-image: url("./../images/marques/logo_saf.png");
}

#logos .norca{
	background-image: url("./../images/marques/logo_norca.png");
}
#logos .iveco{
	background-image: url("./../images/marques/logo_iveco.png");
}
#logos .multibatteries{
	background-image: url("./../images/marques/logo_multi_batteries.jpg");
}
#logos .fruehauf{
	background-image: url("./../images/marques/logo_fruehauf.png");
}

#slogan{
    margin: 3rem 0 3rem 0;
}

#slogan h1{
	font-size:1.5rem;
	text-align:center;
	font-weight:200;
}

#vignettes{
	justify-content: center;
}

#vignettes .l1, 
#vignettes .l2{
	display:flex;
	flex-wrap:wrap;
	gap: 3rem 8rem;
	justify-content:center;
	margin: 0 0 3rem 0;
}

#vignettes .vignette {
	position:relative;
	margin: 0 0 3rem 0;
	padding:0.5rem;
	border:1px solid #D7D7D7;
}

#vignettes .vignette .textbutton{
	position: absolute;	
	bottom:-4rem;
	right: 2.5rem;
	text-align:center;
	background-color:white;
	width:15rem;
}

#vignettes .vignette .textbutton h2{
	color:black;
	font-weight:200;
	font-size:1rem;
}

#vignettes .vignette .textbutton .text h2{
	margin-bottom:1.5rem;
}

#vignettes .vignette .textbutton .button{
	background-color:#00adef;
	color:white;
	border-radius:0.2rem;
	width:fit-content;
	cursor:pointer;
    margin: auto;
}

#vignettes .vignette .textbutton .button h2{
	padding:0.5rem 0.5rem 0.5rem 0.5rem;
	color:white;
	font-size:0.9rem;
}

#vignettes .vignette .image{
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:20rem;
	height:14rem;
}

#vignettes .vignette .image.garage{
	background-image: url("./../images/homepage/garage.jpg");
}

#vignettes .vignette .image.piecedetachee{
	background-image: url("./../images/homepage/piecedetachee.jpg");
}

#vignettes .vignette .image.vente{
	background-image: url("./../images/homepage/vente.jpg");
}

#vignettes .vignette .image.repparc{
	background-image: url("./../images/homepage/repparc.jpg");
}

#vignettes .vignette .image.location{
	background-image: url("./../images/homepage/location.jpg");
}

#vignettes .vignette .image.contact{
	background-image: url("./../images/homepage/contact.jpg");
}