html 
{ 
margin:0;/*L'image de fond est definie sans marge ni bordure*/
padding:0;
background: url(0d65906612df30355195721daadf9907.jpg) no-repeat center fixed;/*adresse et nom de l'image de fond : elle n'est pas répétée*/ 
/*elle est centrée et est fixée (non déroulante) */
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
@font-face {
    font-family: atari;
    src: url(AtariSmall.ttf);
}

div {
    font-family: atari;
}
#bloc_1/*Le titre se trouve ici*/
{
margin-left:auto;/*Les marges sont en auto donc le bloc sera centré sur la page*/
margin-right:auto;
text-align: center;/*Le ttexte sera centré dans le bloc*/
font-family: atari;/*La police choisie est Arial*/
font-style: bolt; /*Le style de la police*/
font-size: 35px;/*La taille des caractères*/
color: black;/*La couleur des caractères*/
width:600px;/*La largeur de la boite */
height:80px;/*La hauteur de la boite*/
background-color:rgb(192,192,192);/*une façon de définir la couleur de fond de la boite*/
border: 10px solid black;/*un liseret de 10px borde la boite*/

padding: 20px;/*il y a une bande de 20px autour du texte*/
}
h1{
font-family: atari;/*La police choisie est Arial*/
font-style: bolt; /*Le style de la police*/
color: #4682B4;/*La couleur des caractères*/
font-size: 50px;/*La taille des caractères*/
text-align: center;
}
h2{
font-family: atari;/*La police choisie est Arial*/
font-style: bolt; /*Le style de la police*/
color: #4682B4;/*La couleur des caractères*/
font-size: 35px;/*La taille des caractères*/
text-align: right;
}
h3{
font-family: atari;/*La police choisie est Arial*/
font-style: bolt; /*Le style de la police*/
color: silver;/*La couleur des caractères*/
font-size: 25px;/*La taille des caractères*/
text-align: right;
}
h4{
font-family: atari;/*La police choisie est Arial*/
font-style: bolt; /*Le style de la police*/
color: #4682B4;/*La couleur des caractères*/
font-size: 30px;/*La taille des caractères*/
text-align: center;
}

strong /*ce qui est en gras sera écrit en rouge*/
{
color:#ffffff;
opacity: 0;
}
#nav

{

width: 600px;

height: 50px;

margin: 0 auto;

background: #333;

text-align: center;

height: 50px;

margin: 0 auto;

}

.navigation, .navigation ul {

margin: 0;

padding: 0;

list-style: none;

font-size: 0;

}

.navigation .menu1

{

font-weight: bold;

font-family : atari;

font-size :20px;

}

.navigation li {

display: inline-block;

position: relative;

font-size: 14px;

}

.navigation .menu1 a {

display: block;

width: 150px;

height: 50px;

line-height: 50px;

color: #FFFFFF;

background: #333;

text-decoration: none;

}

.navigation ul {

display: none;

position: absolute;

}

.navigation li:hover > ul {

left: 0;

display: block;

}

.navigation li li:hover > ul {

left: 150px;

top: 0;

}

.navigation a:hover {

color: #333;

background: #ccc;

}