/******     Div globale     *****/
#AffPleinEcran{
	z-index:10;
	position:absolute;width:17vw;height:4vw;
	left:0;bottom:0;
	Background-color:rgba(255,255,255,0.5);
}
			@media(max-width: 980px){
					#AffPleinEcran{display:none;}								
			}
/*************************************************
*****          Ligne du bas          **************
************************************************/
#B-ContainerEcranB{
	display:inline-grid;
	place-items: center;
	width:16%;height:1.5vw;
}
/*************************************************/
#B-Clic{
	display:inline-block;position:relative;
	width:37%;top:-0.3vw;text-align:right;font-weight:bold;
	animation:B-clic 10s infinite;
}
		@keyframes B-clic{
			0%{color:red;opacity:0;}
			35%{color:red;opacity:0;}
			40%{color:red;opacity:1;}
			75%{color:black;opacity:1;}
			100%{opacity:0;}
		}


/***************************************************/
#B-Fleche{
	display:inline-block;position:relative;
	width:7%;top:-0.3vw;;
	animation : FlecheB 10s infinite;
}
		@keyframes FlecheB{
			0%{opacity:0;}
			50%{opacity:0;}
			60%{opacity:1;}
			75%{opacity:1;}
			100%{opacity:0;}
		}
/************************************************/
#B-Ecran{border:1px solid black;
	position:absolute;
	Background-color:yellow;
	animation : EcranMoins 10s infinite;
}
		@keyframes EcranMoins{
			0%{width:14%;height:40%;opacity:0;}
			55%{width:14%;height:40%;opacity:0;}
			60%{opacity:1;}
			85%{width:4%;height:12%;}
			90%{width:4%;height:12%;opacity:1;}
			100%{width:4%;height:12%;opacity:0;}
		}
/**************************************************/
#B-Retour{
	display:inline-block;position:relative;width:33%;top:-0.3vw;;
	animation :Retour 10s infinite
}
		@keyframes Retour{
			0%{opacity:0;}
			60%{opacity:0;}
			65%{opacity:1;}
			80%{opacity:1;}
			100%{opacity:0;}
		}
/*************************************************
*****          Ligne du haut          **************
************************************************/
#H-ContainerEcranH{
	display:inline-grid;
	place-items: center;
	width:16%;height:1.5vw;
}
/**************************************************/
#H-Clic{
	display:inline-block;position:relative;
	width:37%;top:-0.3vw;font-weight:bold;letter-spacing:-.5px;
	animation:H-clic 10s infinite;
}
		@keyframes H-clic{
			0%{color:red;opacity:1;}
			5%{color:red;opacity:1;}
			10%{color:black;opacity:1;}
			40%{opacity:1;}
			60%{opacity:0;}
			100%{opacity:0;}
		}
/**************************************/		
#H-Fleche{
	display:inline-block;position:relative;width:7%;top:-0.3vw;;
	animation : FlecheH 10s infinite;
}
		@keyframes FlecheH{
			0%{opacity:0;}
			8%{opacity:0;}
			15%{opacity:1;}
			40%{opacity:1;}
			50%{opacity:0;}
			100%{opacity:0;}
		}		
/********************************/
#H-Ecran{border:1px solid black;
	position:absolute;Background-color:yellow;
	animation : EcranPlus 10s infinite;
}
		@keyframes EcranPlus{
			0%{width:2%;height:6%;opacity:0;}
			10%{width:2%;height:6%;opacity:0;}
			15%{opacity:1;}
			30%{width:14%;height:40%;opacity:1;}
			60%{opacity:0;}
			100%{opacity:0;}
		}
/*******************************************/
		@keyframes PleinEcran{
			0%{opacity:0;}
			15%{opacity:0;}
			30%{opacity:1;}
			60%{opacity:0;}
			100%{opacity:0;}
		}
#H-PleinEcran{
	display:inline-block;position:relative;width:33%;top:-0.3vw;;
	animation :PleinEcran 10s infinite
}