/*Page project*/
#presentation_project {
	display: flex;
	justify-content: center;
	align-items: center;
}

#paragraphe_project {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

/*video responsive*/
.video {
	position:relative;
	padding-bottom: 56.25%; /* conservation du ratio 16:9 */
	height: 0;

}
.video iframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe {
	border: none;
}

.img_sup {
	display: none;
}

/*Danse liberté, Sexe, Sans titre, Juliette et Mathilde, Pâte à pain*/
.presentation_projects {
	display: flex;
	align-items: center;
}

.paragraphe_projects {
	display: flex;
	width: 100%;
}

.img_projects {
	display: flex;
}

/*Affichage ordinateur*/
@media screen and (min-width: 813px) {

/*Page project*/
	#presentation_project {
		width: 70%;
		margin-left: 25%;		
	}
	.thumbnail_project {
		max-width: 23%;
		margin: 1%;
	}
	.thumbnail_project img {
		transition: all 0.5s ease-out;
	}
	.thumbnail_project:hover img {
		transform: scale(1.15);
	}
	#paragraphe_project {
		padding: 1% 1%;
	}

/*Danse liberté, Sexe, Sans titre*/
	.presentation_projects {
		width: 70%;
		margin-left: 25%;
	}
	.video_projects {
		width: 80%;
	}
	.img_projects {
		width: 20%;
		margin-left: 1%;
		flex-direction: column;
	}
	.one_img_projects {
		width: 90%;
		text-align: center;
	}
	.one_img_project {
		margin-top: 2.5%
	}
	#pain {
		display: flex;
		  	align-items: center;
  	justify-content: center;
	}
	#pain div {
		padding: 0.5%;
	}
	#pain1 {
		width: 36%;
	}
	#pain2 {
		width: 64%;
	}
}

/*Mobile mode paysage*/
@media screen and (min-width: 451px) and (max-width: 812px) {

/*Page project*/
	#presentation_project {
		width: 100%;
	}
	.thumbnail_project {
		max-width: 23%;
		margin: 1%;
	}
	.thumbnail_project img {
		transition: all 0.5s ease-out;
	}
	.thumbnail_project:hover img {
		transform: scale(1.15);
	}
	#paragraphe_project {
		padding: 1% 1%;
	}

/*Danse liberté, Sexe, Sans titre*/
	.presentation_projects {
		width: 100%;
	}
	.paragraphe_projects {
		flex-direction: column;
		margin: 0 1%;
	}
	.video_projects {
		width: 100%;
	}
	.img_projects {
		width: 100%;
		flex-wrap: wrap;
	}
	.img_project {
		max-width: 49%;
		margin: 0 0.5%;
	}
	#pain {
		display: flex;
		  	align-items: center;
  	justify-content: center;
	}
	#pain div {
		padding: 0.5%;
	}
	#pain1 {
		width: 36%;
	}
	#pain2 {
		width: 64%;
	}
		
}

/*Mobile mode portrait*/
@media screen and (max-width: 450px) {

/*Page project*/
	#presentation_project {
		flex-direction: column;
	}
	#paragraphe_project {
		width: 90%;
	}
	#paragraphe_project {
		padding-top: 2%;
	}
	.thumbnail_project {
		margin: 2.5% 0;
	}

	/*Danse liberté, Sexe, Sans titre*/
	.presentation_projects {
		width: 100%;
	}
	.paragraphe_projects {
		flex-direction: column;
		margin: 0 1%;
	}
	.video_projects {
		width: 100%;
	}
	.img_projects {
		width: 100%;
		flex-wrap: wrap;
	}
}