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

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

.centre1920{
	width: 1920px;
	margin: auto;
}

@media screen and (max-width:1920px){

	.centre1920{
		width: calc(100% - 40px);
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}

}

.centre1600{
	width: 1600px;
	margin: auto;
}

@media screen and (max-width:1600px){

	.centre1600{
		width: calc(100% - 40px);
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}

}

.centre1400{
	width: 1400px;
	margin: auto;
}

@media screen and (max-width:1400px){

	.centre1400{
		width: calc(100% - 40px);
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}

}

.centre1200{
	width: 1200px;
	margin: auto;
}

@media screen and (max-width:1200px){

	.centre1200{
		width: calc(100% - 40px);
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}

}


/* Style Menu */

@media screen and (min-width:1200px){

	#menu{
		float: left;
		width: 100%;
		height: 150px;
		background : #000000;
	}
	
	#logomenu{
		float: left;
		width: auto;
		height: 150px;
		margin: 0;
	}
	
	#logomenu img{
		margin: 0;
		margin-left: 20px;
		margin-top: 38px;
	}
			
	#arbo{
		float: left;
		width: calc(100% - 201px);
		height: 150px;
		padding: 0;
	}
	
	#arbo header{
		display: none;
	}
	
	#cd-lateral-nav ul{
		float: left;
		width: 100%;
		height: 150px;
		padding: 0;
		margin: 0;
		margin-right: 20px;
	}
	
	#cd-lateral-nav li{
		float: left;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		padding: 0;
		margin: 0;
		margin-top: 50px;
		margin-left: 80px;
	}
	
	#gauchenav{
		float: left;
	}
	
	#droitenav{
		float: right;
		margin-right: 20px;
	}
	
	#cd-lateral-nav li.demandededevis{
		float: left;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-left: 30px;
		margin: 0;
		margin-right: 50px;
		margin-top: 50px;
		background: url(../images/picto-demande-de-devis.png) left no-repeat;
	}
	
	#cd-lateral-nav li.demandededevis a{
		text-decoration: none;
		color: #a0a0a0;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
	#cd-lateral-nav li.devenirclient{
		float: left;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-left: 30px;
		margin: 0;
		margin-top: 50px;
		background: url(../images/picto-devenir-client.png) left no-repeat;
	}
	
	#cd-lateral-nav li.devenirclient a{
		text-decoration: none;
		color: #a0a0a0;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
			
	#cd-lateral-nav li a{
		text-decoration: none;
		color: #ffe649;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
							
	#cd-lateral-nav li:hover a{
		color: #fff;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
			
	#cd-lateral-nav li.encours a{
		color: #fff;
	}
	
	#cd-lateral-nav ul.sub-menu{
		display: none;
		position: absolute;
		background: #f2f2f2;
		width: 300px;
		height: auto;
		margin: 0;
		padding: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		z-index: 9999;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear; 
	}
	
	#cd-lateral-nav li:hover ul.sub-menu{
		display: block;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear; 
	}
	
	#cd-lateral-nav ul.sub-menu li{
		width: calc(100% - 40px);
		height: 30px;
		color: #000;
		font-weight: lighter;
		text-align: left;
		line-height: 30px;
		height: auto;
		padding: 0;
		padding-left: 20px;
		margin: 0;
		margin-left: 20px;
		margin-bottom: 20px;
		background: url(../images/puce-liste-encart-fonce-caisse-enregistreuse.png) left center no-repeat;
	}
		
	#cd-lateral-nav ul.sub-menu li a{
		text-decoration: none;
		color: #000;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
	#cd-lateral-nav ul.sub-menu li a:hover{
		text-decoration: underline;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
				
}

@media screen and (min-width:1200px) and (max-width:1600px){

	#cd-lateral-nav li{
		margin-left: 50px;
	}

}

@media screen and (min-width:1200px) and (max-width:1400px){
	
	#droitenav{
		float: right;
		width: 220px;
		margin: 0;
	}

	#cd-lateral-nav li.demandededevis{
		float: left;
		width: 100%;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		text-align: left;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-left: 30px;
		margin: 0;
		margin-top: 25px;
		background: url(../images/picto-demande-de-devis.png) left no-repeat;
	}
		
	#cd-lateral-nav li.devenirclient{
		float: left;
		width: 100%;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		text-align: left;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-left: 30px;
		margin: 0;
		background: url(../images/picto-devenir-client.png) left no-repeat;
	}

}

@media screen and (max-width:1200px){

	#menu{
		float: left;
		width: 100%;
		height: 100px;
		background : #000000;
	}

}
					
/* Fin Style Menu */

/* Style Accueil */

#introaccueil{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
	background: url(../images/fond-intro-accueil-vpa-corse.jpg) center no-repeat;
	background-size: cover;
}

#texteintro{
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	padding-top: 320px;
	padding-bottom: 320px;
}

#conteneurtexteintro{
	float: left;
	width: calc(100% - 200px);
	margin: 0;
	margin-left: 100px;
	margin-right: 100px;
}

#conteneurtexteintro h1{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 120px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 2px 8px 30px #000000;
	color: #fff;
	margin: 0;
}

#conteneurtexteintro h1 span{
	color: #ffe649;
}

#conteneurtexteintro h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 4px 20px #000000;
	color: #fff;
	margin: 0;
	margin-bottom: 10px;
}

#conteneurtexteintro p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: lighter;
	font-style: italic;
	text-align: center;
	text-shadow: 2px 4px 20px #000000;
	color: #fff;
	margin: 0;
}

#conteneurtexteintro p a{
	text-decoration: none;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#conteneurtexteintro p a:hover{
	color: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#presentationaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titrepresentationaccueil{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titrepresentationaccueil h2{
	float: left;
	width: 480px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushtitrepresentationaccueil{
	float: left;
	width: calc(100% - 510px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#textepresentationaccueil{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textepresentationaccueil p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#textepresentationaccueil p strong{
	font-weight: bold;
	color: #969696;
}

#visuelcontenuaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#imagevisuelcontenuaccueil{
	float: left;
	width: 65%;
	height: auto;
}

#imagevisuelcontenuaccueil img{
	float: left;
	width: 100%;
	height: auto;
}

#textevisuelcontenuaccueil{
	float: left;
	width: calc(35% + 180px);
	height: auto;
	margin: 0;
	margin-left: -180px;
}

#textevisuelcontenuaccueil p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 180px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: left;
	color: #a0a0a0;
	margin: 0;
	margin-top: 50px;
}

#textevisuelcontenuaccueil p span{
	color: #ffe649;
}

#servicesaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titreservicesaccueil{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../images/brush-titre-centre.png) center bottom no-repeat;
}

#titreservicesaccueil h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	margin: 0;
}

#texteservicesaccueil{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#texteservicesaccueil p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#texteservicesaccueil p strong{
	font-weight: bold;
	color: #969696;
}

#listeservicesaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 30px;
}

.carreserviceaccueil{
	float: left;
	width: calc(20% - 30px);
	height: 700px;
	margin: 0;
	margin-left: 15px;
	margin-right: 15px;
	background: #222;
}

#carreserviceaccueil01{
	background: url(../images/fond-service-accueil-pieces-carrosserie.jpg) left top no-repeat;
}

#carreserviceaccueil01:hover{
	background: url(../images/fond-service-accueil-pieces-carrosserie-survol.jpg) left top no-repeat;
}

