header {

}

body {
    margin : 0;
	font-size: 14px;
    cursor: default;
    height: 100%;
    min-height: 100%;
    justify-content: space-between;
	background: white;
	font-family: 'Rubik-Regular', Arial, sans-serif;
	margin: 0 10px ;
}



/*pour y voir clair pdt dvp*/


/*grille de base = parent*/
.main {
	display: flex;
	margin: 0;


}
.main div {

}
.galerie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

.galerie img {
	margin: 5px 0px;
	max-width: 150px;

}

.imagePrincipale  {
}


.imagePrincipale img {
	max-width: 300px;

}

h3 {
	font-family: 'Rubik-Light', sans-serif;	

}
h4 {
	font-family: 'Rubik-Light', sans-serif;	
	font-size: 18px;

}

.personnes {
	display: flex;
	justify-content: flex-start;


}

.metteur{	
	margin-top:30px;
	font-family: 'Rubik-LightItalic', sans-serif;
}

.acteur{
	margin-left: 40px;
	margin-top:30px;
	font-family: 'Rubik-LightItalic', sans-serif;

}

.titre, .lieu, .date{
	font-family: 'Rubik-MediumItalic', sans-serif;
	font-size: 22px;
	align-self: start;

}

.resume .avis{

	align-self: start;
	margin-bottom: 15px;
}

.trailer{
	text-decoration: none;
	color: black;
	font-family: 'Rubik-Medium', sans-serif;
	margin: 5px, 5px;
}

.liens a{
	text-decoration: none;
	color: black;

}


.liens a:hover{
	text-decoration: underline;
	color: aqua;
}


.tags{
	justify-content: flex-start;
	align-self: start;
	text-decoration: none;
	color: black;
	font-family: 'Rubik-Medium', sans-serif;
	text-align: left;
	text-transform: lowercase;
}

.tags a{
	text-decoration: none;
	color: black;

}


.tags a:hover{
	text-decoration: underline;
	color: aqua;
	transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}


.datePublicationArticle{

	align-self: start;
	text-decoration: none;
	color: black;
	font-family: 'Rubik-Light', sans-serif;
	font-size: 10px;
}

.col1 {

	margin: 0 15px;
		flex-grow: 1;


}

.col2 {

	margin: 0 ;

	flex-grow: 10;

}

.col3{

	margin: 0 15px;
		flex-grow: 1;


}

.related-page{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-end;
	width: 200px;
}

.related img {
	max-width: 200px;
}

.related img:hover {
	filter : blur(5px);
	opacity: 0.7;
/*	transform: scale(1.1);*/

}
h2 {
	font-family: 'Rubik-MediumItalic', sans-serif;
	font-size: 22px;
	padding-top: 10px;
	max-width: auto;

}


.trailer {
align-self: center;	max-width: auto;
}