@charset "utf-8";
/* CSS Document */

body{
display:block;
	padding:20px 0;
	background-color: #000000;
	background-image: url(../img/06.png);
	background-position:top;
	background-attachment:inherit;
	background-repeat: repeat;
	color:#555;
	font:80%/140% 'helvetica neue',sans-serif;
	width:900px;
	height:100vh;
	min-height:800px;
	overflow: auto;
	margin: 0 auto;}
	
	a.menu{color:#CCCCCC;text-decoration:none;}
	a.select:hover{color:#CCCCCC;text-decoration:none;}
	
	a.select{color:#CC0000;text-decoration:none;}
	a.menu:hover {color:#CC0000;}
	
a.menu {
-webkit-transition: all .3s ease-out;
-webkit-transition-property: color;
-webkit-transition-duration:.4s;
-webkit-transition-timing:ease-out;
-webkit-transition: border .3s ease-out;
-moz-transition: all .3s ease-out;
-moz-transition-property: color;
-moz-transition-duration:.4s;
-moz-transition-timing:ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: all .3s ease-out;
-ms-transition-property: color;
-ms-transition-duration:.4s;
-ms-transition-timing:ease-out;
-ms-transition: border .3s ease-out;
-o-transition: all .3s ease-out;
-o-transition-property: color;
-o-transition-duration:.4s;
-o-transition-timing:ease-out;
-o-transition: border .3s ease-out;
}
a.select {-webkit-transition: all .3s ease-out;
-webkit-transition-property: color;
-webkit-transition-duration:.4s;
-webkit-transition-timing:ease-out;
-webkit-transition: border .3s ease-out;
-moz-transition: all .3s ease-out;
-moz-transition-property: color;
-moz-transition-duration:.4s;
-moz-transition-timing:ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: all .3s ease-out;
-ms-transition-property: color;
-ms-transition-duration:.4s;
-ms-transition-timing:ease-out;
-ms-transition: border .3s ease-out;
-o-transition: all .3s ease-out;
-o-transition-property: color;
-o-transition-duration:.4s;
-o-transition-timing:ease-out;
-o-transition: border .3s ease-out;
}

a.menu { border-bottom: 2px solid #ffffff }
a.select:hover { border-bottom: 2px solid #ffffff }

a.menu:hover { border-bottom: 10px solid rgba(255,30,30,.8); }
a.select { border-bottom: 10px solid rgba(255,30,30,.8); }

a.select:hover { -webkit-transition: border .3s ease-out; }

.menu{padding: 5px 30px;}
.select{padding: 5px 30px;}

a {color:#555; border-bottom: 1px solid #555 ;
text-decoration:none;
-webkit-transition: all .3s ease-out;
-webkit-transition-property: color;
-webkit-transition-duration:.3s;
-webkit-transition-timing:ease-out;
-webkit-transition: border .3s ease-out;
-moz-transition: all .3s ease-out;
-moz-transition-property: color;
-moz-transition-duration:.4s;
-moz-transition-timing:ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: all .3s ease-out;
-ms-transition-property: color;
-ms-transition-duration:.4s;
-ms-transition-timing:ease-out;
-ms-transition: border .3s ease-out;
-o-transition: all .3s ease-out;
-o-transition-property: color;
-o-transition-duration:.4s;
-o-transition-timing:ease-out;
-o-transition: border .3s ease-out;
}
a:hover { border-bottom: 5px solid rgba(255,30,30,.8);
color:#FF0000;
 -webkit-transition: .3s ease-out;
 -moz-
 -ms-
 -o-
}

h1{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;margin:20px 0;}
h2{font: bold 120%, 'helvetica neue', Arial, Helvetica, sans-serif; letter-spacing:3px; text-transform:uppercase; margin:30PX 0;}

.info{text-align:left;margin-top:20px;border-top:1px dotted #221;padding-top:20px;clear:both;}
    

#atat {
	width: 1100px;
	height: 593px;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: -5;
        }
#planete {
	width: 642px;
	height: 588px;
	background-image: url(../img/01.png);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	z-index:-2;
	left: 26px;
	top: -14px;
}

#skull {
	background: url(../img/04.png) left center no-repeat;
	width: 548px;
	height: 283px;
	position: absolute;
	top: 70px;
	right: -40px;
	z-index: -3;
        }
    @-webkit-keyframes rotate-skull 
 {
            from 	{
	            -webkit-transform: rotate(0deg)
            		}
            to 		{
	            -webkit-transform: rotate(360deg)
           			}
 }
 @-webkit-keyframes rotate-stars 
{
from 		{
	            -webkit-transform: rotate(0deg)
            }
 to 		{
	            -webkit-transform: rotate(360deg)
            }
}   
		
@-webkit-keyframes rotate-planete 
{
    0% 		{
        -webkit-transform: rotate(-15deg)
    		}
    25%		{
        -webkit-transform: rotate(15deg)
    		}
    75% 	{
        -webkit-transform: rotate(-15deg)
    		}
			
    100% 	{
        -webkit-transform: rotate(0deg)
    		}
} 
       
    @-moz-keyframes rotate-skull 
 {
            from 	{
	            -moz-transform: rotate(0deg)
            		}
            to 		{
	            -moz-transform: rotate(360deg)
           			}
 }
 @-moz-keyframes rotate-stars 
{
from 		{
	            -moz-transform: rotate(0deg)
            }
 to 		{
	            -moz-transform: rotate(360deg)
            }
}   
		
@-moz-keyframes rotate-planete 
{
    0% 		{
        -moz-transform: rotate(-15deg)
    		}
    25%		{
        -moz-transform: rotate(15deg)
    		}
    75% 	{
        -moz-transform: rotate(-15deg)
    		}
			
    100% 	{
        -moz-transform: rotate(0deg)
    		}
} 
   
    @-ms-keyframes rotate-skull 
 {
            from 	{
	            -ms-transform: rotate(0deg)
            		}
            to 		{
	            -ms-transform: rotate(360deg)
           			}
 }
 @-ms-keyframes rotate-stars 
{
from 		{
	            -ms-transform: rotate(0deg)
            }
 to 		{
	            -ms-transform: rotate(360deg)
            }
}   
		
@-ms-keyframes rotate-planete 
{
    0% 		{
        -ms-transform: rotate(-15deg)
    		}
    25%		{
        -ms-transform: rotate(15deg)
    		}
    75% 	{
        -ms-transform: rotate(-15deg)
    		}
			
    100% 	{
        -ms-transform: rotate(0deg)
    		}
} 
		

        
#atat #skull 
        {
            
	        -webkit-animation-name: rotate-stars;
	        -webkit-animation-duration: 100s ;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;

-moz-animation-name: rotate-stars;
-moz-animation-duration: 100s ;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

-ms-animation-name: rotate-stars;
-ms-animation-duration: 100s ;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;

-o-animation-name: rotate-stars;
-o-animation-duration: 100s ;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
	        	        
        }
		
		
#atat #stars
        {           
	        -webkit-animation-name: rotate-stars;
	        -webkit-animation-duration: 500s ;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;

-moz-animation-name: rotate-stars;
-moz-animation-duration: 500s ;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

-ms-animation-name: rotate-stars;
-ms-animation-duration: 500s ;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;

-o-animation-name: rotate-stars;
-o-animation-duration: 500s ;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
	        	        
        }
		
#stars{
	width: 329px;
	height: 331px;
	background-image: url(../img/05.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 701px;
	top: 43px;
	z-index:-6
}

.contact {margin-left:30px;}

	a.formulaire{color:#CCCCCC;text-decoration:none;}
	a.formulaire:hover {color:#5581ae;}
	
a.formulaire {

-webkit-transition: all .3s ease-out;
-webkit-transition-property: color;
-webkit-transition-duration:.4s;
-webkit-transition-timing:ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-moz-transition-property: color;
-moz-transition-duration:.4s;
-moz-transition-timing:ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: all .3s ease-out;
-ms-transition-property: color;
-ms-transition-duration:.4s;
-ms-transition-timing:ease-out;
-ms-transition: border .3s ease-out;
-o-transition: all .3s ease-out;
-o-transition-property: color;
-o-transition-duration:.4s;
-o-transition-timing:ease-out;
-o-transition: border .3s ease-out;
}

a.formulaire { border-bottom: 1px solid #ffffff }

a.formulaire:hover { border-bottom: 6px solid #5581ae; }