.haut {
height: 200px;

float: center;

padding: 5px;
}









.contenu {
width: 100%;

float: center;

padding: 5px;

background-color: #C2FFAF;
}






.gauche {                     
border: 2px groove #0000ff;

width: 17%;

padding: 5px;

float: left;

}



.separe {
width: 1px;

padding: 3px;

float: left;
}



.milieu {
border: 1px dotted #0000ff;
width: 60%;

margin: auto;

float: left;

padding: 5px;

background-color : white;
} 



.droite {                 
border: 2px groove #0000ff;

width: 17%;

float: left;

padding: 5px;

} 




.bas {
                       
border: 2px dotted ;

width: 98%;

padding: 5px;

float: center;

background-color : white;
}












.combats{
 background-color:#C2FFAF;
}



div#galerie
{
  width: 700px ;
  background: #eed ;
  border: 1px solid #dcb ;
  padding: 15px ;
  margin: 2px 3px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

ul#galerie_mini li
{
  float: left ;
}

ul#galerie_mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2.5em/1.5em Georgia, serif ;
  color: #dcb ;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #dcb ;
}



input[type=submit], input[type=reset] {
border:2px outset #A6BEDE;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset #C2FFAF;
background-color:#C2FFAF;
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset green;
background-color:green;
color:black;
}



input {
border:1px solid black;
background-color:#a7d6a7;
font-family:"trebuchet ms",sans-serif;
}



textarea {
border:1px solid black;
background-color:#a7d6a7;
font-family:"trebuchet ms",sans-serif;
}



.Titre {
background-color: #92E489;
padding: 0px;
}
.Contenu {
background-color: #B4FFAC;
padding: 0px;
}



    .Titren {
font-size: 20px;
font-weight: bold;
color: #143E0A;
font-family: verdana;
text-align: center; 
margin-top: 0px;
margin-bottom: 15px;
}

  li {left: -20px; }

ul ul {display: none; position: absolute; left: 144px; top: -1px; margin:0px; padding: 0px; border: 1px solid grey;}
  li {list-style-type: none; position: relative; width: 140px; background-color: #92E489; padding: 2px; margin: 0px}
  li:hover, li.sfhover {background-color: #B4FFAC;}
  li:hover ul.niveau2, li.sfhover ul.niveau2 {display: block}

                                                                



ul ul.niveau5 {display: none; position: absolute; left: 20px; top: 15px; margin:0px; padding: 0px; border: 0px solid grey;}
  li {list-style-type: none; position: relative; width: 100px; background-color: #92E489; padding: 2px; margin: 0px}
  li:hover, li.sfhover {background-color: #B4FFAC;}           
  li:hover ul.niveau5, li.sfhover ul.niveau5 {display: block}