#carreserviceaccueil02{
	background: url(../images/fond-service-accueil-vitrages.jpg) left top no-repeat;
}

#carreserviceaccueil02:hover{
	background: url(../images/fond-service-accueil-vitrages-survol.jpg) left top no-repeat;
}

#carreserviceaccueil03{
	background: url(../images/fond-service-accueil-radiateurs.jpg) left top no-repeat;
}

#carreserviceaccueil03:hover{
	background: url(../images/fond-service-accueil-radiateurs-survol.jpg) left top no-repeat;
}

#carreserviceaccueil04{
	background: url(../images/fond-service-accueil-batteries.jpg) left top no-repeat;
}

#carreserviceaccueil04:hover{
	background: url(../images/fond-service-accueil-batteries-survol.jpg) left top no-repeat;
}

#carreserviceaccueil05{
	background: url(../images/fond-service-accueil-accessoires.jpg) left top no-repeat;
}

#carreserviceaccueil05:hover{
	background: url(../images/fond-service-accueil-accessoires-survol.jpg) left top no-repeat;
}

.titrecarreserviceaccueil{
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 530px;
}

.titrecarreserviceaccueil h3{
	float: left;
	width: 70%;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	margin-left: 15%;
	margin-right: 15%;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.barreblancheservicesaccueil{
	float: left;
	display: block;
	width: 50%;
	height: 15px;
	background-color: #fff;
	margin: 0;
	margin-top: 10px;
	margin-left: 25%;
	margin-right: 25%;
}

#societeaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#conteneursocieteaccueil{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	background: url(../images/fond-presentation-accueil.jpg) right top no-repeat;
	background-size: 80%;
}

#textesocieteaccueil{
	float: left;
	width: 400px;
	height: 400px;
	padding: 0;
	padding-top: 50px;
	padding-left: 105px;
	padding-right: 50px;
	padding-bottom: 50px;
	margin: 0;
	margin-top: 150px;
	margin-bottom: 150px;
	-webkit-box-shadow: 0px 10px 35px 8px rgba(95,95,95,0.6); 
	box-shadow: 0px 10px 35px 8px rgba(95,95,95,0.6);
	background: url(../images/brush-encart-texte-societe-accueil.png) left top no-repeat #fff;
}

#textesocieteaccueil h3{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

#textesocieteaccueil p{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-align: left;
	line-height: 32px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#textesocieteaccueil a.boutontextesocieteaccueil{
	float: left;
	width: 100%;
	height: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	line-height: 50px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#textesocieteaccueil a.boutontextesocieteaccueil:hover{
	background: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

@media screen and (max-width:1600px){

	#textevisuelcontenuaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 160px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: left;
		color: #a0a0a0;
		margin: 0;
		margin-top: 50px;
	}

}

@media screen and (max-width:1200px){
	
	#introaccueil{
		float: left;
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		margin: 30px;
		background: url(../images/fond-intro-accueil-vpa-corse-02.jpg) center no-repeat;
		background-size: cover;
	}

	#texteintro{
		float: left;
		width: 100%;
		height: auto;
		padding: 0;
		padding-top: 250px;
		padding-bottom: 250px;
	}
	
	#conteneurtexteintro{
		float: left;
		width: calc(100% - 100px);
		margin: 0;
		margin-left: 50px;
		margin-right: 50px;
	}

	#conteneurtexteintro h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 80px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#conteneurtexteintro h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		text-shadow: 2px 4px 20px #000000;
		color: #fff;
		margin: 0;
		margin-bottom: 10px;
	}

	#conteneurtexteintro p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 26px;
		font-weight: lighter;
		font-style: italic;
		text-align: center;
		color: #fff;
		margin: 0;
	}

	#titrepresentationaccueil h2{
		float: left;
		width: 420px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}
	
	#brushtitrepresentationaccueil{
		float: left;
		width: calc(100% - 450px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}

	#textepresentationaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}
			
	#textevisuelcontenuaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 140px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: left;
		color: #a0a0a0;
		margin: 0;
		margin-top: 10px;
	}
			
	#titreservicesaccueil h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
		
	#texteservicesaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}
		
	.carreserviceaccueil{
		float: left;
		width: calc(20% - 30px);
		height: 500px;
		margin: 0;
		margin-left: 15px;
		margin-right: 15px;
		background: #222;
	}
		
	.titrecarreserviceaccueil{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 330px;
	}
	
	.titrecarreserviceaccueil h3{
		float: left;
		width: 90%;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#textesocieteaccueil h3{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
	}
	
	#textesocieteaccueil p{
		float: left;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 30px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}
	
	#textesocieteaccueil a.boutontextesocieteaccueil{
		float: left;
		width: 100%;
		height: 50px;
		font-family: 'Montserrat', sans-serif;
		font-size: 22px;
		line-height: 50px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}

}

@media screen and (max-width:1023px){
	
	#introaccueil{
		float: left;
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		margin: 30px;
		background: url(../images/fond-intro-accueil-vpa-corse-02.jpg) center no-repeat;
		background-size: cover;
	}
	
	#textevisuelcontenuaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 110px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: left;
		color: #a0a0a0;
		margin: 0;
		margin-top: 10px;
	}
	
	.carreserviceaccueil{
		float: left;
		width: inherit;
		height: 500px;
		margin: 0;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
		background: #222;
	}
	
	#carreserviceaccueil01{
		width: calc(50% - 30px);
		background: url(../images/fond-service-accueil-pieces-carrosserie.jpg) left top no-repeat;
	}
		
	#carreserviceaccueil02{
		width: calc(50% - 30px);
		background: url(../images/fond-service-accueil-vitrages.jpg) left top no-repeat;
	}
		
	#carreserviceaccueil03{
		width: calc(33.33% - 30px);
		background: url(../images/fond-service-accueil-radiateurs.jpg) left top no-repeat;
	}
		
	#carreserviceaccueil04{
		width: calc(33.33% - 30px);
		background: url(../images/fond-service-accueil-batteries.jpg) left top no-repeat;
	}
		
	#carreserviceaccueil05{
		width: calc(33.33% - 30px);
		background: url(../images/fond-service-accueil-accessoires.jpg) left top no-repeat;
	}
	
}

