body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
margin: 20px 0;
padding: 0;
background: url(img/bg.png);
}

	/* Le cadre général : pas touche sinon tout cassé */
#conteneur {
position: relative;
width: 950px;
margin: 0 auto;
}

	/* Bah, le header */
#header {
border: 1px solid black;
height: 100px;
background: url(img/header.jpg) no-repeat #0080c1;
padding-left: 290px;
color: #fff;
font-size: 1.2em;}
	#header ul {float: left; margin-top: 6px; width: 100px; list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}
	#header a {color: #ccc; text-decoration: none;}
	#header a:hover {color: #fff; font-weight: bold;}
	#banner {font-size: 0.8em; text-align: center; float: right; width: 475px; margin-top: 10px; padding-right: 20px;}

	/* Içi le contenu "réel" du site, tout ce qui se trouve
	au centre SAUF ce qui est sur la partie haute */
#centre {
border: 1px solid black;
margin-top: 10px;
background: white;
margin-left: 200px;}
	#centre ul {list-style: none;}
	#centre a {color: #0080c1; text-decoration: none;}
	#centre a:hover {text-decoration: underline;}

	/* Là c'est encore le centre, PARTIE HAUTE cette fois */
#haut {
height: 200px;
padding: 1em 1em 1em 0;
}

	/* Le petit carré de la partie haute */
#bloc {
float:right;
width:320px;
height:210px;
background-color:#d5f1ff;
border: 1px solid #ccc;
overflow: auto;
}

	/* Le grand menu de gauche */
#gauche {
border: 1px solid black;
margin-top: 10px;
position: absolute;
left:0;
width: 180px;
background: #d5f1ff;
font-size: 1.2em;}

		/* Le petit paragraphe en haut du menu */
	.edito{ text-align:justify; font-size: 0.8em;}
	#gauche a {color: #666; text-decoration: none;}
	#gauche a:hover {color: #000;}
	#gauche ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}

	/* La barre du copyright */
#pied {
text-align: center;
padding: 5px;
display: both;
border-top: 1px solid #ccc;
margin-top: 10px;
height: 20px;
background-color: #d5f1ff;
}

#center {
text-align: center;
}

#droite {
text-align: right;
}

#alert {
text-align: center;
color: #EE0000;
text-decoration: none;
font-size: 1.2em;
padding: 5px;
}

fieldset {
padding: 12px;
margin: 10px;
}

p {margin: 0 0 0px 0; padding: 1em;}

img {border: 0;}

code {
display: block;
color: #777;
border-left: 3px solid #666;
margin: 10px 15px;
padding: 5px;
font-size: 1.8em;
}

code:hover {border-left-color: #0080c1;}


#redirect {
border: 1px solid black;
margin-top: 12px;
background: white;
margin: auto;
width: 520px;
}


#moitie {
  float: left;
  width: 40%;
  margin-left: 28px;
  font-size: 1.3em;
}
#block {
display: block;
}
.categories {
  float: left;
  width: 25%;
  margin: 1em 0;
  padding-left: 25px;
  font-weight: bold;
  font-size: 1.3em;
}
.global_cat {
display: block;
}
.fin_clear{
clear: both;
}

.float_right {
float: right;
}
.float_left {
float: left;
}
.puce_cat {
  display:list-item; 
  list-style-type: square; 
  list-style-position:inside;
}
 /*
.puce_cat:hover {
  color: #0080C1;
} */

.mini {
  font-size: 0.7em;
}

table {
margin: 5px 10px 5px 10px;
width: 97%;
text-align: center;
}
th {
background: #CCC;
}
td {
background: #DDD;
}
.tableau_site {
padding: 3px;
}

 /* Affichage des Site */
#affiche_site2  {
margin: 10px;
padding: 8px;
display: block;
height: 145px;
}
#affiche_site img {
float: left;
margin-right: 8px;
display: both;
}


#affiche_site  {
margin: 10px;
padding: 8px;
display: block;
height: 145px;
border: 1px solid #ccc;
}
#affiche_site2 img {
float: left;
margin-right: 8px;
display: both;
}
/* Fin affichage des Sites */

/* Affichage des Commentaires */
#affiche_coms  {
margin: 10px;
padding: 8px;
display: both;
border: 1px solid #ccc;
width: 520px;
margin: auto;
margin-top: 15px;
}
#affiche_coms:hover {
background: #EFEFEF;
}

#center_categorie {
text-align: center;
font-weight: bold;
font-size: 1.3em;
}

	/* Les cadres arrondis. Si tu veux changer la largeur, c'est en première
	ligne que ça se passe. La hauteur est adaptée automatiquement au contenu */
.roundedcornr_box_840684 {background: #d5f1ff; width: 600px;}
.roundedcornr_top_840684 div {background: url(img/roundedcornr_840684_tl.png) no-repeat top left;position: block;}
.roundedcornr_top_840684 {background: url(img/roundedcornr_840684_tr.png) no-repeat top right;position: block;}
.roundedcornr_bottom_840684 div {background: url(img/roundedcornr_840684_bl.png) no-repeat bottom left;position: block;}
.roundedcornr_bottom_840684 {background: url(img/roundedcornr_840684_br.png) no-repeat bottom right;position: block;}
.roundedcornr_top_840684 div, .roundedcornr_top_840684, 
.roundedcornr_bottom_840684 div, .roundedcornr_bottom_840684 {width: 100%;height: 20px;font-size: 1px;}
.roundedcornr_content_840684 { margin: 0 20px; text-align: justify;}

	/* Les titres du contenu de la page */
h2 {position: relative; padding-left: 5px; width: 200px; font-size: 1.5em; color: #555; border-bottom: 2px solid #0080c1;}

	/* Les titres du menu gauche */
h3 {padding-left: 10px; font-size: 1.5em; color: #555; background: url(img/titremenu.jpg); border-left: 3px solid black; border-top: 1px solid black; border-bottom: 1px solid black;}