@font-face {
	font-family:'Style1';
	src:url(../font/Poppins-Bold.ttf) format("truetype");
}
@font-face {
	font-family:'Style2';
	src:url(../font/Poppins-Light.ttf) format("truetype");
}
@font-face {
	font-family:'Style3';
	src:url(../font/Poppins-Medium.ttf) format("truetype");
}
@font-face {
	font-family:'Style4';
	src:url(../font/Poppins-Regular.ttf) format("truetype");
}
@font-face {
	font-family:'Style5';
	src:url(../font/Poppins-SemiBold.ttf) format("truetype");
}

html {
    background-color: #000;
}

/****************************************************/
/*Couleurs titres*/
.scena_titre_video, .scena_titre_buzz, #titre_de_video{
    color: #f5233c;
}

/*Affectation a tous les elements de la page (" * "), rend invisible la barre de scroll*/
*{
	box-sizing:border-box;
	scrollbar-color:transparent transparent;
	scrollbar-width:0;
}
/****************************************************/
/*Barre de navigation*/
::-webkit-scrollbar {
	width:0
}
::-webkit-scrollbar-track {
	background:transparent
}
::-webkit-scrollbar-thumb {
	background:transparent;
	border:none;
}
/****************************************************/
/*Affectation globale aux balises a*/
a {
	text-decoration:none;
	text-align: center;
}
/****************************************************/
/*Affectation globale aux balises h4*/
h4{
	color: #218021;
}
/****************************************************/
/*Affectation globale aux input de type submit*/
input[type="submit"] {
	margin:10px;
}


