figure.slider { 
  position: relative; 
  width: 100%; 
  height:450px;
  font-size: 0; 
  animation: 30s slidy infinite; 
  background: #584a40;
}

.slider {
  width: 100%;
  height: 450px;
  margin: 0px;
  position: relative;
  margin-bottom:0%;
  margin-top:0%;	
  background-color:#ededed;
}

.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide1 {
  background: url(../images/banniere-1.jpg)no-repeat center;
      background-size: cover;
    animation:fade 18s infinite;
-webkit-animation:fade 18s infinite;
} 

.slide2 {
  background: url(../images/banniere-2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 18s infinite;
-webkit-animation:fade2 18s infinite;
}

.slide3 {
  background: url(../images/banniere-3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 18s infinite;
-webkit-animation:fade3 18s infinite;
}

.slide4 {
  background: url(../images/banniere-4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 18s infinite;
-webkit-animation:fade4 18s infinite;
}

.slide5 {
  background: url(../images/banniere-5.jpg)no-repeat center;
      background-size: cover;
    animation:fade5 18s infinite;
-webkit-animation:fade5 18s infinite;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 0}
}

@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade {
  0% { opacity: 1; }
  20% { opacity: 0; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes fade2 {
  0% { opacity: 0; }
  20% { opacity: 1; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade3 {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade4 {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0; }
  60% { opacity: 1; }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade5 {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}

.accroche { 
  position: relative; 
  bottom: 0;
  color: #FFFFFF; 
  width: 64%; 
  background: #68976c;
  color: #FFFFFF; 
  font-family: "Anton SC", serif;
  font-weight:400;
  margin-top:5%;
  margin-left:15%; 
  margin-right:15%;
  padding-left:3%;
  padding-right:3%;
  padding-top:3%;
  padding-bottom:3%;
  text-align:center;
  font-size: 2.1rem; 
  opacity : 0.50;
  -moz-opacity : 0.5;
  -ms-filter: "alpha(opacity=50)"; /* IE 8 */
  filter : alpha(opacity=50); /* IE < 8 */ 
}	

@media all and (max-width: 680px ) {

.accroche { 
  position: relative; 
  bottom: 0;
  width: 76%; 
  background: #68976c;
  color: #FFFFFF; 
  font-family: "Anton SC", serif;
  font-weight:'400;
  font-size:1.2em;
  margin-top:25%;
  margin-left:10%; 
  margin-right:10%;
  margin-bottom:20%;
  padding-top:4%;
  padding-bottom:4%;
  text-align:center;
  font-size: 1.5rem; 
  padding: .6rem; 
  opacity : 0.60;
  -moz-opacity : 0.6;
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
  filter : alpha(opacity=60); /* IE < 8 */ 
}	
		
}