﻿/* Style pour le diaporama */

body{ width:100%; height:100%;font-family:Arial,sans-serif,Helvetica;font-size:100%;
color:white;
background-color:black;
/*background-image:url('/Index/img/diapos_wait.jpg') ;
background-repeat:no-repeat;
background-position:center,center;
width:400px; */
}
.body_off {
background:black;	
}
.bt-pc  {position:fixed;top:0;right:0px;z-index:15;} 
.bt-dia {z-index:15} 
.waiter {
  color:yellow;
  position:fixed;
  font-size:1.4em;
  top:10px;
  left:10px;
}
.texte {
  color:white;
  position:fixed;
  left:10px;
  font-size:0.9em;
  width: 100%;
  top:5px;
  text-align:center;
}
.infos {
  color:white;
  position:fixed;
  left:10px;
  font-size:0.8em;
  width: 100%;
  bottom:0px;
  text-align:left;
}

/* Slideshow container */
.slideshow-container {
  max-width:100%;
  top:20px;
  position: relative;
 /* margin:auto; */
padding:25px 5px 0px 5px;	/* top right bottom left */
}

/* Hide the images by default */
.mySlides {display: none;z-index:20;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  /*position: absolute;*/
  top:35%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.prev {position:fixed;left:5%;border-radius: 3px 0 0 3px;}
/* Position the "next button" to the right */
.next {position:fixed;right:5%;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {background-color: red;}

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

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