/*-------------------------*/
/* Style de Fenêtre Modale */
/*-------------------------*/

#overlaydefilementphotos{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
	background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
	align-items:center;	
}
#overlaydefilementphotos:target{
    display: block;
}










/* Numérotation et quantité de photos */
div#numphotosendefilement {
	position:absolute;
	top: 30px;	
	float: left;	
	left:15px;
	width: 47px;	
	height:47px;	
	text-align:left;
	vertical-align:top;
	font-family:arial;	
	font-size:2.15em;
	font-weight:bold;
	color:white;		
}










/* Croix de fermeture de la fenêtre modale */
div#croixfermeturedefilementphotos {
	position:absolute;	
	float: right;	
	right:5px;
	width: 47px;	
	height:47px;
	margin-top:7px;
	margin-right:5px;	
	text-align:right;
	vertical-align:down;
}








/* Photos en défilement manuel */
div#photosendefilement {
	position: absolute;	
	border: 3px solid #3CC;
	padding: 6px;
	top: 278px; left: 50%; /* à 50%/50% du parent référent */
	transform: translate3d(-50%,-50%,0);
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.0s;
  animation-name: fade;
  animation-duration: 2.0s;
}

@-webkit-keyframes fade {
  from {opacity: .0}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .0}
  to {opacity: 1}
}








/* Flèches de défilement des photos */
div#flechephotosuivante {
	position: absolute;
	align-items: center;	
	right:25px;
	top: 260px;			
	width: 47px;	
	height: 47px;
	z-index: 3;	
	text-align:center;
}
div#flechephotoprecedente {
	position: absolute;
	align-items: center;	
	left:25px;
	top: 260px;			
	width: 47px;	
	height: 47px;
	z-index: 3;	
	text-align:center;	
}








/* Loupes en cas de zoom sur la photo */
div#loupeagauche {
	position: absolute;
	align-items: center;	
	left:25px;
	top: 375px;				
	width: 50px;	
	height: 50px;
	z-index: 3;	
	text-align:center;	
}
div#loupeadroite {
	position: absolute;
	align-items: center;	
	right:25px;
	top: 375px;				
	width: 50px;	
	height: 50px;
	z-index: 3;	
	text-align:center;	
}








div#titrephoto {
	position: absolute;
	top:556px;
	width: 100%;
	height: 32px;		
	z-index: 3;	
	font-size:1.8em;
	background-color:white;
	text-align:center;
}








/* Nom du site touristique */
div#titrenomdusite {
	position:absolute;	
	top:588px;		
	float: left;	
	left:5px;
	margin-top:4px;
	text-align:left;
	vertical-align:down;
	font-family:arial;	
	font-size:1.95em;
	font-weight:bold;
	color:white;	
}








/* Liste des autres sites touristiques à visiter */
div#autressites {
	position:absolute;
	top:618px;	
	float: left;
	height: 25px;
	padding:3px 0;
	width: 100%;	
	background-color:LightCyan;	
	text-align:left;
}