.img-responsive{display:block;max-width:100%;height:auto;}

.diaporama{
  position:relative;
  width:100%;
  height:0px;
  padding-bottom:66%;
  overflow: hidden;
  z-index:1;
}

.diaporama_slide{
  position: absolute;
  top: 0px;
  left: 0px;
  right:0px;
  bottom:0px;
  width: 100%;
  height:100%;
  overflow: hidden;
  z-index: 2;
}

.diaporama_slide img{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  z-index:3;
	border:1px solid #5e5e5e;
}

.diaporama_slide .diaporama_nom{
  position: absolute;
  top:50%;
  left:7%;
  max-width:90%;
  z-index:4;
  font-size:2em;
  font-size:1.3vw;
}

.diaporama_slide .diaporama_description{
  position: absolute;
  top:72%;
  left:7%;
  height:15%;
  max-width:90%;
  z-index:5;
  font-size:1em;
  font-size:1vw;
}

.diaporama_slide .diaporama_nom p , .diaporama_slide .diaporama_description p{
  float:left;
  background:#000;
  background:rgba(0,0,0,0.4);
  padding:2% 15px;
  color:#fff;
  line-height:1.2em;
  vertical-align: baseline;
}

.diaporama_blanc{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background:#fff;
  z-index:6;
  -webkit-opacity:0;
  -khtml-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all 0.3s;
  -khtml-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  cursor:pointer;
}

.diaporama:hover .diaporama_blanc{
  -webkit-opacity:0.4;
  -khtml-opacity:0.4;
  -moz-opacity:0.4;
  -ms-opacity:0.4;
  -o-opacity:0.4;
  opacity:0.4;
  filter:alpha(opacity=40);
}

.diaporama .diaporama_blanc .diaporama_lien{
  position: absolute;
  -webkit-border-radius:50px;
  -khtml-border-radius:50px;
  -moz-border-radius:50px;
  -ms-border-radius:50px;
  -o-border-radius:50px;
  border-radius:50px;
  background-color: #e03319;
  height: 80px;
  width: 80px;
  line-height: 80px;
  left: 50%;
  top: 50%;
  margin:-40px 0 0 -40px;
  z-index:6;
  text-align: center;
  color: #ffffff;
}

.diaporama_precedent , .diaporama_suivant{
  position:absolute;
  padding:2%;
  top:40%;
  height:20%;
  background:#000;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-size:3em;
  font-size:3vw;
  line-height:1em;
  z-index:20;
  cursor:pointer;
  display:none;
  -webkit-opacity:0;
  -khtml-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all 0.3s;
  -khtml-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

.diaporama_precedent{left:2%;}
.diaporama_suivant{right:2%;}

.diaporama:hover .diaporama_precedent , .diaporama:hover .diaporama_suivant{
  -webkit-opacity:1;
  -khtml-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}