body {
	margin:0;
	padding:0;
	color: white;
	font-family: 'Catamaran', sans-serif;
	background: linear-gradient(#F51B00 400px, darkred);
	width: 100%;
	height: 100vh;
	overflow: hidden;
}


/* --- I M A G E S ------------------ */

#conteneur {
	width: 100%;
	display: inline-flex;
	margin:0;
}

#rognage-jason {
	background-image: url("../images/jason/Jason-Statam.png");
	background-size:400%;
	background-repeat: no-repeat;
	background-position: 70% 20%;
	filter: grayscale(1);
    width: 23%;
    height: 100vh;
    overflow: hidden;
    transition: transform 1s, 0.5s ease-in-out;
}
#rognage-jason:hover{
	filter: grayscale(0);
	background-size:600%;
	background-position: 68% 18%;
}

#rognage-tilda {
	background-image: url("../images/Tilda/Tilda_1.jpg");
	background-size:390%;
	background-repeat: no-repeat;
	background-position: 50% 30%;
	transform: scaleX(-1);
    width: 23%;
    height: 100vh;
    overflow: hidden;
    filter: grayscale(1);
    transition: transform 1s, 0.5s ease-in-out;

}
#rognage-tilda:hover{
	filter: grayscale(0);
	background-size:550%;
	background-position: 46% 26%;
}

#rognage-will {
	background-image: url("../images/will/Will-Smith.jpg");
	background-size:400%;
	background-repeat: no-repeat;
	background-position: 70% 10%;
    width: 23%;
    height: 100vh;
    overflow: hidden;
    filter: grayscale(1);
    transition: transform 1s, 0.5s ease-in-out;
}
#rognage-will:hover{
	filter: grayscale(0);
	background-size:600%;
	background-position: 71% 10%;
}

#rognage-tom {
	background-image: url("../images/Tom/Tom-Hanks.jpg");
	background-size:201%;
	background-repeat: no-repeat;
	background-position: 78% 0%;
    width: 23%;
    height: 100vh;
    overflow: hidden;
    filter: grayscale(1);
    text-transform: uppercase;
    transition: transform 1s, 0.5s ease-in-out;
}
#rognage-tom:hover{
	background-size:270%;
	background-position: 78% 20%;
	filter: grayscale(0);


	
	
}
/* --- fin images ------------------ */

#Titre {
	width: 8%;
	height: 100vh;
	background: linear-gradient(#F51B00 400px, darkred);
	background-color: ;
}
.titre{
	padding-top: 50px;
	margin:auto auto 0px auto;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 30px;
	text-shadow: 0px 3px 10px grey;
}