.slider {
  max-width: 924px;
  margin: 0px auto;
  position: relative;
}

@media (min-width: 360px) and (max-width: 719px) {
	.slider {
		  height: 116px;
	}
}

@media (min-width: 720px) and (max-width: 923px) {
	.slider {
		  height: 232px;
	}
}

@media (min-width: 924px) {
	.slider {
		  height: 298px;
	}
}

 .slideivi1,.slideivi2,.slideivi3,.slideivi4
,.slideidv1,.slideidv2,.slideidv3,.slideidv4
,.slidecm1,.slidecm2,.slidecm3,.slidecm4
 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.slideidv1 {
  background: url(../images/idv-Alice.jpg) no-repeat center;
    animation:fade1 8s infinite;
	-webkit-animation:fade1 8s infinite;
} 

.slideidv2 {
  background: url(../images/idv-Charles.jpg) no-repeat center;
    animation:fade2 8s infinite;
	-webkit-animation:fade2 8s infinite;
}

.slideidv3 {
  background: url(../images/idv-Guillaume.jpg) no-repeat center;
    animation:fade3 8s infinite;
	-webkit-animation:fade3 8s infinite;
}

.slideidv4 {
  background: url(../images/idv-Douglas.jpg) no-repeat center;
    animation:fade4 8s infinite;
	-webkit-animation:fade4 8s infinite;
}

.slideivi1 {
  background: url(../images/ivi-marylene.jpg) no-repeat center;
    animation:fade1 8s infinite;
	-webkit-animation:fade1 8s infinite;
} 

.slideivi2 {
  background: url(../images/ivi-thomas.jpg) no-repeat center;
    animation:fade2 8s infinite;
	-webkit-animation:fade2 8s infinite;
}

.slideivi3 {
  background: url(../images/ivi-amandine.jpg) no-repeat center;
    animation:fade3 8s infinite;
	-webkit-animation:fade3 8s infinite;
}

.slideivi4 {
  background: url(../images/ivi-jcharles.jpg) no-repeat center;
    animation:fade4 8s infinite;
	-webkit-animation:fade4 8s infinite;
}

.slidecm1 {
  background: url(../images/cm-header1.jpg) no-repeat center;
    animation:fade1 8s infinite;
	-webkit-animation:fade1 8s infinite;
} 

.slidecm2 {
  background: url(../images/cm-header2.jpg) no-repeat center;
    animation:fade2 8s infinite;
	-webkit-animation:fade2 8s infinite;
}

.slidecm3 {
  background: url(../images/cm-header3.jpg) no-repeat center;
    animation:fade3 8s infinite;
	-webkit-animation:fade3 8s infinite;
}

.slidecm4 {
  background: url(../images/cm-header4.jpg) no-repeat center;
    animation:fade4 8s infinite;
	-webkit-animation:fade4 8s infinite;
}

@keyframes fade1
{
  0%   {opacity: 1}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 0}
 100% { opacity: 1}
}

@keyframes fade2
{
  0%   {opacity: 0}
  25% { opacity: 1}
  50% { opacity: 0}
  75% { opacity: 0}
 100% { opacity: 0}
}

@keyframes fade3
{
  0%   {opacity: 0}
  25% { opacity: 0}
  50% { opacity: 1}
  75% { opacity: 0}
 100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity: 0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 1}
 100% { opacity: 0}
}