/* Général */
body
{
  width: 900px;
  margin: auto;
  background-color: #E7E7D2;
  color : navy;
  margin-top: 20px;
  margin-bottom: 20px; 
}

#en_tete
{
   width: 60px;
   height: 60px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin: auto;
}

#menu
{
	width: 100%;
	color: #FFFFFF;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 1em;
}

#menu_login
{
  width : 20 px;
  border: 2px solid navy;
  background-color: #b0ceff;
  position : relative ;
  TOP : 10 px;
 }

.sous_menu_deroulant
{
    LEFT: 200px;
    POSITION: absolute;
    TOP: 50px;
}

LI, UL, DD, DT, .sous_menu_deroulant DL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

.sous_menu_deroulant DL
{
    FLOAT: left;
    WIDTH: 9em
}

.sous_menu_deroulant DT
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #101010;
    MARGIN: 1px;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    TEXT-ALIGN: center
}

.sous_menu_deroulant DD
{
    BORDER-RIGHT: #2e2e2e 2px solid;
    BORDER-TOP: #2e2e2e 2px solid;
    DISPLAY: none;
    BORDER-LEFT: #2e2e2e 2px solid;
    BORDER-BOTTOM: #2e2e2e 2px solid
}

.sous_menu_deroulant LI
{
    BACKGROUND: #b0ceff;
    TEXT-ALIGN: center;
}

.sous_menu_deroulant LI A
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    DISPLAY: block;
    BORDER-LEFT: 0px;
    COLOR: white;
    BORDER-BOTTOM: 0px;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}

.sous_menu_deroulant DT A
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    DISPLAY: block;
    BORDER-LEFT: 0px;
    COLOR: white;
    BORDER-BOTTOM: 0px;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}

.sous_menu_deroulant LI A:hover
{
    BACKGROUND: #101010;
    COLOR: #c3c2c2;
    TEXT-DECORATION: none

}

.sous_menu_deroulant DT A:hover
{
    BACKGROUND: #101010;
    COLOR: #999999;
    TEXT-DECORATION: none

}


#corps
{
   background-color: #b0ceff;
   margin-left: 20px;    
   margin-bottom: 20px;
   padding: 5px;
   padding-left: 5px;    
   overflow: auto;  
border: 2px solid navy; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
 POSITION: relative;
    TOP: 50px;
}

#pied_de_page
{
    padding: 5px;
    margin : 30 px;
   text-align: center;

     background-color:  #b0ceff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid navy;
    POSITION: relative;
    TOP: 50px;
}



a:hover /*quand on pointe un lien */
{

}

#pied_de_page a, #corps a 
{
 color: red;
}


/* Les autres */

#corps  h1, h2, h3, h4, h5, h6
{
 
}

 .bouh em
{

}

.imageflottante
{
 float: left;
 padding: 5px;
}

.dessous
{
 clear: both;
}
 
#SOAD
 {

 }

strong
{

}

#corps a,#corps a:visited, .chat a:visited
{
 color: rgb(0,149,141);
}

.titre
{

}

.bas_news, .author
{

}

.center, #menu h3
{
}

#membre h4
{

}

.news em
 {

}

.nom
{

}

.nom first-letter
{

}

.majuscule
{
text-transform: capitalize; 
}





