/* ============================================================*
	 * Animations
	 * ============================================================*/
	
	
	@keyframes rotation {
		 from {
			 transform: rotate(0deg);
		 }
		 to {
			 transform: rotate(360deg);
		 }
	 }
	 
	 .rotate-infinite, .rotate-infinite:before, .rotate-infinite:after {
		 animation: rotation 1s linear infinite;
	 }
	 


 @keyframes rotating {
	 from {
		 transform: rotate(0deg);
	 }
	 to {
		 transform: rotate(360deg);
	 }
 }
 .rotation {
	 display: inline-block;
	 width: auto;
	 height: auto;
	 vertical-align: text-bottom;
	 -webkit-animation: rotating .75s linear infinite;
	 animation: rotating .75s linear infinite;
 }
 
 
 @keyframes ring {
	 0%   { transform: rotate(0); }
	 10%  { transform: rotate(15deg); }
	 20%  { transform: rotate(-15deg); }
	 30%  { transform: rotate(10deg); }
	 40%  { transform: rotate(-10deg); }
	 50%  { transform: rotate(5deg); }
	 60%  { transform: rotate(-5deg); }
	 70%  { transform: rotate(2deg); }
	 80%  { transform: rotate(-2deg); }
	 100% { transform: rotate(0); }
 }
 
 .ring {
	 display: inline-block;
	 transform-origin: top center; /* pivot comme une vraie cloche */
	 animation: ring 1.5s ease-in-out infinite; /* <--- infini */
 }