/*

	Transitions et animations

*/

@keyframes arrive {
	from { 
		opacity: 0;
		transform: translateY(10px);
	}
	to { 
		opacity: 1; 
		transform: translateY(0px);
	}
}

@keyframes glisseH {
	from { top: -50px; }
	to { top: 0px; }
}

@keyframes glisseB {
	from { bottom: -50px; }
	to { bottom: 0px; }
}

@keyframes tourne {
	form { transform: rotate( 0deg ); }
	to { transform: rotate( 360deg ); }
}

#topbar {
	animation-name: glisseH ;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-iteration-count: 1;
}

#ecran {
	transition: background-color linear 1s;
}

#ecran #patienceimg {
	transition: opacity linear 1s;
	animation-name: tourne ;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

div.menu_message button {
	animation-name: arrive ;
	animation-timing-function: ease;
	animation-duration: .7s;
	animation-iteration-count: 1;
}

table.liste_messages tr.apercu iframe {
	height: 1px;
	opacity: 0;
	transition: height ease .4s, opacity linear .2s;
}


/* Formulaires */

.bloc_sections > .ligne_champ,
div.section {
	animation-name: arrive ;
	animation-timing-function: linear;
	animation-duration: .3s;
	animation-iteration-count: 1;
}

div.formulaire.message div.ligne_pied {
	animation-name: glisseB ;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-iteration-count: 1;
}