/*******************************************************************************************************************

										Body et En-tête

*******************************************************************************************************************/

html, body
	{
	margin:0;
	padding:0;
	background:url("images/fond.gif") repeat-y;
	background-repeat: repeat-y;
	background-position: center;
	width:100%;
	height:100%;
	}
	
#haut_page
	{
	width:700px;
	margin-top:10px;
	background:#FFFFFF;
	position:relative;
	float:left;
	}
	
#conteneur
	{
	width:700px;
	background:#FFFFFF;
	position:absolute;
	float:left;
	left: 50%; 
    height:100%;
    margin-left: -350px; /* moitié de la largeur */	
	}

h1#header
	{
	height:150px;
	margin:0;
	padding:0;
	border-bottom:3px solid #99CC00;
	}
		
h1#header a span
	{
	display: none;
	}

/*******************************************************************************************************************

													Menu

*******************************************************************************************************************/

div#menu
	{
	margin:0;
	padding:0;
	width:350px;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:#E1E1D9;
	}

div#menu h4
	{
	padding:0 0 0 10;
	margin:0;
	text-align:justify;
	font-size:xx-small;
	font-weight:normal;
	text-decoration:none;
	}
	
div#menu a
	{
	color:#000000;
	text-decoration:none;
	}

div#menu a:hover
	{
	color:#000099;
	}
	
div#menu2
	{
	margin:0;
	padding:0;
	width:350px;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:#E1E1D9;
	}

div#menu2 p
	{
	padding:0 10 0 10;
	margin:0;
	text-align:right;
	font-size:xx-small;
	font-weight:normal;
	text-decoration:none;
	}
	
div#menu2 a
	{
	color:#000000;
	text-decoration:underline;
	}

div#menu2 a:hover
	{
	color:#000099;
	}
				
/*******************************************************************************************************************

													Contenu gauche

*******************************************************************************************************************/

div#gauche
	{
	width:185px;
	margin:20 0 0 0;
	padding:0;
	position:relative;
	float:left;
	border:none;
	background:url(images/bord_haut_menu.gif) no-repeat;
	}

div#gauche ul
	{
	background:#16399E;
	padding:5 0 0 0;
	margin:8 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:185px;
	}
	
div#gauche li
	{
	background:url(images/fleche-verte.jpg) no-repeat;
	padding:0 0 0 23;
	font-size:10;
	margin:0;
	text-align:justify;
	font-weight:normal;
	height:19;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	color:#FFFFFF;
	}
	
div#gauche li a
	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
div#gauche li a:hover
	{
	width:130;
	text-decoration:none;
	border-top:1px solid #99CC00;
	border-bottom:1px solid #99CC00;
	}

div#gauche p
	{
	margin:0;
	background:#99CC00;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5 5 5 5;
	font-size:10px;
	font-weight:bold;
	}
	
div#gauche form
	{
	margin:0;
	background:#99CC00;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5 0 9 0;
	font-size:10px;
	font-weight:bold;
	}
	
div#gauche select
	{
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	font-size:10;
	padding:0;
	margin:0 0 0 1;
	border:none
	}
	
div#gauche input
	{
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	font-size:12;
	padding:0 0 0 5;
	border:none;
	margin:0 0 0 2;
	}

.valider
	{
	background:url(images/go.jpg) no-repeat;
	padding:0;
	margin:0;
	height:10;
	width:13;
	border:none;
	cursor:pointer;
	}

h1#gauche
	{
	width:185px;
	height:20px;
	margin:0;
	float:left;
	padding:0;
	background:url(images/bord_bas_menu.gif) no-repeat;
	}

h1#gauche a span
	{
	display:none;
	}
	
/*******************************************************************************************************************

													Contenu central

*******************************************************************************************************************/
	
div#contenu
	{
	width:500px;
	margin:20 0 0 0;
	text-align:justify;
	float:left;
	position:relative;
	padding:0;
	background:#FFFFFF;
	}

div#contenu h2
	{
	color:#99CC00;
	font-size:24px;
	text-align:center;
	width:515;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5 0;
	padding:0;
	}

div#accueil
	{
	width:230px;
	height:350;
	border:none;
	background:#FFFFFF;
	margin:0 0 20 0;
	padding:0 0 0 15;
	float:right;
	}

div#accueil th
	{
	width:230px;
	height:140px;
	border:1px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}

div#accueil td
	{
	width:230px;
	border:none;
	padding:5 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}

div#accueil p
	{
	width:230px;
	border:none;
	padding:5 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	margin:0;
	font-size:9px;
	}

div#accueil p a
	{
	text-decoration:none;
	color:#000000;
	}
	
