@charset "ISO-8859-1";
/* CSS Document */

body, div, ul, h1, h2, img, form, fieldset{
	padding:0;
	border:0;
	background-repeat: repeat-x;
	background-color: #000100;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
a {
	outline: none;
}
h1 {
	color:#999;
	font-size: 16px;
}
h2 {
	color:#FFF;
}
ul {
	color:#666;
	list-style:none;
	font-size: 12px;
}
/* ---------------------------------------- */
/* Conteneur                                */
/* ---------------------------------------- */
.conteneur {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
	overflow:hidden;
}
.header {
}
.header h1 {
	color: #999;
	font-size: 1.1em;
	text-shadow: 1px 1px 3px #999;
}
.header h2 {
	color: #666;
	font-size: 0.8em;
}
.flag {
	float:right;
	width: 150pw;
}
.clear {
	height: 1em;
}
.img {
	margin-top: 4em;
}
/* ---------------------------------------- */
/* Navigation                               */
/* ---------------------------------------- */
#navigation {
	float: right;
}
#navigation ul {
}
#navigation ul li {
	display: inline;
	margin-right: 5px;
}
#navigation ul li a {
	font-size: 1.1em;
	color: #666;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #999;
	text-decoration: underline;
}
/* ---------------------------------------- */
/* Droite                                   */
/* ---------------------------------------- */
.droite {
	width: 400px;
	color: #FFF;
	margin-left: 520px;
}
.droite h1 {
	color: #999;
	font-size: 1.1em;
	text-shadow: 1px 1px 3px #999;
}
.droite h2 {
	color: #666;
	font-size: 0.8em;
}
.droite ul {
	list-style:none;
	color: #999;
	font-size: 0.9em;
}
.img {
	margin-top: 70px;
}
/* ---------------------------------------- */
/* page categories                          */
/* ---------------------------------------- */
.boite {
	height:200px;
}
.box {
	float:left;
	width: 178px;
	height: 200px;
	text-align: center;
	border: 1px solid #333;
}
.box h3 {
	color:#666;
	font-size: 0.8em;
	font-weight: lighter;
}
/* ---------------------------------------- */
/* Pied                                     */
/* ---------------------------------------- */
.clear1 {
	height: 5em;
	width: 290px;
	float: left;
	width: 290px;
	width: 290px;
}

.pied {
	color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.pied p {
	font-size: 0.8em;
	text-align: center;
	color: #666;
}
.pied a {
	color: #ddd;
	text-decoration:none;
}
.pied a:hover {
	text-decoration:underline;
}
.clear {
	height: 4em;
}