/* DESIGN DES SECTIONS PROJETS */

.projet{
	padding-top: 40px;
	padding-bottom: 40px;
}

@media (max-width: 575.98px) { 
	.projet{
		padding-top:20px;
		padding-bottom: 20px;
	}
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
	.projet{
			padding-top:20px;
			padding-bottom: 20px;
		}
 }

.fonce{
	background-color:#343a40;
}

.clair{
	background-color:#ffffff;
}

.moyen{
	background-color:#ededed;
}

hr{
	margin:0px;
}

.projet h3{
	color:#8ac640;
}


@media (max-width: 575.98px) { 
	.projet h3{
		padding-top:25px;
	}
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
	.projet h3{
			padding-top:25px;
		}
 }

.fonce h4{
	color:#ffffff;
}

.clair h4{
	color:#5a5a5a;
}

.moyen h4{
	color:#5a5a5a;
}

.projet p{
	font-size:18px;
}

.fonce p{
	color:#ffffff;
}

.clair p{
	color:#5a5a5a;
}

.moyen p{
	color:#5a5a5a;
}

.logo {
	width:160px;
	padding:10px;
	margin:0 auto;
}

/* DESIGN DE l'EN-TETE */

.haut{
	background-color:#111315;
}

.haut h1{
	color:#ffffff;
	text-align:center;
	font-size:50px;
}

.titre{
	padding-bottom:50px;
	background-image: url("../img/portfolio/site_web/en_tete.jpg");
	background-size: cover;
	background-position: center;
}

@media (max-width: 575.98px) { 
	.titre{
		padding-bottom: 20px;
	}
	
	.haut h1{
		font-size:36px;
	}
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
	.titre{
			padding-bottom: 20px;
		}
		
	.haut h1{
		font-size:36px;
	}
 }
 
/* DESIGN DE LA PUB */

.call_to_action{
	background-color:#343a40;
	color:#ffffff;
}

.call_to_action h3{
	color:#8ac640;
}

.contenu_pub{
	padding:30px;
}

.bouton_devis{
	padding:20px 40px 20px 40px;
	font-weight:600;
	font-size:24px;
	background-color:#DA6246;
}

.bouton_devis:hover{
	background-color:#994c3a;
}