/* DESIGN DES SECTIONS PROJETS */

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

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

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


hr{
	margin:0px;
	background-color:#8ac640;
}

.projet h3{
	color:#8ac640;
}

.projet h4{
	font-size:20px;
}


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

@media (min-width: 576px) and (max-width: 767.98px) { 
	.projet h3{
			padding-top:25px;
		}
 }
 
.clair{
	 background-color:#ffffff;
 }
 
.fonce{
	 background-color:black;
 }

.clair h4{
	color:#999c9e;
}

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

.clair p{
	color:#999c9e;
}

.fonce h4{
	color:#ffffff;
}

/* DESIGN PARTIE ANIMEE */

.haut{
	background-color:#ededed;
}

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

.haut .breadcrumb{
	margin-bottom:0px;
}

.titre{
	padding-bottom:50px;
}

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

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


/* BOUTONS */


.bouton span {
	padding: 20px;
	background-color:#DA6246;
	display: block;
	border-radius:5px;
	color:#ffffff;
	font-size:26px;
}

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


/* CALL TO ACTION */

.contenu_pub{
	padding: 20px;
	color:white;
}

.call_to_action {
	background-color:#8ac640;
}

/* VIDEOS */

.video-fluid {
  width: 100%;
  height: auto;
}