@keyframes slidein /* mobile et tipxxx */
	{
	from { transform: scaleX(0); }
	50%   { transform: scaleX(1.1); }
	to   { transform: scaleX(1); }
	}
	
@keyframes top /* nous contacter */
	{
	from { top: 100%; }
	50% { top: 150px; }
	to   { top: 200px; }
	}
	
@keyframes rotation /* online et news */
	{
	from { transform: rotate(0deg);}
	1%  { transform: rotate(20deg);}
	2%  { transform: rotate(-20deg);}
	3%  { transform: rotate(0deg);}
	4%  { transform: rotate(20deg);}
	5%  { transform: rotate(-20deg);}
	6%  { transform: rotate(0deg);}
	25%   { transform: rotate(360deg);}
	to   { transform: rotate(360deg);}
	}
	
@keyframes clignote /* clignotement pause longue*/
	{
	from   	{ opacity: 0; }
	1%		{ opacity: 1; }
	2%		{ opacity: 1; }
	3%		{ opacity: 0; }
	4%		{ opacity: 1; }
	5%		{ opacity: 1; }
	6%		{ opacity: 0; }
	7%		{ opacity: 1; }
	to 		{ opacity: 1; }
	}	

@keyframes clignote2 /* clignotement fixe */
	{
	from   	{ opacity: 0; }
	50%		{ opacity: 1; }
	to		{ opacity: 1; }
	}