a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #FF6161;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("https://i.servimg.com/u/f37/14/97/46/26/barre_10.jpg");
color: #FFFFFF; #FFFFFF
text-align: center;
display: block;
border-bottom: 5px solid #FF6161;
-moz-border-radius:10px;
}

a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
a:hover{
letter-spacing : 2px; }

a:hover {
text-decoration: none !important;
}

a {
text-shadow: 2px 2px 5px #456C85;
}
a { text-decoration: none; }

tr.post td {padding-left: 20px;}

.bodyline {
border: dashed 1px white;
}


.blur{
background-color: #ccc; /*#456C85*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}

.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
}

.shadow{
background-color: #666; /*#456C85*/
color: inherit;
}

.content{
background-color: #fff; /*#3C5B6E*/
color: #000; /*#456D85*/
border: 1px solid #000; /*#3C5B6E*/
padding: .5em 2ex;
}

.defilement {
overflow: auto;
width: 250px;
height: 30px;
}

.titrefiche {
background-color: #couleur;
color: #couleur;
font-size: 20px;
text-align: center;
}

.question {
font-weight: bold;
border-bottom: 1px solid #couleur;
}


div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal; /*Arial*/
font-size: 10px; /*20*/
color:#FF7575 !important; /*#266B96*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 10px; /* bord arrondis*/
-webkit-border-radius: 10px; /* bord arrondis*/
border-radius: 10px ; /* bord arrondis*/
background-color: #ABE6FF; /*#ABE6FF*/
border: 5px solid #FF7575; /*#ABE6FF*/
width:150px; /*30px*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}

/ Modération /


.corbeille {
background-color: #365a68; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.corbeille {
background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #365a68; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.corbeille {
background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #365a68; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.up {
background-color: #FFE53D; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.up {
background-image: url('http://www1.bestgraph.com/gifs/ecole/interro/interro-13.gif'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #FFD500; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.up {
background-image: url('http://www1.bestgraph.com/gifs/ecole/interro/interro-13.gif'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #FFD500; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.validé {
background-color: #365a68; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.validé {
background-image: url('http://www.monsieurparking.com/images/icones/valide-48x48.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #A2CF83; /*--- Couleur de fond ---*/
border: 1px solid #006E04; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
}
.validé {
background-image: url('http://www.monsieurparking.com/images/icones/valide-48x48.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #A2CF83; /*--- Couleur de fond ---*/
border: 1px solid #006E04; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}


/ TEST MENUE DÉROULANT/

Code:

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
   }
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation dl {
float: left;
width: 12em;
}
#navigation dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ffffff;
border: 1px solid gray;
margin: 1px;
}
#navigation dd {
display: none;
border: 1px solid black;
}
#navigation li {
text-align: center;
background: #fff;
}
#navigation li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
}
#navigation li a:hover, #navigation li a:focus, #navigation dt a:hover, #navigation dt a:focus {
background: #000000;
color:#FFF;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>
<div id="navigation">

<dl>         
<dt onmouseover="javascript:montre('smenu1');">Règlement</dt>
<dd id="smenu1">
<ul>
<li><a href="">Lalalilalilala</a></li>

</ul>

</dd>
</dl>
   
   
<dl>   
<dt onmouseover="javascript:montre('smenu2');">Contexte</dt>
<dd id="smenu2">
<ul>
<li><a href="">Lalalilalilala</a></li>

</ul>
</dd>

</dl>

   

<dl>   
<dt onmouseover="javascript:montre('smenu3');">Présentations</dt>
<dd id="smenu3">
<ul>
<li><a href="">Lalalilalilala</a></li>
</ul>
</dd>
</dl>

   
<dl>   
<dt onmouseover="javascript:montre('smenu4');">Copyright</dt>
<dd id="smenu4">

<ul>
<li><a href="">Menu © Haricoow pour CSSActif</a></li>
</ul>
</dd>
</dl>
   

</div>