html
	{
		border: 0px;
		background-color: none;
		width: 100%;
		height: 100%;
		font-family: tha, helvetica, Arial, Verdana, sans-serif;
		font-size: 4vh; /* les dimensions des éléments bénéficiant des unités vw (width), vh (height), vmin et vmax */
		color: white;
	}

body
	{
		  margin: 0

	}


mark
	{
		background-color: white;
		color: red;
	}

a
	{
		text-decoration: none;
		color: white;
		background-color: rgba(5, 5, 5, .3);
	}

a:visited
	{
		text-decoration: none;
		color: yellow;
	}

a:hover, a:focus, a:active
	{
		text-decoration: none;
		color: white;
	}

#iconshover img:hover
	{
		width:9%;
		height:auto;
		opacity: 1;
	}

@font-face
	{
		font-family: 'tha';
		src:	url("./fonts/scrpt12n.eot?"), /* pour IE */
			url("./fonts/scrpt12n.woff"), /* pour Firefox, Chrome*/
			url("./fonts/scrpt12n.ttf"), /* pour Safari et Opéra*/
			url("./fonts/scrpt12n.svg"); /* pour iPhone, iPad */
		font-weight: normal;
	}

/* Début du code pour la vidéo en backround */
video#bgvideo
	{
		position: fixed;
		right: 0%;
		bottom: 0%;
		min-width: 100%;
		min-height: 100%;
		width: auto; height: auto; z-index: -100;
		background-color: none;
		display: true;
	}

.stopfade
	{
		opacity: .0;
	}

video
	{
		display: block;
	}
/* Fin du code pour la vidéo en backround */




/* Début du code pour les photos en backround */

/* "viewport"     c'est la partie visible de l'écran */
/* a inclure entre les balises head : <meta name="viewport" content="width=device-width" /> */
/* "max-width"    c'est la taille maximum de la fenêtre */
/* "device-width" c'est la largeur de l'écran du terminal, Intéressant pour les smartphones..*/
/*
	android en portrait 480px
	Android 1, 2 et 3 : 800px
	Android 4 : 980px
	Opera mini : 850px
	Opera mobile : 980px
	Safari mobile : 980px
	Internet Explorer mobile : 1024px

	écran 2k 1920px
	écran 4k 3840px
*/

/* type écran 8K */
@media screen and (max-device-width: 7680px)
{
	body
		{
			background: url("./imgs/background-video8k.jpg");
			background-color: rgba(0, 0, 0, .9);
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			font-size:100%;
		}
}

/* type écran 4K */
@media screen and (max-device-width: 3840px)
{
	body
		{
			background: url("./imgs/background-video4k.jpg");
			background-color: rgba(0, 0, 0, .9);
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			font-size:100%;
		}
}

/* type écran 2K */
@media screen and (max-device-width: 1920px)
{
	body
		{
			background: url("./imgs/background-video2k.jpg");
			background-color: rgba(0, 0, 0, .9);
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			font-size:100%;
		}
}

/* 980px type android en portrait */
@media screen and (max-device-width: 980px)
{
	body
		{
			background: url("./imgs/background-video-980px.jpg");
			background-color: rgba(0, 0, 0, .9);
			background-attachment: fixed;
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
			font-size:95%;
		}
}	

/* 480px type android en portrait */
@media screen and (max-device-width: 480px)
{
	body
		{
			background: url("./imgs/background-video-480px.jpg");
			background-color: rgba(0, 0, 0, .9);
			background-attachment: fixed;
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
			font-size:95%;
		}
	#bgvideo
	{
	    display: none;
	}
	#btvideo
	{
	    display: none;
	}
}
/* Fin du code pour les photos en backround */

.texte
	{
		position: relative;
		text-decoration: none;
		text-align: center;
		top: -5.0%;
		color: white;
		border-radius: 55.5%;
		background-color: rgba(5, 5, 5, .5);
	}

#contenu
	{
		position: absolute;
		min-width: 95%;         /* largeur obligatoire pour être centré */
		right: 2.5%;
		min-height: 98%;
		top: 0%;
		border: 0px solid red;
	}

#cv
	{
		position: fixed;
		top: 0.5%;
		left: 2.604%;
		width: 19.0%;
		height: auto;
		z-index: 100;
		opacity : 1.0;
		-moz-opacity : 0.1;
		-ms-filter: "alpha(opacity=10)"; /* IE 8 */
		filter : alpha(opacity=10); /* IE < 8 */
	}

