.slider {
  max-width: 90%;
  height: 650px;
  margin-left:5%;
  margin-right:5%;
  margin-top: 20px;
  background-color:#ffa56e;
  position: relative;
}

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

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

} 

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

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

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

.slide5 {
  	background: url(../images/banniere-5.jpg) no-repeat center;
    background-size: cover;
    animation:fade5 25s infinite;
-webkit-animation:fade5 25s 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;
  background: #ffffff;
  color: #ffa56e; 
  width: 40%; 
  height:450px;
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-top:5%;
  margin-left:30%; 
  margin-right:30%;
  margin-bottom:5%;
  padding-left:5%;
  padding-right:5%;
  padding-top:5%;
  padding-bottom:5%;
  text-align:left;
  font-size: 3.5rem; 
  opacity : 0.80;
  -moz-opacity : 0.8;
  -ms-filter: "alpha(opacity=80)"; /* IE 8 */
  filter : alpha(opacity=80); /* IE < 8 */ 
}

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

.slider {
  max-width: 90%;
  height: 350px;
  margin-left:5%;
  margin-right:5%;
  margin-top: 20px;
  background-color:#ffa56e;
  position: relative;
}

.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 350px;
}	
	
.accroche { 
  position: relative; 
  bottom: 0;
  background: #ffffff;
  color: #ffa56e; 
  width: 70%; 
  height:auto;
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-top:20%;
  margin-left:15%; 
  margin-right:15%;
  margin-bottom:20%;
  padding-top:4%;
  padding-bottom:4%;
  text-align:center;
  font-size: 2rem; 
  opacity : 0.90;
  -moz-opacity : 0.9;
  -ms-filter: "alpha(opacity=90)"; /* IE 8 */
  filter : alpha(opacity=90); /* IE < 8 */ 
}	
		
}