/* CSS Document */

.apparition:not(.apparition_effet_not),.apparition_desactivation{
	opacity: 0;
    
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.apparition.apparition_effet:not(.apparition_effet_not){
	opacity:1;
    
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-ms-transition: opacity 1.5s;
	-o-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

.apparition.decalage_vertical.apparition_ok:not(.apparition_effet_not){
    -moz-transform: translate(0px, 150px);
    -webkit-transform: translate(0px, 150px);
    -o-transform: translate(0px, 150px);
    -ms-transform: translate(0px, 150px);
    transform: translate(0px, 150px);
    
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.apparition.decalage_vertical.apparition_effet:not(.apparition_effet_not){
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    
	-webkit-transition: opacity 1.5s, transform 1s!important;
	-moz-transition: opacity 1.5s, transform 1s!important;
	-ms-transition: opacity 1.5s, transform 1s!important;
	-o-transition: opacity 1.5s, transform 1s!important;
	transition: opacity 1.5s, transform 1s!important;
}

.apparition.cache{
	opacity: 1;
}

.apparition.cache::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 5;
}

.apparition.cache.apparition_effet::after{
	height: 0px;
	
	-webkit-transition: height 600ms cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-moz-transition: height 600ms cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-ms-transition: height 600ms cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-o-transition: height 600ms cubic-bezier(0.980, 0.015, 0.620, 0.890);
	transition: height 600ms cubic-bezier(0.980, 0.015, 0.620, 0.890);/*custom*/

	-webkit-transition-timing-function: cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-moz-transition-timing-function: cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-ms-transition-timing-function: cubic-bezier(0.980, 0.015, 0.620, 0.890);
	-o-transition-timing-function: cubic-bezier(0.980, 0.015, 0.620, 0.890);
	transition-timing-function: cubic-bezier(0.980, 0.015, 0.620, 0.890);/*custom*/
}

