body{
	background: #161622;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}

section{
	margin:100px 0px;
}

.bg-img{
	background-image: url(../img/header.jpg);
	background-size:cover;
	padding: 100px 0px 120px 0px;
	-webkit-box-shadow: inset 0px -45px 35px -8px rgba(22,22,34,1); 
	box-shadow: inset 0px -45px 35px -8px rgba(22,22,34,1);
}

.padding-header{
	padding: 100px 0px 0px 0px;
}

h1{
	font-size:3em;
	font-family: 'Abril Fatface', cursive;
	text-transform: uppercase;
}

.text-petit h1{
	font-size: 2.4em;
}

h2{
	font-family: 'Open Sans', sans-serif;
}

.text-petit h2{
	font-size: 1.7em;
}


.lead{
	text-transform: uppercase;
	font-weight:600;
	font-size: 2em;
}

.marge-bas {
	margin-bottom:20px;
}

h2.lead{
	font-size: 2em;
}

h3.lead{
	font-size: 1.6em;
	margin-bottom:30px;
}

h3{
	font-size:1.6em;
}

.italic{
	font-style: italic;
}

p{
	
}

p.abril{
	font-family: 'Abril Fatface', cursive;
	text-transform: uppercase;
	font-size:2.5em;
}

p.presentation{
	margin-top:-2.1em;
	font-size:1.3em;
}

p.picto{
	font-size:1.2em;
}

.btn-secondary{
	border-radius:10px 0px 10px 0px !important;
}

/* Menu */
.navbar{
	display: inline;
	transition: .5s;
}

img.logo{
	width:40%;
}

.nav-link{
	font-style: normal;
	text-transform: uppercase;
}

.navbar-collapse{
	flex-grow: 0;
}

.navbar > .container{
	flex-wrap: nowrap;
}

/* footer */
.conseil{
	background-image: url(../img/footerService.jpg);
	background-size:cover;
	padding:30px;
}

footer p, footer small{
	color:#4B4B4B;
}

footer img{
	width:55%;
}

.img-facebook{
	width:18%;
}

.margin-footer{
	margin-bottom:10px;
}


/* --------- HOME ---------- */
.bg-img img{
	width:65%;
	margin-bottom:15px;
}

.trasparance{
	opacity: 0.8;
}

/* Header vidéo */
.btn{
	border:0px;
	border-radius: 0px;
	font-style: italic;
	padding:0px 0px 0px 15px;
	font-size: 1em;
}

.atelier-prestation .btn, .conseil .btn{
	padding:7px 15px;
}

.conseil .btn{
	font-size:1.5em;
}

.btn:hover{
	background-color: #FECD2F;
	color:#000;
}

.padding-btn{
	padding:15px;
	margin-left:10px;
}

.home-prestations img, .atelier-petitsPlus img{
	width:100%;
	padding:10px;
}

.img-mecanique{
	background-image: url(../img/prestation-pneus.jpg);
	background-size:cover;
	padding:70px 0px;
}

.img-pneus{
	background-image: url(../img/prestation-mecanique.jpg);
	background-size:cover;
	padding:70px 0px;	
}

.img-ventes{
	background-image: url(../img/prestation-ventes.jpg);
	background-size:cover;
	padding:70px 0px;	
}

.img-mecanique .btn{
	margin-top:30px;
}

.btn-big{
	font-size:1.5em;
	color:#161622;
	font-weight: bold;
	padding:7px 20px;
}

.home-prestations{
	margin-top: -100px;
}

/* --------- ATELIER / PRESTATIONS ---------- */
.img-atelier-mecanique{
	background-image: url(../img/atelierMecanique.jpg);
	background-size:cover;
	padding:20px 0px;
}

.img-atelier-pneus{
	background-image: url(../img/atelierPneus.jpg);
	background-size:cover;
	padding:20px 0px;
}

.img-atelier-entretien{
	background-image: url(../img/atelierSpecial86.jpg);
	background-size:cover;
	padding:20px 0px;
}

.img-atelier-services{
	background-image: url(../img/atelierVentes1.jpg);
	background-size:cover;
	padding:20px 0px;
}

.atelier-prestation img{
	padding:0px 30px 30px 30px;
}

.anchor{
	display: block;
	height: 70px;
	margin-top: 70px;
	visibility: hidden;
}

.img-atelier{
	background-image: url(../img/atelier-header.jpg);
	background-size:cover;
	padding:20px 0px;
}

/* ---------- CONTACT ---------- */
.groupe input, .groupe textarea{
  border: none;
  border-bottom: 1px solid #ced4da; 
  background-color: transparent;
  border-radius: 0;
  color:#fff;
}   

.groupe input:focus, .groupe textarea:focus{
  border: 1px solid #387DBC;
  background-color: transparent;
  border-radius: 0;
  color:#fff;
} 

#form{
	margin-bottom:50px;
}


/* ---------------------- MEDIA QUERIES --------------------- */

@media (min-width: 576px) { 
	img.logo{
		width:40%;
	}

	.home-prestations img, .atelier-petitsPlus img{
		width:60%;
		padding:5px 5px 10px 5px;
	}

	.atelier-prestation img{
		padding:0px 80px 20px 80px;
	}

	.bg-img img{
		width:40%;
	}	
}


@media (min-width: 768px) {
	img.logo{
		width:30%;
	}

	.navbar{
		display: flex;
	}

	.home-prestations img, .atelier-petitsPlus img{
		width:40%;
		padding:5px 5px 10px 5px;
	}

	.atelier-prestation img{
		padding:0px 130px 30px 130px;
	}

	.atelier-header img{
		width:100%;
		padding:10px 70px 10px 70px;
	}

	.bg-img img{
		width:70%;
	}

	/* footer */
	.margin-footer img{
		width:30%;
	}	

	.margin-footer .img-facebook{
		width:10%;
	}	
}


@media (min-width: 992px) { 
	h1{
		font-size:3.7em;
	}

	.text-petit h1{
		font-size: 2.8em;
	}

	h2{
		font-size:2.3em;
	}

	.home-prestations img, .atelier-petitsPlus img{
		width:50%;
		padding:5px 5px 10px 5px;
	}

	.atelier-prestation img{
		padding:0px 40px 20px 40px;
	}

	.atelier-header img{
		width:100%;
		padding:10px 50px 10px 50px;
	}

	.img-mecanique{
		padding:120px 0px;
	}

	.img-mecanique .btn{
		margin-top:50px;
	}

	.btn{
		font-size: 1.2em;
	}	

	.btn-big{
		font-size:1.5em;
		padding:7px 25px;
	}

	.bg-img img{
		width:48%;
	}

	/* footer */
	.margin-footer img{
		width:50%;
	}

	.margin-footer .img-facebook{
		width:20%;
	}

}


@media (min-width: 1200px) { 
	.atelier-prestation img{
		width:90%;
		padding:0px 100px 20px 100px;
	}

	.atelier-header img{
		width:100%;
		padding:20px 60px 20px 60px;
	}

}


.rouge{
	background: #B61C20;
}

.bleu{
	background: #387DBC;
}

.bleufonce{
	background: #1F3C69;
}

.jaune{
	background: #FECD2F;
}

.text-rouge{
	color: #B61C20;
}

.text-bleu{
	color: #387DBC;
}

.text-bleufonce{
	color: #1F3C69;
}

.text-jaune{
	color: #FECD2F;
}

.text-fondbleu{
	color: #161622;
}