@charset "UTF-8";
/* CSS Document */

/*
#designDeco_imagesDiapos .elementDesignDecoImage
{
	animation: designDecoImage 12s infinite 
}

#designDeco_imagesDiapos .elementDesignDecoMockup
{
	animation: designDecoMockup 12s infinite 
}
*/

/* animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode et animation-play-state */


/* ***************** animation de changement d'image, suivante */

#designDeco_imagesDiapos .elementDesignDeco
{
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
    	-ms-transform-origin: 50% 50%;
		 -o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
}

@-webkit-keyframes suivanteNouvelle
{
	0% { opacity: 0;
		 /*-webkit-transform: rotate(-45deg) scale(1,1);*/
		 -webkit-transform: translateX(780px);
		}
	100% { opacity: 1;
		 -webkit-transform: translateX(0);
		}
}

@-moz-keyframes suivanteNouvelle
{
	0% { opacity: 0;
		 /*-moz-transform: rotate(-45deg) scale(1,1);*/
		 -moz-transform: translateX(780px);
		}
	100% { opacity: 1;
		 -moz-transform: translateX(0);
		}
}

@-ms-keyframes suivanteNouvelle
{
	0% { opacity: 0;
		 /*-ms-transform: rotate(-45deg) scale(1,1);*/
		 -ms-transform: translateX(780px);
		}
	100% { opacity: 1;
		 -ms-transform: translateX(0);
		}
}

@-o-keyframes suivanteNouvelle
{
	0% { opacity: 0;
		 /*-o-transform: rotate(-45deg) scale(1,1);*/
		 -o-transform: translateX(780px);
		}
	100% { opacity: 1;
		 -o-transform: translateX(0);
		}
}

@keyframes suivanteNouvelle
{
	0% { opacity: 0;
		 /*transform: rotate(-45deg) scale(1,1);*/
		 transform: translateX(780px);
		}
	100% { opacity: 1;
		 transform: translateX(0);
		}
}


@-webkit-keyframes suivanteAncienne
{
	0% { opacity: 1;
		 -webkit-transform: translateX(0);
		}
	100% { opacity: 0;
		 -webkit-transform: translateX(-780px);
		}
}

@-moz-keyframes suivanteAncienne
{
	0% { opacity: 1;
		 -moz-transform: translateX(0);
		}
	100% { opacity: 0;
		 -moz-transform: translateX(-780px);
		}
}

@-ms-keyframes suivanteAncienne
{
	0% { opacity: 1;
		 -ms-transform: translateX(0);
		}
	100% { opacity: 0;
		 -ms-transform: translateX(-780px);
		}
}

@-o-keyframes suivanteAncienne
{
	0% { opacity: 1;
		 -o-transform: translateX(0);
		}
	100% { opacity: 0;
		 -o-transform: translateX(-780px);
		}
}

@keyframes suivanteAncienne
{
	0% { opacity: 1;
		 transform: translateX(0);
		}
	100% { opacity: 0;
		 transform: translateX(-780px);
		}
}


/* ***************** animation de changement d'image, precedente */

@-webkit-keyframes precedenteNouvelle
{
	0% { opacity: 0;
		 /*-webkit-transform: rotate(-45deg) scale(1,1);*/
		 -webkit-transform: translateX(-780px);
		}
	100% { opacity: 1;
		 -webkit-transform: translateX(0);
		}
}

@-moz-keyframes precedenteNouvelle
{
	0% { opacity: 0;
		 /*-moz-transform: rotate(-45deg) scale(1,1);*/
		 -moz-transform: translateX(-780px);
		}
	100% { opacity: 1;
		 -moz-transform: translateX(0);
		}
}

@-ms-keyframes precedenteNouvelle
{
	0% { opacity: 0;
		 /*-ms-transform: rotate(-45deg) scale(1,1);*/
		 -ms-transform: translateX(-780px);
		}
	100% { opacity: 1;
		 -ms-transform: translateX(0);
		}
}

@-o-keyframes precedenteNouvelle
{
	0% { opacity: 0;
		 /*-o-transform: rotate(-45deg) scale(1,1);*/
		 -o-transform: translateX(-780px);
		}
	100% { opacity: 1;
		 -o-transform: translateX(0);
		}
}

@keyframes precedenteNouvelle
{
	0% { opacity: 0;
		 /*transform: rotate(-45deg) scale(1,1);*/
		 transform: translateX(-780px);
		}
	100% { opacity: 1;
		 transform: translateX(0);
		}
}


@-webkit-keyframes precedenteAncienne
{
	0% { opacity: 1;
		 -webkit-transform: translateX(0);
		}
	100% { opacity: 0;
		 -webkit-transform: translateX(780px);
		}
}

@-moz-keyframes precedenteAncienne
{
	0% { opacity: 1;
		 -moz-transform: translateX(0);
		}
	100% { opacity: 0;
		 -moz-transform: translateX(780px);
		}
}

@-ms-keyframes precedenteAncienne
{
	0% { opacity: 1;
		 -ms-transform: translateX(0);
		}
	100% { opacity: 0;
		 -ms-transform: translateX(780px);
		}
}

@-o-keyframes precedenteAncienne
{
	0% { opacity: 1;
		 -o-transform: translateX(0);
		}
	100% { opacity: 0;
		 -o-transform: translateX(780px);
		}
}

