* {
  font-family : "Beatstream Vera Sans Mono",serif,Arial, Helvetica, sans-serif;
  font-size : 12px;
}


body {
  background-color: #88afe9;  /*couleur de fond */
  /*background-image: url(images/fond1.gif);  image de fond */
  margin:0; /* suppression de toutes les marges */
  padding:0;
}

a img {
  border: 0;
}

input{
  border:1px solid black;
  background-color: #eeeeff;
  border-color: #62c2ff;
  color:blue;
  vertical-align: middle;
}

textarea{
  border:1px solid black;
  background-color: #ccccff;
  border-color: #62c2ff;
  color:blue;
  vertical-align: middle;
  width: 585px;
  padding: 20px;
}

input.bouton{
  margin: 0px;
  /*background-color: none;*/
  /*border-color: none;*/
  border: none;
}

li.bleu {
  list-style-image: url('images/b_bleu.gif');
}
li.rouge {
  list-style-image: url('images/b_rouge.gif');
}
li.vert {
  list-style-image: url('images/b_vert.gif');
}


/*=========================== ARGUMENTS GENERAUX =================================*/
.center {
  text-align: center;
}


/*================================= CONTENEUR =====================================*/
/* c'est a dire le div qui contient les autres */
#conteneur{		
  width:1000px;
  margin: auto;
  margin-top: 40px;
  /* definition du cadre*/
  border-style:solid; 
  border-width:1px; 
  border-color: blue;
  background-color: #e9f6f8;
}




/*=================================== TITRE ======================================*/
/* la barre de titre du site */
#titre{
  font-family: Verdana;
  text-align: left;
  height: 222px;
  background-color: #e9f6f8;
}

#titre h1{
  font-size: 36px;
  background: blue;
  color: white;
  margin: 0;
}

#titre p{
  font-weight: bold;
  color: #ffffff;
  margin: 0;
}

/*===================================  HAUT ======================================*/
/* on y calera le menu du haut */
#haut{
  height: 20px;
  margin-left: 200px;
}

/*================================ MENU HAUT =====================================*/
#menuh a{
  list-style-type: none;
  font-size: 12px;
  text-decoration: none;
  padding: 0px;
}



/*===================================MENU GAUCHE===================================*/
/* menu de gauche - lien vers forums */
#menu {
  /*border-style: solid;
  border-color: blue;
  background-color: white;
  border-width: 1px;*/
  width:210px;
  padding: 0px; 
  margin: 10px;
  margin-top: 40px;
  padding: 0px; 
  float: left;

}

#menu h1 {
  color : #111111;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  /*background-color: none;*/
}

#menu li span {
  color: #ff0000;
  font-size: 11px;
}
#menu li a {
  color: #0000cc;
  text-decoration: none;
  font-size: 11px;
}
#menu li a:hover {
  font-weight: bold;
}

#menu a{
  text-decoration: none;
}

#menu p.al{
  text-align: center;
}

#menu p.o1 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

#menu hr {
  height: 3px;
  width: 150px;
  color: blue;
  background-color: blue;
}

#menu h3 {
  color: #777777;
  font-size: 8px;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
}

#menu h4 {
  color: #777777;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
}

#menu input{
  margin-left: 30px;
}

#menu input.boutonok{
  margin: 0px;
  /*background-color: none;*/
  border: none;
}


/*====================================LIENS========================================*/
/* colone de droite */
#liens {
  /*background-color: #dddddd;*/
  margin-top: 40px;
  text-align:center;
  width:150px;
  float: right;
}

/*====================================CONTENU======================================*/
/* partie centrale du site */
#contenu {
  margin-left: 225px;
  margin-right: 150px;
}

#contenu h1{
  background-color: #62c2ff;
  font-size: 30px;
  color: white;
  margin: 20px;
}

#contenu h2{
  font-size: 14px;
  color: #333344;
  margin-bottom: 5px;
  padding-left: 20px;
}

#contenu h2 a{
  font-size: 20px;
  color: #666666;
  text-decoration: none;
}

#contenu a.titre{
  font-size: 15px;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

#contenu a.lien{
  font-size: 12px;
  color: #0000ff;
  text-decoration: none;
  font-weight: bold;
}

#contenu p{		/* mise en forme affichage paragraphe standard */
  font-size: 12px;
  color: #000;
  margin: 0;
  padding-left: 20px;
}

#contenu p.cl1{		/* propriétaire du post foraff1 et News*/
  font-size: 11px;
  color: blue;
  margin: 0;
}

#contenu p.cl1b{	/* nb de posts -> foraff1 et News */
  font-size: 11px;
  color: green;
  margin: 0;
}

#contenu p.cl2{		/* post entoure par une bordure */
  font-size: 12px;
  color: black;
  margin: 20px;
  border-style: solid;
  padding: 20px;
  border-width: 1px;
  border-color: #62c2ff;
  background-color: #eeeeff;
  
}

#contenu p.cl2 span{		/* citation */
  color: #2244ee;
}

#contenu p.cl3{		/* mise en forme affichage propriétaire du post */
  font-size: 12px;
  color: black;
  margin: 20px;
  vertical-align: middle;
  border-style: solid;
  padding: 20px;
  border-width: 1px;
  border-color: #62c2ff;
  background-color: #ade7bc;
  
}

#contenu p.cl4{		/* mise en forme des textes du message */
  font-size: 12px;
  color: black;
  margin: 12px;
}

#contenu input{
  margin-left: 15px;
}

#contenu hr {
  height: 1px;
  margin: 10px;
}

/*====================================PIED DE PAGE======================================*/
/* pied de page du site */
#pied {
  clear: both;
  font-size: 10px;
  text-align: right;
  height: 30px;
  padding-right: 5px;
  margin-bottom: 0px;
}