body {
	background-color :				#7AB90B;
	margin :						0px;
	padding : 						0px;
}

ul,li {
	margin: 			0px;
	padding: 			0px;
	list-style:			none;
}

ul,li,form {
	margin: 				0px;
	padding: 			0px;
}

a {
	text-decoration:	none;
	color:				#6F502E;
}

img{
	border:				none;
}

textarea {
	font :	normal 12px Arial;
}

/* Erreurs */

#centrage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 50%;
	z-index:1;
}

#FO_erreur{
	position: absolute;
	font :	normal 12px Arial;
	right: -150px;
	bottom: 0px;
	width: 300px;
	border: solid 1px #ff7a0c;
	color: #ff7a0c;
	text-align: justify;
	padding: 30px 10px 10px 10px;
	background: #ffffff url(../img/alerte.jpg) no-repeat 5px 5px;
	z-index: 5000;
}

#FO_erreur #fermerErreur{
	position: absolute;
	font :	normal 12px Arial;
	right: 0px;
	top: 0px;
	border: solid 1px #ff7a0c;
	border-width: 0px 0px 1px 1px;
	padding: 0px 4px 0px 4px;
	color: #ff7a0c;
	font-weight: bold;	
	cursor: pointer;
}

#FO_information{
	position: absolute;
	font :	normal 12px Arial;
	right: -150px;
	bottom: 0px;
	width: 300px;
	border: solid 1px #9da54f;
	color: #9da54f;
	text-align: justify;
	padding: 30px 10px 10px 10px;
	background: #ffffff url(../img/info.jpg) no-repeat 5px 5px;
	z-index: 5000;
}

#FO_information #fermerInformation{
	position: absolute;
	font-size: 10px;
	right: 0px;
	top: 0px;
	border: solid 1px #9da54f;
	border-width: 0px 0px 1px 1px;
	padding: 0px 4px 0px 4px;
	color: #9da54f;
	font-weight: bold;	
	cursor: pointer;
}



/* id's */
#main {
	width : 						100%;	
	background :					url(../img/common/tile-vert.jpg) repeat-x;

	
}



#middle-left {
	width : 						15px;
	height	:						467px;
	float :							left;
	background :					url(../img/common/middle-left.jpg) no-repeat;
}
#middle-center {
	width : 						960px;
	float :							left;

}
#middle-right {
	width : 						15px;
	height	:						467px;
	float :							left;
	background :					url(../img/common/middle-right.jpg) no-repeat;
}
#footer {
	clear :							both;
	width : 						956px;
	margin :						0px auto 0px auto;
	background :					url(../img/common/footer.jpg) no-repeat;
	padding :						14px 17px 0 17px ;
}

#menu-haut-block {
	width :							100%;
	background :					url(../img/common/menu-haut-tile.jpg) repeat-x;
	height :						28px;
}
#menu-haut {
	
	width :							700px;
	float :							left;
}


#left {
	float :							left;
	margin :						0px;
	padding :						0px;
	width :							211px;
}
#right {
	float :							left;
	margin :						0px;
	padding :						0px;
	width :							749px;
}
#bandeau-left {
	background :					url(../img/home/bandeau-haut-gauche.jpg) no-repeat;
	height :						82px;
}
#recherche {
	background :					#EFEFEF url(../img/home/bkg-recherche.jpg) no-repeat;
	padding :						28px 0 0 0px;
	width:							168px;
}

