.slider {
  max-width: 90%;
  height: 550px;
  margin-left:5%;
  margin-right:5%;
  margin-top: 20px;
  position: relative;
}

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

.slide1 {
  	background: url(https://www.cocovidemaison.be/wp-content/themes/wp1N/default/images/banniere-1.jpg)no-repeat center;
    background-size: cover;
    animation:fade 25s infinite;
-webkit-animation:fade 25s infinite;

} 

.slide2 {
  	background: url(https://www.cocovidemaison.be/wp-content/themes/wp1N/default/images/banniere-2.jpg)no-repeat center;
    background-size: cover;
    animation:fade2 25s infinite;
-webkit-animation:fade2 25s infinite;
}

.slide3 {
  	background: url(https://www.cocovidemaison.be/wp-content/themes/wp1N/default/images/banniere-3.jpg)no-repeat center;
    background-size: cover;
    animation:fade3 25s infinite;
-webkit-animation:fade3 25s infinite;
}

.slide4 {
   	background: url(https://www.cocovidemaison.be/wp-content/themes/wp1N/default/images/banniere-4.jpg)no-repeat center;
    background-size: cover;
    animation:fade4 25s infinite;
-webkit-animation:fade4 25s infinite;
}

.slide5 {
  	background: url(https://www.cocovidemaison.be/wp-content/themes/wp1N/default/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: 60%; 
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-top:20%;
  margin-left:20%; 
  margin-right:20%;
  margin-bottom:20%;
  padding-top:10%;
  padding-bottom:10%;
  text-align:center;
  font-size: 3rem; 
  padding: .6rem; 
  opacity : 0.90;
  -moz-opacity : 0.9;
  -ms-filter: "alpha(opacity=90)"; /* IE 8 */
  filter : alpha(opacity=90); /* IE < 8 */ 
}

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

.accroche { 
  position: relative; 
  bottom: 0;
  background: #ffffff;
  color: #ffa56e; 
  width: 60%; 
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-top:40%;
  margin-left:15%; 
  margin-right:15%;
  margin-bottom:20%;
  padding-top:4%;
  padding-bottom:4%;
  text-align:center;
  font-size: 3rem; 
  padding: .6rem; 
  opacity : 0.90;
  -moz-opacity : 0.9;
  -ms-filter: "alpha(opacity=90)"; /* IE 8 */
  filter : alpha(opacity=90); /* IE < 8 */ 
}	
		
}