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

.fonce{
	background-color:#111315;
}

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

.fonce h4{
	color:#999c9e;
}

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

.fonce p{
	color:#999c9e;
}

/* DESIGN PARTIE ANIMEE */

.haut{
	background-color:#111315;
}

.haut h1{
	color:#ffffff;
	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;
	}
 }
 
.video_fond {
  position: relative;
  background-color: black;
  height: 75vh;
  max-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video_fond video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video_fond .container {
  position: relative;
  z-index: 2;
}

.video_fond .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

.titre_anime{
	border-style: solid;
	border-color: #ffffff;
}

.contenu_anime{
	padding:20px;
}

/* BOUTONS */

.bouton {
	padding: 20px;
	background-color:#1f2226;
}

.bouton span{
	padding: 10px;
	margin-top:10px;
	background-color:#DA6246;
	display: block;
	border-radius:5px;
}

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

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

/* PAGINATION */

.pagination {
	padding-top:40px;
}