.board {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: auto;
}

.affiche{
	/*position: relative;*/
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
}

figure {
	width: 620px;
	height: 617px;
	height: auto;
	/*background-color: lightblue;*/
}

.mypic{	
	width: 100%;
	max-width: 590px;
	height: auto;
	object-fit: scale;
	}

.filmtext{
	/*top: 0;
	left: 0;*/
	width: auto;
	height: auto;
	font-size : 18px;
	line-height : 1.1;
	text-align: left;
	font-family:LightCond;
	color: rgba(0,0,0,1);
	/*overflow: auto;*/
	/*background-color: white;*/
}
.ext_vue:hover{
	color: white;
	cursor: pointer;
}
/*
@media only screen and (max-width: 1366px) {
	
	.filmtext{
	width: 740px;
	height: 438px;
	padding-right: 140px;
	letter-spacing: 0.1px;
	text-align: left;
	}
	
}
@media only screen and (max-width: 1280px) {
	
	.filmtext{
	width: 680px;
	height: 411px;
	padding-right: 60px;
	}
	
}
@media only screen and (max-width: 1120px) {
	
	.filmtext{
	width: 600px;
	height: 354px;
	padding-right: 60px;
	font-size: 1.25em;
	}
	
}
@media only screen and (max-width: 1024px) {
	
	.filmtext{
	width: 560px;
	height: 328px;
	padding-right: 60px;
	font-size: 1.25em;
	}
	
}
@media only screen and (max-width: 900px) {
	
	.filmtext{
	width: 440px;
	height: 267px;
	padding-right: 60px;
	}
	footer{
	margin: 0;
	margin-bottom: 20px;
	}
	
}
*/
@media only screen and (max-width: 846px) {
	
	.filmtext{
	width: 100%;
	margin-top: 10px;
	}
	
}
@media only screen and (max-width: 812px) {
	
	.filmtext{
	width: 450px;
	height: 260px;
	padding-right: 0px;
	font-size: 1.1em;
	}
	
}
@media only screen and (max-width: 800px) {
	
	.filmtext{
	width: 440px;
	height: 256px;
	padding-right: 0px;
	}
	
}
@media only screen and (max-width: 768px) {
	
	.filmtext{
	width: 430px;
	height: 246px;
	padding-right: 20px;
	}
	.footer_right{
	width: 100%;
}
	
}
@media only screen and (max-width: 740px) {
	
	.filmtext{
	width: 420px;
	height: 237px;
	padding-right: 20px;
	}
	
}
@media only screen and (max-width: 736px) {
	
	.filmtext{
	width: 400px;
	height: 236px;
	padding-right: 0px;
	font-size : 0.95em;
	}
	
}
@media only screen and (max-width: 670px) {
	
	.filmtext{
	width: 370px;
	height: 214px;
	padding-right: 0px;
	font-size : 0.92em;
	}
	
}
@media only screen and (max-width: 640px) {
	
	.filmtext{
	width: 360px;
	height: 205px;
	padding-right: 20px;
	font-size : 0.95em;
	text-align: left;
	}
	
}
@media only screen and (max-width: 568px) {
	
	.filmtext{
	width: 310px;
	height: 182px;
	padding-right: 20px;
	font-size : 1em;
	}
	
}
@media only screen and (max-width: 414px) {
	
	.filmtext{
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 10px;
	font-size: 1em;
	text-align: left;
	}
	
}
@media only screen and (max-width: 375px) {
	
	.filmtext{
	width: 200px;
	height: 118px;
	padding-right: 20px;
	letter-spacing: 0.05px;
	text-align: left;
	}
	
}
@media only screen and (max-width: 360px) {
	
	.filmtext{
	width: 200px;
	height: 115px;
	padding-right: 10px;
	}
	
}
@media only screen and (max-width: 320px) {
	
	.filmtext{
	width: 170px;
	height: 101px;
	text-align: left;
	}
	
}
@media only screen and (max-width: 240px) {
	
	.filmtext{
	width: 125px;
	height: 77px;
	}
	
}