*{
	margin: 0;
	padding: 0 ;
} 

body {
	position: relative;
	font-family: "Tahoma", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
}

.wrapper {
	width: 670px;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 30px;
}

.clear {	clear: both;}
img { border : none; }
p {padding-bottom: 10px;}

/***************************HEADER***************************/

.header {
}

.header h1 {
}

.header h1.logo{
	padding: 0 0 0 0;
	position: relative;
}
.header h1.logo a {
	color: #fff;
	text-decoration: none;
}

/***************************BODY CONTENEUR***************************/

div .conteneur {
	float: right;
}

div .conteneur #top {
	background: url("images/Conteneur-Top.gif");
	width: 670px;
	height: 10px;
}

div .conteneur #middle {
	background: url("images/Conteneur-Middle.gif") repeat-y;
	padding: 0 10px 0 0;
}

div .conteneur #bottom {
	background: url("images/Conteneur-Bottom.gif");
	width: 670px;
	height: 9px;
}

/***************************BODY CONTENEUR***************************/

div.menu {
	width: 100%;
	float: left;
}

/***************************FOOTER***************************/

.footer{
	padding-top: 20px;
	color: #fff;
}

.footer p {
	text-align: center;
}

/***************************CONTENT***************************/

.content {
	padding-left: 10px;
}

.content li {
	margin-left: 30px;
}

/***************************MENU***************************/

.menu .rouge {background: url("images/rouge.gif");}
.menu .rouge:hover {background: url("images/rouge-hover.gif");}

.menu .bleu{background: url("images/bleu.gif");}
.menu .bleu:hover {background: url("images/bleu-hover.gif");}

.menu .vert{background: url("images/vert.gif");}
.menu .vert:hover {background: url("images/vert-hover.gif");}

.menu .jaune{background: url("images/jaune.gif");}
.menu .jaune:hover {background: url("images/jaune-hover.gif");}

.menu .noir{background: url("images/noir.gif");}
.menu .noir:hover {background: url("images/noir-hover.gif");}

.menu  ul{
	list-style: none;
	margin-left: 10px;
}
.menu  li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 91px;
	text-align: center;
	padding: 7px 0 6px 0;
}

.menu a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu .recherche {
	float: right;
	padding: 3px 0 0 0;
	background: url("images/recherche.gif") top left no-repeat #c7bdbd;
	width: 200px;
	text-align: center;
	margin-right: 5px;
}