body, p, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, tr, td, th, textarea {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000;	
}
a, :link, :visited {
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}


a img, :link img, :visited img {
	border: none;
}

/* HACK PNG IE6 (FONCTIONNE AUSSI CHEZ ZARCROM) :  */
IMG.png { 
	position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "../../images/blank.gif" ):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

body {
	background: #fff url(../../images/fonds/body.jpg) center top repeat-x;
}


textarea {
	padding:2px;
}

/*
input, textarea, select, option {
	padding:0 2px 0 2px;
}
*/

p.greenLink a{
font-weight:bold;
color:#336600;
cursor:pointer;
}

p.filAriane{
padding-left:5px;
margin-bottom:17px;
color:#41700d;
font-weight:bold;
}

p.filAriane a{
color:#41700d;
font-weight:bold;
}
p.filAriane a.actif{
color:#ff9900;
font-weight:bold;
}

.clear, .break {
	clear:both;
}	

#container {
	width: 950px;
	margin-left:auto;
	margin-right:auto;
}

/* Debut du header */

#header {
	position:relative;
	z-index: 2000;
	background: url(../../images/fonds/jardinerie_en_ligne_vivre-au-vert_header.jpg) 0px 0px;
	width:950px;
	height:229px;
}


#header h1 {
	position:absolute;
	top:0px;
	left:29px;

	cursor:pointer;
}

#langue {
	position:absolute;
	top:10px;
	font:1.1em Verdana,Arial;
	font-style:italic;
	color:#096da1;
	
}

/************* BLOC INSCRIPTION NEWSLETTER **/

#div_inscription_newsletter {
	position:absolute;
	top:79px;
	left:545px;
	width:295px;
	margin:0;
	padding:0;
}

#div_inscription_newsletter p {
	position:relative;
	padding:0;
	height:27px;

	margin:0;

	text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	color:#264b01;
}

#div_inscription_newsletter #input_email  {
	position:absolute;
	top:10px;
	left:10px;
	width:208px;
	height:26px;
	background: url(../../images/fonds/input_email_newsletter.gif) 0px 0px no-repeat;
	margin:0;
	padding:0;
	border:0;

	text-align:center;
	font-size:1.3em;
	color:#fd6637; 
}

#div_inscription_newsletter #button_submit {
	position:absolute;
	top:9px;
	left:220px;
	width:27px;
	height:27px;	
	margin:0;
	border:0;
	cursor:pointer;
}

/* Hack IE6 */
* html #div_inscription_newsletter #email_newsletter {
	padding-top:6px;
}

/* Hack IE7 */
*+html #div_inscription_newsletter #email_newsletter {
	padding-top:6px;
}

/************* BLOC RECHERCHE **/
#recherche {
	z-index: -10;
	position:absolute;
	top:206px;
	left:38px;
	
}

#formRecherche p {
	float:left;
	font-size:1.1em;
	font-weight: bold;
	margin:1px 5px 0 0;
	color:#333;
}
#formRecherche #input_recherche {
	float:left;
	height:16px;
	padding:0 2px 0 2px;
	margin:0 5px 0 0;

}

#formRecherche SELECT#action {
	float:left;

	border:1px solid #c1d99f;
	width:150px;
	height:18px;
	font-size:0.9em;
	
	padding:0px;
	margin:0 5px 0 0;
}

#formRecherche SELECT#action OPTION {
	padding-left:2px;
}

#formRecherche #img_ok {
	float:left;
	cursor:pointer;
	padding:0;
	margin:0;
}

/*#sousMenu form */
input.champs {
	border:1px solid #c1d99f;
	height:15px;
	width:200px;
	margin-right:10px;
}

SELECT#tri {
	border:1px solid #c1d99f;
	height:18px;
	width:150px;
	font-size:0.9em;
	padding:0px;	
}

SELECT#tri OPTION {
	padding-left:2px;
}