#recherche form{
	padding:						0px 0px 20px 10px;
}
#recherche label{
	background :					url(../img/common/ico-point.gif) no-repeat 0px 5px ;
	color:							#898989;
	font :							bold 12px Arial;
	padding-left :					6px;
}
#recherche input {
	background:						#FFFFFF none repeat scroll 0%;
	border:							1px solid #999898;
	margin :						2px 0px;
	color:							black;
	font-size:						10px;
	padding-left :					2px;
}
#recherche input.btOk {
	border:							none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							15px;
	margin-top:						2px;
	margin-left:					2px;
	padding :						0px;
}
/*box mon espace/mon panier */
#monEspace, #monPanier {
	cursor:							pointer;
}
#monEspace {
	background :					#898989 url(../img/common/ico-point.gif) no-repeat 7px 9px ;
	border-bottom :					solid 1px white;
	color:							#FFFFFF;
	font :							bold 13px Arial;
	padding:						3px 7px 0px 14px;
	position:						relative;
	width:							147px;
	height :						19px;
}
#monPanier {
	background :					#898989 url(../img/common/ico-point.gif) no-repeat 7px 9px ;
	border-bottom :					solid 1px white;
	color:							#FFFFFF;
	font :							bold 13px Arial;
	padding:						3px 7px 0px 14px;
	position:						relative;
	width:							147px;
	height :						19px;
}
#login {
	background:						#BCBCBC none repeat scroll 0%;
	display:						block;
	font : 							bold 10px Arial;		
	padding:						10px 10px;
	width:							148px;	

}
#login a{
	color:							#FFFFFF;

}
#login a:hover{
	color:							#FFFFFF;
	text-decoration :				underline;
}
#login input {
	background:						#F5F5F5 none repeat scroll 0%;
	border:							1px solid #999898;
	margin :						2px 0px;
	color:							black;
	font-size:						10px;
	padding-left :					2px;
}

a.ouvrir {
	position:						absolute;
	right:							7px;
	top:							7px;
}
a.fleche {
	background:						transparent url(../img/common/ico-fleche-ouvrir.gif) no-repeat scroll 0px 50%;
	font :							bold 10px Arial;
	margin-top:						5px;
	padding-left:					10px;
	color:							#FFFFFF;
}
#login input.btOk {
	border:							none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							15px;
	margin-top:						2px;
	margin-left:					2px;
	padding :						0px;
}
#contenuPanier {
	background:						#BCBCBC none repeat scroll 0%;
	display:						block;
	font :							normal 11px Arial;
	padding:						10px 10px;
	width:							148px;	
	color :							#434343;
	border-bottom:					1px solid #FFFFFF;

}

#contenuPanier table {
	border-bottom:					1px dashed #6F502E;
	margin-bottom:					8px;
	width:							100%;
	font-size:						11px;
}

#nav-recherche {
	color:							#69A107;
	font :							bold 13px Arial;
	text-align :					center;
	padding: 						10px 0px 0px 0px;
}
#nav-recherche a.nav{
	color:							#69A107;
	font :							bold 13px Arial;
	text-decoration:				none;
}
#nav-recherche a.nav:hover{
	color:							#405914;
	font :							bold 13px Arial;
	text-decoration:				none;
}
#nav-recherche .current {
	color:							#405914;
	
}

/* menu du haut */
/*niv1*/

#menu-haut ul{
	padding: 						0px 0px 0px 0px;
	margin :						0px;
	height :						28px;
}
/*specific*/
/*catalogue*/
#menu-haut li.cat{
	float :							left;
	padding :						0px;
	margin :						0px;
	height :						28px;
}
#menu-haut a.cat {
	display :						block;
	background:						url(/img/common/btn-menu-cat.jpg) no-repeat 0px 0px ;
	padding	:						5px 0 0 10px;
	text-align :					left;
	height :						23px;
	width:							139px;
	font : 							bold 13px Arial;		
	color :							#FFFFFF;	
	text-decoration:				none;
}

#menu-haut ul.CMS_lvl1 li.cat{
	position:						relative;
	z-index:						10;
}


#menu-haut li:hover a.cat{
	background-position:			-149px;
}

/*maillots*/
#menu-haut li.maillots{
	float :							left;
	padding :						0px;
	margin-left :					0px;
	height :						28px;
}
#menu-haut a.maillots {
	display :						block;
	background:						url(/img/common/btn-menu-maillots.jpg) no-repeat 0px 0px ;
	padding	:						5px 0 0 25px;
	text-align :					left;
	height :						23px;
	width:							150px;
	font : 							bold 13px Arial;		
	color :							#FFFFFF;	
	text-decoration:				none;
}

#menu-haut ul.CMS_lvl1 li.maillots{
	position:						relative;
	z-index:						10;
}

#menu-haut li:hover a.maillots{
	background-position:			-175px;
}


/*qui sommes nous*/
#menu-haut li.qui{
	float :							left;
	padding :						0px;
	margin :						0px;
}
#menu-haut a.qui {
	display :						block;
	background:						url(/img/common/btn-menu-qui.jpg) no-repeat;
	padding	:						5px 0 0 25px;
	text-align :					left;
	height :						23px;
	width:							136px;
	font : 							bold 13px Arial;		
	color :							#FFFFFF;	
	text-decoration:				none;
}