@media screen and (max-width:767px){
	
	#introaccueil{
		float: left;
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		margin: 30px;
		background: url(../images/fond-intro-accueil-vpa-corse-03.jpg) center no-repeat;
		background-size: cover;
	}
		
	#texteintro{
		float: left;
		width: 100%;
		height: auto;
		padding: 0;
		padding-top: 150px;
		padding-bottom: 150px;
	}
		
	#conteneurtexteintro h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 50px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#conteneurtexteintro h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		text-shadow: 2px 4px 20px #000000;
		color: #fff;
		margin: 0;
		margin-bottom: 10px;
	}
	
	#conteneurtexteintro p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		font-weight: lighter;
		font-style: italic;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#presentationaccueil{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 10px;
	}
	
	#titrepresentationaccueil h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#brushtitrepresentationaccueil{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#imagevisuelcontenuaccueil{
		float: left;
		width: 100%;
		height: auto;
	}
		
	#textevisuelcontenuaccueil{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	#textevisuelcontenuaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 80px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #a0a0a0;
		margin: 0;
		margin-top: 10px;
	}
	
	#titreservicesaccueil{
		float: left;
		width: calc(100% - 20px);
		height: auto;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
		padding: 0;
		padding-bottom: 60px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#titreservicesaccueil h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#texteservicesaccueil{
		float: left;
		width: calc(100% - 20px);
		height: auto;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#texteservicesaccueil p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}
		
	.carreserviceaccueil{
		float: left;
		width: inherit;
		height: 300px;
		margin: 0;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
		background: #222;
	}
	
	#carreserviceaccueil01{
		width: calc(100% - 30px);
		background: url(../images/fond-service-accueil-pieces-carrosserie.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#carreserviceaccueil01:hover{
		background: url(../images/fond-service-accueil-pieces-carrosserie-survol.jpg) left top no-repeat;
		background-size: cover;
	}
		
	#carreserviceaccueil02{
		width: calc(100% - 30px);
		background: url(../images/fond-service-accueil-vitrages.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#carreserviceaccueil02:hover{
		background: url(../images/fond-service-accueil-vitrages-survol.jpg) left top no-repeat;
		background-size: cover;
	}
		
	#carreserviceaccueil03{
		width: calc(100% - 30px);
		background: url(../images/fond-service-accueil-radiateurs.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#carreserviceaccueil03:hover{
		background: url(../images/fond-service-accueil-radiateurs-survol.jpg) left top no-repeat;
		background-size: cover;
	}
		
	#carreserviceaccueil04{
		width: calc(100% - 30px);
		background: url(../images/fond-service-accueil-batteries.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#carreserviceaccueil04:hover{
		background: url(../images/fond-service-accueil-batteries-survol.jpg) left top no-repeat;
		background-size: cover;
	}
		
	#carreserviceaccueil05{
		width: calc(100% - 30px);
		background: url(../images/fond-service-accueil-accessoires.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#carreserviceaccueil05:hover{
		background: url(../images/fond-service-accueil-accessoires-survol.jpg) left top no-repeat;
		background-size: cover;
	}

	.titrecarreserviceaccueil{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 200px;
	}
	
	.titrecarreserviceaccueil h3{
		float: left;
		width: 90%;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.titrecarreserviceaccueil h3 span{
		display: none
	}
	
	#conteneursocieteaccueil{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		background: none;
	}
	
	#textesocieteaccueil{
		float: left;
		width: calc(100% - 140px);
		height: auto;
		padding: 0;
		padding: 40px;
		margin: 0;
		margin: 30px;
		-webkit-box-shadow: 0px 10px 35px 8px rgba(95,95,95,0.6); 
		box-shadow: 0px 10px 35px 8px rgba(95,95,95,0.6);
		background: url(../images/brush-encart-texte-societe-accueil.png) left top no-repeat #fff;
	}
		
	#textesocieteaccueil a.boutontextesocieteaccueil{
		float: left;
		width: 100%;
		height: 50px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 50px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
}

/* Fin Style Accueil */

/* Style Présentation */

#presentationintro{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titrepresentationintro{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titrepresentationintro h1{
	float: left;
	width: 480px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushtitrepresentationintro{
	float: left;
	width: calc(100% - 510px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#textepresentationintro{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textepresentationintro p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#visuelcontenupresentation{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
}

#visuelcontenupresentation img{
	float: left;
	width: 100%;
	height: auto;
}

#contenutextepresentation{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 50px;
}

#titrecontenutextepresentation{
	float: left;
	width: 50%;
	height: auto;
}

#titrecontenutextepresentation h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 180px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: left;
	color: #a0a0a0;
	margin: 0;
}

#titrecontenutextepresentation h2 span{
	color: #ffe649;
}

#textecontenutextepresentation{
	float: left;
	width: 50% ;
	height: auto;
	margin: 0;
	padding: 0;
	padding-top: 50px;
}

.bandepictocontenupresentation{
	float: left;
	width: 100%;
	height: 100px;
	border: 0;
	border-bottom: solid 2px #a4a4a4;
}

#bandepictocontenupresentationbas{
	border: 0;
}

.blocpictocontenupresentation{
	float: left;
	width: 120px;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bandepictocontenupresentation h3{
	float: left;
	width: 140px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 100px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

.bandepictocontenupresentation p{
	float: left;
	width: calc(100% - 260px);
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 100px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#galeriephotospresentation{
	float: left;
	width: 100%;
	height: auto;
}

@media screen and (max-width:1400px){
	
	#titrecontenutextepresentation h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 150px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: left;
		color: #a0a0a0;
		margin: 0;
	}
	
}

@media screen and (max-width:1200px){

	#titrepresentationintro h1{
		float: left;
		width: 420px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}

	#brushtitrepresentationintro{
		float: left;
		width: calc(100% - 450px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}

	#textepresentationintro p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#titrecontenutextepresentation{
		float: left;
		width: 600px;
		height: auto;
	}
	
	#titrecontenutextepresentation h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 140px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: left;
		color: #a0a0a0;
		margin: 0;
	}

	#textecontenutextepresentation{
		float: left;
		width: calc(100% - 600px);
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	#textecontenutextepresentation p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

}

@media screen and (max-width:1023px){
	
	#contenutextepresentation{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
	}

	#titrecontenutextepresentation{
		float: left;
		width: 100%;
		height: auto;
	}

	#titrecontenutextepresentation h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 110px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #a0a0a0;
		margin: 0;
	}

	#textecontenutextepresentation{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 10px;
		padding: 0;
	}

}

@media screen and (max-width:767px){
	
	#titrepresentationintro h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#brushtitrepresentationintro{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}

	#textepresentationintro p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#titrecontenutextepresentation h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 80px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #a0a0a0;
		margin: 0;
	}
	
	#textecontenutextepresentation{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 10px;
		padding: 0;
	}

	#textecontenutextepresentation p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

}

/* Fin Style Présentation */

/* Style Services */

#servicesintro{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 50px;
}

#titreservicesintro{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titreservicesintro h1{
	float: left;
	width: 650px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushtitreservicesintro{
	float: left;
	width: calc(100% - 680px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#texteservicesintro{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#texteservicesintro p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#texteservicesintro p strong{
	font-weight: bold;
	color: #969696;
}

#blocservice01{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 100px;
}

#bandecontenublocservice01{
	float: left;
	width: calc(100% - 100px);
	height: auto;
	background: url(../images/bandes-fond-services-01.png) no-repeat #a0a0a0;
	background-position: left top;
	padding: 0;
	padding-left: 100px;
	padding-top: 50px;
	padding-bottom: 200px;
}

#titreblocservice01{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titreblocservice01 h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 160px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	line-height: 160px;
	color: #fff;
	margin: 0;
}

#titreblocservice01 h2 span{
	color: #ffe649;
}

#texteblocservice01{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#texteblocservice01 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
}

#ensavoirplusblocservice01{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: -170px;
}

#texteensavoirplusblocservice01{
	float: left;
	width: calc(100% - 1050px);
	height: 350px;
	display: block;
}

#texteensavoirplusblocservice01 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 36px;
	color: #000;
	margin: 0;
	margin-top: 200px;
}

#visuelensavoirplusblocservice01{
	float: left;
	width: 800px;
	height: 350px;
}

#imageensavoirplusblocservice01{
	float: left;
	width: 680px;
	height: 330px;
	overflow: hidden;
	border: solid 10px #000;
}

#imageensavoirplusblocservice01 img{
	width: 100%;
	height: auto;
}