#bandeau_pub
	{
		position: fixed;
		top: 2.604%;
		left: 26.0416%;
		width: 41.6666%;
		height: auto;
	}

#bandeau_events
	{
		position: fixed;
		top: 2.604%;
		right: 2.6041%;
		width: 27.0833%;
		height: auto;
	}

.iconMeteo
	{
		position: fixed;
		top: 0.5%;
		left: 0.0%;
		width: 5%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconAstrologie
	{
		position: fixed;
		top: 0.5%;
		right: 0.0%;
		width: 5%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconCA
	{
		position: fixed;
		top: 2%;
		left: 0.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconMA
	{
		position: fixed;
		top: 2%;
		left: 20.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm00
	{
		position: fixed;
		top: 2%;
		left: 20.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm01
	{
		position: fixed;
		top: 2%;
		left: 27.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}
.iconForm02
	{
		position: fixed;
		top: 2%;
		left: 34.0%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}


.iconForm03
	{
		position: fixed;
		top: 2%;
		left: 41.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm04
	{
		position: fixed;
		top: 2%;
		left: 48.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm05
	{
		position: fixed;
		top: 2%;
		left: 55.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm06
	{
		position: fixed;
		top: 2%;
		left: 62.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm07
	{
		position: fixed;
		top: 2%;
		left: 69.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm08
	{
		position: fixed;
		top: 2%;
		left: 76.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconForm09
	{
		position: fixed;
		top: 2%;
		left: 83.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}
.icon360
	{
		position: fixed;
		top: 2%;
		left: 27.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconVi00
	{
		position: fixed;
		top: 2%;
		left: 34.0%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}


.iconPh00
	{
		position: fixed;
		top: 2%;
		left: 41.00%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconPh01
	{
		position: fixed;
		top: 2%;
		left: 48.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconPh02
	{
		position: fixed;
		top: 2%;
		left: 55.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconPh03
	{
		position: fixed;
		top: 2%;
		left: 62.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconPh04
	{
		position: fixed;
		top: 2%;
		left: 69.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconPh05
	{
		position: fixed;
		top: 2%;
		left: 76.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconph06
	{
		position: fixed;
		top: 2%;
		left: 83.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconEU
	{
		position: fixed;
		top: 2%;
		left: 69.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconSA
	{
		position: fixed;
		top: 2%;
		left: 76.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

.iconAG
	{
		position: fixed;
		top: 2%;
		left: 83.0000%;
		width: 7%;
		height: auto;
		border: 0px #aaa solid; 
		z-index: 100;
	}

/* Début du code pour le menu de navigation */

/* fin du code pour le menu de navigation */

#th_horloge_C
	{
		position: fixed;
		top: 1.5%;
		right: 0.5%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}

#th_horloge_PT
	{
		position: fixed;
		top: 1.5%;
		right: 0.5%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}
	
#th_horloge_H0
	{
		position: fixed;
		top: 1.5%;
		right: 2.7%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}
				
#th_horloge_0H
	{
		position: fixed;
		top: 1.5%;
		right: 1.4%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}

#th_horloge_M0
	{
		position: fixed;
		top: 1.5%;
		right: -0.4%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}
				
#th_horloge_0M
	{
		position: fixed;
		top: 1.5%;
		right: -1.7%;
		width: 10%;
		height: auto;
		font-size: 120%;
		z-index: 50;
	}

.ILOS-info
	{
		position: fixed;
		bottom: 0%;
		left: 0%;
		width: auto;
		height: 6.5%;
	} 

.reseauYT
	{
		position: fixed;
		bottom: 0%;
		left: 4.3%;
		width: auto;
		height: 6.5%;
	}

.reseauFB
	{
		position: fixed;
		bottom: 0%;
		left: 3%;
		width: auto;
		height: 6.5%;
	}             

.videoBkgroun
	{
		position: fixed;
		bottom: 0%;
		right: 0%;
		width: auto;
		height: 6.5%;
	}

.pistache
	{
		position: fixed;
		bottom: 6%;
		right: 0%;
		width: auto;
		height: 6.5%;
	}

#iconshoverPistache img:hover
	{
		width: 5.5%;
		height: auto;
	}

#iconshoverPD img:hover
	{
		width: 4.5%;
		height: auto;
	}

#pied_page
	{
		position: fixed;
		bottom: 0.0%;
		width: 100%;         /* largeur obligatoire pour être centré */
		height: 6.5%;
		margin-left: 0.0%;
		margin-right: 0%;
	}