body
{
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #5f1007;
   background-image: url("images/sims3-noel.png");
   background-attachment: fixed;
}

/* L'en-tête */

#en_tete
{
   width: 1000px;
   height: 150px;
   background-image: url("images/sims3mechanics-noel.png");
   background-position : center;
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu */

#menu
{
   float: left;
   width: 190px;
   margin-left: -1000px;

}

#menu h3
{
   color: #c7b111;
   text-align: center;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
}

#menu li a
{
   color : #c7b111;
   text-decoration: none;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding-left : 2px;
   padding-right : 2px;
   border-left: 2px solid #195006;
   border-right: 2px solid #195006;
   font-size: small;
   font-weight: bold;
}

#menu li a:hover
{
   color: #195006;
   border-left: 2px solid #8f1a0c;
   border-right: 2px solid #8f1a0c;
   background-color: #c7b111;
}

#menu ul
{
   padding-left: 30px;
   padding-right: 10px;
   margin-bottom: 10px;
}

.element_menu
{
   background-color: #195006;
   border-left: 5px solid #8f1a0c;
   border-top: 5px solid #80170b;
   border-right: 5px solid #73150a;
   border-bottom: 5px solid #671309;
   margin-bottom: 20px;
}

/* Le corps */

.flotante
{
	float: left;
	border: 5px solid #c7b111;
	margin-right: 10px;
}

.stop
{
	clear: left;
}

#corps
{
	float: left;
	width: 790px;
	margin-left: 200px;
	padding: 10px 0px;
	background-color: #30621f;
   border-left: 5px solid #8f1a0c;
   border-top: 5px solid #80170b;
   border-right: 5px solid #73150a;
   border-bottom: 5px solid #671309;
	color: #c7b111;
}

#corps a
{
	font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
	padding-left : 2px;
	padding-right : 2px;
	border-left: 2px solid #30621f;
	border-right: 2px solid #30621f;
	color: #c7b111;
}

#corps a:hover
{
	border-left: 2px solid #8f1a0c;
	border-right: 2px solid #8f1a0c;
	background-color: #195006;
}

#corps .annonce
{
	color: #912be0;
	background-color: #a2e4bd;
	padding: 2px;
	border: 2px solid #5fd48f;
	
}

.tab
{
   width: 100px;
}

#corps .quote
{
   margin-left: 50px;
   margin-right: 50px;
}

#corps  div.quote > p
{
margin-left: 0px;
margin-right: 0px;
}

#corps .quotev
{
   border-left: 5px solid #8f1a0c;
   border-top: 5px solid #80170b;
   border-right: 5px solid #73150a;
   border-bottom: 5px solid #671309;
   background-color: #5f1007;
   width: 550px;
   margin: auto;
   padding: 10px;
   font-size: small;
   font-weight: bold;
}

#corps  div.quotev > p
{
margin-left: 0px;
margin-right: 0px;
}

#corps .img img
{
   border-left: 5px solid #8f1a0c;
   border-top: 5px solid #80170b;
   border-right: 5px solid #73150a;
   border-bottom: 5px solid #671309;

}

#corps h1
{
   color: #c7b111;
   text-align: center;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;

   font-weight: bold;
}

#corps .cadre
{
   border: 1px solid #c7b111;
   background-color: #195006;
   padding: 10px;
}

#corps h2
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-decoration: underline;
   padding-left: 10px;
}

#corps h3
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   padding-left: 10px;
}

#corps h4
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-decoration: underline;
   padding-left: 10px;
}

.tableau table
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   margin: auto;
   border: 2px solid #5f1007;
   border-collapse: collapse;
   font-size: small;
   width: 750px;
}

.tableau th
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding: 5px;
   border: 1px solid #5f1007;
   border-bottom: 2px solid #5f1007;
   text-align: center;
   font-weight: bold;
   background-color: #195006;
}

.tableau td
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding: 5px;
   border: 1px solid #5f1007;
   text-align: center;
}

.tableau2 table
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   margin: auto;
   font-size: small;
   text-align: center;
   width: 350px;
}

.slt
{
	width: 250px;
}

.slt2
{
	color: #912be0;
	background-color: #a2e4bd;
	padding: 2px;
	border: 2px solid #5fd48f;
	line-height: 200%;
}

.slt3
{
	color: #d253d6;
	background-color: #a2e4bd;
	padding: 2px;
	border: 2px solid #5fd48f;
	line-height: 200%;
}

#corps .statut
{
	width: 100px;
}

.jnt
{
   color: #195006;
}

.jdm
{
   color: #5f1166;
}

.par
{
   font-size: x-small;
}

.par2
{
   font-size: small;
}

.cesure
{
	white-space: nowrap;
}

#corps .menuh
{
   text-align: center;
   line-height: 300%;
}

#corps .menuh a
{
   font-size: x-large;
   color: #30621f;
   background-color: #c7b111;
   padding: 5px;
   text-decoration: none;
   border: 1px solid #8f1a0c;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
}

#corps .menuh a:hover
{
   color: #c7b111;
   background-color: #195006;
}

#corps .menun
{
   text-align: center;
   line-height: 220%;
}

#corps .menun a
{
   font-size: small;
   font-weight: bold;
   color: #30621f;
   background-color: #c7b111;
   padding: 5px;
   text-decoration: none;
   border: 1px solid #8f1a0c;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
}

#corps .menun a:hover
{
   color: #c7b111;
   background-color: #195006;
}

#corps .titrem
{
   text-align: center;
   font-size: small;
   font-weight: bold;
}

#corps .top
{
   text-align: right;
}

#corps .top a
{
   font-size: small;
   color: #30621f;
   background-color: #c7b111;
   border-left: 2px solid #c7b111;
   border-right: 2px solid #c7b111;
   padding: 2px;
   text-decoration: none;
   font-weight: bold;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
}

#corps .top a:hover
{
   border-left: 2px solid #8f1a0c;
   border-right: 2px solid #8f1a0c;
}

#corps ul
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding-left: 50px;
   padding-right: 10px;
   text-align: justify;
}

#corps ol
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding-left: 50px;
   padding-right: 10px;
   text-align: justify;
}

#corps p
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   margin: 10px; 
   text-align: justify;
}

#corps .img
{
   text-align: center;
}

#corps .img2
{
   text-align: center;
}

/* Pied de page */

#pied_de_page
{
   width: 970px;
   background-color: #195006;
   border-left: 5px solid #8f1a0c;
   border-top: 5px solid #80170b;
   border-right: 5px solid #73150a;
   border-bottom: 5px solid #671309;
   margin-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;
}
#pied_de_page p
{
   color: #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   font-size: small;
   font-weight: bold;
}

.pied_de_page a
{
   color : #c7b111;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   padding-left: 2px;
   padding-right: 2px;
   border-left: 2px solid #195006;
   border-right: 2px solid #195006;
   font-size: small;
   font-weight: bold;
   text-decoration: underline;
}

.pied_de_page a:hover
{
   background-color: #30621f;
   border-left: 2px solid #8f1a0c;
   border-right: 2px solid #8f1a0c;
}

.partenaires
{
	text-align: center;
}

.partenaires a img
{
	border-width: 0;
}

#pub
{
	text-align: center;
}

#pub a img
{
	border-width: 0;
}


* html #corps
{
	display: inline;
}

#wrapper
{
	width: 1000px;
	padding: 10px 0px;
	display: inline-block;
}

#wrapper:after
{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#page
{
	width: 1000px;
	margin: auto;
}