#flecheensavoirplusblocservice01{
	float: left;
	width: 100px;
	height: 350px;
	background: #000;
}

#flecheensavoirplusblocservice01 img{
	margin: 0;
	margin-top: 152px;
}

#pictoensavoirplusblocservice01{
	float: left;
	width: 250px;
	height: 350px;
}

#pictoensavoirplusblocservice01 img{
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 123px;
}

#blocservice02{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 100px;
}

#bandecontenublocservice02{
	float: left;
	width: calc(100% - 100px);
	height: auto;
	background: url(../images/bandes-fond-services-02.png) no-repeat #ffe649;
	background-position: left top;
	padding: 0;
	padding-left: 100px;
	padding-top: 50px;
	padding-bottom: 200px;
}

#titreblocservice02{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titreblocservice02 h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 160px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	line-height: 160px;
	color: #fff;
	margin: 0;
}

#titreblocservice02 h2 span{
	color: #a0a0a0;
}

#texteblocservice02{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#texteblocservice02 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #000;
	margin: 0;
	margin-bottom: 20px;
}

#ensavoirplusblocservice02{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: -170px;
}

#texteensavoirplusblocservice02{
	float: left;
	width: calc(100% - 1050px);
	height: 350px;
	display: block;
}

#texteensavoirplusblocservice02 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 36px;
	color: #000;
	margin: 0;
	margin-top: 200px;
}

#visuelensavoirplusblocservice02{
	float: left;
	width: 800px;
	height: 350px;
}

#imageensavoirplusblocservice02{
	float: left;
	width: 680px;
	height: 330px;
	overflow: hidden;
	border: solid 10px #a0a0a0;
}

#imageensavoirplusblocservice02 img{
	width: 100%;
	height: auto;
}

#flecheensavoirplusblocservice02{
	float: left;
	width: 100px;
	height: 350px;
	background: #a0a0a0;
}

#flecheensavoirplusblocservice02 img{
	margin: 0;
	margin-top: 152px;
}

#pictoensavoirplusblocservice02{
	float: left;
	width: 250px;
	height: 350px;
}

#pictoensavoirplusblocservice02 img{
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 123px;
}

#blocservice03{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 100px;
}

#bandecontenublocservice03{
	float: left;
	width: calc(100% - 100px);
	height: auto;
	background: url(../images/bandes-fond-services-03.png) no-repeat #000;
	background-position: left top;
	padding: 0;
	padding-left: 100px;
	padding-top: 50px;
	padding-bottom: 200px;
}

#titreblocservice03{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titreblocservice03 h2{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 160px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	line-height: 160px;
	color: #fff;
	margin: 0;
}

#titreblocservice03 h2 span{
	color: #a0a0a0;
}

#texteblocservice03{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#texteblocservice03 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #ffe649;
	margin: 0;
	margin-bottom: 20px;
}

#ensavoirplusblocservice03{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: -170px;
}

#texteensavoirplusblocservice03{
	float: left;
	width: calc(100% - 1050px);
	height: 350px;
	display: block;
}

#texteensavoirplusblocservice03 p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 36px;
	color: #000;
	margin: 0;
	margin-top: 200px;
}

#visuelensavoirplusblocservice03{
	float: left;
	width: 800px;
	height: 350px;
}

#imageensavoirplusblocservice03{
	float: left;
	width: 680px;
	height: 330px;
	overflow: hidden;
	border: solid 10px #ffe649;
}

#imageensavoirplusblocservice03 img{
	width: 100%;
	height: auto;
}

#flecheensavoirplusblocservice03{
	float: left;
	width: 100px;
	height: 350px;
	background: #ffe649;
}

#flecheensavoirplusblocservice03 img{
	margin: 0;
	margin-top: 152px;
}

#pictoensavoirplusblocservice03{
	float: left;
	width: 250px;
	height: 350px;
}

#pictoensavoirplusblocservice03 img{
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 123px;
}

@media screen and (max-width:1600px){
	
	#titreblocservice01 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 130px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 130px;
		color: #fff;
		margin: 0;
	}
	
	#titreblocservice02 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 130px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 130px;
		color: #fff;
		margin: 0;
	}

	#titreblocservice03 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 130px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 130px;
		color: #fff;
		margin: 0;
	}

}

@media screen and (max-width:1200px){

	#titreservicesintro h1{
		float: left;
		width: 540px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}

	#brushtitreservicesintro{
		float: left;
		width: calc(100% - 570px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}
	
	#texteservicesintro p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#bandecontenublocservice01{
		float: left;
		width: calc(100% - 100px);
		height: auto;
		background: url(../images/bandes-fond-services-01.png) no-repeat #a0a0a0;
		background-position: left top;
		padding: 0;
		padding-left: 100px;
		padding-top: 50px;
		padding-bottom: 200px;
	}

	#titreblocservice01 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 90px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 90px;
		color: #fff;
		margin: 0;
	}

	#texteblocservice01 p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #fff;
		margin: 0;
		margin-bottom: 20px;
	}

	#texteensavoirplusblocservice01{
		display: none;
	}

	#visuelensavoirplusblocservice01{
		float: left;
		width: calc(100% - 200px);
		height: 300px;
	}
	
	#imageensavoirplusblocservice01{
		float: left;
		width: calc(100% - 120px);
		height: 280px;
		overflow: hidden;
		border: solid 10px #000;
	}
	
	#flecheensavoirplusblocservice01{
		float: left;
		width: 100px;
		height: 300px;
		background: #000;
	}
	
	#flecheensavoirplusblocservice01 img{
		margin: 0;
		margin-top: 127px;
	}
	
	#pictoensavoirplusblocservice01{
		float: left;
		width: 200px;
		height: 300px;
	}
	
	#pictoensavoirplusblocservice01 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 119px;
	}
	
	#bandecontenublocservice02{
		float: left;
		width: calc(100% - 100px);
		height: auto;
		background: url(../images/bandes-fond-services-02.png) no-repeat #ffe649;
		background-position: left top;
		padding: 0;
		padding-left: 100px;
		padding-top: 50px;
		padding-bottom: 200px;
	}
		
	#titreblocservice02 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 90px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 90px;
		color: #fff;
		margin: 0;
	}
			
	#texteblocservice02 p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #000;
		margin: 0;
		margin-bottom: 20px;
	}
		
	#texteensavoirplusblocservice02{
		display: none;
	}
	
	#visuelensavoirplusblocservice02{
		float: left;
		width: calc(100% - 200px);
		height: 300px;
	}
	
	#imageensavoirplusblocservice02{
		float: left;
		width: calc(100% - 120px);
		height: 280px;
		overflow: hidden;
		border: solid 10px #a0a0a0;
	}
		
	#flecheensavoirplusblocservice02{
		float: left;
		width: 100px;
		height: 300px;
		background: #a0a0a0;
	}
	
	#flecheensavoirplusblocservice02 img{
		margin: 0;
		margin-top: 127px;
	}
	
	#pictoensavoirplusblocservice02{
		float: left;
		width: 200px;
		height: 300px;
	}
	
	#pictoensavoirplusblocservice02 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 119px;
	}
		
	#bandecontenublocservice03{
		float: left;
		width: calc(100% - 100px);
		height: auto;
		background: url(../images/bandes-fond-services-03.png) no-repeat #000;
		background-position: left top;
		padding: 0;
		padding-left: 100px;
		padding-top: 50px;
		padding-bottom: 200px;
	}
		
	#titreblocservice03 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 90px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 90px;
		color: #fff;
		margin: 0;
	}
			
	#texteblocservice03 p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #ffe649;
		margin: 0;
		margin-bottom: 20px;
	}
		
	#texteensavoirplusblocservice03{
		display: none
	}
		
	#visuelensavoirplusblocservice03{
		float: left;
		width: calc(100% - 200px);
		height: 300px;
	}
	
	#imageensavoirplusblocservice03{
		float: left;
		width: calc(100% - 120px);
		height: 280px;
		overflow: hidden;
		border: solid 10px #ffe649;
	}
		
	#flecheensavoirplusblocservice03{
		float: left;
		width: 100px;
		height: 300px;
		background: #ffe649;
	}
	
	#flecheensavoirplusblocservice03 img{
		margin: 0;
		margin-top: 127px;
	}
	
	#pictoensavoirplusblocservice03{
		float: left;
		width: 200px;
		height: 300px;
	}
	
	#pictoensavoirplusblocservice03 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 119px;
	}

}

