body
{
   width: 900px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;
   background-color: #ffffff;
}
#en_tete
{
	width: 900px;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f6f6f6;
	margin-bottom: 5px;
	color: #33addb;
	font-size: 15px;
	font-weight: bold;
	font-family: "Arial", serif;
}
h4
{
	color: #33addb;
}
#en_tete h2
{
	font-size: 27px;
	position: relative;
	bottom: 10px;
	text-align: center;
}
#menu
{
	width: 640px;
	height: 20px;
	float: left;
	padding-left: 0px;
	margin-bottom: 20px;
}
.element_menu
{
	margin-bottom: 20px;
	background-color: #f6f6f6;
	padding: 7px;
	padding-left: 15px;	
}
.element_menu a
{
	color: #33addb;
	text-decoration: none;
	margin-right: 7px;
	font-weight: bold;
	font-family: "Arial", serif;
	font-size: 13px;
}
.element_menu a:hover
{
	background-color: #33addb;
	color: white;
	padding: 3px;
	font-family: "Arial", serif;
	font-size: 13px;
}	
#corps
{
	padding: 10px;
	background-color: #f6f6f6;
	width: 620px;
	float: left;
}
#corps h3
{
	color: #33addb;
	font-size: 14px;
	font-family: "Arial", serif;
}
#corps h2
{
	color: #33addb;
	font-size: 18px;
	font-family: "Arial", serif;
}
#corps p
{
	color: black;
}
#pied_de_page
{
	text-align: center;
	margin-top: 7px;
	background-color: #f6f6f6;
	color: #33addb;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 900px;
	margin-bottom: 20px;
	float: right;
}
#pied_de_page p
{
	margin-top: 4px;
	margin-bottom: 4px;
}
.final_fantasy
{
	margin-bottom: 60px;
}
a img
{
	border: none;
}
.ff8:hover
{
	text-decoration: none;
	color: white;
	background-color: #33addb;
	padding: 3px;
}
.ff8
{
	color: black;
	text-decoration: none;
}
.element_menu a img:hover
{
	border: 3px outset black;
}
.element_menu h3
{
	font-size: 21px;
	color: blue;
	margin-left: 7px;
	text-decoration: underline;
}
.billet1 p
{
}
.ff8:visited
{
	color: red;
}
#site
{
	background-color: #f6f6f6;
	width: 230px;
	padding: 7px;
	float: right;
	color: #7e7e7e;
}
#site h3
{
	font-size: 16px;
	font-family: "arial", serif;
}
.ff1
{
	color: #33addb;
}
.titre
{
	background-color: #33addb;
	padding-bottom: 1px;

}
.titre h3
{
	font-size: 20px;
	font-family: "arial", serif;
}
.titre h3
{
	font-size: 17px;
	color: white;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.grosse_news img
{
	float : left;
	margin-right: 10px;
}
.grosse_news h4
{
	text-align: center;
}
.grosse_news
{
	padding: 10px;
	border: 1px solid #33addb;
	margin-bottom: 30px;
}
.billet1
{
	padding: 10px;
	border: 1px solid #33addb;
	margin-bottom: 30px;
}
.grosse_news span
{
	color: red;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-family: "Comic Sans MS", serif;
	font-size: 13px;
}
.lien
{
	text-align: center;
	color: red;
	font-family: "Comic Sans MS", serif;
	font-size: 14px;
}
.lien2
{
	color: #33addb;
	font-family: "Comic Sans MS", serif;
	font-size: 13px;
}
.grosse_news a:hover
{
	color: white;
	padding: 3px;
	background-color: #7adbbb;
}
.tuto1
{
	border: 1px solid #33addb;
	padding: 15px;	
}
.tuto1 a:hover
{
	background-color: #7adbbb;
	padding: 4px;
	font-family: "Comic Sans MS", serif;
	color: white;	
}
.tuto1 a
{
	color: red;
	font-family: "Comic Sans MS", serif;
	font-size: 15px;
}
.tuto1 ol
{
	color: #33addb;
	font-size: 16px;
	font-family: "Comic Sans MS", serif;
}
.tuto1 h4
{
	color: #33addb;
	font-size: 16px;
	font-family: "Comic Sans MS", serif;
}
.img1
{
	float: right;
	border: none;
	margin: 5px;
}
img
{
	border: none;
}
.img2
{
	float: left;
	border: none;
	margin: 5px;
}
.image
{
	float: left;
	border: none;
	margin: 7px;
}
.news1
{
	border: 1px #33adbb solid;
	margin-bottom: 10px;
	padding: 10px;
	height: 250px;
}
.news1 a
{
	color: red;
	font-family: "Verdana", serif;
	font-size: 15px;
}
.news1 a:hover
{
	background-color: #7addbb;
	color: white;
	padding: 3px;
}
.news1 img
{
	float: left;
	margin: 5px;
}
.news2
{
	padding: 10px;
	border: 1px solid #33addb;
	margin-bottom: 30px;
}
#quake_tuto
{
	border: 1px solid #7adbbb;
	padding: 10px;
	margin-bottom: 20px;
}
#quake_tuto a
{
	color: red;
	font-size: 13px;
	font-family: "Arial", serif;
}
#quake_tuto a:hover
{
	background-color: #7adbbb;
	padding: 3px;
	color: white;
}
#quake_tuto ol
{
	color: #33addb;
	font-size: 16px;
	font-family: "Comic Sans MS", serif;
}
#pli
{
	color: red;
	font-size: 13px;
	font-family: "Arial", serif;
}
.news2 a
{
	color: red;
	font-size: 13px;
	font-family: "Arial", serif;
}
.news2 a:hover
{
	background-color: #7adbbb;
	padding: 3px;
	color: white;
}
#poster_message
{
	width: 320px;
	float: left;
}
#minichat
{
	float: right;
	width: 260px;
	padding: 7px;
	background-color: #7adbbb;
	border: 1px solid #7adbbb;
}
#minichat p
{
	color: black;
}
input:hover, textarea:hover
{
	background-color: #7adbbb;
}
input:focus, textarea:focus
{
	background-color: #7adbbb;
	font-size: 13px;
}
em
{
	font-size: 12px;
	background-color: #33addb;
}
table
{
	border-collapse: collapse;
}
td
{
	border: 1px solid green;
	text-align: center;
	padding: 3px;
}
#tuto_ffcc
{
	border: 1px solid #7adbbb;
	padding: 10px;
	margin-bottom: 20px;
}
#tuto_ffcc ol
{
	color: #33addb;
	font-size: 16px;
	font-family: "Comic Sans MS", serif;
}
#tuto_ffcc a
{
	color: red;
	font-size: 13px;
	font-family: "Arial", serif;
}
#tuto_ffcc a:hover
{
	background-color: #7adbbb;
	padding: 2px;
	color: white;
}
#tuto_ffcc img
{
	float: left;
	margin-right: 5px;
}
.ouais
{
	margin-bottom: 140px;
}
#bas
{
	float: left;
}
#astuce_ds
{
	border: 1px solid #7adbbb;
	padding: 10px;
	margin-bottom: 20px;
}
#astuce_ds img
{
	margin-right: 5px;
	float: left;
}
.billet1 img
{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.rec
{
	float: left;
}
.carre
{
	float: left;
	width: 620px;
	height: 30px;
	background-color: #e9f6f6;
	margin-bottom: 7px;
	padding-top: 5px;
	border: 1px solid #3adbbb;
}
.carre h3
{
	text-align: center;
	MARGIN: auto;
}
.billet1
{
	float: left;
	border: 1px solid #3adbbb;
	padding: 10px;
	margin-bottom: 10px;
}