/*
a.btn-flip {
  position: relative;
  display: flex;
  width: 150px;
  height: 50px;
  transition: 4s;
  transform-style: preserve-3d;
  transform: perspective(1000px) rotateX(0deg);
  border: 0px;
  background-color: none;
  padding:0;
  border-radius:0;
}
a.btn-flip:hover {
  transform: perspective(1000px) rotateX(270deg);
}
a.btn-flip span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: rgba(255, 255, 255, 0.9);  
  font-family:Timeless, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 2px;
  transition: 0.5s;
  border: 2px solid #000;
  box-sizing: border-box;
  box-shadow: insert 0 20px 50px rgba(0, 0, 0, 0.2);
}
a.btn-flip:hover span {
  color: #fff;
  
  background:#335391;
}
a.btn-flip span:nth-child(1) {
  transform: rotateX(360deg) translateZ(25px);
}
a.btn-flip span:nth-child(2) {
  transform: rotateX(270deg) translateZ(25px);
}
a.btn-flip span:nth-child(3) {
  transform: rotateX(180deg) translateZ(25px);
}
a.btn-flip span:nth-child(4) {
  transform: rotateX(90deg) translateZ(25px);
}
*/



/*###################
            SLIDESHOW */
/*
table {
margin-left: auto; margin-right: auto;
}
table img {height:100px;}
*/
.slideshow
   {
		position: fixed;
        top:0;
        width: 100%;height: 100%;
        padding: 0;
		text-align:center;
		background: rgba(9, 9, 9, 0.9);
		display: none;
	}
 /*.slideshow:target :first-child { padding: 0;}*/
 .slideshow img{
		position: relative;
		border: 1vw white solid;
		
		max-height:85vh;
		width: auto;
		max-width: 90vw;
		margin:1vw 0 -5px;
		z-index: 51;}

/* Les lÃ©gendes */

.slideshow span {
		position: relative;
		display: block;
		color: #FFF;
        background:  rgba(90, 90, 90, 0.8);
        font-weight: normal;
		margin: 0;
        z-index: 52;
       }

 


#i1:target,#i2:target,#i3:target,#i4:target,#i5:target,#i6:target ,#i7:target ,#i8:target { display: block; } /*  permet l'affichage des images en grand */