@keyframes precedenteAncienne
{
	0% { opacity: 1;
		 transform: translateX(0);
		}
	100% { opacity: 0;
		 transform: translateX(780px);
		}
}




/* ***************** animation du mockup et de l'image */


@-webkit-keyframes designDecoImage
{
	0% { opacity: 1;}
	17% { opacity: 0;}
	50% { opacity: 0;}
	67% { opacity: 1;}
	100% { opacity: 1;}
}

@-moz-keyframes designDecoImage
{
	0% { opacity: 1;}
	17% { opacity: 0;}
	50% { opacity: 0;}
	67% { opacity: 1;}
	100% { opacity: 1;}
}

@-ms-keyframes designDecoImage
{
	0% { opacity: 1;}
	17% { opacity: 0;}
	50% { opacity: 0;}
	67% { opacity: 1;}
	100% { opacity: 1;}
}

@-o-keyframes designDecoImage
{
	0% { opacity: 1;}
	17% { opacity: 0;}
	50% { opacity: 0;}
	67% { opacity: 1;}
	100% { opacity: 1;}
}

@keyframes designDecoImage
{
	0% { opacity: 1;}
	17% { opacity: 0;}
	50% { opacity: 0;}
	67% { opacity: 1;}
	100% { opacity: 1;}
}




@-webkit-keyframes designDecoMockup
{
	0% { opacity: 0;}
	17% { opacity: 1;}
	50% { opacity: 1;}
	67% { opacity: 0;}
	100% { opacity: 0;}
}

@-moz-keyframes designDecoMockup
{
	0% { opacity: 0;}
	17% { opacity: 1;}
	50% { opacity: 1;}
	67% { opacity: 0;}
	100% { opacity: 0;}
}

@-ms-keyframes designDecoMockup
{
	0% { opacity: 0;}
	17% { opacity: 1;}
	50% { opacity: 1;}
	67% { opacity: 0;}
	100% { opacity: 0;}
}

@-o-keyframes designDecoMockup
{
	0% { opacity: 0;}
	17% { opacity: 1;}
	50% { opacity: 1;}
	67% { opacity: 0;}
	100% { opacity: 0;}
}

@keyframes designDecoMockup
{
	0% { opacity: 0;}
	17% { opacity: 1;}
	50% { opacity: 1;}
	67% { opacity: 0;}
	100% { opacity: 0;}
}




/* version 1

@-webkit-keyframes designDecoImage
{
	0% { opacity: 1;}
	33% { opacity: 1;}
	50% { opacity: 0;}
	83% { opacity: 0;}
	100% { opacity: 1;}
}

@-moz-keyframes designDecoImage
{
	0% { opacity: 1;}
	33% { opacity: 1;}
	50% { opacity: 0;}
	83% { opacity: 0;}
	100% { opacity: 1;}
}

@-ms-keyframes designDecoImage
{
	0% { opacity: 1;}
	33% { opacity: 1;}
	50% { opacity: 0;}
	83% { opacity: 0;}
	100% { opacity: 1;}
}

@-o-keyframes designDecoImage
{
	0% { opacity: 1;}
	33% { opacity: 1;}
	50% { opacity: 0;}
	83% { opacity: 0;}
	100% { opacity: 1;}
}

@keyframes designDecoImage
{
	0% { opacity: 1;}
	33% { opacity: 1;}
	50% { opacity: 0;}
	83% { opacity: 0;}
	100% { opacity: 1;}
}




@-webkit-keyframes designDecoMockup
{
	0% { opacity: 0;}
	33% { opacity: 0;}
	50% { opacity: 1;}
	83% { opacity: 1;}
	100% { opacity: 0;}
}

@-moz-keyframes designDecoMockup
{
	0% { opacity: 0;}
	33% { opacity: 0;}
	50% { opacity: 1;}
	83% { opacity: 1;}
	100% { opacity: 0;}
}

@-ms-keyframes designDecoMockup
{
	0% { opacity: 0;}
	33% { opacity: 0;}
	50% { opacity: 1;}
	83% { opacity: 1;}
	100% { opacity: 0;}
}

@-o-keyframes designDecoMockup
{
	0% { opacity: 0;}
	33% { opacity: 0;}
	50% { opacity: 1;}
	83% { opacity: 1;}
	100% { opacity: 0;}
}

@keyframes designDecoMockup
{
	0% { opacity: 0;}
	33% { opacity: 0;}
	50% { opacity: 1;}
	83% { opacity: 1;}
	100% { opacity: 0;}
}

*/



/* version 2

@-webkit-keyframes designDecoImage
{
	0% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

@-moz-keyframes designDecoImage
{
	0% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

@-ms-keyframes designDecoImage
{
	0% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

@-o-keyframes designDecoImage
{
	0% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

@keyframes designDecoImage
{
	0% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}




@-webkit-keyframes designDecoMockup
{
	0% { opacity: 0;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

@-moz-keyframes designDecoMockup
{
	0% { opacity: 0;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

@-ms-keyframes designDecoMockup
{
	0% { opacity: 0;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

@-o-keyframes designDecoMockup
{
	0% { opacity: 0;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

@keyframes designDecoMockup
{
	0% { opacity: 0;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

*/