/*---------------------*/
/*  Structure  */
/*---------------------*/

body
{
 background-color: #efefef;
 font-size: 10px;
 font-family: verdana;
}

#tout
{
 width: 75%;
 margin: auto; 
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 background-color: white;
 padding: 5px;
}

#en_tete
{
 height: 120px; 
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 background-image: url("banniere.jpg");
 background-repeat: no-repeat;
}

#barremenu
{
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 border-top: 0px;
 padding-bottom: 2px;
 padding-left: 2px;
 padding-right: 2px;
 color: #5f889d;
}

#barremenu a
{
 color: #5f889d;
 text-decoration: none;
}

#barremenu a:hover
{
 text-decoration: underline;
}

#gauche
{
 width: 19%;
 float: left;
 text-align: left;
}

#droit
{
 width: 78%;
 float: right;
 text-align: right;
}

.clear
{
 clear: both;
}

#global
{
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 border-top: 0px;
 width: 74%;
 background-position: left;
}

#menu
{
 float: left;
 width: 19%;
 padding-bottom: 5px;
}

#menu a
{
 display: block;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 padding-bottom: 2px;
 padding-left: 10px;
 color: #b5b5b5;
 background-color: #efefef;
 text-decoration: none;
}

#menu a:hover
{
 background-color: #5f889d;
 color: #ffffff;
}

.rubrique
{
 margin-top: 5px;
 margin-left: 5px;
 margin-right: 5px;
 padding-bottom: 2px;
 padding-left: 10px;
 color: #5f889d;
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
}

#corps
{
 float: center;
 width: 78%;
 padding: 10px;
 text-align: left;
}

#pied_de_page
{
 border-style: solid;
 border-width: 1px;
 width: 75%;
 border-color: #b5b5b5;
 margin-top: 5px;
 text-align: center;
 padding-bottom: 2px;
 color: #5f889d;
 background-color: #f5f5f5;
}

/*---------------------*/
/*  Généralités  */
/*---------------------*/

a
{
 color: #5f889d;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline;
}

h2
{
 font-family: "Trebuchet MS";
 font-size: 16px;
 font-weight: bold;
 color: #5f889d;
}

.titre
{
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 padding-bottom: 2px;
 padding-left: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #5f889d;
 background-color: #f5f5f5;
}

.titre1
{
 border-style: solid;
 border-width: 1px;
 border-bottom: none;
 border-color: #b5b5b5;
 padding-bottom: 2px;
 padding-left: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #5f889d;
 background-color: #ffffff;
}
.titre2
{
 border-style: solid;
 border: 0px;
 border-bottom: 1px;
 border-color: #b5b5b5;
 padding-bottom: 2px;
 padding-left: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #5f889d;
 background-color: #ffffff;
}

.blanc
{
 font-size: 10px;
}

.gris
{
 background-color: #f5f5f5;
 font-size: 10px;
}

.normal
{
 font-size: 12px;
}

.date_pseudo
{
 float: right;
 font-size: 10px;
 color: #5f889d;
}

.texte
{
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 border-top: 0px;
 padding: 5px;
}

.texte_droite
{
 float: right;
 width: 80%;
 padding: 10px;
 background-color: #f5f5f5;
 border-style: dashed;
 border-width: 1px;
 border-color: #b5b5b5;
}

.avatar
{
 float: left;
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 margin: 10px;
}

.coms
{
 text-align: center;
}

.news
{
 margin-top: 10px;
}

img
{
 border: 0px;
}

input
{
 color: #5f889d;
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 background-color: #ffffff;
 font-family: verdana;
 font-size: 11px;
}

input.radio
{
   border: none;
}

button.mini
{
 font-family: verdana;
 font-size: 8px;
}

textarea
{
 color: #5f889d;
 border-style: solid;
 border-width: 1px;
 border-color: #b5b5b5;
 background-color: #ffffff;
 font-family: verdana;
 font-size: 11px;
}