/* slider */

@-webkit-keyframes opaciteimg1 {
  0%  { opacity: 1; }
  3.25%  { opacity: 1; }
  9.25%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes opaciteimg1 {
  0%  { opacity: 1; }
  3.25%  { opacity: 1; }
  9.25%  { opacity: 0; }
  100% { opacity: 0; }
}


@-webkit-keyframes opaciteimg2 {
  0%  { opacity: 0; }
  3.25% { opacity: 0; }
  9.25% { opacity: 1; }
  15.75% { opacity: 1; }
  21.75% { opacity: 0; }
  100% { opacity: 0; }

}


@keyframes opaciteimg2 {
  0%  { opacity: 0; }
  3.25% { opacity: 0; }
  9.25% { opacity: 1; }
  15.75% { opacity: 1; }
  21.75% { opacity: 0; }
  100% { opacity: 0; }

}


@-webkit-keyframes opaciteimg3 {
	0%  { opacity: 0; }
   15.75% { opacity: 0; }
  	21.75% { opacity: 1; }
  	28.25% { opacity: 1; }
  	34.25% { opacity: 0; }
  	100% { opacity: 0; }
}


@keyframes opaciteimg3 {
	0%  { opacity: 0; }
   15.75% { opacity: 0; }
  	21.75% { opacity: 1; }
  	28.25% { opacity: 1; }
  	34.25% { opacity: 0; }
  	100% { opacity: 0; }
}


@-webkit-keyframes opaciteimg4 {
	0%  { opacity: 0; }
  	28.25% { opacity: 0; }
  	34.25% { opacity: 1; }
  	40.75% { opacity: 1; }
  	46.75% { opacity: 0; }
  	100% { opacity: 0; }
}


@keyframes opaciteimg4 {
	0%  { opacity: 0; }
  	28.25% { opacity: 0; }
  	34.25% { opacity: 1; }
  	40.75% { opacity: 1; }
  	46.75% { opacity: 0; }
  	100% { opacity: 0; }
}

@-webkit-keyframes opaciteimg5{
	0%  { opacity: 0; }
  	40.75% { opacity: 0; }
  	46.75% { opacity: 1; }
  	53.25% { opacity: 1; }
  	59.25% { opacity: 0; }
  	100% { opacity: 0; }
}

@keyframes opaciteimg5{
	0%  { opacity: 0; }
  	40.75% { opacity: 0; }
  	46.75% { opacity: 1; }
  	53.25% { opacity: 1; }
  	59.25% { opacity: 0; }
  	100% { opacity: 0; }
}



@keyframes opaciteimg6{
	0%  { opacity: 0; }
  	53.25% { opacity: 0; }
  	59.25% { opacity: 1; }
  	65.75% { opacity: 1; }
  	71.75% { opacity: 0; }
  	100% { opacity: 0; }
}

@-webkit-keyframes opaciteimg6{
	0%  { opacity: 0; }
  	53.25% { opacity: 0; }
  	59.25% { opacity: 1; }
  	65.75% { opacity: 1; }
  	71.75% { opacity: 0; }
  	100% { opacity: 0; }
}

@keyframes opaciteimg7{
	0%  { opacity: 0; }
  	65.75% { opacity: 0; }
  	71.75% { opacity: 1; }
  	78.25% { opacity: 1; }
  	84.25% { opacity: 0; }
  	100% { opacity: 0; }
}

@-webkit-keyframes opaciteimg7{
	0%  { opacity: 0; }
  	65.75% { opacity: 0; }
  	71.75% { opacity: 1; }
  	78.25% { opacity: 1; }
  	84.25% { opacity: 0; }
  	100% { opacity: 0; }
}

@keyframes opaciteimg8{
	0%  { opacity: 0; }
  	78.25% { opacity: 0; }
  	84.25% { opacity: 1; }
  	90.75% { opacity: 1; }
  	96.75% { opacity: 0; }
  	100% { opacity: 0; }
}

@-webkit-keyframes opaciteimg8{
	0%  { opacity: 0; }
  	78.25% { opacity: 0; }
  	84.25% { opacity: 1; }
  	90.75% { opacity: 1; }
  	96.75% { opacity: 0; }
  	100% { opacity: 0; }
}

@keyframes opaciteimg9{
	0%  { opacity: 0; }
  	90.75% { opacity: 0; }
  	96.75% { opacity: 1; }
  	100% { opacity: 1; }

}

@-webkit-keyframes opaciteimg9{
	0%  { opacity: 0; }
  	90.75% { opacity: 0; }
  	96.75% { opacity: 1; }
  	100% { opacity: 1; }
}

#slider {
width: 90%;
height : auto;
-webkit-animation: 6s apparition_bouton 1;
        animation: 6s apparition_bouton 1;
}

#slider img {
width: 100% ;
height :auto;
}

#slider_mobile {
display:none;
}

#img1 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg1 infinite;
        animation: 50s opaciteimg1 infinite;
z-index: auto;
}

#img2 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg2  infinite;
        animation: 50s opaciteimg2  infinite;
z-index: auto;
}

#img3 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg3  infinite;
        animation: 50s opaciteimg3  infinite;
z-index: auto;
}
#img4 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg4  infinite;
        animation: 50s opaciteimg4  infinite;
z-index: auto;
}

#img5 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg5  infinite;
        animation: 50s opaciteimg5  infinite;
z-index: auto;
}

#img6 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg6  infinite;
        animation: 50s opaciteimg6  infinite;
z-index: auto;
}

#img7 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg7  infinite;
        animation: 50s opaciteimg7  infinite;
z-index: auto;
}

#img8 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg8  infinite;
        animation: 50s opaciteimg8  infinite;
z-index: auto;
}

#img9 {
position: absolute;
margin:auto;
-webkit-animation: 50s opaciteimg9  infinite;
        animation: 50s opaciteimg9  infinite;
z-index: auto;
}
/*           DESACCORDS PARFAITS              */

#slider_DP img {
width: 100% ;
height :auto;
}

#slider_DP_mobile {
display:none;
}


#slider_DP {
position:fixed;
top:25%;
left:50%;
transform: translateX(-50%);
width:80%;
max-width:720px;
height: auto;
z-index:auto;
-webkit-animation: apparition_bouton 3s;
        animation: apparition_bouton 3s;
text-align:center;
}
/*          VERSION TABLETTE               */

@media (orientation: portrait)  {

#slider {
display:none;
}

#slider_mobile {
display:block;
width: 100%;
height : auto;
margin-top:20%;
}

#slider_mobile img {
width: 100% ;
height :auto;
}

 /*          VERSION MOBILE                */

@media screen and (max-width:640px) {

#slider {
display:none;
}

 #slider_mobile {
display:block;
width: 100%;
height : auto;
margin-top:20%;
}

#slider_mobile img {
width: 100% ;
height :auto;
}


/*-------------------DESACCORDS PARFAITS-------------------------------*/

#slider_DP {
display:none;
}

#slider_DP_mobile {
display:block;
width:70%;
height:70%;
position: fixed;
top:21%;
left:50%;
transform: translateX(-50%);
-webkit-animation: apparition_bouton 3s;
        animation: apparition_bouton 3s;
}

#slider_DP_mobile img {
width: 100% ;
height :auto;
}


}
}