/*Partie PC*/
/*@media screen and (orientation: landscape) {*/
	body {
	 max-width:57.5rem;
	 text-align:center;
	 margin:auto;
	}
	 .ino_lecteur {
		display:grid;
		grid-template-columns:repeat(12,1fr);
		grid-template-rows: repeat(7,minmax(auto, auto));
	 }
	/*Positionnement des selecteurs de terrain, date et heure du match*/
	.ino_select_terrain {
		grid-column:1 /span 4;
		grid-row:1;
	}
	.ino_select_date {
		grid-column:5 / span 4;
		grid-row:1;
	}
	.ino_select_heure {
		grid-column:9/ span 4;
		grid-row:1;
	}
	/****************************************************/
	/*Bande orange où se situe la description de la vidéo*/
	.titre_video {
		display:grid;
		grid-template-columns:repeat(4,1fr);
	}
	#titre_de_video{
		grid-column: 1 / span 1;
		grid-row: 1;
	}
	#numero_terrain{
		grid-column: 2 / span 1;
		grid-row: 1;
	}
	#date_de_video{
		grid-column: 3 / span 1;
		grid-row: 1;
	}
	#heure_de_video{
		grid-column: 4 / span 1;
		grid-row: 1;
	}
	/****************************************************/
	/*Positionnement de la zone dediée a la vidéo en grand*/
	.slides {
		grid-column:1 /span 12;
		grid-row:2;
	}
	/****************************************************/
	/*Positionnement pour la zone pour le bouton et formulaire de contact*/
	.ino_mail {
		grid-column:1 /span 12;
		grid-row: 7;

		display:grid;
		grid-template-columns: repeat(1,1fr);
		grid-template-rows:repeat(3,minmax(0px,auto));
	}
	/****************************************************/
	/*Positionnement des elements a l'interieur*/
	.ino_contact_grid{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(3, minmax(0px, auto));
	}
	.ino_contact_nom {
		grid-column: 1/span 6;
		grid-row:1;
	}
	.ino_contact_mail {
		grid-column: 7/span 6;
		grid-row:1;
	}
	.ino_contact_texte {
		grid-column: 1/span 12;
		grid-row:2;
	}
	.ino_contact_btn {
		grid-column: 4;
		grid-row:3;
	}
	.ino_contact_btn_annuler {
		grid-column: 8;
		grid-row:3;
	}
	/****************************************************/
	/*Positionnement du titre pour les buzz*/
	.scena_titre_buzz {
		grid-column: 1 / span 12;
		grid-row: 3;
	}
	/****************************************************/
	/*Positionnement de la zonne d'affichage des buzz*/
	.buzz_plus_carousel{
	    grid-column: 1 / span 12;
	    grid-row: 4;
	}
	/****************************************************/
	/*Positionnement du titre pour les vidéos de match*/
	.scena_titre_video {
		grid-column: 1 / span 12;
		grid-row: 5;
	}
	/****************************************************/
	/*Positionnement de la zonne d'affichage des vidéos de match*/
	.video_plus_carousel{
	    grid-column: 1 / span 12;
	    grid-row: 6;
	}
	/****************************************************/
	/*Zone ino_lecteur*/
	.ino_lecteur{
		background-image: url('../img/INOWEB_fond.png');
		background-repeat: no-repeat;
		background-size: 100%;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
	}
	/****************************************************/
	/*Forme de commune a tous les selecteurs*/
	.ino_select {
		height: 70px;
		width: 95%;
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	/****************************************************/
	/*Sélecteur de terrain*/
	.btn_select_terrain {
		background:none;
		width:100%;
		/* padding-left: 105px; */
		text-align:center;
		text-align-last: center;
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size:1.2rem;
		/*! margin: auto; */
		/*! vertical-align: ; */
		height: 100%;
	}	
	.ino_select_terrain{
		background-image: url('../img/select_terrain.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: auto;
		margin-left: 35px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.ino_form_terrain{
		height: 100%;
		width: 100%;
	}
	/****************************************************/
	/*Sélecteur de date*/
	.ino_css_select_date {
		background:none;
		width:100%;
		/* padding-left: 100px; */
		border:none;
		outline:none;
		appearance:none;
		color:#000;
		font-family:'Style4';
		font-size:1.2rem;
		text-align:center;
		/*! margin-bottom: 54px; */
		text-align-last: center;
		height: 100%;
	}
	.ino_select_date{
		background-image: url('../img/select_date.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: auto;
		margin-top: 60px;
		margin-bottom: 30px;
		margin-left: 12px;
	}
	.ino_form_date{
		height: 100%;
		width: 100%;
	}
	option.ino_Date_valide {
		color:#000;
	}
	/****************************************************/
	/*Sélecteur d'heure*/
	.ino_css_select_heure {
		background:none;
		width:100%;
		/* padding-left: 130px; */
		text-align:center;
		text-align-last: center;
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size:1.2rem;
		/*! margin-bottom: 50px; */
		height: 100%;
	}
	.ino_select_heure{
		background-image: url('../img/select_heure.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: auto;
		margin-left: -10px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.ino_form_heure{
		height: 100%;
		width: 100%;
	}
	option.ino_Heure_valide {
		color:#000;
	}
	option.ino_Heure_vide {
		color: #8a8a8a;
	}
	/****************************************************/
	/*Bande orange*/
	.titre_video {
		width:100%;
		background: #f5233c;
    	color: #fff;
		text-align:center;
		font-size:1.4rem;
		font-family:'Style4';
	}
	#titre_de_video{
		font-weight: bold;
	}
	/****************************************************/
	/*Zone de vidéo*/
	.slides {
		width:100%;
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
	}
	.slide {
		width:100%;
		flex-shrink: 0;
		height:100%;
		scroll-snap-align:start;
		scroll-behavior:smooth;
	}
	.slide > div:target {
		transform:scale(0.8);
		scroll-behavior:smooth;
	}
	.show_video{
		width: 100%;
		box-shadow: 0px 15px 10px #8c8c8c;
	}
	/* .barre_noire{	
		width: 0.4%;
		height: 72.20%;
		border: black 0px solid;
		background-color: #000000;
	} */
	.show_multi_video{
		width: 50%;
		/* width: 49.8%; */
		box-shadow: 0px 15px 10px #8c8c8c;
	}
	img.img_aide {
		width:100%;
	}
	/****************************************************/
	/*Zone de partage sur les reseaux sociaux et de télechargement*/
	.video_option{
	    text-align: right;
	    margin-right: 20px;
	    margin-top: 10px;
	}
	.reseaux_sociaux {
		display:inline-block;
	}
	.reseaux_sociaux_multi {
		display:inline-block;
		width: 50%;
	}
	.ino_detail_telechargment {
		display:inline-block;
		text-align:center
	}
	a.btn_share {
		margin: 10px;
	}
	a#ino_btn_download {
	}
	/****************************************************/
	/*Zone du bouton et du formulaire de contact*/
	.ino_mail {
		margin: auto;
		margin-bottom: 20px;
	}
	.form_mail{
		margin-top: 50px;
	}
	.ino_contact_nom {
		margin-left: 20px;
		text-align: left;
		font-family: 'style4';
		color:#fff
	}
	.ino_contact_mail {
		margin-left: 20px;
		font-family: 'Style4';
		color:#fff
	}
	.ino_contact_texte {
		text-align:left;
		margin:20px;
		font-family: 'Style4';
		color:#fff
	}
	input.input_nom {
		width:80%;
	}
	input.input_mail {
		width: 80%;
	}
	textarea.input_texte {
		width:100%;
		height:100px;
	}
	.ino_contact_btn {
		text-align:center;
	}
	.ino_contact_btn {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color:#b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		margin: auto;
	}
	.ino_contact_btn_annuler {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color:#b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		margin: auto;
	}
	.ino_contact_question {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color: #b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		grid-row: 7;
	}
	.texte_contact {	
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size:1.5rem;
		background:none;
		transform:skew(30deg);
	}
	/****************************************************/
	/*Couleurs titres*/
	.scena_titre_video, .scena_titre_buzz, #titre_de_video{
		color: #fff;
	}
	/****************************************************/
	/*Zone pour le buzz et les videos*/
	.scena_titre_buzz, .scena_titre_video {
		font-family:'Style4';
		font-size:2rem;
		text-align: left;
		width: 97%;
		margin: 50px 0px 0px auto;
		font-weight: bold;
	}
	.buzz_plus_carousel, .video_plus_carousel{
	    width: 100%;
	    display: flex;
	    overflow-x: auto;
	    scroll-snap-type: x mandatory;
	    -webkit-overflow-scrolling: touch;
	    margin: auto 0px 0px auto;
	    position: relative;
	}
	.scena_buzz_complet, .scena_video_complet {
		width: 97%;
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		margin: auto 0px 0px auto;
		background: none;
		position: relative;
	}
	.scena_video_1, .scena_video_2, .scena_video_3, .scena_video_4, .scena_buzz_1, .scena_buzz_2, .scena_buzz_3, .scena_buzz_4{
	 	margin-right: 10px;
	 	border: none;
	 	background: transparent;
	 	position: relative;
	}
	.scena_buzz_1 > div:target {
		transform:scale(0.8)
	} 
	.scena_buzz_2 > div:target {
		transform:scale(0.8)
	} 
	.scena_buzz_3 > div:target {
		transform:scale(0.8)
	} 
	.scena_buzz_4 > div:target {
		transform:scale(0.8)
	}	
	.buzzh4 {
		background-color:transparent;
		margin-top:0;
		margin-bottom:5px;
		font-size: 1.8rem;
		font-family:'Style4';
		position: absolute;
		left: 122px;
		right: 122px;
		top: 77px;
		bottom: 77px;
		text-align: center;
	}
	.scena_video_1_h4, .scena_video_2_h4, .scena_video_3_h4, .scena_video_4_h4 {
		background-color:transparent;
		margin-top:0;
		margin-bottom:5px;
		font-size: 1.8rem;
		font-family:'Style4';
		position: absolute;
		left: 30px;
		right: 30px;
		bottom: 77px;
		top: 77px;
		text-align: center;
	}
	.fond_scorllable {
		background-color: #101010b0;
		color: #218021;
		font-size:2rem;
		font-family:'Style4';
		position: absolute;
		height: 198px;
		width: 100%;
		text-align: center;
	}
	img.img_mini {
		height: 198px;
		box-shadow: 0px 2px 5px #3e3d3d;
	}
	/****************************************************/
	/*Zone dediée au caroussel*/
	.carousel-buttons, .carousel-buttons-buzz {
		position: absolute;
		width: 100px;
		height: 197.5px;
		padding: 6px;
		border: none;
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: hsla(0, 0%, 100%, 0);
		color: hsla(0, 0%, 0%, 0);
		transition: all 0.2s linear;
		cursor: pointer;
		z-index: 10000;
		font-variant: small-caps;
	}
	.video_plus_carousel:hover .carousel-buttons {
		background-color: #218021;
		color: hsla(0, 0%, 0%, 1);
	}
	.buzz_plus_carousel:hover .carousel-buttons-buzz {
		background-color: #218021;
		color: hsla(0, 0%, 0%, 1);
	}
	.carousel-buttons:hover {
		background-color: hsl(0deg 0% 71%)!important;
	}
	.carousel-buttons-buzz:hover {
		background-color: hsl(0deg 0% 71%)!important;
	}
	.fleche_carousel{
		opacity: 0%;
	}
	.video_plus_carousel:hover .fleche_carousel {
		opacity: 100%;
	}
	.buzz_plus_carousel:hover .fleche_carousel {
	  opacity: 100%;
	}
	.carousel-button-left, .carousel-button-left-buzz {
		left: 27px;
	}
	.carousel-button-right, .carousel-button-right-buzz {
		right: 0px;
	}
	/****************************************************/
/*}*/
/****************************************************/



/****************************************************/
/*Partie Mobile*/
@media (max-width: 700px) {
		body {
		text-align:center;
		margin:auto
	}
	.ino_lecteur {
		display:grid;
		grid-template-columns:repeat(12,1fr);
		grid-template-rows: repeat(7,minmax(auto, auto));
	}
	/*Positionnement des selecteurs de terrain, date et heure du match*/
	.ino_select_terrain {
		grid-column:1 /span 4;
		grid-row:1
	}
	.ino_select_date {
		grid-column:5 / span 4;
		grid-row:1
	}
	.ino_select_heure {
		grid-column:9/ span 4;
		grid-row:1
	}
	/****************************************************/
	/*Bande orange où se situe la description de la vidéo*/
	.titre_video {
		display:grid;
		grid-template-columns:repeat(4,1fr);
	}
	#titre_de_video{
		grid-column: 1 / span 1;
		grid-row: 1;
	}
	#numero_terrain{
		grid-column: 2 / span 1;
		grid-row: 1;
	}
	#date_de_video{
		grid-column: 3 / span 1;
		grid-row: 1;
	}
	#heure_de_video{
		grid-column: 4 / span 1;
		grid-row: 1;
	}
	/****************************************************/
	/*Positionnement de la zone dediée a la vidéo en grand*/
	.slides {
		grid-column:1 /span 12;
		grid-row:2;
	}
	/****************************************************/
	/*Positionnement pour la zone pour le bouton et formulaire de contact*/
	.ino_mail {
		grid-column:1 /span 12;
		grid-row: 7;

		display:grid;
		grid-template-columns: repeat(1,1fr);
		grid-template-rows:repeat(3,minmax(0px,auto));
	}
	/****************************************************/
	/*Positionnement des elements a l'interieur*/
	.ino_contact_grid{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(3, minmax(0px, auto));
	}
	.ino_contact_nom {
		grid-column: 1/span 6;
		grid-row:1;
	}
	.ino_contact_mail {
		grid-column: 7/span 6;
		grid-row:1;
	}
	.ino_contact_texte {
		grid-column: 1/span 12;
		grid-row:2;
	}
	.ino_contact_btn {
		grid-column: 4;
		grid-row:3;
	}
	.ino_contact_btn_annuler {
		grid-column: 8;
		grid-row:3;
	}
	/****************************************************/
	/*Positionnement du titre pour les buzz*/
	.scena_titre_buzz {
		grid-column: 1 / span 12;
		grid-row: 3;
	}
	/****************************************************/
	/*Positionnement de la zonne d'affichage des buzz*/
	.buzz_plus_carousel{
	    grid-column: 1 / span 12;
	    grid-row: 4;
	}
	/****************************************************/
	/*Positionnement du titre pour les vidéos de match*/
	.scena_titre_video {
		grid-column: 1 / span 12;
		grid-row: 5;
	}
	/****************************************************/
	/*Positionnement de la zonne d'affichage des vidéos de match*/
	.video_plus_carousel{
	    grid-column: 1 / span 12;
	    grid-row: 6;
	}
	/****************************************************/
	/*Zone ino_lecteur*/
	.ino_lecteur{
		background-image: url('../img/INOWEB_fond.png');
		background-repeat: no-repeat;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-size: 100%;
		border: none;
	}
	/****************************************************/
	/*Forme de commune a tous les selecteurs*/
	.ino_select {
		height: 55px;
		width: 95%;
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	/****************************************************/
	/*Sélecteur de terrain*/
	.btn_select_terrain {
		background:none;
		width:100%;
		/* padding-left: 35%; */
		text-align:center;
		text-align-last: center;
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size: 0.8em;
		/*! margin: auto; */
		/*! vertical-align: ; */
		height: 80%;
	}
	.ino_select_terrain{
		background-image: url('../img/select_terrain.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: 0px 0px 0px 0px;
		margin-left: 21px;
		margin-top: 45px;
	}
	.ino_form_terrain{
		height: 100%;
		width: 100%;
	}
	/****************************************************/
	/*Sélecteur de date*/
	.ino_css_select_date {
		background:none;
		width:100%;
		/* padding-left: 35%; */
		border:none;
		outline:none;
		appearance:none;
		color:#000;
		font-family:'Style4';
		font-size: 0.8em;
		text-align:center;
		/*! margin-bottom: 54px; */
		text-align-last: center;
		height: 80%;
	}
	.ino_select_date{
		background-image: url('../img/select_date.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: 0px 0px 0px 0px;
		margin-top: 45px;
		margin-left: 12px;
	}
	.ino_form_date{
		height: 100%;
		width: 100%;
	}
	option.ino_Date_valide {
		color:#000
	}
	/****************************************************/
	/*Sélecteur d'heure*/
	.ino_css_select_heure {
		background:none;
		width:100%;
		/* padding-left: 45%; */
		text-align:center;
		text-align-last: center;
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size: 0.8em;
		/*! margin-bottom: 50px; */
		height: 80%;
	}
	.ino_select_heure{
		background-image: url('../img/select_heure.png');
		background-repeat: no-repeat;
		background-size: contain;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		opacity: 80%;
		margin: 0px 0px 0px 0px;
		margin-left: 4px;
		margin-top: 45px;
	}
	.ino_form_heure{
		height: 100%;
		width: 100%;
	}
	option.ino_Heure_valide {
		color:#000
	}
	option.ino_Heure_vide {
		color: #8a8a8a;
	}
	/****************************************************/
	/*Bande orange*/
	.titre_video {
		width:100%;
		background: #218021; 
		color: #fff;
		text-align:center;
		font-size: 1.1rem;
		font-family:'Style4';
	}
	#titre_de_video{
		font-weight: bold;
	}
	/****************************************************/
	/*Zone de vidéo*/
	.slides {
		width:100%;
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
	 /*scroll-behavior: smooth;*/
	}
	.slide {
		width:100%;
		flex-shrink:0;
		height:100%;
		scroll-snap-align:start;
		scroll-behavior:smooth;
	}
	.slide > div:target {
		transform:scale(0.8);
		scroll-behavior:smooth;
	}
	.show_video{
		width: 100%;
		box-shadow: 0px 15px 10px #8c8c8c;
	}
	.show_multi_video{
		width: 50%;
		box-shadow: 0px 15px 10px #8c8c8c;
	}
	img.img_aide {
		width:100%;
	}

	/****************************************************/
	/*Zone de partage sur les reseaux sociaux et de télechargement*/
	.video_option{
	    text-align: right;
	    margin-right: 20px;
	    margin-top: 10px;
	}
	.reseaux_sociaux {
		display:inline-block;
	}
	.reseaux_sociaux_multi {
		display:inline-block;
		width: 50%;
	}
	.ino_detail_telechargment {
		display:inline-block;
		text-align:center;
	}
	a.btn_share {
		margin: 10px;
	}
	a#ino_btn_download {
	}
	img.img_share {
	    width: 30px;
	}
	/****************************************************/
	/*Zone du bouton et du formulaire de contact*/
	.ino_mail {
		margin: auto;
		margin-bottom: 20px;
	}
	.form_mail{
		margin-top: 50px;
	}
	.ino_contact_nom {
		margin-left: 20px;
		text-align: left;
		font-family: 'style4';
	}
	.ino_contact_mail {
		margin-left: 20px;
		font-family: 'Style4';
	}
	.ino_contact_texte {
		text-align:left;
		margin:20px;
		font-family: 'Style4';
	}
	input.input_nom {
		width: 70%;
	}
	input.input_mail {
		width: 70%;
	}
	textarea.input_texte {
		width:100%;
		height:100px;
	}
	.ino_contact_btn {
		text-align:center;
	}
	.ino_contact_btn {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color:#b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		margin: auto;
	}
	.ino_contact_btn_annuler {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color:#b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		margin: auto;
	}
	.ino_contact_question {
		text-align:center;
		transform: skew(-30deg);
		border-right:1px solid #bbbaba;
		border-left:1px solid #bbbaba;
		background-color:#b4ffaa;
		height: max-content;
		width: max-content;
		margin: auto;
		box-shadow: 5px 5px 5px #5b5b5b;
		grid-row: 7;
		/* margin-bottom: 20px; */
	}
	.texte_contact {
		border:none;
		outline:none;
		appearance:none;
		font-family:'Style4';
		font-size: 1rem;
		background:none;
		transform:skew(30deg);
	}
	/****************************************************/
	/*Couleurs titres*/
	.scena_titre_video, .scena_titre_buzz, #titre_de_video{
		color: #1E1E1E;
	}
	/****************************************************/
	/*Zone pour le buzz et les videos*/
	.scena_titre_buzz, .scena_titre_video {
		font-family:'Style4';
		font-size:2rem;
		text-align: left;
		width: 97%;
		margin: 50px 0px 0px auto;
		font-weight: bold;
	}
	.buzz_plus_carousel, .video_plus_carousel{
	    width: 100%;
	    display: flex;
	    overflow-x: auto;
	    scroll-snap-type: x mandatory;
	    -webkit-overflow-scrolling: touch;
	    margin: auto 0px 0px auto;
	    position: relative;
	}
	.scena_buzz_complet, .scena_video_complet {
		width:97%;
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		margin: auto 0px 0px auto;
		background: none;
		position: relative;
	}
	.scena_video_1, .scena_video_2, .scena_video_3, .scena_video_4, .scena_buzz_1, .scena_buzz_2, .scena_buzz_3, .scena_buzz_4{
		margin-right: 10px;
		border: none;
		background: transparent;
		position: relative;
	} 
	.scena_buzz_1 > div:target {
		transform:scale(0.8);
	} 
	.scena_buzz_2 > div:target {
		transform:scale(0.8);
	} 
	.scena_buzz_3 > div:target {
		transform:scale(0.8);
	} 
	.scena_buzz_4 > div:target {
		transform:scale(0.8);
	}
	.buzzh4 {
		background-color:transparent;
		margin-top:0;
		margin-bottom:5px;
		font-size: 1.5rem;
		font-family:'Style4';
		position: absolute;
		left: 33px;
		right: 33px;
		top: 55px;
		bottom: 55px;
		text-align: center;
	}
	.scena_video_1_h4, .scena_video_2_h4, .scena_video_3_h4, .scena_video_4_h4 {
		background-color:transparent;
		margin-top:0;
		margin-bottom:5px;
		font-size: 1.5rem;
		font-family:'Style4';
		position: absolute;
		left: 30px;
		right: 30px;
		bottom: 55px;
		top: 55px;
		text-align: center;
	}
	.fond_scorllable {
		background-color: #101010b0;
		color: #218021;
		font-size:2rem;
		font-family:'Style4';
		position: absolute;
		height: 144px;
		width: 100%;
		text-align: center;
	}
	img.img_mini {
		height: 144px;
		box-shadow: 0px 2px 5px #3e3d3d;
	}
	/****************************************************/
	/*Zone dediée au caroussel*/
	.carousel-buttons, .carousel-buttons-buzz {
		position: absolute;
		border: none;
		color: hsla(0, 0%, 0%, 0);
		z-index: 10000;
	}
	.video_plus_carousel:hover .carousel-buttons {
		background-color: hsl(0deg 0% 0% / 0%)!important;
		color: hsl(0deg 0% 0% / 0%);
	}
	.buzz_plus_carousel:hover .carousel-buttons-buzz {
		color: hsl(0deg 0% 0% / 0%)!important;
	}
	.carousel-buttons:hover {
		background-color: hsla(0, 0%, 0%, 0)!important;
		color: hsla(0, 0%, 0%, 1)!important;
	}
	.carousel-buttons-buzz:hover {
		background-color: hsl(0deg 0% 0% / 0%)!important;
		color: hsl(0deg 0% 0% / 0%)!important;
	}
	.carousel-button-left, .carousel-button-left-buzz {
	transform: scale(0);
	opacity: 0%;
	}
	.carousel-button-right, .carousel-button-right-buzz {
		opacity: 0%;
		transform: scale(0);
		right: 0px;
	}
	.fleche_carousel{
		opacity: 0%;
	}

}