/* CSS Document */

	/* Default styles */
	body {
		font-family:Arial, Helvetica, sans-serif;
		/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
		font-size:11px;
		margin:0;
		padding:0;
		background-color:#5ca620;
	}

	input, select, textarea {font-family:Arial; font-size:1em;}

	* {
		margin:0;
		padding:0
	}

	a img {border:0}
	a {color:#006600; text-decoration:none}
	a:hover {color:#fff}
	
	table {
		border-collapse:collapse;
		border:0;
	}
	
	table td {
		vertical-align:top;
	}

	#global {
		width:780px;
		margin:75px auto 0 auto;
	}
	
	#back-home {
		position:absolute;
		display:block;
		width:200px;
		height:80px;
		background-color:transparent;
		top:20px;
		left:50%;
		margin:0 0 0 -380px;
		
	}

	#header {
		/*background-image:url(../img/environment/header_background.gif);
		background-repeat:no-repeat;*/
		height:16px;	/* 19 - (3) */
		padding:3px 0 0 0;
	}
	
	#header ul {
		list-style-type:none;
		padding:0 0 0 265px;
	}
	
	#header ul li {
		display:inline;
		list-style-type:none;
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
		
	#header ul li#proprete {padding-right:27px;}
	#header ul li#bien-etre {padding-right:24px;}
	#header ul li#extranet {padding:0 9px 5px 0;
		
	}
	#header ul li#mon-compte {
		padding:0 12px 0 12px;
		background-image:url(../img/environment/header_dot.gif);
		background-repeat:no-repeat;
		background-position:right 2px
	}
	#header ul li#rechercher {padding:0 0 0 11px}
	#header ul li#acces-extranet a, #header ul li#mon-compte a, #header ul li#rechercher a {color:#3d7b14}
		
	#header ul li a {
		color:#fff;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		pading:0 0 5px 0;
		font-size:0.9em;
	}
	
	#header ul li a:hover {
		color:#fff;
		text-decoration:underline;
	}
	
	
	#top-nav {
		position:absolute;
		top:2px;
		left:200px;
		width:350px;
	}
	
	#top-nav ul {
		float:left;
		color:#fff;
		width:100%;
	}
	
	#top-nav ul li {display:inline;}
	
	#top-nav ul li a {
		float:left;
		padding:2px 10px 0 10px;
		color:#fff;
		text-decoration:none;
		border-right:1px solid #fff;
	}
	
	#top-nav ul li a.last {
		border:0;
	}
	
	#top-nav ul li a:hover {
		color:#fff;
	}
		
	a#logo {
		width:100px;
		height:70px;
		display:block;
		position:absolute;
		top:95px;
		left:50%;
		margin-left:-370px;
	}
	a#panier {
		width:170px;
		height:43px;
		display:block;
		position:absolute;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		top:110px;
		left:50%;
		margin-left:200px;
		color:#fff;
		font-weight:bold;
		background:transparent url(../img/environment/panier.gif) no-repeat right 3px;
		
	}
	#left {
		position:absolute;
		top:225px;
		left:50%;
		width:185px;
		margin:0 0 0 -380px;
		background:transparent url(../img/environment/left_sep.gif) repeat-y right 0 ;
	}
	
	#left .top {
		display:none;
		/*
		width:140px;
		height:31px;
		background-image:url(../img/environment/left_top_bg.gif);
		background-repeat:no-repeat
		*/
	}
	#left .mid {
		width:178px;	/* 185 - (7) */
		padding:0 7px 0 0;
	}
	#left .bot {
		display:none;
		/*
		width:140px;
		height:31px;
		background-image:url(../img/environment/left_bot_bg.gif);
		background-repeat:no-repeat
		*/
	}
	
	#left ul {
		list-style-type:none;
		padding:0 0 15px 0;
	}
	
	#left ul li {
		margin:0 0 0 0;
	}
	
	#left ul li div {
		background-color:#70b32e;
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		padding:2px 10px 2px 0;
		text-align:right;
		margin-bottom:5px;
		/* properties to change */
		/*
		font-weight:bold;
		*/
	}
	
	#left ul li ul {
		padding:0 5px 0 0
	}
	
	#left ul li ul li {
		margin:0;
		text-align:right;
		background:transparent url(../img/environment/sep_item_menu.gif) repeat-x 0 bottom;
		padding:2px 0 2px 0;
	}
	
	#left ul li a {
		display:block;
		width:150px;
		color:#fff;
		text-decoration:none;
		background:transparent url(../img/environment/arrow_menu.gif) no-repeat 160px 4px;
		padding:0 17px 0 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
	}
	
	#left ul li a:hover {
		color:#1b3407;
	}
	
	#left ul li ul li ul {
		padding:0
	}
	
	#left ul li ul li ul li {
		font-size:.8em;
		margin:0;
		text-align:right;
		background:none;
		padding:0 0 1px 0;
	}

	#left ul li ul li ul li a {
		background:none;
		color:#fff;
		font-weight:normal
	}
	
	#left ul li ul li ul li a span {
		font-size:1.2em;
		color:#fff;
	}
	

	
	
		
	#main {
		width:780px;
		background-color:#8cc540;
		background-image:url(../img/environment/wave.jpg);
		background-position:0 43px;
		background-repeat:no-repeat;
		height:500px;
	}
	
	/* Internet explorer can't read this rule (min-height hack) */
	html>body #main {
		height:auto;
		min-height:500px;
	} 

	#mid-nav {
		width:780px;
		height:145px;
		background-image:url(../img/environment/logo.gif);
		background-position:27px 7px;
		background-repeat:no-repeat;

	}
		
	#mid-nav ul {
		width:305px;
		position:absolute;
		left:50%;
		top:79px;
		margin-left:90px;
		list-style-type:none;
	}
		
	#mid-nav ul li {
		display:inline;
		float:right;
	}
	
	#mid-nav ul li a {
		color:#fff;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		text-decoration:none;
		padding:0 5px 0 5px;
		background-image:url(../img/environment/footer_dot.gif);
		background-repeat:no-repeat;
		background-position:right 2px
	}
	
	#mid-nav ul li a:hover {
		color:#000;
	}
	* html #mid-nav ul li.last {
		padding-top:1px;
	}
	#mid-nav ul li.last a {
		background-image:none;
	}
	
	#content {
		margin:10px 15px 0 225px;
		color:#ebf4dd;
		font-size:1.1em;
		padding:150px 0 0 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		height:120px;
	}
	
	/* Internet explorer can't read this rule (min-height hack) */
	html>body #content {
		height:auto;
		min-height:90px; /* 165 + 15 */
	} 

	
	#compass {
		display:none;
		/*
		color:#355e29;
		font-size:1em;
		padding:5px 0 10px 0;
		background-image:url(../img/environment/compass_background.gif);
		background-repeat:repeat-x
		*/
	}

	/*
	#compass ul {
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:inline;
		border:none;
	} 
	
	#compass ul li {
		margin-left:0;
		padding-left:2px;
		border:none;
		list-style:none;
		display:inline;
	}
	
	#compass ul li .first {
		color:#fff;
		font-weight:normal
	}

	#compass ul li a {
		color:#355e29;
		text-decoration:none;
		font-weight:normal
	}

	#compass ul li a:hover {
		text-decoration:underline;
		color:#fff
	}
	*/

	#footer {
		width:780px;
		height:23px;	/* 31 - (8) */
		color:#006600;
		background-image:url(../img/environment/footer_background.gif);
		background-repeat:no-repeat;
		background-position:0 bottom;
		background-color:#8cc540;
		padding:8px 0 0 0;
	}
	
	#footer ul {
		width:380px;
		list-style-type:none;
		margin:0 auto 0 auto;
	}
		
	#footer ul li {
		display:inline;

	}
	
	#footer ul li a {
		float:left;
		color:#006600;
		text-decoration:none;
		padding:0 10px 0 10px;
		background-image:url(../img/environment/footer_dot.gif);
		background-repeat:no-repeat;
		background-position:right 2px
	}
	
	#footer ul li a:hover {
		color:#000;
	}

	#footer ul li.last a {
		background-image:none;
	}