body
{
background-color:black;
}

.bonus2
{
width:150px;
height:100px;
margin:auto;
}
.bonus
{
width:150px;
height:200px;
margin:auto;
}
.bonus3
{
width:150px;
height:200px;
margin:auto;
}

h1
{
color:#CCFFFF;
text-align:center;
font-size:xx-large;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-top:20px;
}
h2
{
color:white;
text-align:center;
font-size:x-large;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-top:20px;
}
h3
{
color:green;
font-size:large;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-top:20px;
}
h4
{
color:red;
text-align:center;
font-size:medium;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
}
h5
{
color:black;
text-align:left;
font-size:x-small;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-left:5px;
}
h6
{
color:gray;
text-align:right;
font-size:xx-small;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-right:5px;
}
p
{
color:Orange;
font-size:large;
font-family:arial,"arial black","comic sans ms","Courier New ",serif;
margin-top:20px;
}
.centre
{
text-align:center;
}

a.type1
 {
 color:black;
 text-decoration:none;
 }
 a.type1:hover
 {
 color:green;
 }
a.type2 
{
 color: navy;
text-decoration:none;
margin :3px; 

 }
 
a.type2:hover 
{ 
color: green;

 }
 
a.type3
{
color:blue;
text-decoration:none;
}
a.type3:hover
{
color:green;
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; 
        line-height : 35px; 
        text-align : center; 
}

#menu /* Ensemble du menu */
{

        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; 
        font-size : 12px; 
}

#menu a /* Contenu des listes */
{
        display : block; 
        padding :0; /* aucune marge intérieure */
        background-image:url("bvc.jpg") ;        
        color : navy; 
        text-decoration : none; 
		
        width : 147px; /* largeur */
		height:37px;
}

#menu li /* Elements des listes */      
{ 
        width:auto;
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; 
        width: 147px; 
        left: -999em; 
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent"  */
        border-top : 1px solid #fff; 
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /*  bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 147px ; 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
             
}


/* IE ne reconnaissant pas le sélecteur ">"  */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /*  bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; 
        background-image:url("bbb..jpg");
}
#menu li:hover ul ul, #menu li.sfhover ul ul 
{
        left: -999em; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



#pied
{
width:900px;
height:65px;

background-color:yellow;
margin:auto;

}