body {
   background-color:#F4F4F4; /*Couleur de fond de la page Web*/
   font-family: "trebuchet MS";
   font-size:12px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   }
   
div#contenu {
background-color:#f4f4f4;
   width:950px; /*Largeur du design*/
   margin:0 auto 0 -475px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:absolute;
   left:50%;/*50% de marge ( cela centrera le design )*/
   }
   
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:black; text-decoration:none;}/*Paramètres des liens*/
a:hover { color:black; text-decoration:underline; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0;font-size:16px; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { border:0; }/*Aucune bordure sur les <img>*/ 

div.menu_gauche {
   float:left;
   width:170px;
} 

.menu_fond{
   background-image:url('images/menu.gif') ;
	background-repeat:repeat-y;
}

.menu_haut{
   background-image:url('images/menu_haut.gif') ;
   width:170px;
   height:34px;


}

.texte_fond{
   background-image:url('images/texte.gif') ;
	background-repeat:repeat-y;
}

.titre-menu{
	color:white;
	font-weight:bold;
	padding-top:14px;
	text-align:center;
}

.texte_haut{
   background-image:url('images/texte_haut.gif') ;
   width:767px;
   height:81px;
}

.texte_bas{
   background-image:url('images/texte_bas.gif') ;
   width:757px;
   height:132px;
}

.texte_bas p {
position:absolute;
font-weight:bold;
margin-left:710px;
margin-top:110px;
}

.texte_haut p{
font-weight:bold;
color:red;
font-size:16px;
padding-top:35px;
padding-left:20px;
}

.menus {
	padding-left:10px;
	padding-top:5px;
}

.texte_contenu{
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

div#texte {
	float:left;
	width:757px;
}

div#header {
   background-image:url('images/header.gif') ;
   width:950px;
   height:251px;
}

div#footer {
   background-image:url('images/footer.gif') ;
   width:950px;
   height:49px;
}

#pub{
position:absolute;
margin-top:150px;
margin-left:217px;
}

#carre{
overflow:hidden;
height:90px;
width:170px;
position:absolute;
margin-top:150px;
margin-left:5px;
color:white;
font-size:13px;
font-weight:bold;
}

#carre a{
color:white;
font-size:13px;
font-weight:bold;
}

#XitiStats{
	padding-left: 250px;
	padding-top: 20px;
}

/* Test CSS tableau*/
.pair{
	background-color: red;
}
.impair{
	background-color: #F7F7F7;
}

.tableau_border{
	border: 1px solid #F3C5CA;
}
.tableau_border a{
	color: red;
	font-size: 13px;
	font-weight: bold;
}

.tableau_border td{
	border: 1px solid #F3C5CA;
}

table .blanc_sur_tableau{
	background-color: #F3C5CA;
	color:white;
	font-size:13px;
	font-weight:bold;
}

input, textarea{
	background-color: #F3C5CA;
	color: #C10E0E;
	border: 0px;
	font-size: 13px;
	font-weight: bold;
}