#menu-haut ul.CMS_lvl1 li.qui{
	position:						relative;
	z-index:						10;
}

#menu-haut li:hover a.qui{
	background-position:			-161px;
}


/*espace client*/
#menu-haut li.espace-client{
	float :							left;
	padding :						0px;
	margin :						0px;
}
#menu-haut a.espace-client {
	display :						block;
	background:						url(/img/common/btn-menu-espace.jpg) no-repeat;
	padding	:						5px 0 0 25px;
	text-align :					left;
	height :						23px;
	width:							100px;
	font : 							bold 13px Arial;		
	color :							#FFFFFF;	
	text-decoration:				none;
}

#menu-haut ul.CMS_lvl1 li.espace-client{
	position:						relative;
	z-index:						10;
}

#menu-haut li:hover a.espace-client{
	background-position:			-125px;
}


/*niv2*/
#menu-haut li:hover ul.CMS_lvl2{
	display:						block;
}
#menu-haut ul.CMS_lvl2{
	position:						absolute;
	display:						none;
	top:							28px;
	left:							0px; 
	margin:							1px 0px 0px 0px;
	padding :						0px 0px 0px 0px;
	
}

#menu-haut li.CMS_lvl2  {
	position:						relative;
	background-color : 				#000000;
	width:							175px;
	margin:							-1px 0px 0px 0px;
	padding :						0px 0px 0px 0px;
	display :						block;
	border-left:					1px solid #A3A3A3;
	border-right:					1px solid #A3A3A3;
	border-bottom:					1px solid #A3A3A3;
	border-top :					1px solid #A3A3A3;

}
#menu-haut a.CMS_lvl2{	
	display :						block;
	padding :						5px 0 5px 18px;
	background :					url(/img/common/ico-fleche-grise.gif) no-repeat 10px  10px;
	margin :						0px;
	font : 							normal 11px Arial;		
	color :							#DBDBDB;	
	text-decoration :				none;
	background-color : 				#000000;
	height :						13px;
}
html>body #menu-haut a.CMS_lvl2{	
	height :						auto;
	min-height :					13px;
}
#menu-haut li.CMS_lvl2:hover a{
	background-color : 				#404040;	
	text-decoration :				none;

}
#menu-haut li.CMS_lvl2.over a{
	background-color : 				#404040;	
	text-decoration :				none;
}
/*niv3*/
#menu-haut li.CMS_lvl2:hover ul.CMS_lvl3{
	display:						block;
}
#menu-haut li.CMS_lvl2  ul.CMS_lvl3{
	display:						none;
}

#menu-haut ul.CMS_lvl3{
	position:						absolute;
	display:						none;
	left:							175px; 
	top :							0px;
	margin:							0px 0px 0px 0px;
	padding :						0px 0px 0px 0px;

}

#menu-haut li.CMS_lvl3  {
	border-left:					1px solid #A3A3A3;
	border-right:					1px solid #A3A3A3;
	border-top :					1px solid #A3A3A3;
	border-bottom:					1px solid #A3A3A3;
	width:							175px;
	margin:							-1px 0px 0px 0px;
	padding :						0px 0px 0px 0px;
}
#menu-haut a.CMS_lvl3{	
	display :						block;
	padding :						5px 0 5px 18px;
	background :					url(/img/common/ico-fleche-grise.gif) no-repeat 10px  10px;
	margin :						0px;
	font : 							normal 11px Arial;		
	color :							#DBDBDB;	
	text-decoration :				none;
	background-color : 				#404040;
	height :						13px;
}
html>body #menu-haut a.CMS_lvl3{	
	height :						auto;
	min-height :					13px;
}
#menu-haut li.CMS_lvl3:hover a{
	background-color : 				#707070;	
	text-decoration :				none;
}

