/*Animer le logo*/
 @-moz-keyframes cercle1 {
   from {
     -moz-transform: scale(0);
   }
   to {
     -moz-transform: scale(1);
   }
}
 @-o-keyframes cercle1 {
   from {
     -o-transform: scale(0);
   }
   to {
     -o-transform: scale(1);
   }
}
 @keyframes cercle1 {
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
}
 
.lecercle{
     animation: cercle1 1.5s;
     -moz-animation: cercle1 1.5s; /* Firefox */
     -webkit-animation: cercle1 1.5s; /* Safari et Chrome */
     -o-animation: cercle1 1.5s; /* Opera */
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}



 @-moz-keyframes log1 {
   from {
     -moz-transform: rotate(0deg);
   }
   to {
     -moz-transform: rotate(350deg);
   }
}
 @-o-keyframes log1 {
   from {
     -o-transform: rotate(0deg);
   }
   to {
     -o-transform: rotate(350deg);
   }
}
 @keyframes log1 {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(350deg);
   }
}

.lelog{
	animation: log1 1s;
     -moz-animation: log1 1s; /* Firefox */
     -webkit-animation: log1 1s; /* Safari et Chrome */
     -o-animation: log1 1s; /* Opera */
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}


 @-moz-keyframes labarre1 {
   from {
     -moz-transform: translate(0deg);
   }
   to {
     -moz-transform: rotate(350deg);
   }
}
 @-o-keyframes labarre1 {
   from {
     -o-transform:
   }
   to {
     -o-transform: rotate(350deg);
   }
}
 @keyframes labarre1 {
   from {
     opacity: 0;
   }
   to {
     opacity: 1
   }
}

.labarre{
	animation: labarre1 1s;
     -moz-animation: labarre1 1s; /* Firefox */
     -webkit-animation: labarre1 1s; /* Safari et Chrome */
     -o-animation: labarre1 1s; /* Opera */
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%;

}