@charset "UTF-8";
/* CSS Document */

/*  vert 	        : #74a d10
	rose logo       : #d43 352
	rose logo clair : #f6b bc6
	violet bandeau  : #8c2 459
	
	
	De l'ancien site
	rouge  : #CE0 000 (liens)
	orange : #e95 d0f (titres, commentaires)
	*/

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

	a {
		text-decoration:none;
		/* position:relative;
		z-index: 3; */
		color:#d43352;	} 
	
	input { }
		
	div {
		margin:0px;
		padding:0px; 
		}
		
	ol, ul, li {
		margin:6px 0 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;	
		color:#444; 
		}
		
	p, tr, td { 
		margin:6px 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;	
		color:#444; }		
		
		
	img {
		margin:0px;
		padding:0px;
		border:none;	}
		
	form {
		 margin:0px;
		 padding: 0px;	}
			 

	#global {
			width:1250px;
			margin:0 0 0 35px;
			min-height: 100%;
			position: relative; 
			background-image:url(../../IMAGE/SHAOLIN/global.jpg);
			background-repeat:repeat-y;
			/*
			margin-left: auto;
			margin-right: auto; 
			*/
			background-color:#ffffff; 
			}
				 
	
	/* BANDEAU */
	/***********/
		
		#header {
			clear:both;
			padding:0;
			margin:0;
			width:1250px;
			height:134px;
			background-image:url(../../IMAGE/SHAOLIN/bandeau.jpg);
			background-repeat:no-repeat;}
			
		h1 { display:none;}
			
		#menu_H1 {
			padding:64px 0 0 195px;
			font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#74ad10; }
			
		#menu_H2 {
			padding:34px 0 0 222px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#74ad10;
			font-weight:normal; }
			

	/* MILIEU DE PAGE */
	/******************/
		
		#center {
			margin:0; 
			padding:0 ;
			overflow: auto; } 
						
		/* Colonne verticale */
		/*********************/
				
			#col_verticale {
				background-color:#FFFF00;
				background-image:url(../../IMAGE/SHAOLIN/trait_vertical.jpg);
				background-repeat:repeat-y;
				float:left; }
				
		/* Colonne à gauche */
		/*********************/
		
			
			#col_gauche { 
				width:170px;
				padding:10px 20px 0 20px; 
				float:left; }
				
			#col_gauche ul, li {
				padding:0;
				margin:0 }
				
			/*premier niveau de menu*/
				#col_gauche a	{ 
					color:#d43352;
					font-weight:normal; }
					
				/* Premier niveau de menu */
				#col_gauche ul {
					}
					
				#col_gauche ul li {
					margin:0; 
					padding: 0px 0 0 0;
					color:#74ad10;
					font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
					color:#74ad10;
					font-size:15px;
					list-style:none; } 
					
				#col_gauche ul a	{ 
					font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#d43352; }
						
				/* Deuxième niveau de menu*/
				
				#col_gauche ul ul li{
					background-image:url(../../IMAGE/SHAOLIN/ico_feuille.jpg); 
					background-repeat:no-repeat;
					font-family:Arial, Helvetica, sans-serif;
					color:#74ad10;
					font-size:14px;
					list-style:none; 
					padding:2px 0px 0px 20px; }
										
				#col_gauche ul ul a 	{ 
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					padding:0;
					font-weight:normal;
					}
	
				/* Troisième niveau du menu */
							
				#col_gauche ul ul ul {
					padding:4px 0px 0px 6px; }
											

		/* Colonne du centre */
		/*********************/
		
			#col_centre {
				width:632px; 
				padding: 0 20px 0 20px; 
				margin:0;
				float:left;  }
									
			h2 {
				clear:both;
				padding:0px 0px 6px 0px;
				margin:0px;
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				font-size:28px;
				color:#74ad10; }
				
			h3 {
				clear:both;
				padding:24px 0px 3px 25px;
				margin:0px;
				line-height:17px;
				font-family:"Arial Black", Arial, Helvetica, sans-serif;
				font-size:15px;
				font-weight:normal;
				color:#74ad10; 
				background-image:url(../../IMAGE/SHAOLIN/feuille_h3.jpg);
				background-repeat:no-repeat;}
				
			h4 {
				clear:both;
				padding:18px 0px 0px 25px;
				margin:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
				color:#74ad10;}
					
			#col_centre .slogan{
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				font-size:40px; 
				color:#9bc554;
				line-height: 37px; 
				}
					
			#col_centre .presentation_titre{
				padding:24px 0 3px 0;
				margin:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:normal;
				color:#444;
				line-height:20px; 
				}
					
			#col_centre .presentation{
				padding:12px 0px 3px 25px;
				margin:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:normal;
				color:#444;
				line-height:20px; 
				background-image:url(../../IMAGE/SHAOLIN/feuille_accueil.jpg);
				background-repeat:no-repeat;
				}
				
		/* Colonne à droite */
		/*********************/
			
		#col_droite {
			padding:0 0 0 20px;
			float:left;  
			width:300px; }

	/* FOOTER */
	/***********/
		
		#footer {
			width:1250px;
			height:296px;
			position: absolute;
			background-image:url(../../IMAGE/SHAOLIN/bas_de_page_11_2.jpg);
			background-repeat:no-repeat; 
			background-color:#FFFFFF }
			
	/* ECRIRE EN COLONNES       */
	/* Pour Safari 3 et Firefox */
	/****************************/

		.Article {
			-moz-column-count: 2;
			-moz-column-gap: 40px;
			/* -moz-column-rule: 1px dotted #BBB; */
					
			-webkit-column-count: 2;
			-webkit-column-gap: 40px;
			/* -webkit-column-rule: 1px dotted #BBB; */
			
			/* border-top: 1px solid #999;
			border-bottom: 1px solid #999;	*/
			padding: 8px;
		}
				
	/* <HR> */
	/***********/
	
		#hr_leger {
		  	clear:both;
			height:5px;
			margin:20px 0 0 0; 
			background-image:url(../../IMAGE/SHAOLIN/filet_horizontal_leger.jpg);
			background-repeat:repeat-x; 
			}
		
		#hr_menu {
		  	clear:both;
			height:5px;
			margin:0; 
			background-image:url(../../IMAGE/SHAOLIN/filet_horizontal_leger.jpg);
			background-repeat:repeat-x; 
			}
		
		hr{
		  	display: none;
			}
	
		#hr_bordeau {
		  	clear:both;
		  	height: 10px;
			margin:0px;
			background-image:url(../../IMAGE/SHAOLIN/filet_horizontal.jpg);
			background-repeat:repeat-x; 
		}
				

	/* FORMULAIRE */
	/**************/
		/* Tous les champs textes, select pour les membres et les producteurs */
		.inp_text {
			/* background-color:#ffe; */
			border: #d4deb9 1px solid;
			font-size:12px;
			padding:0 0 4px 4px;
			color:#d43352; 
			font-weight:normal;}
		
		/* Tous les champs textes, select pour ADMIN */
		.inp_admin {
			background-color:#ffe;
			border:#AAA 1px solid;
			font-size:13px;
			padding:0 0 4px 4px;
			color:#444; 
			font-weight:normal;}
		
		/* formulaire d'accès en homepage */
		.inp_text_acces {
			background-color:#ffe;
			border:none;
			font-size:10px;
			margin:2px 0; 
			padding:2px;
			color:#d43352; 
			font-weight:normal;}
		
		/* Les boutons */
		.inp_sub {
			border : 0px; 
			width: auto;
			background-color:#d43352;
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight:bold !important;
			color: #FFF !important;
			padding:3px;
			/*border: 1px solid #d43352; */
			}
		
		.inp_acces {
			background-color:#FFEA00;
			font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:bold !important;
			color: #d43352 !important; 
			border: none;
			padding:5px 0 0 0; }
			
		
		.inp_sub:hover {
			color:#d43352 !important; 
			background-color:#e8bdbd; /*#F7EB62; */
			font-weight: bold !important;
			border : 0px; 
			}

		/*********************/
			
		form fieldset {
		  margin: 20px; }
		
		form legend {
		  padding: 0 15px 0 15px;
		  font-family:Verdana, Arial, Helvetica, sans-serif; 
		  font-size:14px; 
		  font-weight:bold;
		  color:#74ad10;  }
		
		form label {
		  display: inline;
			float: left;						
			width: 20%;							
			font-weight:normal;
		  	text-align: right;					
			margin: 0;
			padding: 0 2em 0 0;
			line-height: 1.8;					
		  } 

	
	/* POST BORD */
	/*************/
		#post_bord {
			width:210px;
			margin:30px; }
		
			#post_bord .header {
				background-image:url(../../IMAGE/SHAOLIN/post_haut.jpg);
				background-repeat:no-repeat;
				height:40px;
				}

			#post_bord .corp { 
				background-color:#87C760;
				width:190px;
				padding:10px;
				}			
			
			#post_bord h2 { 
				padding:20px 0 0 0;
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				text-align:center;
				color:#FFF;
				}			

			#post_bord p { 
				/* color:#896545; /* marron */
				}			
			
			#post_bord .footer {
				height:20px;
				background-image:url(../../IMAGE/SHAOLIN/post_bas.jpg);
				background-repeat:no-repeat; }
				
	
	/* POST ACCES */
	/*************/
		#post_acces {
			width:160px;
			margin:0px; }
		
			#post_acces .header {
				background-image:url(../../IMAGE/SHAOLIN/post_acces_haut.jpg);
				background-repeat:no-repeat;
				height:7px;
				}

			#post_acces .corp { 
				background-color:#fce535;
				width:140px;
				padding:0 10px ;
				}			
			
			#post_acces h2 { 
				padding:20px 0 0 0;
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				text-align:center;
				color:#FFF;
				}			

			#post_acces p { 
				padding:3px 0 0 0; 
				margin:0;
				color:#74ad10; 
				font-size:12px;
				font-weight:bold;
				}			
				
			#post_acces a { 
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				font-size:15px;
				}			

			#post_acces .moitie { 
				padding:10px 0 0 50px;
				}			
				
			#post_acces .moitie a { 
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:10px;
				}			

			/*#post_acces .message { 
				text-align:center;
				font-weight:normal;
				font-size:12px;
				color:#444;
				} */

			#post_acces .message p { 
				padding:3px 0 0 0; 
				margin:0;
				color:#74ad10;
				font-size:12px;
				font-weight:normal;
				}			
				
			#post_acces .message a { 
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				}			
			
			#post_acces .footer_1 {
				height:103px;
				background-image:url(../../IMAGE/SHAOLIN/post_acces_bas_1.jpg);
				background-repeat:no-repeat; }
			
			#post_acces .footer_2 {
				height:106px;
				background-image:url(../../IMAGE/SHAOLIN/post_acces_bas_2.jpg);
				background-repeat:no-repeat; }
			
			#post_acces .footer_d1 {
				height:103px;
				background-image:url(../../IMAGE/SHAOLIN/post_acces_bas_d1.jpg);
				background-repeat:no-repeat; }
			
			#post_acces .footer_d2 {
				height:106px;
				background-image:url(../../IMAGE/SHAOLIN/post_acces_bas_d2.jpg);
				background-repeat:no-repeat; }
				
	
	/* POST CENTRAL */
	/****************/
		#post_centre {
			width:310px;
			margin:0; }
		
			#post_centre .header {
				background-image:url('../../IMAGE/SHAOLIN/post_home_haut.jpg');
				background-repeat:no-repeat;
				height:84px;
				}

			#post_centre .footer {
				background-image:url('../../IMAGE/SHAOLIN/post_home_bas.jpg');
				background-repeat:no-repeat; 
				height:59px;
				}
		
			#post_centre .corp { 
				background-image:url('../../IMAGE/SHAOLIN/post_home_centre.jpg');
				padding:0 40px;
				text-align:center;
				}			
							
			#post_centre h2 { 
				font-size:22px;
				}			
								
			#post_centre p { 
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:bold;
				/* color:#896545; /* marron*/
				}			

			#post_centre .chiffre { 
				font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif;
				padding:10px 0 0 0;
				font-size:50px;
				line-height:40px; 
				color:#74ad10;
				}			
			
			#vente h3	{
				text-align:left; 
				}

			#vente p	{
				text-align:left; 
				padding-left:25px; 
				margin:0;
				font-size:12px;
				font-weight:normal;
				}
	
	
	/* EMAIL */
	/*********/
	#mail_header  { width:600px; 
			 height:163px;
			 background-image:url('../../IMAGE/SHAOLIN/mail_header.jpg');
			 /* background-repeat:none; */}
			 
	#mail_corps { width:600px; 
			 height:100%;
			 background-image:url('../../IMAGE/SHAOLIN/mail_center.jpg');
			 background-repeat:none;}
			 
	#mail_corps p, hr { margin:0 30px 0 50px; }
			 
	#mail_footer  { width:600px; 
			 height:5px;
			 background-image:url('../../IMAGE/SHAOLIN/mail_footer.jpg');
			 background-repeat:none;}
	
	/* zone cliquable */
	/*******************/

	.vers_shaolin { 
		float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
		width : 150px;
		height: 65px;
		margin: 210px 0 0 950px;
		/* border: 1px dotted  red; /* ajouté pour visualiser la zone*/
		}
		

	.vers_accueil { 
		position:absolute;
		top:10px;
		left:10px;
		width : 120px;
		height: 120px;
		/* border: 1px dotted  red; /* ajouté pour visualiser la zone*/
		}


	.version {
		position:absolute;
		top: 10px;
 		right: 100px;
		padding:5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:right;
		color:#F00;
		font-weight:bold;
		background-color:#FF99CC;
		}

	/*  SPECIFICITES */
	/*****************/
	
	.clear 		{ clear:both;}
	.retour		{ clear:both;}
	.col		{ clear:both;   margin:5px 0 5px 0; padding:0}
	.col_0		{ clear:both;   margin:0 0 0 0; padding:0 0 0 0 }
	.col_r		{ float:right;  margin:0 0 0 0; padding:0 0 0 0 }
	
	.marge		{ padding-left:25px; }
	.commentaire{ color:#74ad10; }

	.w_10		{ float: left;  width:10px  }
	.w_15		{ float: left;  width:15px  }
	.w_20		{ float: left;  width:20px  }
	.w_25		{ float: left;  width:25px  }
	.w_40		{ float: left;  width:40px  }
	.w_50		{ float: left;  width:50px  }
	.w_60		{ float: left;  width:60px  }
	.w_75 		{ float: left;  width:75px  }
	.w_80 		{ float: left;  width:80px }
	.w_90 		{ float: left;  width:90px }
	.w_100 		{ float: left;  width:100px }
	.w_115 		{ float: left;  width:115px }
	.w_125 		{ float: left;  width:125px }
	.w_150 		{ float: left;  width:150px }
	.w_160 		{ float: left;  width:160px }
	.w_165 		{ float: left;  width:165px }
	.w_170 		{ float: left;  width:170px }
	.w_175 		{ float: left;  width:175px }
	.w_185 		{ float: left;  width:185px }
	.w_200 		{ float: left;  width:200px }
	.w_210 		{ float: left;  width:210px }
	.w_225 		{ float: left;  width:225px }
	.w_250 		{ float: left;  width:250px }
	.w_275 		{ float: left;  width:275px }
	.w_300 		{ float: left;  width:300px }
	.w_325 		{ float: left;  width:325px }
	.w_350 		{ float: left;  width:350px }
	.w_375 		{ float: left;  width:375px }
	.w_400 		{ float: left;  width:400px }
	.w_425 		{ float: left;  width:425px }
	.w_450 		{ float: left;  width:450px }
	.w_475 		{ float: left;  width:475px }
	.w_500 		{ float: left;  width:500px }
	.w_550 		{ float: left;  width:550px }
	.w_575		{ float: left;  width:575px }
	.w_600 		{ float: left;  width:600px }
	.w_tot 		{ float: left;  width:100% }
	
	.h_1 		{ padding: 1px 0 0 0 }
	.h_3 		{ padding: 3px 0 0 0 }
	.h_6 		{ padding: 6px 0 0 0 }
	.h_8 		{ padding: 8px 0 0 0 }
	.h_9 		{ padding: 9px 0 0 0 }
	.h_12 		{ padding: 12px 0 0 0 }
	.h_15 		{ padding: 15px 0 0 0 }
	
	.he_5		{ height:5px;}
	.he_10		{ height:10px;}
	.he_20		{ height:20px;}
	.he_30		{ height:30px;}
		
	/* MISE EN FORME */
	.normal		{ font-weight:normal}
	.center		{ text-align:center }	
	.right		{ text-align:right }	
	.bold		{ font-weight:bold }	
	
	.nom_legume	{ font-family:"Arial Black", Arial, Helvetica, sans-serif;
				  font-size:13px; }
	.bon_prix	{ font-family:"Arial Black", Arial, Helvetica, sans-serif;
				  font-size:9px; }

	
	.blanc		{ color: #FFFFFF }				
	.gris		{ color: #949697 }				
	.vert		{ color: #74ad10 }				
	.rose		{ color: #D45E91 }
	.rouge		{ color: #FF0000 }				
	.bleu		{ color: #003399 }				
	.orange		{ color: #FF6600 }			
	.noir		{ color: #000 }			
	.marron		{ color: #896545 }
	
	.barre		{ text-decoration: line-through }	
	
	.petit		{ font-size: 11px; }
	.moyen		{ font-size: 18px; }
	.grand		{ font-size: 24px; }
	.ttgrand	{ font-size: 48px; }
	.alerte		{ color: #FF0000; font-weight:bold}		

	.couvert			{ border-top-style: solid ; border-width: thin; }
	.sous_total			{ font-style:italic; margin:3px 0px 0px 0px;}
	.sous_total_texte	{ font-style:italic; text-align:right; margin:3px 0px 0px 0px;}
	.sous_total_prix	{ font-style:italic; text-align:right; margin:3px 0px 0px 0px; border-top-style: solid ; border-width: thin; }
	.sous_total_p_texte	{ font-weight:bold; text-align:right; margin:3px 0px 0px 0px; }
	.sous_total_p_prix	{ font-weight:bold; text-align:right; margin:3px 0px 0px 0px; border-top-style: solid ; border-width: thin; }
	
	.cadre			{ border:1px solid #444 }
	
	.signature 		 {	margin: 0 25px 0 275px;
						text-align:center; }
	
	.fond_rouge 	 { background-color:#FDD; }
	.fond_vert		 { background-color:#CFC; }
	.fond_bleu		 { background-color:#DDF; }
	.fond_gris		 { background-color:#EEE; }
	.fond_gris_fonce { background-color:#CCC; }
	.fond_blanc		 { background-color:#FFF; }