/* CSS Document */

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a:link 
  {color: #0370ad; 
  text-decoration: none; 
  background-color: transparent }
a:visited 
  { color: #0370ad; 
  text-decoration: none; 
  background-color: transparent }

a:hover 
  { color: #6ccf01; 
  text-decoration: underline; 
  background-color: transparent }
a:active 
  { color: #6ccf01; 
  text-decoration: none; 
  background-color: transparent }
  
body{
padding-top: 10px;
text-align: center; 
background-color: #FFF;
background-image: url(http://natureco.fr/images/fond.gif);
background-repeat: repeat-x;
font: 10px arial, helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;


}

#page {
	padding: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;	
	width:1000px;
}

#pagefiche {
	padding: 0;	
	margin: 0 auto;
	text-align: left;	
	width:1000px;
}
* {
	margin:			0px;
	padding:	    0px;
}
#logo {
	display:block;
	position: absolute;
	left: 0px;
	top: 40px;	
	}
	
	#cercle {
	display:block;
	position: absolute;
	left: 700px;
	top: 32px;		
			}	

#searchcontent{
background-image:url(../images/search.jpg);
background-position:left top;
background-repeat:no-repeat;
overflow:hidden
;padding-bottom:2px
;padding-left:8px
;padding-top:2px
;position:absolute
;top:30px;
left:400px;
height:44px;
;width:189px}

#searchcontent INPUT{
	color:#6C0;
	background-color:transparent;
	border:none;
	font-size:1.2em;
	font-weight:700;
	margin-top:10px;
	margin-left:5px;
	width:120px
}
#searchcontent BUTTON{
background-color:transparent;
border:none;
cursor:pointer;
height:20px;
position:absolute;
left:150px;
text-indent:-9999px;
top:7px;
width:20px;
padding:0}

.side-block-content {
border-left:solid 1px #3d9b35;
border-right:solid 1px #3d9b35;
border-bottom:solid 1px #3d9b35;
padding: 0 0 0 8px;
}


/* Idees greenweez & sous categorie
-----------------------*/

.bloc-side-header {
height:18px;
line-height:18px;
padding-left:8px;
font-size: 12px;
font-weight:bold;
color:#fff;
background:url(/upload/images/design/left/head-left-bloc-back.png) no-repeat;
}

.bloc-side-content {
border-left:solid 1px #3d9b35;
border-right:solid 1px #3d9b35;
border-bottom:solid 1px #3d9b35;
padding: 1px 0 0 8px;
margin-bottom:10px;
}

#idees-greenweez {
margin-bottom:10px;
}

#idees-greenweez .side-block-content {
min-height:395px;
}

/*\*/
* html #idees-greenweez .side-block-content {
height: 237px;
}
/**/

#idees-greenweez li {
margin: 11px 0;
}

#menu-souscat .bloc-side-content {
min-height:237px;
}

/*\*/

#menujapanese {
	display:block;
	position: relative;
	text-align: left;
	margin-top: 3px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	width:1002px;
	z-index: 5;
			}
#acceuiljapanese {
	display:block;
	text-align: left;
	position:relative;	
	margin-top:70px;	
	margin-right: auto;
	margin-left: auto;	
	width: 1002px;
	z-index: 1;
	padding:0;
	}
	
	
	#acceuilfiche {	
	display:block;
	text-align: left;	
	margin-top:70px;	
	margin-right: auto;
	margin-left: auto;	
	width: 1002px;
	z-index: 1;
	}
	
	
	#corps {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;	
	}
	
	
	#images-droite {
	display:block;
	width:170px;
	margin-top: 0px;
	margin-right: 0px;
	border: 0px; 	
	position:relative;
	text-align: center;
				}
	
#boitedroite {
	display:block;
	width:270px;
	margin-top: 5px;
	margin-right: 0px;		
	position:relative;
	text-align: center;
				}
				
	#boitedroite2 {
	display:block;
	width:268px;
	margin-top: -3px;
	margin-right: 0px;	
	background-color:#FFFFFF;
	border: 1px solid #6ccf01;
	position:relative;
	text-align: center;
				}	
				
			#boitedroite3 {
	display:block;
	width:268px;
	margin-top: -3px;
	margin-right: 0px;	
	background-color:#FFFFFF;
	border: 1px solid #43afbf;
	position:relative;
	text-align: center;
				}
				
		#haut {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position:relative;	
	width: 1000px;
	height:100px;	
}	

		#menu {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position:relative;	
	width: 1000px;
	z-index:5;
	
}						
				
