@keyframes etoile_in {
from { transform: scale(10) rotateX(3600deg) rotateY(0deg); }
to { transform: scale(1) rotateX(0deg) rotateY(0deg); }
}
@keyframes -webkit-etoile_in {
from { transform: scale(10) rotateX(3600deg) rotateY(0deg); }
to { transform: scale(1) rotateX(0deg) rotateY(0deg); }
}
@keyframes -moz-etoile_in {
from { transform: scale(10) rotateX(3600deg) rotateY(0deg); }
to { transform: scale(1) rotateX(0deg) rotateY(0deg); }
}
@-webkit-keyframes etoile_in {
from { transform: scale(10) rotateX(3600deg) rotateY(0deg); }
to { transform: scale(1) rotateX(0deg) rotateY(0deg); }
}
@-moz-keyframes etoile_in {
from { transform: scale(10) rotateX(3600deg) rotateY(0deg); }
to { transform: scale(1) rotateX(0deg) rotateY(0deg); }
}

@keyframes ligne_in {
from { width:''; }
to { width:100%; }
}
@keyframes -webkit-ligne_in {
from { width:''; }
to { width:100%; }
}
@keyframes -moz-ligne_in {
from { width:''; }
to { width:100%; }
}
@-webkit-keyframes ligne_in {
from { width:''; }
to { width:100%; }
}
@-moz-keyframes ligne_in {
from { width:''; }
to { width:100%; }
}

@keyframes ligne_b_in {
from { width:''; left:''; }
to { width:100%; left:0%; }
}
@keyframes -webkit-ligne_b_in {
from { width:''; left:''; }
to { width:100%; left:0%; }
}
@keyframes -moz-ligne_b_in {
from { width:''; left:''; }
to { width:100%; left:0%; }
}
@-webkit-keyframes ligne_b_in {
from { width:''; left:''; }
to { width:100%; left:0%; }
}
@-moz-keyframes ligne_b_in {
from { width:''; left:''; }
to { width:100%; left:0%; }
}

@keyframes manager_in {
from { opacity:0; transform: scale(10); }
to { opacity:1; transform: scale(1); }
}
@keyframes -webkit-manager_in {
from { -webkit-opacity:0; transform: scale(10); }
to { -webkit-opacity:1; transform: scale(1); }
}
@keyframes -moz-manager_in {
from { opacity:0; transform: scale(10); }
to { opacity:1; transform: scale(1); }
}
@-webkit-keyframes manager_in {
from { opacity:0; transform: scale(10); }
to { opacity:1; transform: scale(1); }
}
@-moz-keyframes manager_in {
from { opacity:0; transform: scale(10); }
to { opacity:1; transform: scale(1); }
}



        /*Logo accueil Premium*/

#logo_accueil {
position:relative;float:center;top:50%;
width:100%;height:100%;
margin-left:auto;margin-right:auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
opacity:.75;
}
#logo_accueil_etoile_1 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1s forwards;
-webkit-animation : etoile_in 1.25s 1s forwards;
-moz-animation : etoile_in 1.25s 1s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_accueil_etoile_2 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1.5s forwards;
-webkit-animation : etoile_in 1.25s 1.5s forwards;
-moz-animation : etoile_in 1.25s 1.5s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_accueil_etoile_3 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1.5s forwards;
-webkit-animation : etoile_in 1.25s 1.5s forwards;
-moz-animation : etoile_in 1.25s 1.5s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_accueil_etoile_4 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1s forwards;
-webkit-animation : etoile_in 1.25s 1s forwards;
-moz-animation : etoile_in 1.25s 1s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_accueil_ligne_1 {
position:absolute;top:0%;left:100%;
width:0%;height:100%;
animation : ligne_b_in 2s 1s forwards;
-webkit-animation : ligne_b_in 2s 1s forwards;
-moz-animation : ligne_b_in 2s 1s forwards;
}
#logo_accueil_ligne_2 {
position:absolute;top:0%;left:0%;
width:0%;height:100%;
animation : ligne_in 2s 1s forwards;
-webkit-animation : ligne_in 2s 1s forwards;
-moz-animation : ligne_in 2s 1s forwards;
}
#logo_accueil_ligne_3 {
position:absolute;top:0%;left:100%;
width:0%;height:100%;
animation : ligne_b_in 2s 1s forwards;
-webkit-animation : ligne_b_in 2s 1s forwards;
-moz-animation : ligne_b_in 2s 1s forwards;
}
#logo_accueil_ligne_4 {
position:absolute;top:0%;left:0%;
width:0%;height:100%;
animation : ligne_b_in 2s 1s forwards;
-webkit-animation : ligne_b_in 2s 1s forwards;
-moz-animation : ligne_b_in 2s 1s forwards;
}
#logo_accueil_manager {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
opacity:0;
animation : manager_in .5s 2.5s forwards;
-webkit-animation : manager_in .5s 2.5s forwards;
-moz-animation : manager_in .5s 2.5s forwards;
transform-style: preserve-3d;
}
#logo_accueil_manager_rouge {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
display:none;
}


        /*Logo pour divers endroits*/

#logo_site {
position:relative;float:center;top:50%;
width:80%;height:100%;
margin-left:auto;margin-right:auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
#logo_site_etoile_1 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s .5s forwards;
-webkit-animation : etoile_in 1.25s .5s forwards;
-moz-animation : etoile_in 1.25s .5s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_site_etoile_2 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1s forwards;
-webkit-animation : etoile_in 1.25s 1s forwards;
-moz-animation : etoile_in 1.25s 1s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_site_etoile_3 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s 1s forwards;
-webkit-animation : etoile_in 1.25s 1s forwards;
-moz-animation : etoile_in 1.25s 1s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_site_etoile_4 {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
animation : etoile_in 1.25s .5s forwards;
-webkit-animation : etoile_in 1.25s .5s forwards;
-moz-animation : etoile_in 1.25s .5s forwards;
transform-style: preserve-3d;
transform: scale(10) rotateX(3600deg) rotateY(0deg);
}
#logo_site_ligne_1 {
position:absolute;top:0%;left:100%;
width:0%;height:100%;
animation : ligne_b_in 2s .5s forwards;
-webkit-animation : ligne_b_in 2s .5s forwards;
-moz-animation : ligne_b_in 2s .5s forwards;
}
#logo_site_ligne_2 {
position:absolute;top:0%;left:0%;
width:0%;height:100%;
animation : ligne_in 2s .5s forwards;
-webkit-animation : ligne_in 2s .5s forwards;
-moz-animation : ligne_in 2s .5s forwards;
}
#logo_site_ligne_3 {
position:absolute;top:0%;left:100%;
width:0%;height:100%;
animation : ligne_b_in 2s .5s forwards;
-webkit-animation : ligne_b_in 2s .5s forwards;
-moz-animation : ligne_b_in 2s .5s forwards;
}
#logo_site_ligne_4 {
position:absolute;top:0%;left:0%;
width:0%;height:100%;
animation : ligne_b_in 2s .5s forwards;
-webkit-animation : ligne_b_in 2s .5s forwards;
-moz-animation : ligne_b_in 2s .5s forwards;
}
#logo_site_manager {
position:absolute;top:0%;left:0%;
width:100%;height:100%;
opacity:0;
animation : manager_in .5s 2s forwards;
-webkit-animation : manager_in .5s 2s forwards;
-moz-animation : manager_in .5s 2s forwards;
transform-style: preserve-3d;
}