/* DESIGN DES SECTIONS PROJETS */

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

@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;
		}
 }
 
.sers{
	background-color:#ffffff;
}

.prairiesDuCanal{
	background-color:#b6d9a6;
} 

.holodia{
	background-color:#2d3a43;
}

.grungeboutik{
	background-color:#6cb6ba;
}

.ideal{
	background-color:#000000;
}

.schmidt{
	background-color:#ffffff;
}

.comessa{
	background-color:#000000;
}

.roederer{
	background-color:#1d4f6b;
}

.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;
		}
 }

.sers h3{
	color:#080808;
}

.sers h4{
	color:#c31d69;
}

.prairiesDuCanal h3{
	color:#26633c;
}

.prairiesDuCanal h4{
	color:#3584c5;
}

.grungeboutik h3{
	color:#ce2d33;
}

.grungeboutik h4{
	color:#fff3e0;
}

.holodia h3{
	color:#ffffff;
}

.holodia h4{
	color:#f0564c;
}

.ideal h3{
	color:#d14033;
}

.ideal h4{
	color:#ffc31c;
}

.schmidt h3{
	color:#de0e2e;
}

.schmidt h4{
	color:#2a2d32;
}

.comessa h3{
	color:#d0240e;
}

.comessa h4{
	color:#ffffff;
}

.roederer h3{
	color:#ffffff;
}

.roederer h4{
	color:#fee57f;
}

.logo {
	width:100%;
	padding:5px;
	margin:0 auto;
}

.col-md-6{
	padding-right: 0px;
	padding-left: 0px;
}

/* 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;
}