/* -----------------------------------------------------------------------------
  Nettoyer le code 
------------------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, sans-serif;
font-size: 1em;
/*font-weight: normal;*/
/*font-style: normal;*/
text-decoration: none;
}

/* -----------------------------------------------------------------------------
  GENERAL
------------------------------------------------------------------------------*/
body {	background: #e2dfcf repeat-x url("../graphisme/fond_site.jpg") ;	}


/************************************************/
/*	div principale								*/
/************************************************/
#site {
	margin-left: auto; margin-right: auto;
   	width: 994px; height: 820px; /* largeur obligatoire pour être centré */
	background-color: white;
}

#site_admin {
	margin-left: auto; margin-right: auto;
   	width: 994px; height: 950px; /* largeur obligatoire pour être centré */
	background-color: white;
}

	/************************************************/
	/*	div de 		#site							*/
  	/************************************************/
	#entete {
		position: relative;
		width: 994px; height: 217px;
		background: no-repeat url("../graphisme/entete.jpg");
	}
	
	#barre_menu	{
		position: relative;
		width: 994px; height: 55px;
		z-index: 20;
	}
	#contenu {
		position: relative; 
		width: 994px; height: 530px;
		background:  no-repeat url("../graphisme/fond_contenu.gif");
		z-index: 10;
	}
	
	#contenu_admin {
		position: relative; 
		width: 994px; height: 650px;
		background: white no-repeat url("../graphisme/fond_contenu.gif");
		z-index: 10;
	}
	
	#pied {
		position: relative; float: left;
		width: 994px; height: 18px;	background-color: #609cc2; text-align: left; line-height: 18px;  font-size: 10px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; font-weight: bold;
	}
	
	#pied p, #pied a, #pied a:hover { color: white;  }
		/************************************************/
		/*		#entete									*/
  		/************************************************/
  		#logo	{
			position: absolute;
			width: 332px; height: 93px; top: 0px; left: 0px;
		}
		
		#flash	{
			position: absolute;
			width: 994px; height: 217px; top: 0px; left: 0px;
		}
		
		/************************************************/
		/*		#barre_menu								*/
  		/************************************************/
		#fond_menu	{
			position: relative; float: left;
			width: 725px; height: 55px;	background: no-repeat url("../graphisme/fond_menu.jpg");
			font-size: 13px; font-weight: bold;	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, sans-serif; color: white; line-height: 32px;
		}
		
		
		#drapeaux_menu {
			position: relative;
			width: 120px; height: 40px; left:630px; margin-top:-2px;
		}
		
		#fond_login	{	
			position: relative; float: left;
			width: 269px; height: 55px;	background: no-repeat url("../graphisme/fond_login.jpg");
		}
		
		/************************************************/
		/*		#contenu								*/
  		/************************************************/
		
		#contenu1 {
			position: relative; float: left; margin-top: 0px;
			width: 699px; height: 100%;
			
		}
		/* cette div uniquement pour les actualitŽs */
		#contenu1bis {
			position: relative; float: left; margin-top: 0px; overflow: auto;
			width: 975px; height: 100%;
			
		}
		
		#contenu2 {
			position: relative; float: left;
			width: 295px; height: 100%;	background: no-repeat url("../graphisme/fond_contenu2.jpg");
		}
		
		/* cette div est utilisŽ pour la page presentation.php  */
		#contenu2_2	{ 
			position: relative; float: left;
			width: 295px; height: 100%;
		}
		
		/* +++ ADMIN +++ */
		#action {
			position: relative; margin-top: 0px;
			width: 680px; 
			background-color: #ededed;	border-right: 1px solid #969696;	border-top: 1px solid #969696;		border-bottom: 1px solid #969696;
		}
		
		#action_actu {
			position: relative; margin-top: 0px;
			width: 680px; 
			background-color: #ededed;	border-right: 1px solid #969696;	border-top: 1px solid #969696;		border-bottom: 1px solid #969696;
		}
		
		
			/************************************************/
			/*		#contenu > #contenu1					*/
  			/************************************************/
			/* pour la page index.php */
			#colonne1 	{	position: relative; float: left; width: 40px; height: 100%;background: no-repeat url("../graphisme/colonne1.gif");	}
			#colonne2 	{	position: relative; float: left; width: 250px; height: 100%;	}
			#colonne3 	{	position: relative; float: left; width: 40px; height: 100%;background: no-repeat url("../graphisme/colonne3.gif");	}
			#colonne4 	{	position: relative; float: left; width: 369px; height: 100%; }
			
			/* 1er colonne sur chaque page differente en fonction de la rubrique dans laquelle on se trouve */
			#colonne1_contacts		{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_contacts_fr.gif");	}
			#colonne1_presentation 	{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_presentation_fr.gif");	}
			#colonne1_produits 		{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_produits_fr.gif");	}
			#colonne1_qualite 		{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_qualite_fr.gif");	}
			
			#colonne1_references 	{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_references_fr.gif");	}
			
			#colonne1_actu	 		{	position: relative; float: left; width: 40px; height: 80%; margin-top: 15px;background: no-repeat url("../graphisme/colonnes/colonne1_actu_fr.gif");	}
			#colonne1_mention	 	{	position: relative; float: left; width: 40px; height: 85%; margin-top: 38px;background: no-repeat url("../graphisme/colonnes/colonne1_mention_fr.gif");	}
			
			
			/* pour la page presentation.php */
			
			.ligne1		{ 	position: relative; float:left; width: 640px; height: 15px; margin-left: 0px;background: #e6eff2; border-bottom: 1px solid  #b5d2da; }
			.ligne2		{ 	position: relative; float:left; width: 640px; margin-left: 10px; margin-top: 20px; }
			.ligne3		{	position: relative; float:left; width: 640px; margin-left: 10px; margin-top: 20px; }
			.ligne3bis	{	position: relative; float:left; width: 640px; margin-left: 10px; margin-top: 20px; overflow: auto; height: 78%; z-index: 0; }
			#cadre_actu {	position: relative; float:left; width: 640px; margin-left: 10px; margin-top: 10px; overflow: auto; height: 95%; z-index: 0;  }

			#cadre_actu2 {	position: relative; float:left; width: 890px; margin-left: 10px; margin-top: 10px; height: 92%; z-index: 0;   }
			
			#cadre_actu2_admin {	position: relative; float:left; width: 920px; margin-left: 10px; margin-top: 10px; overflow: auto; height: 85%; }
			
			
			
				.tit_pre 		{	font-weight: bold;		font-size: 14px; 	line-height: 20px; 	color: #4b92a3; 	text-align: center; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
				*html .tit_pre 	{ 	margin-bottom: -3px;	font-weight: bold;	font-size: 14px; 	line-height: 20px; 	color: #4b92a3; 	text-align: center; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
				.tit_pre_admin {	font-weight: bold;		font-size: 17px; line-height: 18px; color: #4b92a3; text-align: center; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
	
				
				.sst_pre 		{	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;			font-weight: bold;	font-size: 15px; 	line-height: 18px; color: #8c7b68;	}
				.con_pre 		{	font-weight: normal;	font-size: 12px; 	line-height: 18px; 	color: black;   	text-align: left; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
	
				
				/* pour la page contact */
				.form_pro 	{ 	font-weight: normal;	font-size: 12px; color: black;   text-align: left; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
				.con_pro 	{	font-weight: bold;	font-size: 11px; line-height: 16px; color: black;   text-align: left; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
				.radio_pro 	{	width: 11px; }
	
				.lien_contact 		{ 	text-decoration: none; 		color: black; }
				.lien_contact:hover { 	text-decoration: underline; color: black; }
				#adr_contact 		{ 	position: relative; 	width: 220px;		height: 200px;		margin: 20px 0px 0px 30px;	border: 1px solid  #8c7b68; padding: 20px 0px  0px 20px;float: left }
				*html #adr_contact 	{ 	position: relative; 	width: 220px;		height: 200px;		margin: 20px 0px 0px 15px;	border: 1px solid  #8c7b68; padding: 20px 0px  0px 20px;float: left }
				#adr_contact2		{ 	position: relative; 	width: 359px;		height: 220px;		margin-top: 20px; border: 1px solid  #8c7b68; float: left}
				
				#adr_contact p 		{	font-weight: normal;		font-size: 13px; 	line-height: 20px; 	color: black;   text-align: left; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
	
			/* pour la page actu (liste) */
			.tit_actu 	{	margin-left:15px;	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 15px; 	line-height: 17px; color: #8c7b68;	}
			.sst_actu 	{	margin-left:15px;	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 13px; 	line-height: 15px; color: #8c7b68;	}
			.des_actu 	{	margin-left:15px;	font-weight: normal;	font-size: 12px; 	line-height: 14px; 	color: black; text-align: left; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
			.sui_actu 	{ 	margin-right:15px;	font-weight: bold; font-size: 9px; color: #438d9d; text-align: right; }	
			.sui_actu  a, .sui_actu  a:hover	{ 	margin-right:15px;	font-weight: bold; font-size: 9px; color: #438d9d; text-align: right; }	
			
			/* pour la page detail_actu */
			.tit_actu_detail 	{	margin-left:10px;	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 18px; 	line-height: 22px; color: #8c7b68;	}
			.publie_actu_detail {	margin-right:10px; margin-bottom: 0px; text-align: right; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 10px; 	line-height: 10px; color: #8c7b68;	}
			.sst_actu_detail 	{	margin-left:10px;	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 14px; 	line-height: 18px; color: #8c7b68;	}
			.des_actu_detail 	{	font-weight: normal;	font-size: 11px; 	line-height: 13px; 	color: black; text-align: justify; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
			.lien_actu_detail 	{ 	font-weight: bold; font-size: 9px; color: #438d9d; text-align: left; }	
			.lien_actu_detail  a, .lien_actu_detail  a:hover	{ 	margin-right:15px;	font-weight: bold; font-size: 9px; color: #438d9d; text-align: right; }	
				
			.lien_actu_retour 	{ 	margin-right:10px; font-weight: bold; font-size: 9px; color: black; text-align: right; }	
			.lien_actu_retour  a { margin-right:10px; font-weight: bold; font-size: 9px; color: black; text-align: right; }	
			.lien_actu_retour  a:hover { margin-right:10px; font-weight: bold; font-size: 9px; color: black; text-align: right; text-decoration: underline; }	
				
					
				
			/* pour la page sous menu des produits */
			#liste_prod 		{ 	position: relative; float:left;	height: 99%; width: 655px; 	overflow:auto; }
			#liste_prod_admin   { 	position: relative; float:left;	height: 90%; width: 655px; 	overflow:auto; }
			
			/* pour la page des produits, le dŽtail */
			#detail_prod { 	position: relative; float:left;	height: 95%; width: 640px; 	}
			
					
			
			/************************************************/
			/*		#contenu  >  #contenu2					*/
  			/************************************************/
			.cadre { /* div dans laquelle se trouve pour "produit a la une" */
				position: absolute;	top: 1px; left: 11px;
				width:93px; height: 100px;
			}
			
			
			.cadre img {
				position: relative;
				left: -70px;
				top: -70px;
			}
			.cadre p {
				position: relative;
				width: 93px;
				height: 100px;
				overflow: hidden;
			}
			
			
			#tit_contenu2 { position: absolute; top: 60px; left: 125px; width: 125px; }
			#des_contenu2 { position: absolute; top: 170px; left: 40px; width: 200px; }
			#tit_contenu2 p {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;		font-size: 14px; line-height: 20px; color: #8c7b68;	}
			#des_contenu2 p {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 15px;	}
			#des_contenu2 a {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 15px; color: black;	}
			#des_contenu2 a:hover {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 15px; color: black; text-decoration: underline;	}
				
			/****************************************************/
			/*		#contenu  >  #contenu2_2(presentation.php)	*/
  			/****************************************************/
			#contenu2_2_top		{ margin-top: 0px; background: no-repeat url("../graphisme/fond_contenu2_2top.jpg"); width: 280px; height: 25px; }
			#contenu2_2_middle	{ background: repeat-y url("../graphisme/fond_contenu2_2middle.jpg"); padding-left: 50px; width: 230px; }
			#contenu2_2_bottom	{ background: no-repeat url("../graphisme/fond_contenu2_2bottom.jpg"); width: 280px; height: 25px; }
		
			
			/************************************************/
			/*		#barre_menu > #fond_login				*/
  			/************************************************/
		
			#fond_login #espace_clients {				
				position: relative; float: left; display: inline;
				height: 32px; width: 115px;
				font-size: 14px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; line-height: 35px; color: white; text-align: center;
			}
			#fond_login #log {				
				position: relative; float: left; display: inline; margin-top: 4px;
				height: 45px; width: 115px;
				font-size: 10px; font-weight: bold;  font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; color: black; text-align: center;
			}
			#fond_login .ok {
				position: relative; float: left; display: inline;
				height: 32px; width: 39px;
				font-size: 14px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; line-height: 35px; color: white;text-align: left;
			}
			input {
				height: 13px; width: 70px; font-weight: normal;
			}
			
			
			
				/************************************************/
				/*		#contenu  >  #contenu1  >  #colonne2	*/
				/************************************************/
				#colonne2 p	{
					margin-top: -3px;
					font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;	font-size: 11px; line-height: 18px;
				}
				
				
				
				/************************************************/
				/*		#contenu  >  #contenu1  >  #liste_prod	*/
				/************************************************/
				/* pour la page ou on voit les produits en miniatures */
				
				#ss_menu {	position: relative; float:left;	width: 640px; background-color: #e6eff2;	border-bottom: 1px solid  #b5d2da;/* fond blanc, entourŽ or*/	}
					
				.carre_prod 		{	position: relative; float:left; margin-top: 15px; margin-left: 15px; height:150px; width: 140px;	border: solid 1px #4b92a3; background-color: #e6eff2; }
				* html .carre_prod 	{	display: inline; position: relative; float:left; margin-top: 15px; margin-left: 15px; height:140px; width: 140px;	border: solid 1px #4b92a3; background-color: #e6eff2; }
					
					#ss_menu	p		{	font-weight: normal;	margin-bottom: -4px;	font-size: 13px; 	line-height: 20px; 	color: #4b92a3; 	text-align: center; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
					#ss_menu	a		{	color: #4b92a3; }
					#ss_menu	a:hover	{	color: white; background-color: #609cc2 ;	 }
					*html #ss_menu p 	{ 	margin-bottom: -3px;	font-weight: bold;	font-size: 13px; 	 	color: #4b92a3; 	text-align: center; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
					.surligner	{	 color: white; background-color: #609cc2 ; font-weight: normal;	margin-bottom: -4px;	font-size: 13px; 	line-height: 20px; 	text-align: center; 	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
				
					.carre_prod a			{	font-weight: bold;	line-height: 10px; font-size: 11px; color: #4b92a3; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
					.carre_prod a: hover	{	font-weight: bold;	line-height: 10px; font-size: 11px; color: #4b92a3; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}


				/****************************************************/
				/*		#contenu  >  #contenu1  >  #details_prod	*/
				/****************************************************/
				/* pour la page ou on voit le details des produits */
				
				#contenu_prod { position: relative; float:left; margin-left: 10px; margin-top: 20px; overflow: auto; height: 92%; width: 99%;  }
				#contenu_prod_admin { position: relative; float:left; margin-left: 10px; margin-top: 20px; overflow: auto; height: 465px; width: 99%;  }
					
					.tit_prod { margin-left: 10px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;		font-size: 18px; line-height: 22px; color: #8c7b68;}
					.sst_prod { margin-left: 10px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;		font-size: 13px; line-height: 15px; color: #8c7b68;}
					.cat_prod { margin-left: 10px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;		font-size: 12px; line-height: 15px; color: black;}
					.txt_prod { margin-left: 10px; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 11px; line-height: 15px; color: black;}
					.cou_prod { font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; 	line-height: 13px; }
					
				
				
				/************************************************/
				/*		#contenu  >  #contenu1  >  #colonne3	*/
				/************************************************/
				.article {
					position: relative; margin-bottom: 30px;
					width: 369px; height: 150px;
				}
			
					/********************************************************/
					/* #contenu  >  #contenu1  >  #colonne2  >  #article	*/
					/********************************************************/
					.image_arti	{
						position: relative; float: left;
						width: 190px;
						text-align: center;
					}
					.contenu_arti {
						position: relative; float: left;
						width: 160px;
					}
					
						.tit_arti {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: bold;		font-size: 13px; line-height: 16px; color: #8c7b68;	}
						.des_arti {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 12px;	}
						.sui_arti {	font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 10px;		font-style: italic; text-align: right; }
						.sui_arti a	{
						font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 10px;	color: black;	font-style: italic; text-align: right;  }
						.sui_arti a:hover  {	
						font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	font-weight: normal;	font-size: 10px; line-height: 10px;	color: black;	font-style: italic; text-align: right; text-decoration: underline; }
				
					
					/****************************************************************/
					/* #contenu  >  #contenu1  >  #colonne1_actu  >  #cadre_actu	*/
					/****************************************************************/
					
					.image_som_arti	{
						position: relative; float: left;
						width: 180px;
						text-align: center;
					}
					.contenu_som_actu {
						position: relative; float: left;
						width: 420px;
					}
					
					
					
				
/************************************************/
/*												*/
/*		classe d'ordre gŽnŽrale					*/
/*												*/
/************************************************/		
	
	.p_petit	{	font-weight: bold;	font-size: 10px; line-height: 13px; color: black; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
	.p_petit2	{	font-weight: normal;	font-size: 9px; line-height: 10px; color: black; font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;	}
	

	
	.type_prod { position: relative; float: left; width: 95%; border-bottom: solid 1px #4b92a3; margin-top: 15px; margin-left: 10px; }
	.type_prod p { font-weight: normal; font-size: 14px;line-height: 20px;color: #4b92a3;text-align: right;font-family: "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif; }
	
	
	
/* //////////////////////////////////////////// */	
/*		PAGE REFERENCES 						*/		
/* //////////////////////////////////////////// */		
	.div_ref		{	position: relative; float:left; width: 620px; height: 450px; margin-left: 25px; margin-top: 20px; overflow: auto; z-index:2;}
	.p_ref			{	margin-bottom: 15px; width: 100%; font: normal 12px/18px "Trebuchet MS",Verdana, "Lucida Grande", Tahoma, sans-serif;		color: black;   text-align: left; }