@charset "utf-8";
/* CSS Document */
body {
	background: #fff;
	font-size: 1vw;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #000;
	margin: 0;
}

a {
	font-size: 1vw;
	text-decoration: none;
	font-weight: 800;color: #000;
}

a:hover {
	color: #F0F;
}

.titre {
	font-size: 1.2vw;
	font-weight: 800;color: #333;
}
img {
	width: 100%;
	height: auto;
	margin: 0;
}

#texte {
	position: relative;
	left: 0;
	top: 0;
	margin-top: -0.5vw;
}

#txt {
	position: relative;
	color: #999;
	padding-left: 1vw;
	padding-right: 1vw;
	background-color: #333;
}

.serie_titre {
	position:relative;
	font-size: 6vw ;
	font-weight: 800;
	color: #CCC;
	text-align:right;
	margin-top: 5%;
	margin-bottom: 1%;
	margin-right: 2vw;
	line-height : 2.5vw;
}

.serie_soustitre {
	position:relative;
	font-size: 2vw;
	font-weight: 800;
	text-align:right;
	margin-bottom: 2%;
	margin-right: 2vw;
}
.serie_illustration {
	float: left;
	width: 67%;
	height: auto;
	margin-bottom: 2%;
}

.serie_texte {
    position: relative;
	float: left;
	margin-left: 3%;
	font-size: 1vw;
	width: 28%;
	height: auto;
	line-height : 1.5vw;
    overflow: hidden; /* Masque le texte qui dépasse la largeur de son conteneur */
}

.images_galerie {
    gap: 0; /* Réduit l'espacement entre les éléments */
}

.image_container {
    margin-bottom: 1vw; /* Supprime l'espacement en dessous des images */
    padding: 0; /* Supprime le padding autour des images */
}

.image_container img {
    display: block; /* Supprime l'espace blanc en dessous de l'image */
    max-width: 100%;
    height: auto;
}

.image_legende {
    position: relative;
    width: 100%; /* Assure que l'élément s'adapte à la largeur du conteneur parent */
    color: #fff;
    white-space: nowrap; /* Empêche le retour à la ligne pour que le texte s'adapte */
    overflow: hidden; /* Masque le texte qui dépasse la largeur de son conteneur */
    text-overflow: ellipsis; /* Ajoute des points de suspension si le texte est trop long */
    margin-top: 0; /* Supprime toute marge au-dessus du texte sous l'image */
    padding-top: 0; /* Supprime tout padding au-dessus du texte */
    line-height: 100%;
}

.image_texte {
    font-size: 1vw;
    background-color: #333;
	color : #999;
	font-weight: 300;
    padding-left: 1vw;
    padding-right: 1vw;
    width: 100%; /* Assure que le texte s'adapte à la largeur du conteneur parent */
    box-sizing: border-box; /* Inclut le padding dans la largeur totale pour éviter les débordements */
}

.serie_back {
	text-align: left;
	margin-bottom: 4vw;
}

.video_conteneur {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background-color: #000;
	margin-bottom: 1vw;
	z-index: 1;
}

.video_conteneur video, iframe, .video_conteneur object, .video_conteneur embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.video_conteneur .txt {
	position: absolute;
	top: 85%;
	left: 2.5%;
	width: 75%;
	height: 3.5%;
	z-index: 3;
	font-size: 1.5vw;
	font-weight: 800;
}

.son_conteneur {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background-color: #000;
	margin-bottom: 1vw;
	z-index: 1;
}

.son_conteneur audio {
	position: absolute;
	top:80%;
	left: 2.5%;
	width: 50%;
	height: 5%;
	margin-left: auto;
	margin-right: auto;
  	z-index: 4;
}

.son_conteneur img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.son_conteneur .txt {
	position: absolute;
	top: 85%;
	left: 3.5%;
	width: 95%;
	height: 10%;
	z-index: 3;
	font-size: 1.5vw;
	text-shadow: 2px 2px 2px black;
}