/*----------------------------------------------------------------------------------------------------------------------------------*/
/*MENU-NAV*/

nav ul li .page.projets::after
{
    transform: translateY(0);
    opacity:1;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*BANDEAU-HEADER*/

.bandeau.projets
{
	background: url("../MEDIA/IMAGES/AFFICHES_FILMS/xenogenesys_bandeau_onglet.jpg") center/cover no-repeat, black;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*SECTION PRINCIPALE*/

#bloc_page
{
	width: 78vw;
	margin:auto;
}
#align1
{
	display:flex;
	justify-content: space-between;
	width: 78vw ;
	overflow: hidden;
	box-sizing: border-box;
}
#align2
{
	margin-top: 20vh;
	display:flex;
	justify-content: space-between;
	width: 78vw ;
	overflow: hidden;
	box-sizing: border-box;
}
.affiche_petite
{
	width: 18.68vw;
	box-sizing: border-box;
	overflow: hidden;
	flex:0 0 auto;
	position: relative;
	
}
.affiche_petite_in
{
	position: relative;
	overflow: hidden;
    box-sizing: border-box;
}
.affiche_petite img
{
	width: 18.68vw;
	height: auto;
	display: block;
	border: solid black 0.10vw;
	box-sizing: border-box;
}

.affiche_petite_legende h2
{
    margin:2.2vh 0 0 0;
    font-weight: bold;
   
}
.affiche_petite_legende p
{
	margin: 0.125em 0 0 0;
	color: rgb(151, 152, 155);

}
#soir
{
	width: 30vw;
	height: auto;
	margin-top: 25vh;
}

.affiche_petite {
  cursor: pointer;
}

/* visualiser l'affiche en plein écran  */
.full
{
	display: none;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index: 100;
	text-align: center;
}
.zone_grise_grande
{
	background-color: rgba(0, 0, 0, 0.7);
	display:block;
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.grande_affiche
{   
	width: auto;
    height: 96vh; 
    position:relative;
    top:2vh;
}

/* visualiser l'affiche en plein écran */