@media screen and (max-width:1023px){
	
	#titreblocservice01 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 70px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 70px;
		color: #fff;
		margin: 0;
	}
		
	#visuelensavoirplusblocservice01{
		float: left;
		width: calc(100% - 150px);
		height: 250px;
	}
	
	#imageensavoirplusblocservice01{
		float: left;
		width: calc(100% - 120px);
		height: 230px;
		overflow: hidden;
		border: solid 10px #000;
	}
	
	#flecheensavoirplusblocservice01{
		float: left;
		width: 100px;
		height: 250px;
		background: #000;
	}
	
	#flecheensavoirplusblocservice01 img{
		margin: 0;
		margin-top: 102px;
	}
	
	#pictoensavoirplusblocservice01{
		float: left;
		width: 150px;
		height: 250px;
	}
	
	#pictoensavoirplusblocservice01 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 114px;
	}
		
	#titreblocservice02 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 70px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 70px;
		color: #fff;
		margin: 0;
	}
						
	#visuelensavoirplusblocservice02{
		float: left;
		width: calc(100% - 150px);
		height: 250px;
	}
	
	#imageensavoirplusblocservice02{
		float: left;
		width: calc(100% - 120px);
		height: 230px;
		overflow: hidden;
		border: solid 10px #a0a0a0;
	}
		
	#flecheensavoirplusblocservice02{
		float: left;
		width: 100px;
		height: 250px;
		background: #a0a0a0;
	}
	
	#flecheensavoirplusblocservice02 img{
		margin: 0;
		margin-top: 102px;
	}
	
	#pictoensavoirplusblocservice02{
		float: left;
		width: 150px;
		height: 250px;
	}
	
	#pictoensavoirplusblocservice02 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 114px;
	}
				
	#titreblocservice03 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 70px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 70px;
		color: #fff;
		margin: 0;
	}
					
	#visuelensavoirplusblocservice03{
		float: left;
		width: calc(100% - 150px);
		height: 250px;
	}
	
	#imageensavoirplusblocservice03{
		float: left;
		width: calc(100% - 120px);
		height: 230px;
		overflow: hidden;
		border: solid 10px #ffe649;
	}
		
	#flecheensavoirplusblocservice03{
		float: left;
		width: 100px;
		height: 250px;
		background: #ffe649;
	}
	
	#flecheensavoirplusblocservice03 img{
		margin: 0;
		margin-top: 102px;
	}
	
	#pictoensavoirplusblocservice03{
		float: left;
		width: 150px;
		height: 250px;
	}
	
	#pictoensavoirplusblocservice03 img{
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 114px;
	}
	
}

@media screen and (max-width:767px){

	#titreservicesintro h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}

	#brushtitreservicesintro{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#bandecontenublocservice01{
		float: left;
		width: 100%;
		height: auto;
		background: url(../images/bandes-fond-services-01.png) no-repeat #a0a0a0;
		background-position: left top;
		background-size: 10%;
		padding: 0;
		padding-top: 50px;
		padding-bottom: 200px;
	}
	
	#titreblocservice01 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 40px;
		color: #fff;
		margin: 0;
	}
	
	#visuelensavoirplusblocservice01{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	#imageensavoirplusblocservice01{
		float: left;
		width: calc(100% - 30px);
		height: auto;
		border: solid 15px #000;
	}
	
	#imageensavoirplusblocservice01 img{
		float: left;
		width: 100%;
		height: auto;
	}
	
	#flecheensavoirplusblocservice01{
		display: none;
	}
		
	#pictoensavoirplusblocservice01{
		display: none
	}
		
	#bandecontenublocservice02{
		float: left;
		width: 100%;
		height: auto;
		background: url(../images/bandes-fond-services-02.png) no-repeat #ffe649;
		background-position: left top;
		background-size: 10%;
		padding: 0;
		padding-top: 50px;
		padding-bottom: 200px;
	}
		
	#titreblocservice02 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 40px;
		color: #fff;
		margin: 0;
	}
						
	#visuelensavoirplusblocservice02{
		float: left;
		width: 100%;
		height: auto;
	}
	
	#imageensavoirplusblocservice02{
		float: left;
		width: calc(100% - 30px);
		height: auto;
		border: solid 15px #000;
	}
		
	#flecheensavoirplusblocservice02{
		display: none;
	}
		
	#pictoensavoirplusblocservice02{
		display: none;
	}
	
	#bandecontenublocservice03{
		float: left;
		width: 100%;
		height: auto;
		background: url(../images/bandes-fond-services-03.png) no-repeat #000;
		background-position: left top;
		background-size: 10%;
		padding: 0;
		padding-top: 50px;
		padding-bottom: 200px;
	}
				
	#titreblocservice03 h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		line-height: 40px;
		color: #fff;
		margin: 0;
	}
					
	#visuelensavoirplusblocservice03{
		float: left;
		width: 100%;
		height: auto;
	}
	
	#imageensavoirplusblocservice03{
		float: left;
		width: calc(100% - 30px);
		height: auto;
		border: solid 15px #000;
	}
		
	#flecheensavoirplusblocservice03{
		display: none;
	}
		
	#pictoensavoirplusblocservice03{
		display: none;
	}

}

/* Fin Style Services */

/* Style Contact */

#introcontact{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
	background: url(../images/fond-intro-contact-vpa-corse.jpg) center no-repeat;
	background-size: cover;
}

#texteintrocontact{
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	padding-top: 320px;
	padding-bottom: 320px;
}

#conteneurtexteintrocontact{
	float: left;
	width: calc(100% - 200px);
	margin: 0;
	margin-left: 100px;
	margin-right: 100px;
}

#conteneurtexteintrocontact h1{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 120px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 2px 8px 30px #000000;
	color: #fff;
	margin: 0;
}

#conteneurtexteintrocontact h1 span{
	color: #ffe649;
}

#conteneurtexteintrocontact p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: lighter;
	font-style: italic;
	text-align: center;
	text-shadow: 2px 4px 20px #000000;
	color: #fff;
	margin: 0;
}