/************* LIENS COMPTE CLIENT ******/

#client {
	z-index: -10;
	position:absolute;
	top: 184px;
	right: 30px;
	width:210px;
}

#client a {
	margin:0;
	font-size:1.1em;
	font-weight:bold;
	color:#d15316;
}

#client a:hover {
	text-decoration:underline;
}

/************* RECAP DU PANIER DE COMMANDE ******/
#recapPanier {
	position:absolute;
	top:204px;
	right:40px;
	z-index: -10;
	width:210px;
}

#visuRecapCommande,
#visuDetailsCommande
{
	position:relative;
	border:1px solid #cc3300;
	background: #ff6633;
	margin:0px;
	z-index:999;	
}

#visuRecapCommande P,
#visuDetailsCommande P,
#visuDetailsCommande DIV {
	font-weight:bold;
	color:#fff;
}

#visuRecapCommande SPAN,
#visuDetailsCommande SPAN {
	font-weight:normal;
	color:#fff;
}

#visuRecapCommande{
	height:17px;
	
	background-image: url(../../images/picto/pictoPanier.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

#visuRecapCommande p {
	margin-left:22px;
}

#visuDetailsCommande {
	top:-1px;
	border-top:0px;
}

#visuDetailsCommande .visuProduitPanier,
#visuDetailsCommande #visuTotalPanier {
	margin:0 4px 0 4px;
	padding:4px 0 4px 0;
}

#visuDetailsCommande .visuProduitPanier {
	border-bottom:1px dotted #fff;
}

/***************************** Fin du header ******************************/


#footer {
	clear:both;
	padding:0 0 10px 0;	
	background-color: #fff;
	margin: 0 30px 0 30px;
	
}

#footer P, #footer A {
	color:#999999;
	text-align:center;
}

#menusFooter {
	margin:20px 0 10px 0;
}

#menusFooter a{
	font-weight:bold;
	text-decoration:underline;
}


/**
 * Messages syst�mes 
 */
 
 #message {
 	position:realtive;
	width:100%;
	height:auto;
	margin:5px auto 5px auto;
 	text-align:center;
 	
 } 
 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: green;
 	text-align: center;
	padding:5px 20px 5px 20px;
 }
 
 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;
	border:solid 1px red;
	padding:5px;
	margin:0 15px 0 15px;
 }
 
  .messageErreur p{
 color:#f00;
 font-weight:bold;
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 100%;
 	height: 100%;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 14px;
 	font-weight:bold;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 
.titre {
	font-size:1.3em;
	font-weight:bold;
}


/*********************** Gestion du texte en position "exposant" => balise "sup" ***********************/
sup
{
	line-height:95%;
	font-size:100%;
}

/***************************************** Gestion des formulaires ******************************/

	.formulaire-row {
		width:98%;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		float:left;
		clear: both;
		padding-top: 5px;
	}
	
	.formulaire-row LABEL {
	   font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 12px; 
	   color: #666666;
	    
	   float: left;
	   width: 200px;
	   padding-right: 4px;
	   text-align: right;
	}

	.formulaire-row .valider {
	  text-align:left;
	}

	.formulaire-row TEXTAREA {
		width:300px;
		height:100px;
		border: solid 1px #ccc;
		padding:0 5px 0 5px;
	}

	.formulaire-row INPUT {
		border: solid 1px #ccc;
		padding-left: 3px;
	}
		
	.formulaire-row SELECT {
		border: solid 1px #ccc;
		padding:0;
	}

	.formulaire-row OPTION {
		padding:0 5px 0 5px;
	}

	.formulaire-row .asterisque {
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	font-size: 12px; 
		color:red;
		font-weight:bold;
		margin-right:5px;
	}

	.formulaire-row INPUT,		
	.formulaire-row SELECT,
	.formulaire-row TEXTAREA {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px;
			font-style: normal; 
			font-weight: normal;
			color: #000; 
	}
	
	.formulaire-row	input.button,
	.formulaire-row input.submit {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		font-weight: normal;
		color: #fff; 
		border:none;
		margin:5px 0 0 0;
		padding:0;
	}
		
/* Bloc pagination pour les recherches dans le site */

#pagination{
position:relative;
margin:10px 0 0 10px;
clear:both;
}

