* {
	margin: 0; padding: 0; top: 0px; left: 0px; right: 0px;
	
         
}
 


body {
       background-color: #000000;
      background-image: url(aragon.jpg);
      background-repeat: no-repeat;
      background-position: top left;
       background-attachment:  fixed;
        color:    #ffffff;
        margin:  0px 0px 0px 0px;
       font-family:  Arial;
       font-size:    14px;
       color:      #FFFFFF;
       line-height : 18px;
       text-align: center;

}

A:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	}



A:hover {
	color: #FFFFFF;
	text-decoration: underline overline;
}
	
#name  {
 position:absolute;
 top:140px;
 left:374px;
 width:433px;
 padding-bottom: 10px;
 margin-bottom: 50px;  

}
 
.name   {
 margin: 5px 5px 10px 5px;
 padding: 2px;
 color:#DD170A;
 font-family: Georgia;
 font-size: 30px;
 border-bottom: 1px solid #DD170A;
 text-align: left;

 }


 
/*  CONTAINER 
********************************************************************/


#container { 
             position:     relative; 
             width:        100%;             
             margin:       0px auto; 
	        min-height:    100%;
            
}

#contenu {
           position:     relative;
           width:        540px;
           float:        left;
           padding:      10px 10px 10px 10px;
           margin:       220px 0px 20px 150px;
           border:        1px solid #DD170A;
          
      
}


.opacite {
 width: 20%;
 background-color: rgb(255, 255, 255); /* alternative solide */
 background-color: rgba(255, 255, 255, 0.2);

}