#conteneurtexteintrocontact p a{
	text-decoration: none;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#conteneurtexteintrocontact p a:hover{
	color: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#presentationcontact{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titrepresentationcontact{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titrepresentationcontact h2{
	float: left;
	width: 480px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushtitrepresentationcontact{
	float: left;
	width: calc(100% - 510px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#textepresentationcontact{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textepresentationcontact p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#corpsbascontact{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
}

#formulairecontact{
	float: left;
	width: 50%;
	height: 1000px;
	background: url(../images/fond-formulaire-contact.jpg) no-repeat;
	background-size: cover;
}

#formulaire{
	float: left;
	position: relative;
	width: 625px;
	height: auto;
	left: 50%;
	margin: 0;
	margin-top: 100px;
	margin-left: -312px;
}

#formulaire h3{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin: 0;
	margin-bottom: 30px;
}

#formulaire p{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #ffe649;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}

#formulaire input{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background: #fff;
}

#formulaire input.champ1{
	float: left;
	width: calc(100% - 22px);
	height: 50px;
	margin: 0;
	margin-bottom: 30px;
}

#formulaire input.champ2{
	float: left;
	width: calc(100% - 22px);
	height: 50px;
	margin: 0;
	margin-bottom: 30px;
}

#formulaire input.champ3{
	float: left;
	width: calc(100% - 22px);
	height: 50px;
	margin: 0;
	margin-bottom: 30px;
}

#formulaire input.champ4{
	float: left;
	width: calc(100% - 22px);
	height: 50px;
	margin: 0;
	margin-bottom: 30px;
}

#formulaire textarea{
	float: left;
	width: calc(100% - 42px);
	height: 210px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	padding: 0;
	padding: 20px;
	resize: none;
}

#formulaire .g-recaptcha {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 20px;
}

#formulaire p.champobligatoire{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

#formulaire input.envoyer{
	float: left;
	width: calc(100% - 100px);
	height: 50px;
	background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 80px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#formulaire input.envoyer:hover{
	background: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#googlemap{
	float: left;
	width: 50%;
	height: 1000px;
}

#googlemap iframe{
	float: left;
}


@media screen and (max-width:1400px){

	#formulaire{
		float: left;
		position: relative;
		width: calc(100% - 40px);
		height: auto;
		left: 0;
		margin: 0;
		margin-top: 50px;
		margin-left: 20px;
		margin-right: 20px;
	}

}

@media screen and (max-width:1200px){
	
	#texteintrocontact{
		float: left;
		width: 100%;
		height: auto;
		padding: 0;
		padding-top: 250px;
		padding-bottom: 250px;
	}
	
	#conteneurtexteintrocontact{
		float: left;
		width: calc(100% - 100px);
		margin: 0;
		margin-left: 50px;
		margin-right: 50px;
	}
	
	#conteneurtexteintrocontact h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 80px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#conteneurtexteintrocontact p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 26px;
		font-weight: lighter;
		font-style: italic;
		text-align: center;
		color: #fff;
		margin: 0;
	}

	#titrepresentationcontact h2{
		float: left;
		width: 400px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}
	
	#brushtitrepresentationcontact{
		float: left;
		width: calc(100% - 430px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}

	#textepresentationcontact p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#formulairecontact{
		float: left;
		width: 50%;
		height: 900px;
		background: url(../images/fond-formulaire-contact.jpg) no-repeat;
		background-size: cover;
	}

	#formulaire h3{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-bottom: 30px;
	}

	#formulaire p{
		float: left;
		font-family: 'Montserrat', sans-serif;
		font-size: 17px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
	}

	#googlemap{
		float: left;
		width: 50%;
		height: 900px;
	}

	#googlemap iframe{
		float: left;
		height: 900px;
	}

}

@media screen and (max-width:1023px){
	
	#formulairecontact{
		float: left;
		width: 50%;
		height: 1000px;
		background: url(../images/fond-formulaire-contact.jpg) no-repeat;
		background-size: cover;
	}
	
	#googlemap{
		float: left;
		width: 50%;
		height: 1000px;
	}
	
	#googlemap iframe{
		float: left;
		height: 1000px;
	}

}

@media screen and (max-width:767px){
	
	#texteintrocontact{
		float: left;
		width: 100%;
		height: auto;
		padding: 0;
		padding-top: 150px;
		padding-bottom: 150px;
	}
		
	#conteneurtexteintrocontact h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#conteneurtexteintrocontact p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		font-weight: lighter;
		font-style: italic;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	
	#titrepresentationcontact h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#brushtitrepresentationcontact{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#formulairecontact{
		float: left;
		width: 100%;
		height: auto;
		background: url(../images/fond-formulaire-contact.jpg) no-repeat;
		background-size: cover;
	}
		
	#formulaire h3{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-bottom: 30px;
	}
	
	#formulaire p{
		float: left;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
	}
	
	#googlemap{
		float: left;
		width: 100%;
		height: 500px;
	}
	
	#googlemap iframe{
		float: left;
		height: 500px;
	}

}

/* Fin Style Contact */

/* Style Demande de devis */

#presentationdemandedevis{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titrepresentationdemandedevis{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titrepresentationdemandedevis h1{
	float: left;
	width: 570px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushpresentationdemandedevis{
	float: left;
	width: calc(100% - 600px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#textepresentationdemandedevis{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textepresentationdemandedevis p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#conteneurformulairedemandedevis{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
	background: url(../images/fond-formulaire-contact.jpg) no-repeat;
	background-size: cover;
}

#conteneurformulairedemandedevis h2{
	float: left;
	width: calc(100% - 60px);
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}

#conteneurformulairedemandedevis p{
	float: left;
	width: calc(100% - 60px);
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #ffe649;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 0;
}

#formulairedemandedevis{
	float: left;
	position: relative;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 100px;
}

#formulairedemandedevis input{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background: #fff;
}

#formulairedemandedevis input.champ1{
	float: left;
	width: calc(50% - 40px);
	height: 50px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#formulairedemandedevis input.champ2{
	float: left;
	width: calc(100% - 40px);
	height: 50px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#formulairedemandedevis textarea{
	float: left;
	width: calc(100% - 62px);
	height: 210px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	padding: 20px;
	resize: none;
}

#formulairedemandedevis p.champobligatoire{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

#formulairedemandedevis .g-recaptcha {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 20px;
}

#formulairedemandedevis input.envoyer{
	float: left;
	width: calc(100% - 100px);
	height: 50px;
	background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 80px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#formulairedemandedevis input.envoyer:hover{
	background: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

@media screen and (max-width:1200px){

	#titrepresentationdemandedevis h1{
		float: left;
		width: 460px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}
	
	#brushpresentationdemandedevis{
		float: left;
		width: calc(100% - 490px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}

	#textepresentationdemandedevis p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#conteneurformulairedemandedevis h2{
		float: left;
		width: calc(100% - 60px);
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	#conteneurformulairedemandedevis p{
		float: left;
		width: calc(100% - 60px);
		font-family: 'Montserrat', sans-serif;
		font-size: 17px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
		padding: 0;
	}

}

@media screen and (max-width:1023px){
	
	#formulairedemandedevis{
		float: left;
		position: relative;
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px;
	}
	
}

