OK voici le code
Code:
xhtml,body {background: #000000; margin: 0%}
h1 {
font-size: 32pt;
font-family: comic sans ms;
color: blue;
text-align: center}
h2 {
font-size: 25pt;
font-family: comic sans ms;
color: green;
text-align: center}
h3 {
font-size: 25pt;
font-family: comic sans ms;
color: green;
background: #999999;
text-align: center}
p {
font-size: 12pt;
font-family: comic sans ms;
color: #66FF66;
text-align: left}
ul, ol {
font-size: 12pt;
font-family: comic sans ms;
color: #66FF66;
text-align: left}
a {text-align: center}
a.dessous span {
display: none;
}
a:hover.dessous span {
display: block;
position: ********;
margin-left: 280px;
width: 710px;
padding: 2px;
margin: 0px;
z-index: 100;
color: #008000;
background: black;
font: 12px comic sans ms, sans-serif;
font-weight:bold;
text-align: center;
}
a.span span {
display: none;
}
a:hover.span span {
display: block;
position: ********;
margin-left: 280px;
width: 710px;
padding: 2px;
margin: 0px;
z-index: 100;
color: #008000;
background: black;
font: 12px comic sans ms, sans-serif;
font-weight:bold;
text-align: center;
}
.center {text-align: center;}
.right {text-align: right;}
#menuDeroulant
{width: 700px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;}
#menuDeroulant li
{float: left;
width: 300px;
margin: 0;
padding: 0;
border: 0;}
#menuDeroulant .sousMenu
{display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;}
#menuDeroulant .sousMenu li
{float: left;
margin: 0;
padding: 0;
border: 0;
width: 299px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{display: block;
height: auto;
color: #FFFFFF;
background: #0099CC;
margin: 0;
padding: 4px 8px;
border-right: 1px solid transparent;
text-decoration: none;}
#menuDeroulant li a:hover { background-color: #66CCFF; }
#menuDeroulant li a:active { background-color: #5F879D; }
#menuDeroulant .sousMenu li a:link
#menuDeroulant .sousMenu li a:visited
{display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent;}
#menuDeroulant .sousMenu li a:hover
{background-image: none;
background-color: #33FF00;}
#menuDeroulant li:hover > .sousMenu { display: block; }
Si c'est un peu le bordel, c'est normal. Les feuilles de style j'ai essayé de comprendre hier soir donc c'est un peu récent pour moi ^^