div#accueil p a:hover
	{
	text-decoration:underline;
	color:#000000;
	}

div#accueil h3
	{
	width:100;
	border:none;
	padding:0;
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	float:right;
	font-size:16px;
	color:#CC3300;
	border:1px solid gray;
	background:#FFFFFF;
	}

div#accueil h2
	{
	background:url(images/commander.gif) no-repeat;
	width:220;
	height:21;
	margin:0;
	padding:2 0 2 0;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
	
div#accueil h2 a
	{
	text-decoration:underline;
	color:#FFFFFF;
	}
	
div#produit
	{
	width:500px;
	height:200;
	border:none;
	background:#FFFFFF;
	margin:20 0 0 10;
	padding:0 0 0 0;
	float:right;
	}

div#produit h1
	{
	width:500;
	height:16px;
	margin:0;
	padding:2 0 0 10;
	border:none;
	background:url(images/liste_produit.gif) no-repeat;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-weight:normal;
	}


	
div#produit h2
	{
	width:150;
	width:150;
	padding:0;
	margin:5 10 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	float:left;
	font-size:12px;
	color:#CC3300;
	background:#FFFFFF;
	}

div#produit p
	{
	width:220px;
	border:none;
	height:90;
	background:#FFFFFF;
	padding:0;
	margin:5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	font-size:9px;
	float:left;
	}

div#produit p a
	{
	text-decoration:none;
	color:#000000;
	}
	
div#produit p a:hover
	{
	text-decoration:underline;
	color:#000000;
	}

div#produit h3
	{
	background:url(images/liste_commander.gif) no-repeat;
	width:130;
	height:22;
	margin:20 0 0 50;
	padding:0;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	float:left;
	}
	
div#produit h3 a
	{
	text-decoration:underline;
	color:#FFFFFF;
	}
	
div#produit h4
	{
	width:500;
	height:16px;
	float:left;
	margin:0;
	padding:2 0 0 10;
	border:none;
	background:url(images/liste_produit_bas.gif) no-repeat;
	}
	
div#desc
	{
	width:500;
	border:none;
	background:#FFFFFF;
	margin:0 0 30 0;
	padding:0 0 0 15;
	float:left;
	}

div#desc h1
	{
	width:150px;
	border:none;
	padding:50 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CC3333;
	float:left;
	margin:5 10 0 10;
	font-size:16px;
	}
	
div#desc h2
	{
	width:150;
	height:150px;
	float:left;
	border:1px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
	
div#desc h3
	{
	width:480;
	padding:10 0 0 20;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000099;
	text-align:center;
	margin:0 0 20 0;
	font-size:10px;
	float:left;
	}
	
div#desc p
	{
	width:480;
	padding:10 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	margin:0;
	font-size:11px;
	float:left;
	}

div#desc h5
	{
	background:url(images/liste_commander.gif) no-repeat;
	width:130;
	height:22;
	margin:20 0 0 0;
	float:right;
	padding:2 0 2 0;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}

div#desc h5 a
	{
	text-decoration:underline;
	color:#FFFFFF;
	}

div#desc h6
	{
	width:100;
	padding:0;
	margin:150 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	float:right;
	font-size:16px;
	color:#CC3300;
	border:1px solid gray;
	background:#FFFFFF;
	}
	
div#form
	{
	width:500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10 0 0 15;
	padding:0;
	float:right;
	background:none;
	border:none;
	}

div#form th
	{
	color:#0033CC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:0 10 10 0;
	margin:0;
	}

div#form td
	{
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	padding:0 10 10 0;
	border:none;
	margin:0;
	text-align:justify;
	}
	
div#form select
	{
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	border:1px solid gray;
	margin:0;
	padding:0;
	}
	
div#form input
	{
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	border:1px solid gray;
	text-align:justify;
	margin:0;
	padding:0;
	}
	
div#form textarea
	{
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	height:200;
	width:350;
	border:1px solid gray;
	margin:0;
	padding:0;
	}

.retour
	{
	border:none;
	width:30;
	margin:10 0 0 20;
	padding:0;
	height:30;
	background:url(images/retour.jpg) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
	}
/*******************************************************************************************************************

													Contenu bas de page

*******************************************************************************************************************/

div#footer
	{
	float:left;
	margin-top:90%;
	margin:20 0 0 0;
	padding:0;
	width:700px;
	height:70;
	background:url(images/footer.gif) no-repeat;
	}
	
div#footer p
	{
	margin:0;
	padding:3 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
	text-align:center;
	}
	
div#footer a
	{
	color:#FFFFFF;
	text-decoration:underline;
	}