@media screen and (max-width:767px){
	
	#titrepresentationdemandedevis h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#brushpresentationdemandedevis{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#conteneurformulairedemandedevis h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-top: 50px;
		margin-bottom: 30px;
	}
			
	#conteneurformulairedemandedevis p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
	}
	
	#formulairedemandedevis{
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 30px;
	}
	
	#formulairedemandedevis input.champ1{
		float: left;
		width: calc(100% - 40px);
		height: 50px;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	
	#formulairedemandedevis input.envoyer{
		float: left;
		width: 100%;
		height: 50px;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		cursor: pointer;
		padding: 0;
		margin: 0;
		margin-top: 30px;
		margin-bottom: 80px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
}

/* Fin Style Demande de devis */

/* Style Devenir Client */

#presentationdevenirclient{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
}

#titrepresentationdevenirclient{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

#titrepresentationdevenirclient h1{
	float: left;
	width: 570px;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #222;
	margin: 0;
}

#brushpresentationdevenirclient{
	float: left;
	width: calc(100% - 600px);
	height: 50px;
	display: block;
	margin: 0;
	margin-left: 30px;
	background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
}

#textepresentationdevenirclient{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textepresentationdevenirclient p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	text-align: left;
	line-height: 36px;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#conteneurformulairedevenirclient{
	float: left;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin: 30px;
	background: url(../images/fond-formulaire-contact.jpg) no-repeat;
	background-size: cover;
}

#conteneurformulairedevenirclient h2{
	float: left;
	width: calc(100% - 60px);
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}

#conteneurformulairedevenirclient p{
	float: left;
	width: calc(100% - 60px);
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #ffe649;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 0;
}

#formulairedevenirclient{
	float: left;
	position: relative;
	width: calc(100% - 60px);
	height: auto;
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 100px;
}

#formulairedevenirclient input{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background: #fff;
}

#formulairedevenirclient input.champ1{
	float: left;
	width: calc(50% - 40px);
	height: 50px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#formulairedevenirclient input.champ2{
	float: left;
	width: calc(100% - 40px);
	height: 50px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#formulairedevenirclient textarea{
	float: left;
	width: calc(100% - 62px);
	height: 210px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-align: left;
	color: #222222;
	border: 0;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	padding: 20px;
	resize: none;
}

#formulairedevenirclient p.champobligatoire{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

#formulairedevenirclient .g-recaptcha {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 20px;
}

#formulairedevenirclient input.envoyer{
	float: left;
	width: calc(100% - 100px);
	height: 50px;
	background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 80px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#formulairedevenirclient input.envoyer:hover{
	background: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

@media screen and (max-width:1200px){
	
	#titrepresentationdevenirclient h1{
		float: left;
		width: 490px;
		font-family: 'Montserrat', sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #222;
		margin: 0;
	}
	
	#brushpresentationdevenirclient{
		float: left;
		width: calc(100% - 520px);
		height: 50px;
		display: block;
		margin: 0;
		margin-left: 30px;
		background: url(../images/brush-titre-gauche.png) left bottom no-repeat;
	}
	
	#textepresentationdevenirclient p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		line-height: 32px;
		color: #222;
		margin: 0;
		margin-bottom: 20px;
	}

	#conteneurformulairedevenirclient h2{
		float: left;
		width: calc(100% - 60px);
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	#conteneurformulairedevenirclient p{
		float: left;
		width: calc(100% - 60px);
		font-family: 'Montserrat', sans-serif;
		font-size: 17px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
		padding: 0;
	}

}

@media screen and (max-width:1023px){
	
	#formulairedevenirclient{
		float: left;
		position: relative;
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px;
	}
	
}

@media screen and (max-width:767px){
	
	#titrepresentationdevenirclient h1{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#brushpresentationdevenirclient{
		float: left;
		width: 100%;
		height: 2px;
		display: block;
		margin: 0;
		margin-top: 15px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#conteneurformulairedevenirclient h2{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-top: 50px;
		margin-bottom: 30px;
	}
			
	#conteneurformulairedevenirclient p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
	}
	
	#formulairedevenirclient{
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 30px;
	}
	
	#formulairedevenirclient input.champ1{
		float: left;
		width: calc(100% - 40px);
		height: 50px;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	
	#formulairedevenirclient input.envoyer{
		float: left;
		width: 100%;
		height: 50px;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		cursor: pointer;
		padding: 0;
		margin: 0;
		margin-top: 30px;
		margin-bottom: 80px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
}

/* Fin Style Devenir Client */

/* Style Footer */

#lignenewsletter{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 100px;
}

#titrelignenewsletter{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../images/brush-titre-centre-newsmetter.png) center no-repeat;
}

#titrelignenewsletter h3{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	margin: 0;
}

#textelignenewsletter{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#textelignenewsletter p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

#formulairenewsletter{
	float: left;
	width: 100%;
	height: auto;
}

#formulairenewsletter input{
	float: left;
	width: calc(70% - 24px);
	height: 46px;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: lighter;
	text-align: left;
	text-transform: uppercase;
	color: #a0a0a0;
	border: solid 2px #a0a0a0;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background: #fff;
}

#formulairenewsletter input.envoyer{
	float: left;
	width: calc(30% - 50px);
	height: 50px;
	background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#formulairenewsletter input.envoyer:hover{
	background: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#lignedevisclients{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 80px;
}

#boutondemandededevisfooter{
	float: left;
	width: calc(50% - 25px);
	height: 250px;
	background: #000;
	border-top: solid 5px #ffe649;
	border-left: solid 5px #ffe649;
	margin: 0;
	margin-right: 20px;
	background: url(../images/fond-bouton-demande-devis-footer.jpg) center no-repeat;
}

#boutondemandededevisfooter a{
	display: block;
	height: calc(100% - 90px);
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffe649;
	padding: 0;
	padding-top: 90px;
	margin: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#boutondemandededevisfooter a:hover{
	background: rgba(0,0,0,0.5);
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#boutondemandededevisfooter span{
	display: inline-flex;
	height: 70px;
	line-height: 70px;
}

#boutondemandededevisfooter span img{
	margin-right: 20px;
}

#boutondevenirclientfooter{
	float: left;
	width: calc(50% - 25px);
	height: 250px;
	background: #000;
	border-bottom: solid 5px #a0a0a0;
	border-right: solid 5px #a0a0a0;
	margin: 0;
	margin-left: 20px;
	background: url(../images/fond-bouton-devenir-client-footer.jpg) center no-repeat;
}

#boutondevenirclientfooter a{
	display: block;
	height: calc(100% - 90px);
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #a0a0a0;
	padding: 0;
	padding-top: 90px;
	margin: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#boutondevenirclientfooter a:hover{
	background: rgba(0,0,0,0.5);
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#boutondevenirclientfooter span{
	display: inline-flex;
	height: 70px;
	line-height: 70px;
}

#boutondevenirclientfooter span img{
	margin-right: 20px;
}

#footer{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 50px;
	padding: 0;
	padding-top: 100px;
	padding-bottom: 50px;
	background: url(../images/barre-bas-footer.png) bottom no-repeat #000;
	background-size: 100%;
}

#lignecoordonnees{
	float: left;
	width: 100%;
	height: auto;
}

.colonnefooter{
	float: left;
	width: calc(33.33% - 100px);
	height: auto;
	margin: 0;
	margin-left: 50px;
	margin-right: 50px;
}

.colonnefooter p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	margin: 0;
	margin-top: 25px;
	margin-bottom: 20px;
}

