/* CSS Document */

/* Logo tournant */
#entete { text-align: center; }
#entete h1 { display: inline-block; vertical-align: middle; text-shadow: 0 0 4px #000; }
#logo { display: inline-block; margin: 6px 24px 6px 0; height: 96px; width: 96px; vertical-align: middle; }
#logo #bg-logo { position: absolute; left: 0; top: 0; width: 100%; animation: 30s linear 0s infinite fxbglogo; }
#logo #av-logo { position: absolute; left: 0; top: 0; width: 100%; }
#logo:hover #av-logo { animation: .5s ease-in-out fxavlogo; }
@keyframes fxbglogo { from { transform: rotateZ(-360deg); } to { transform: rotateZ(0deg); } }
@keyframes fxavlogo { 0% { transform: none; } 
                     20% { transform: scale(1.2); }
                     40% { transform: scale(0.8); }
                     60% { transform: scale(1.1); }
                     80% { transform: scale(0.9); }
                    100% { transform: none; } }