html
	{
		border: 0px dashed black;
		background-color: black;
		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: black;
		color: red;
	}

a
	{
		text-decoration: none;
		color: white;
		background-color: black;
	}

a:visited
	{
		text-decoration: none;
		color: #F5F6CE;
		background-color: #700000;
	}

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

@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;
	}
		
#iconshover img:hover
	{
		width:10%;
		height:auto;
		opacity: 1;
	}

#iconshoverCMD img:hover
	{
		width: 3.5%;
		height: auto;
	}

#icontactileGx10
	{
		position: absolute;
		bottom: 4%;
		left: 0.0%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}

#icontactileG
	{
		position: absolute;
		bottom: 4%;
		left: 4.0%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}
	
.PlayPauseThA
	{
		position: absolute;
		bottom: 4%;
		left: 8%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}

#icontactileD
	{
		position: absolute;
		bottom: 4%;
		left: 12.0%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}

#icontactileDx10
	{
		position: absolute;
		bottom: 4%;
		left: 16.0%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}

#icondownload
	{
		position: absolute;
		bottom: 4%;
		left: 20.0%;
		width: 4%;
		height: auto;
		opacity: 0.85;
	}

#icontactileMosaic
	{
		position: absolute;
		bottom: 4%;
		left: 25.0%;
		width: 6%;
		height: auto;
		opacity: 0.9;
	}

.CPTphotos
	{
		position: absolute;
		bottom: 3.5%;
		left: 31.0%;
		width: 2%;
		height: auto;
		font-weight: bold;
		color: white;
		opacity: 0.9;
		text-align: left;
	}

.photosentreprise
	{
		position: absolute;
		
		/* début de centrage verticalement dans la fenêtre */
		margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
		transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
		top: 0%;
		/* fin de centrage verticalement dans la fenêtre */
		
		/* début de centrage horizontal dans la fenêtre */
		height: auto;
		width: 90%;
		left: 5.0%; /*  si width=90% alors left=(100-90):2=5%  */
		/* fin du centrage horizontal dans la fenêtre */
	}

.textephotosentreprise
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right: 10%;
		left: 10%;
		bottom: 7.5%;
		color: white;
		border-radius: 20.5%;
		background-color: rgba(5, 5, 5, .3);
	}

.textephotosequipe
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right: 10%;
		left: 10%;
		bottom: 20.5%;
		color: white;
		border-radius: 20.5%;
		background-color: rgba(5, 5, 5, .3);
	}

.photos
	{
		position: absolute;
		border: solid 0.5vh white;
		/* début de centrage verticalement dans la fenêtre */
		margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
		transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
		top: -1.0%;
		/* fin de centrage verticalement dans la fenêtre */
		
		/* début de centrage horizontal dans la fenêtre */
		height: 85%;
		max-width: auto;
		left: 50%; /* à 50%/50% du parent référent */
		transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
		/* fin du centrage horizontal dans la fenêtre */
	}
 
.texte-photos
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right: 6%;
		left: 6%;
		bottom: 12.0%;
		color: white;
		border-radius: 30.5%;
		background-color: rgba(5, 5, 5, .3);
	}