#accueilgauche {
	display:block;
	float:left;
	position:relative;
	width:715;
	margin-top: 5px;
	margin-right: 0px;	
	text-align:left;
	z-index:3;
			}
			
		#accueilgauche1 {
	display:block;
	position:relative;	
	margin-top: 5px;
	width:715;	
	text-align:left;
			}
			
	#accueilgauchefiche {
	display:block;
	float:left;	
	width:715;
	margin-top: 5px;
	margin-right: 0px;	
	text-align:left;
	z-index:3;
			}
			
		#accueilgauche1fiche {
	display:block;	
	margin-top: 5px;
	width:715;	
	text-align:left;
			}
					
		#accueilgauche1_fiche {
	display:block;		
	width:715;	
	text-align:left;
			}							
		
		#accueilgauche2 {
	display:block;	
	position:relative;
	width:715;	
	margin-top:10px;
	text-align:left;
			}	
			
			
		
		#accueilgauche3 {
	display:block;	
	width:715;	
	top: 5px;
	position:relative;
	text-align:left;
			}		
		
		#accueilgauchegauche {
	display:block;	
	width:320;	
	top: 5px;
	position:relative;
	text-align:left;
			}	
		#client {
	display:block;
	width:318px;
	height:230px;	
	margin-top: -3px;
	margin-right: 0px;	
	background-color:#FFFFFF;
	border: 1px solid #43afbf;
	position:relative;
	text-align: center;
	}
		
		#nouveautees {
	display:block;
	width:713px;
	margin-top: -3px;
	margin-right: 0px;	
	background-color:#FFFFFF;
	border: 1px solid #43afbf;
	position:relative;
	text-align: center;
	}
				
		
		
		#idees {
	display:block;	
	float:left;
	position:relative; 
	width:250;
	margin-top: 5px;
	margin-right: 0px;	margin-left: 3px;	
	text-align:left;
			}	
			
			#idees2 {
	display:block;	
	width:248;
	margin-top: -3px;
	margin-left: 0px;	
	background-color:#FFFFFF;
	border: 1px solid #43afbf;
	position:relative;		
				}	
				
		#idees2-texte {
	display:block;	
	width:240;
	margin-top: 5px;
	margin-left: 5px;	
	position:relative;
	text-align: left;	
			}	
							
			

#centre {
	display:block;
	float:left;
	width:450;	
	margin-right: 0px;	
	margin-left: 13px;	
	position:relative;
	text-align:left;
			}	
				
		#image {
	display:block;		
	width:715;
	margin-top: 5px;
	margin-right: 0px;	
	position:relative;
	text-align:left;
	z-index:10;
			}	
			
	#texte-accueil {
	display:block;	
	width:715;
	margin-top: 5px;
	margin-right: 0px;	
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}	
				
#accueildroite {
	display:block;
	float:left;
	width:270;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 13px;	
	position:relative;
	text-align:left;
				}	
#piedjapanese {
	display:block;
	text-align: left;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	height: 50px;
	background-color:#99bb00;
			}
#boitenews {
	display:block;
	float:left;
	width:400px;
	height: 165px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}
#boitenews3 {
	display:block;
	float:left;
	width:800px;
	height: 165px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}		
			

#boiteinscription1 {
	display:block;
	width:715px;	
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}	
			
#boiteinscription2 {
	display:block;
	width:715px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}			
#boiteespace {
	display:block;
	float:left;
	width:5px;
	height: 165px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}
#boiteespace2 {
	display:block;
	width:800px;
	height: 5px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}			
			
#boitenews2 {
	display:block;
	float:left;
	width:400px;
	height: 165px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
			}	
 
 
			
							
#sousboitenewstexte {
	display:block;
	width:200px;
	height: 0px;
	left: 200px;
	bottom: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 200px;
	background-color:#FFFFFF;
	position:absolute;
	text-align:right;
	clear: both;
	z-index: 3;
			}
#sousboitenewsphoto {
	display:block;
	width:400px;
	height: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color:#FFFFFF;
	position:absolute;
	text-align:right;
	z-index: 4;
			}
			
#images {
	display:block;
	position: relative;
	width: 800px;
	height:30px;
	left:0px;
	}	


	/* produit */

#produit_entete {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;	
	width:		715px;
	background-image:	url("http://natureco.fr/images/produit_vide.png");
	margin-top:5px;
}

.fiche-prod-img {
width:285px;
margin-right:10px;
overflow:hidden;
float:left;
}

.fiche-prod-img-plus {
clear:left;
}

.fiche-prod-img img {
border:solid 1px #3d9b35;
display:block;
}

.fiche-prod-img-plus img {
float:left;
margin: 4px 5px 10px 0;
}


.descriptif_off {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			2px;
	padding-left:			10px;
	height:		20px;
	width:		200px;
	background-image:	url("http://natureco.fr/images/descriptif_off.png");
	cursor: pointer;
}

.descriptif_on {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			2px;
	padding-left:			10px;
	height:		16px;
	width:		190px;
	background-image:	url("http://natureco.fr/images/descriptif_on.png");
}

avis_off {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			2px;
	padding-left:			10px;
	height:		16px;
	width:		190px;
	background-image:	url("http://natureco.fr/images/avis_off.png");
	cursor: pointer;
}

.avis_on {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			1px;
	padding-left:			10px;
	height:		16px;
	width:		190px;
	background-image:	url("http://natureco.fr/images/onglet_on.png");
}

