@charset "utf-8";
/* CSS Document */
	body{padding:20px;
	background-color: #000000;
	background:000fff;
	color:#555;
	font:80%/140% 'helvetica neue',sans-serif;
	width:900px;
	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;
}
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;
}

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;
}
a:hover { border-bottom: 5px solid rgba(255,30,30,.8);
color:#FF0000;
 -webkit-transition: .3s ease-out;
}

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;}
    body {background-image: url(06.png);
	background-position:top;
	background-attachment:inherit;}

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

#skull {
	background: url("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)
    		}
} 
          
		

        
#atat #skull 
        {
            
	        -webkit-animation-name: rotate-skull;
	        -webkit-animation-duration: 100s ;
			-webkit-animation-timing-function: linear;
		    -webkit-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;
	        	        
        }
		
#stars{
	width: 329px;
	height: 331px;
	background-image: url(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-property: color;
-webkit-transition-duration:.4s;
-webkit-transition-timing:ease-out;
 -webkit-transition: all .3s ease-out;
}

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

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