#lang {
	float :							right;
	background :					url(../img/common/menu-haut-fixe.jpg) no-repeat top right;
	padding-top :					5px;
	padding-right:					3px;
}
#MdpNew{
	background:						#FFFFFF none repeat scroll 0%;
	border:							1px solid #FF7A0C;
	color:							#FF7A0C;
	font-size:						12px;
	padding:						20px 10px 10px;
	position:						absolute;
	top:							250px;
	right :							500px;
	text-align:						justify;
	width:							300px;
	z-index:						5000;
}
#MdpNew input{
	border:							1px solid #A3A2A2;
	width:							250px;
}
#MdpNew input.btOk {
	border:							none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							15px;
	margin-top:						2px;
	margin-left:					2px;
	padding :						0px;
	width :							auto;
	background: 					#ff7a0c;
}
#MdpNew input{
	border:							1px solid #A3A2A2;
	width:							250px;
}
#MdpNew #fermerMdp{
	border-color:					#FF7A0C;
	border-style:					solid;
	border-width:					0px 0px 1px 1px;
	color:							#FF7A0C;
	cursor:							pointer;
	font-size:						10px;
	font-weight:					bold;
	padding:						0px 4px;
	position:						absolute;
	right:							0px;
	top:							0px;
}
/*class*/
.spacer {
	clear :							both;
}
.hidden {
	display :						none;
}

.links {
	padding-top :					15px;
	background :					url(/img/common/tile-oblique-footer.gif) repeat-x;
}
ul.links-left li {
	padding-left :					8px;
	padding-right :					5px;
	background :					url(/img/common/bar-vert.gif) no-repeat  left 3px;
	display :						inline;
	height :						12px;
}
ul.links-left li.first {
	background :					none;
	padding-left :					0px;
}
ul.links-left li a{
	border :						none;
	padding-left :					0px;
	font : 							normal 11px Arial;		
	color :							#FAF6E9;	
	text-decoration :				none;
}
ul.links-left li a:hover{
	font : 							normal 11px Arial;		
	color :							#FAF6E9;	
	text-decoration :				underline;
	
}
ul.links-right li {
	padding-left :					5px;
	display :						inline;
	height :						12px;
}
ul.links-right li.first {
	background :					url(/img/common/bar-vert.gif) no-repeat  right 3px;
	padding-right :					8px;
}
ul.links-right li a{
	border :						none;
	padding-left :					0px;
	font : 							normal 11px Arial;		
	color :							#FAF6E9;	
	text-decoration :				none;
}
ul.links-right li a:hover{
	font : 							normal 11px Arial;		
	color :							#FAF6E9;	
	text-decoration :				underline;
	
}
ul.links-left {
	width :							auto;
	float :							left;
	background-color : 				#7AB90B;
	padding-right :					5px;
	margin-top :					-20px;
}

ul.links-right {
	width :							auto;
	float :							right;
	text-align :					right;
	background-color : 				#7AB90B;
	padding-left :					5px;
		margin-top :					-20px;
}
.promo-panier {
	float :							left;
	width :							128px;	
	margin-top :					0px;
	background-color :				#FFF;
}						

input.add-to-panier {
	border:							medium none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							19px;
	padding-left :					3px;
	text-align :					left;
	width :							128px;
	display :						block	;
	background :					url(/img/common/btn-add-panier.gif) no-repeat  0px 2px;

}		
a.voir-detail {
	border:							medium none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							17px;
	padding-right :					25px;
	padding-top :					2px;
	text-align :					center;
	width :							103px;
	display :						block	;
	background :					url(/img/common/btn-add-panier.gif) no-repeat  0px 2px;

}	
.promo-produit-phare {
	float :							left;
	width :							128px;	
	margin-top :					0px;
	background-color :				#FFF;
}						
a.voir-detail-orange  {
	border:							medium none;
	color:							#FFFFFF;
	cursor:							pointer;
	font :							bold 11px Arial;
	height:							17px;
	padding-right :					25px;
	padding-top :					2px;
	text-align :					center;
	width :							103px;
	display :						block	;
	background :					url(/img/common/btn-add-panier-orange.gif) no-repeat  0px 2px;
}	
				
.tabgauche {
	text-align:						left;
}
.tabdroite {	
	text-align:						right;
	padding-left:					5px;
	vertical-align:					top;
}
.white {
	color:							#FFFFFF;
	font-weight:					bold;
	padding:						0px;
}

#flashcontent {
	position:absolute;
	top: -150px;
	left: 0px;
}