/*Styles générale des pages*/
body {
	font-family: verdana;
	font-size: 12px;
	text-align: center;
	background-color: #eaebeb;
	color: #9d9d9d;
	
}
.spacer{
	clear:both;
}
/*titres et paragraphes*/
	h1{
		font-family: verdana;
		font-size: 20px;
		text-align: center;
		color: #ff7a00;
	}
	h2{
		font-family: verdana;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #F09100;
		margin-bottom: 10px;
	}
	h3{
		font-family: verdana;
		font-size: 14px;
		text-align: left;
		color: #F09100;
	}
	p{
		text-align: justify;
		color: #9d9d9d;
		margin-bottom: 15px;
	}

/* lien sans soulignement par défaut */
	a, img {
		text-decoration: none;
		border:none; }

	
/* Bloc principal qui contient tout les autres*/ 
	div#container {width: 952px; 
		background-image: url(../Css/bg_container.jpg) ;
		background-repeat: repeat-y;
		background-position: center;
		position:relative;
		left: 0px;
		top: 10px;
		margin: 0 auto;
		padding: 0px;
		text-align: left;
	}

	
/*Elements de page*/

	/* LA BANNIERE */
	div#header {width: 952px; height: 114px;
				background-image: url(../Css/bg_header.jpg) ;
				background-repeat: no-repeat;
				background-position: 0 0;
				position:relative;
				left: 0px;
				top: 0px;
				margin: 0px;
				margin-top: 0px;
				padding: 0px;
				float:left;
			}
					
/* MENU */

	div#menubar { width: 948px;height: 46px;
		background-image: url(../Css/bg_menu.jpg) ;
		background-repeat: repeat-x;
		background-position: 0 0;
		position: relative;  
		border:none;
		left: 0px;
		top: 0px;
		float: left;
		margin: 0px 2px 0px 2px ;
		padding: 0px;
	}
	#menuprincipal{height: 28px;
		position: relative;  
		border:none;
		left: 20px;
		top: 1px;
		float: left;
		margin: 0px ;
		padding: 0px;
	}
	#menuprincipal li{height: 28px;
		display: block;
		float:left;
		margin: 0px ;
		padding: 0px ;
	}#menuprincipal a{height: 22px;
		display: block;
		float:left;
		margin: 0px ;
		padding: 6px 20px 0px 20px;
	}#menuprincipal a:hover, #menuprincipal .current{
		background-image: url(../Css/bg_menuSelected.jpg) ;
		background-repeat: repeat-x;
		background-position: 0 0;	
	}#menuprincipal a, a:hover, #menuprincipal a:visited, #menuprincipal a:active{color: black;}
	
	#log{height: 22px;
		font-weight: bold;
		margin: 0px ;
		padding: 6px 20px 0px 20px;
		float: right;
	}#log a, a:hover, #log a:visited, #log a:active{color: black;}
/* COLONNE GAUCHE */

	div#colGauche { width: 225px;height: 600px;
				position: relative;  
				border:none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px 2px 0px 2px ;
				padding: 0px ;
			}
		div#colGauche #panier{
				position: relative;  
				left: 26px;
				top: 0px;
			}
		div#colGauche #promo{
				position: relative;  
				left: 26px;
				top: 15px;
			}
		div#colGauche #newsletter{
				position: relative;  
				left: 25px;
				top: 40px;
			}
		
		#menugauche{width: 175px;
		position: relative;  
		border-top: 1px solid #e8e6e6;
		left: 26px;
		top: 50px;
		float: left;
		margin: 0px ;
		padding: 0px;
		text-align: center;
		}
		#menugauche li{width: 175px; height: 28px;
			display: block;
			float:left;
			margin: 0px ;
			padding: 0px ;
			border-bottom: 1px solid #e8e6e6;
		}#menugauche a{width: 175px; height: 28px;
			float:left;
			margin: 0px ;
			padding: 6px 0px 0px 0px;
			color: #9d9d9d;
		}#menugauche a:hover{
			color: #ff7a00;
		}
		
/* CONTENU */

	div#contenuBox { width: 702px;
				background-image: url(../Css/bg_contenu.jpg) ;
				background-repeat: repeat-y;
				background-position: 0 0;
				position: relative;  
				border:none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px;
			}
		div#contenuTop { width: 702px;height: 9px;
				background-image: url(../Css/bg_contenuTop.jpg) ;
				background-repeat: repeat-y;
				background-position: 0 0;
				position: relative;  
				border:none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px;
			}
		div#contenu { width: 684px;min-height: 550px;
				background-image: url(../Css/bg_contenuLogo.jpg) ;
				background-repeat: no-repeat;
				background-position: bottom right;
				position: relative;  
				border:none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px 9px 120px 9px;
			}
		div#contenuBottom { width: 702px;height: 9px;
				background-image: url(../Css/bg_contenuBottom.jpg) ;
				background-repeat: repeat-y;
				background-position: 0 0;
				position: relative;  
				border:none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px;
			}

/* ELEMENT DE CONTENU */
	div#catalogue{width: 359px;height: 370px;
		position: relative;  
		border:none;
		left: 0px;
		top: 0px;
		float: left;
		margin: 0px;
		margin-left: 30px;
		padding: 0px;
	}
	div#mission{width: 300px;
		position: relative;  
		border:none;
		left: 0px;
		top: 0px;
		clear:both;
		padding: 0px;
		margin-top: 40px;
		margin-left: 40px;	
	}
	div#textepage{width: 250px;height: 350px;
		position: relative;  
		border:none;
		left: 0px;
		top: 0px;
		float: left;
		margin-left: 40px;
		padding-top: 60px;
	}
	


/* FOOTER */

	div#footer { width: 952px;height: 120px;
				background-image: url(../Css/bg_footer.jpg) ;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: #eaebeb;
				border:none;
				position: relative;  
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px;
				text-align: center;
			}
		#copyrights{color: #753800;
				position: relative;  
				left: 0px;
				top: 80px;			
		}
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

	
		#menu{width: 230px;
		position: relative;  
		border-top: 1px solid #e8e6e6;
		left: 0px;
		top: 30px;
		float: left;
		margin: 0px ;
		padding: 0px;
		text-align: left;
		}#menu ul{
			margin: 0px ;
			padding: 0px ;}
		#menu li{width: 230px; height: 28px;
			display: block;
			float:left;
			margin: 0px ;
			padding: 0px ;
			border-bottom: 1px solid #e8e6e6;
		}#menu a{width: 230px; height: 28px;
			float:left;
			margin: 0px ;
			padding: 6px 0px 0px 0px;
			color: #9d9d9d;
		}#menu a:hover{
			color: #ff7a00;
		}