.onglet_off {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			1px;
	padding-left:			10px;
	height:		19px;
	width:		190px;
	background-image:	url("http://natureco.fr/images/onglet_off.png");
	cursor: pointer;
}

.onglet_on {
	font-family: 			"Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
	font-size:				14px;
	color:					#fffffe;
	font-weight:			bold;
	padding-top:			1px;
	padding-left:			10px;
	height:		19px;
	width:		190px;
	background-image:	url("http://natureco.fr/images/onglet_on.png");
	
	}
	
	/* Style pour la page de contact   ------------------------------------------------------------------------------------------------ */

.texte_contact {
	font-size:12px;
	color:#414141;
	margin:10px;
	}

.input_contact {
	border:1px solid #000000;
	background:url(../images/bg_input.png) repeat-x #FFFFFF;
	padding: 4px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:300px;
	}
	

/* admin */


			#admin1 {
	display:block;
	float:left;	
	width:850;	
	top: 20px;
	left: 0px;	
	background-color:#FFFFFF;	
	position:relative;
	text-align:left;
			}		
		
		#admin2 {
	display:block;
	width:848px;
	margin-top: -3px;
	margin-right: 0px;	
	border: 1px solid #43afbf;	
	position:relative;
	text-align: center;	
	}
	
	#admin-rien {
	display:block;
	width:75px;
	float:left;
	position:relative;
	text-align: center;	
	}
	
#blocadmin {
	display:block;
	width:850px;	
	text-align:center;	
	left:0px;
	background-color:#d3cca2;
}	

#gauche { 
    float:left;
	position:relative;
	display:block;
	width:200px;	
	text-align:center;	
	margin-left:10px;
	margin-top: 1px;	
}
	
#droite {
    float:left;
	display:block;
	width:600px;	
	text-align:left;	
	margin-left:20px;
	margin-top: 1px;	
}		


/* footer */

#footer								{ margin-top: 20px; }
	

	#footer_blocs						{ width: 100%; margin-right: -1px; overflow: hidden; }
	#footer_blocs ul					{ width: 965px; height: 140px; clear: left; margin-top: 0; }
	#footer_blocs li					{ width: 20%; float: left; height: 120px; overflow:hidden;}
	#footer_blocs a						{ height: 120px; margin-bottom: 20px; display: block; font-size: 12px;color: #414141; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; background-repeat: no-repeat; background-position: center 28px; }
	#footer_blocs a:hover				{ background-position: center 28px; }
	#footer_blocs a	span				{ display: block; color: #414141; font-size: 0.8em; line-height: 0.95em; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;  }
	#footer_blocs #avantages			{ background-image: url(http://natureco.fr/images/bouton-cadeaux.png); }
	#footer_blocs #avantages:hover			{ background-image: url(http://natureco.fr/images/bouton-cadeaux-hover.png); }
	#footer_blocs #livraison         	{ background-image: url(http://natureco.fr/images/bouton-livraison.png); }
	#footer_blocs #livraison:hover         	{ background-image: url(http://natureco.fr/images/bouton-livraison-hover.png); }
	#footer_blocs #newsletter			{ background-image: url(http://natureco.fr/images/bouton-membre.png); }
	#footer_blocs #newsletter:hover			{ background-image: url(http://natureco.fr/images/bouton-membre-hover.png); }
	#footer_blocs #engagements			{ background-image: url(http://natureco.fr/images/bouton-engagements.png); }
	#footer_blocs #engagements:hover			{ background-image: url(http://natureco.fr/images/bouton-engagements-hover.png); }	
	#footer_blocs #contact				{ background-image: url(http://natureco.fr/images/bouton-contact.png); }	
	#footer_blocs #contact:hover				{ background-image: url(http://natureco.fr/images/bouton-contact-hover.png); }		
			
			
.ligne	{
background:#666666;
}				
			
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}
.Style2 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style4 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b77c2e;
}
.Style4b {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5c401a;
}
.Style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.style15 {font-size: 13px; color: #FF0000}
.style7 {font-size: 18px; font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #000000;  text-decoration:underline;}
.style9 {font-size: 14px; font-weight: bolder; font-family: "Arial"; color: #644200; text-decoration:underline; }
.stylevert {font-size: 14px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6ccf01;
	text-decoration:none;	}
.Style600 {
	font-size: 13px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #43afbf;
	text-decoration:none;	
	}

.Style601 {
	font-size: 13px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #99bb00;
}

.Style200 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style201 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blanc12 {font-size: 14px; color: #FFFFFF; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.stylegris13 {font-size: 13px; color: #414141; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.gris15 {font-size: 15px; color: #414141; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.gris12 {font-size: 12px; color: #414141; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.bleu13 {font-size: 13px; color: #43afbf; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.bleu15 {font-size: 15px; color: #43afbf; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.vert15 {font-size: 15px; color: #6ccf01; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
.stylegris11 {font-size: 11px; color: #414141; font-weight:lighter; font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;}
