body
{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #c29a70;
}



/* L'en-tête */

#en_tete
{
   border-top: 2px solid black;
   border-left: 2px solid black;
   border-right:  2px solid black;
   width: 800px;
   height: 206px;
   background-image: url("image/banniere.jpg");
   background-repeat: no-repeat;
}

/* Le menu */

#menu
{

margin-left:8px;
   float: left;
   width: 170px;
height:auto;
border: 2px solid black;
background-color:#ce975f;
}
#menu li
{
margin-top:2px;
}

ul a
{
font-size: 18px; /* Titres de 22 pixels */
color: black;
}

ul
{
margin-top : -17px;
}

#menu h3
{
font-size : 20px;
}

td a
{
color: black;
}

h3
{
   text-decoration: underline;
   font-size: 22px; /* Titres de 22 pixels */
 margin-left:15px;
	color: black;
   font-weight: bold;

}

h3 a
{
	color: black;
   font-weight: bold;
}

#etirable
{
background-repeat: repeat-y;
   background-color: #783c2f;
   float: left;
margin:auto;
   width:800px;
   border-left: 2px solid black;
   border-right:  2px solid black;
   }
#texte
{
font-family:georgia, verdana, "Comic Sans MS", Arial, serif;
margin-right:10px;
padding:20px;
   float: right;
   width: 560px;
border: 2px solid black;
background-color:#ce975f;
}

#bascorps
{
   background-color:    #783c2f;
   float: left;
   width: 800px;
    height: 40px;
   border-left: 2px solid black;
   border-right:  2px solid black;
   border-bottom:  2px solid black;

}
p
{
color: #050505;
}
p a
{
color: #050505;
}
table
{
color: black;
padding: 10px;
}

.marge
{
margin: 20px;
 }
#news
{
margin-right:10px;
padding:20px;
   float: right;
   width: 560px;
border: 2px solid black;
background-color:#ce975f;
}

 #news caption /* Titre du tableau */
{
   border: 4px outset #94541F; /* Bordure du tableau avec effet 3D (outset) */
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
color: #050505;
   margin-bottom: 5px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
.titre
{
text-align:center;
}
 #news h3 /* Titre du tableau */
{
text-align: center;
}

 #news table /* Le tableau en lui-même */
{	
width:550px;
   margin: auto; /* Centre le tableau */
   border: 4px outset #94541F; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

 #news th /* Les cellules d'en-tête */
{
   background-color: #006600;
color: #050505;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

 #news td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;

   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
 #news a /* Les cellules normales */
{
   color: none;
}
.cotisation
{
padding:10px;
width:540px;
border: 2px solid black;
}
.pseudo
{
width:100px;
}
.contenu
{
text-align:left;
width:800px;
}

.droite
{
text-align:right;
}
.gauche
{
text-align:left;
}
.centre
{
text-align:center;
}
.info_modif
{
   font-size: 10px; /* Paragraphes de 10 pixels */
}
.titre
{

border-top: 2px outset black;
color:black;
}
#texte caption
{
   border: 4px outset #94541F; /* Bordure du tableau avec effet 3D (outset) */
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
color: #050505;
   margin-bottom: 5px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */}



.intersection    tr
{
   border: 4px solid black #94541F; /* Bordure du tableau avec effet 3D (outset) */

}
.trait
{
margin-left: -20px;
}

.ttpetit
{
font-size:10px;
}
.petit
{
font-size:14px;
}
.moyen
{
font-size:18px;
}
.grand
{
font-size:25px;
}
.enorme
{
font-size:40px;
}
.comicsansms
{
   font-family: "Comic Sans Ms", georgia, Times, "Times New Roman", serif;

}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

.arial
{
   font-family:Arial, Georgia, Times, "Times New Roman", serif;

}
.verdana
{
   font-family:Verdana, Georgia, "Times New Roman", Georgia, Times, "Times New Roman", serif;

}
.serif
{
   font-family:Serif, Georgia, Times, "Times New Roman", serif;

}
.georgia
{
   font-family: Georgia, Times, "Times New Roman", serif;

}
.bangkok
{
   font-family: Bangkok, "Comic Sans Ms", Georgia, Times, "Times New Roman", serif;

}
.arialblack
{
   font-family: "Arial Black", "Comic Sans Ms", Georgia, Times, "Times New Roman", serif;

}
.georgia
{
   font-family: Georgia,"Comic Sans Ms", Times, "Times New Roman", serif;
}
.timesnewroman
{
   font-family: "Times New Roman",Georgia,"Comic Sans Ms", Times, "Times New Roman", serif;
}
blockquote
{
padding: 5px;
text-align:center;
border: 1px dashed black;
}