body{
	margin:0;
	font-family: Roboto, Verdana, Geneva, sans-serif;
}

#header{
	background-color: #00adef;
	display: flex;
	align-items:center;
    justify-content: center;
	flex-wrap: wrap;
	color:white;
	padding: 0.2rem 0 0.8rem 0;
}

#header h3{
	font-size:0.8rem;
	text-align:center;
	margin:0;
	
}

#header a{
	color:unset;
	text-decoration:none;
}

#header .pages{
	display: flex;
	align-items:center;
    justify-content: center;
	flex-wrap: wrap;
}

#header .name,
#header .tel,
#header .email,
#header .accueil,
#header .garage,
#header .pd,
#header .rp,
#header .vl,
#header .vnvo,
#header .contact{
	margin: 0.8rem 0 0 0;
	padding:0 0.5rem 0 0.5rem;
	border-right: 1px solid;
	border-color: rgba(0,0,0,0.1);
	height: 1rem;
}

#header .contact{
	border:none;
}


#header .email,
#header .accueil,
#header .garage,
#header .pd,
#header .rp,
#header .vl,
#header .vnvo,
#header .contact{
	cursor:pointer;
}

#header .email:hover,
#header .accueil:hover,
#header .garage:hover,
#header .pd:hover,
#header .rp:hover,
#header .vl:hover,
#header .vnvo:hover,
#header .contact:hover{
	color:#000000;
	text-decoration: underline;
}

#header .name i{
	font-size:0.6rem;
}

#header .tel{
	background-image: url("./../images/icones/tel.svg");
	background-size:contain;
	background-position:0.3rem center;
	background-repeat: no-repeat;
	padding-left:1.6rem;
}

#header .email{
	background-image: url("./../images/icones/email.svg");
	background-size:contain;
	background-position:0.3rem center;
	background-repeat: no-repeat;
	padding-left:1.6rem;
}

#header .accueil{
	background-image: url("./../images/icones/home.svg");
	background-size:contain;
	background-position:0.3rem center;
	background-repeat: no-repeat;
	padding-left:1.6rem;
}

#footer{
    color: #CBCBCB;
    background-color: #222222;
	padding: 2rem 0 1rem 0;
}

#footer h2{
	font-size:1rem;
	margin: 0;
	font-weight: normal;
}

#footer .top{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}

#footer .top>div{
	margin: 0 1rem 0 1rem;
}

#footer .top .gauche,
#footer .top .gauche{
	margin-right:2rem;
}

#footer .top .name,
#footer .top .lieu,
#footer .top .tel,
#footer .top .email{
	padding: 1rem 0.5rem 1rem 0.5rem;
}

#footer .top .email a{
	color:unset;
	text-decoration:none;
}

#footer .top .name h2{
	font-weight:bold;
}

#footer .top .lieu,
#footer .top .tel{
	border-bottom:1px solid rgba(255,255,255,0.1);
}

#footer .top .centre .iveco{
	background-image: url("./../images/marques/logo_iveco.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
	margin-bottom:1rem;
}

#footer .top .centre .norca{
	background-image: url("./../images/marques/logo_norca.png");
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
	margin-bottom:1rem;
}

#footer .top .centre .saf{
	background-image: url("./../images/marques/logo_saf.png");
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
	margin-bottom:1rem;
}

#footer .top .centre .fruehauf{
	background-image: url("./../images/marques/logo_fruehauf.png");
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
	margin-bottom:1rem;
}

#footer .top .centre .multibatteries{
	background-image: url("./../images/marques/logo_multi_batteries.jpg");
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
	margin-bottom:1rem;
}

#footer .top .centre .cramaro{
	background-image: url("./../images/marques/logo_cramaro.png");
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	width:10rem;
	height:3rem;
}

#footer .top .centre,
#footer .droite{
	padding-top: 4rem;
}

#footer .droite .contact{
	border-radius:0.2rem;
	padding: 0.5rem;
	background-color: #00adef;
	color:white;
	cursor:pointer;
}

#footer .droite .contact a{
	color:unset;
	text-decoration:none;
}

#footer .droite .contact:hover{
	background-color: white; 
	color: #00adef;
	border:1px solid #00adef;
}

#footer .bottom{
	margin-top:1rem;
	padding-right:1rem;
	text-align: end;
}