#pagination p{
color:#000;
font-weight:bold;
}

#pagination p a{
color:#336600;
font-weight:bold;
}

/* Fin du bloc pagination */

/* Gestion du bloc global de gauche */

.global_left {
	position:relative;
	display:table-cell;
	float:left;
	height:100%;
	width:600px;
}


.table_global{
	position:realtive;
	border-collapse:collapse;
	border:0;
	margin:0;
}




.td_left {
	height:auto;
	width:600px;
	vertical-align:top;
}

.td_left_accueil {
	height:auto;
	/*width:620px;*/
	padding:0;	
	vertical-align:top;
}


.td_right {
	height:auto;
	width:285px;
	vertical-align:top;
/*	padding-top:33px;*/
	padding-top:10px;
}

.td_right_accueil {
	height:auto;
	/*width:265px;*/
	width:230px;
	vertical-align:top;
	padding:0;
	
}


/* Fin Gestion du bloc global de gauche */


/* Gestion du bloc global de droite */

.global_right {
	position:relative;
	display:table-cell;
	float:left;
	height:auto;
	width:285px;
	padding-top:33px;
	
}


/* Fin Gestion du bloc global de droite */

/********************* Bloc Newsletter ******************************/
.newsletter {
	background-color:#fff;
	padding:0px;
	margin:0px 2px 2px 2px; 
	padding-bottom:8px;
	text-align:left;
}

.newsletter .form-mail {
	margin:8px 0 0 0;
}


.newsletter .form-mail #email {	
	float:left;
	margin:0;
	padding:0 3px 0 3px;
}

.newsletter .form-mail P {
	float:left;
	margin:0 0 0 5px;
}

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

#nav_wrapper {
	position:absolute;
	top:140px;
	left:35px;
	/*height:28px;*/
	height:36px;

	clear: left;
}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
}

ul#topnav li {
	/*position:relative;*/
	height:100%;
	float: left;
	margin: 0; 
	padding: 5px 0 3px 0;
}

ul#topnav li.liSub {
	background-image: url(../../images/picto/separateur.jpg);
	background-repeat: no-repeat;
	background-position: 100% 19px;
}

ul#topnav li#last-li {
	background: none;
}

ul#topnav li.liSub a, ul#topnav li a {
	
	font-weight:bold;
	margin:0 2px 0 2px;
	
	color: white;
	float: left;
	line-height: 14px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	/*text-transform: uppercase;*/
	font-size:1.1em;
	z-index: 200;
}

				
ul#topnav li .sub {

	position: absolute;	
	/*top: 28px;*/
	top:37px;
	left: 2px;

	background: #ee7c02;
	background-color: #ee7c02\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding:0;
	float: left;
		
	border-bottom-right-radius:		    8px;
	-moz-border-radius-bottomright:     8px;
	-khtml-border-radius-bottomright:   8px;
	-webkit-border-bottom-right-radius: 8px;
	
	border-bottom-left-radius:		    8px;
	-moz-border-radius-bottomleft:      8px;
	-khtml-border-radius-bottomleft: 	8px;
	-webkit-border-bottom-left-radius:  8px;
	
	box-shadow:0px 10px 15px #5a5a5a;
	-moz-box-shadow:0px 10px 15px #5a5a5a;
	-webkit-box-shadow:0px 10px 15px #5a5a5a;
	
	display: none;
	z-index: 2000;
	
}

ul#topnav li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width:850px;
	float: left;
	
	overflow:hidden;
}

ul#topnav .sub ul li {
	float:left;
	color: #fff;
	padding:10px;
	border:none;
}

