body
{
	font-family:Arial;
	background-image:url(../Spectacle2023/bg2023.jpg);
	background-attachment: fixed;
}
.zoomsimple img{
	border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;

}
.zoomsimple:hover img{
    -webkit-transform:scale(1.);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
	transform:scale(1.05);
	opacity:1;
z-index: 10;
}
.zoom10 img{
	border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
	border-radius:5px;
z-index: 10;
box-shadow: 4px 4px 5px #111111;
-webkit-box-shadow: 4px 4px 5px #111111;
-moz-box-shadow: 4px 4px 5px #111111;
}
.zoom10:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
	transform:scale(1.1);
	opacity:1;
z-index: 10;
}
.devant{z-index: 20;}
.derriere{z-index: -2;}

.Ombre {
box-shadow: 3px 3px 12px #444444;
-webkit-box-shadow: 3px 3px 12px #444444;
-moz-box-shadow: 3px 3px 12px #444444;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

.a-rotat001 img{
	border:none;
	transition:all 0.3s ease-in-out;
	border-radius:5px;
    box-shadow: 4px 4px 5px #222222;
}
.a-rotat001:hover img{
	opacity:1;
    transform: rotate(0.01turn);	
}
.a-rotat002 img{
	border:none;
	transition:all 0.3s ease-in-out;
	border-radius:5px;
    box-shadow: 4px 4px 5px #222222;
}
.a-rotat002:hover img{
	opacity:1;
    transform: rotate(-0.01turn);	
}
.a-rotatsansbox img{
	border:none;
	transition:all 0.3s ease-in-out;
}
.a-rotatsansbox:hover img{
    transform: rotate(-0.005turn);	
}

.AnimOpacity{animation: 2s infinite alternate opaci;
  			 animation-timing-function: ease-in-out;}
@keyframes opaci{
	from {opacity:1;}
	to { opacity:0;}
}

.AnimOpacity2{animation: 6s alternate opaci2;
  			 animation-timing-function: ease-in;}
@keyframes opaci2{
	from {opacity:0;}
	to { opacity:1;}
}

.AnimSlideH{animation: 4s infinite alternate slidh;
  		   animation-timing-function: ease-in-out;}
@keyframes slidh{
  from {margin-left: 40px; }
  to   {margin-left: 0px;  }
}

#photos img{
box-shadow: 3px 3px 3px #555555;
border-radius: 5px;
margin-right:5px;
margin-top:5px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	    transform: scale(0.9);
}
#photos img:hover{ transform: scale(1.1);
}

#drapeaux {	position: fixed; top: 100px;	left: 0px;}
#drapeaux2 { top: 1000px; left: 0px; z-index: 0;}

.text1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660000;
	text-align: justify;
	transition:all 0.5s ease-in-out;
	font-size: 18px;
}
.text1:hover {transform: scale(1.1); 	color: #000000;}