body{
font:12px Arial, Verdana, Helvetica, sans-serif;
background-color:#f9f9f9;
padding:0;
margin:0;
}
/*Effet sur les couleurs , la police des messages et du formulaire */
table {
background-color:#d8d9db;
font-size:11px;
}
/*Effet sur les champs du formulaire */
input,select,textarea {
font:11px Verdana, Arial, Helvetica, sans-serif; 
border:1px solid #0099cb;
}
/*Effet sur la taille du textarea du centre la page  */
textarea {
font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width:400px;
height:120px;
text-align:justify;
}
/*Effet sur la  banniere du haut */
#bandeau{
background:url(../images/blog-orium.gif) no-repeat;
height:144px;
}
/*Effet sur le gif annimée de la  banniere du haut */
.logo {
margin:12px 10px 0;
}
/*Effet sur le contenu de la page  */
#contenu {
background-color:#FFF;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;
border:1px solid #254561;
}
/*Effet sur le prenom du posteur Ex: Posté par : Bruno   */
.bold {
font-weight:bolder;
font-size:12px;
color:#000;
}
/*Cadre des commentaire posté par l'administrateur */
.cadre {
background-color:#d8d9db;
border:0px solid #0099cb;
}
/*Date des post de l'administrateur */
.date {
font:10px Trebuchet MS;
text-align:right;
background-repeat:repeat;
padding:2px;
margin:0;
padding-right:20px;
}
/*Effet sur le titres des posts de l'administrateur */
.titre {
font-weight:bold;
font-size:20px;
margin:0%;
}
/*Effet sur le sous titres des posts de l'administrateur */
.sous_titre {
font-size:10px;
}
/*Effet sur le texte des posts de l'administrateur */
.message {
text-align:justify;
padding:10px;
}
/*Effet sur les textes de l'administrateur*/
.cadre {
padding:5px;
}
/*Effet sur les liens du bas de la page Ex: Page 1 2 3 4 etc...*/
.num_page {
margin:30px 280px 30px;
}
/*Effet de separation entre les posts et les commentaires */
.separation{
background:url(../images/separation.gif);
height:2px;
}
/*Effet sur les liens des commentaires du centre de la page*/
a {
color:#4682B4;
text-decoration:underline;
font-size:12px;
padding:0%;
margin:0%;
}
a:hover {
color: #386790;
text-decoration: none;
}
a.lien {
text-decoration: none;
}
li {
list-style:none;
list-style-image:none;
}
li.commentaire {
list-style:none;
list-style-image:none;
border-bottom: none;
}
#gauche ul li{
border-bottom:1px solid #FFF;
margin:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
}
#gauche ul{
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}
li a.lien {
color:#666;
background-color:transparent;
margin-left:0px;
padding-left:5px;
display:block;
text-decoration:none;
border-bottom:1px solid #FFF;
}
li a.lien:hover {
color:#000;
background-color:#E6E6FA;
}
/*Effet sur les liens du menu gauche */
a.lien_b{
margin:0 5px 0;
text-decoration:underline;
font:12px Arial, Verdana, Helvetica, sans-herif;
color:#FFF;
}
a.lien_b:link  a.lien_b:visited  a.lien_b:active{
text-decoration:underline;
color:#FFF;
}
a.lien_b:hover{
text-decoration:none;
color:#FFF;
}