ul#topnav .sub ul li .li_content {

	padding:0;
	margin:0;
}
			
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom:4px;
	border-bottom:solid 1px #2a5c00;
	color: #2a5c00;
}


	ul#topnav .sub ul .liens_complementaires a {
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
	}
	ul#topnav .sub ul .liens_complementaires a:hover {
		color: #fff;
	}	
	
				ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
					padding: 5px 0;
					background-image: none;
					color: #c10707;
				}
				ul#topnav .sub ul li h2 a:hover {
					background-image: none;
					text-decoration: underline;
				}
	
	ul#topnav .sub ul li p {
	
		padding:5px;
	}
	
	ul#topnav .sub ul li a {
		/*
		float: none; 
		text-indent: 0;
		height: auto;
		background: url(navlist_arrow.png) no-repeat 0px 10px;
		padding: 0 0 0 18px;
		margin: 0 10px;
		display: block;
		line-height:27px;
		border-bottom: 1px solid #e6e6d8;
		*/
		
		float:none;
		clear:both;
		display: inline;
		
		padding:0;
		margin:0;
		text-decoration: none;
		
		color: #757575;
		font-size:1.1em;
		text-shadow: none;
		
		text-transform: none;
		
	}
	
	ul#topnav .sub ul li a:hover {
		/*color: #c50a0a;*/
		color:black;
		/*background: url(navlist_arrow_hover.png) no-repeat 0px 10px;*/
		text-decoration: underline;
		
		
		text-shadow: none;
	}
				
/*
						span.dd_action {
							height:6px;
							padding:0 0 0 10px;
							width:9px;
						}

						span.single_wrapper {
							float:left;
							margin:6px 10px;
							padding:0 15px;
						}
						
						span.single_wrapper:hover, li.current a span.single_wrapper {
							background: white;
							color: black;
							
							text-shadow: none;
							
							filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
							background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
							background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
							
							border-radius: 	       7px;
							-moz-border-radius:    7px;
							-khtml-border-radius:  7px;
							-webkit-border-radius: 7px;
							
							box-shadow:         0px 0px 2px #343333;
							-webkit-box-shadow: 0px 0px 2px #343333;
							-moz-box-shadow:    0px 0px 2px #343333;
						}
		
					span.single_wrapper:active {
						background: white;	
						color: black;
						
						text-shadow: none;
						
						filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
						background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
						background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
						
						border-radius:         7px;
						-moz-border-radius:    7px;
						-khtml-border-radius:  7px;
						-webkit-border-radius: 7px;
						
						box-shadow:         0px 0px 2px #343333;
						-webkit-box-shadow: 0px 0px 2px #343333;
						-moz-box-shadow:    0px 0px 2px #343333;
					}
*/			
	
	span.dd_wrapper {
		
		float:left;
	
	}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:     200;
	
	background:   #f3f3f3;
	color: 		  black;
	border-top:   1px solid #e5e5e5;
	border-right: 1px solid #989898;
	/*padding:	  0 10px 6px 18px;*/
	padding:	  0 0 8px 0;
	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
/*	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #f3f3f3);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#f3f3f3));
*/
	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
	
}

#ss_menu {
	z-index:-10;
	
	position:absolute;
	top:179px;
	left:30px;
		
	width:651px;
	height:22px;
	background-color:#ee7c02;
	
}

#ss_menu p {
	color:#fff;
	margin:2px 0 0 0;
}

#ss_menu a {
	color:#fff;
	margin:0 8px 0 8px;
	font-size:1.1em;
}

#ss_menu a:hover {
	text-decoration:underline;
}

#bordure_ssmenu {
	z-index: -10;
	position:absolute;
	top:179px;
	left:681px;

	width:27px;
	height:22px;

	background-image: url(../../images/fonds/bordure_ssmenu.gif);
	background-repeat: no-repeat;
	background-position: 100% top;	
}