.colonnefooter a{
	text-decoration: none;
	color: #fff;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

.colonnefooter a:hover{
	color: #ffe649;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#lignemenufooter{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 80px;
}

#lignemenufooter ul.menufooter{
	float: left;
	width: auto;
	height: 50px;
	padding: 0;
	margin: 0;
}

#lignemenufooter li{
	float: left;
	height: 50px;
	list-style-type: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #ffe649;
	padding: 0;
	margin: 0;
	margin-left: 40px;
	margin-right: 40px;
}

#lignemenufooter li a{
	color: #ffe649;
	text-decoration: none;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#lignemenufooter li a:hover{
	color: #a0a0a0;
	-webkit-transition: 0.3s linear;  
	-moz-transition: 0.3s linear;  
	-o-transition: 0.3s linear;  
	-ms-transition: 0.3s linear;  
	transition: 0.3s linear;
}

#lignebas{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 30px;
}

#lignebas p{
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: lighter;
	text-align: center;
	color: #fff;
	margin: 0;
	margin-bottom: 15px;
}

#lignebas a{
	text-decoration: none;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
}

#logoopale{
	float: left;
	position: relative;
	width: 169px;
	height: 28px;
	left: 50%;
	margin: 0;
	margin-top: 15px;
	margin-left: -85px;
}

@media screen and (max-width:1200px){

	#lignenewsletter{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 50px;
	}

	#titrelignenewsletter h3{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#lignedevisclients{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 50px;
	}

	#boutondemandededevisfooter{
		float: left;
		width: calc(50% - 25px);
		height: 200px;
		background: #000;
		border-top: solid 5px #ffe649;
		border-left: solid 5px #ffe649;
		margin: 0;
		margin-right: 20px;
		background: url(../images/fond-bouton-demande-devis-footer.jpg) center no-repeat;
	}

	#boutondemandededevisfooter a{
		display: block;
		height: calc(100% - 65px);
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bolder;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #ffe649;
		padding: 0;
		padding-top: 65px;
		margin: 0;
		background: rgba(0,0,0,0.8);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}

	#boutondevenirclientfooter{
		float: left;
		width: calc(50% - 25px);
		height: 200px;
		background: #000;
		border-bottom: solid 5px #a0a0a0;
		border-right: solid 5px #a0a0a0;
		margin: 0;
		margin-left: 20px;
		background: url(../images/fond-bouton-devenir-client-footer.jpg) center no-repeat;
	}

	#boutondevenirclientfooter a{
		display: block;
		height: calc(100% - 65px);
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: bolder;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-top: 65px;
		margin: 0;
		background: rgba(0,0,0,0.8);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}

	.colonnefooter p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		color: #fff;
		margin: 0;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	#lignemenufooter{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 50px;
	}

	#lignemenufooter ul.menufooter{
		float: left;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}

	#lignemenufooter li{
		float: left;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		padding: 0;
		margin: 0;
		margin-left: 40px;
		margin-right: 40px;
	}

}

@media screen and (max-width:1023px){
	
	#formulairenewsletter input{
		float: left;
		width: calc(70% - 24px);
		height: 46px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: lighter;
		text-align: left;
		text-transform: uppercase;
		color: #a0a0a0;
		border: solid 2px #a0a0a0;
		margin: 0;
		padding: 0;
		padding-left: 20px;
		background: #fff;
	}
	
	#formulairenewsletter input.envoyer{
		float: left;
		width: calc(30% - 20px);
		height: 50px;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		border: none;
		cursor: pointer;
		padding: 0;
		margin: 0;
		margin-left: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}

	#boutondemandededevisfooter a{
		display: block;
		height: calc(100% - 65px);
		font-family: 'Montserrat', sans-serif;
		font-size: 26px;
		font-weight: bolder;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #ffe649;
		padding: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 65px;
		margin: 0;
		background: rgba(0,0,0,0.8);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
	#boutondemandededevisfooter span{
		display: inline-flex;
		height: 70px;
		line-height: 40px;
	}
		
	#boutondevenirclientfooter a{
		display: block;
		height: calc(100% - 65px);
		font-family: 'Montserrat', sans-serif;
		font-size: 26px;
		font-weight: bolder;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #a0a0a0;
		padding: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 65px;
		margin: 0;
		background: rgba(0,0,0,0.8);
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}
	
	#boutondevenirclientfooter span{
		display: inline-flex;
		height: 70px;
		line-height: 40px;
	}
	
	.colonnefooter{
		float: left;
		width: calc(50% - 40px);
		height: auto;
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.colonnefooter p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		color: #fff;
		margin: 0;
		margin-bottom: 20px;
	}

}

@media screen and (max-width:767px){
	
	#titrelignenewsletter{
		float: left;
		width: calc(100% - 20px);
		height: auto;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
		padding: 0;
		padding-bottom: 60px;
		background: url(../images/brush-titre-gauche.png) left no-repeat;
	}
	
	#titrelignenewsletter h3{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 26px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #222;
		margin: 0;
	}
	
	#textelignenewsletter{
		float: left;
		width: calc(100% - 20px);
		height: auto;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#formulairenewsletter input{
		float: left;
		width: calc(100% - 24px);
		height: 46px;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: lighter;
		text-align: left;
		text-transform: uppercase;
		color: #a0a0a0;
		border: solid 2px #a0a0a0;
		margin: 0;
		padding: 0;
		padding-left: 20px;
		background: #fff;
	}
	
	#formulairenewsletter input.envoyer{
		float: left;
		width: 100%;
		height: 50px;
		background: linear-gradient(to right, #ffe649, #A0A0A0, #000000);
		border: none;
		cursor: pointer;
		padding: 0;
		margin: 0;
		margin-top: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: lighter;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: 0.3s linear;  
		-moz-transition: 0.3s linear;  
		-o-transition: 0.3s linear;  
		-ms-transition: 0.3s linear;  
		transition: 0.3s linear;
	}

	#boutondemandededevisfooter{
		float: left;
		width: calc(100% - 10px);
		height: 200px;
		background: #000;
		border-top: solid 5px #ffe649;
		border-left: solid 5px #ffe649;
		border-right: solid 5px #ffe649;
		margin: 0;
		margin-bottom: 10px;
		background: url(../images/fond-bouton-demande-devis-footer.jpg) center no-repeat;
	}

	#boutondevenirclientfooter{
		float: left;
		width: calc(100% - 10px);
		height: 200px;
		background: #000;
		border-bottom: solid 5px #a0a0a0;
		border-left: solid 5px #a0a0a0;
		border-right: solid 5px #a0a0a0;
		margin: 0;
		margin-top: 10px;
		background: url(../images/fond-bouton-devenir-client-footer.jpg) center no-repeat;
	}
	
	#footer{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 50px;
		padding: 0;
		padding-top: 50px;
		padding-bottom: 50px;
		background: url(../images/barre-bas-footer.png) bottom no-repeat #000;
		background-size: 100%;
	}
	
	.colonnefooter{
		float: left;
		width: calc(100% - 40px);
		height: auto;
		margin: 0;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.colonnefooter p{
		float: left;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		color: #fff;
		margin: 0;
		margin-top: 30px;
	}

	#lignemenufooter li{
		float: left;
		width: 100%;
		height: 50px;
		list-style-type: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		font-weight: 600;
		line-height: 50px;
		text-align: center;
		text-transform: uppercase;
		color: #ffe649;
		padding: 0;
		margin: 0;
	}
	
}

/* Fin Style Footer */