/* CSS Document */

/* Gabarit */
body{
	margin:0;
	background:white url("/images/interface/fond_bodya.jpg") repeat-x center top;/**/
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#707173;	
}

#bodyFond{
	background:transparent url("/images/interface/fond_bodyb.jpg") no-center top;/**/
	width:100%;
}

#global{
	width:978px;
	position:relative;
	overflow:hidden;
	margin:auto;
	background:white url("/images/interface/fond_global.jpg") no-repeat center top;
	color:#707173;
}

/* Colonne de Gauche */
#col_gauche{
	width:218px;
	position:relative;
	float:left;
	z-index:5;
}
	/* Logo Irrijardin */
	.logo02{display:none;} /* >> pour l'impression uniquement */
	.logo{
		display:block;
		width:218px;
		height:100px;
		background:white url("/images/interface/logo_irrijardin.gif") no-repeat center top;
		color:#707173;
	}

	/* Menu par familles */
	
	.coccinelle{
		width:32px;
		height:35px;
		position:absolute;
		z-index:100;
		left:185px;
	}
	/* CSS Irrijardin_menu.css */

	/* RECHERCHE Rapide */
	#recherche{
		width:388px;
		height:30px;
		background:transparent url("/images/interface/bouton_recherche_complet_vide.png") no-repeat center top;
		color:white;
		font:bold 14px Trebuchet MS;
		text-align:left;
		display:inline-block;
		float:left;
	}
		.txtRecherche{
			float:left;		
			color:white;
			margin-top:5px;
			margin-left:10px;	
		}
		.recherche{
			width:169px;
			float:left;
			margin-top:3px;			
		}
		.loupe{
			padding-left:10px;
			padding-right:10px;			
			float:left;		
			margin-top:5px;				
		}
		.bt_ok{
			padding-left:10px;			
			margin-bottom:-5px!important;
			margin-bottom:-3px;
		}
	
	

	/* Newsletter */
	#newsletter{
		width:160px;
		height:65px;
		margin-bottom:15px;
		background:#EAEEFE url("/images/interface/newsletter_v.png") no-repeat center top;
		color:white;
	}
	
		#newsletter .titleNewsletter{
			font:bold 14px Trebuchet MS;	
			color:white;
			height:30px;
			padding-top:5px;
			text-align:center;
			width:130px
		}
		.newsletter{
			width:103px;
			margin-left:5px;
		}
		.bt_ok{
			margin-bottom:-5px!important;
			margin-bottom:-3px;
		}

	/* DOSSIERS formations du gabarit */
	#formations{
		width:188px;
		height:32px;
		background:white url("/images/interface/formations.jpg") no-repeat center top;
		color:white;
		padding:48px 13px 0px 17px;		
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
	}
	
	#formations a{
		color : white;	
	}
		
	/* COMMANDE Express */
	.commande{
		display:block;
		width:198px;
		height:35px;
		background:transparent url("/images/interface/fond_commande.gif") no-repeat center top;
		padding:45px 10px 0 10px;
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#7B6F66;
		text-decoration:none;
		text-align:center;
		margin-bottom:15px;
	}

	
	/* Projets */
	.projets{
		display:block;
		width:198px;
		height:50px;
		margin-top : -5px;
		background:transparent url("/images/interface/votre-projet.jpg") no-repeat center top;
		padding:40px 10px 0px 10px;
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#7B6F66;
		text-decoration:none;
		text-align:center;
	}

	/* DEMANDE Catalogue */
	.catalogue{
		display:block;
		width:135px;
		height:65px;
		background:transparent url("/images/interface/fond_catalogue.gif") no-repeat center top;
		padding:22px 10px 0 73px;
		margin-bottom:15px;		
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#0093D1;
		text-decoration:none;
		text-align:left;
	}

	/* PARRAINAGE */
	.parrainage{
		display:block;
		width:198px;
		height:38px;
		background:transparent url("/images/interface/fond_parrainage.gif") no-repeat center top;
		padding:35px 10px 0 10px;
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#1FA22E;
		text-decoration:none;
		text-align:center;
	}
		
	/* BESOIN D'UN DEVIS */
	.demande_devis{
		display:block;
		width:198px;
		height:40px;
		background:transparent url("/images/interface/fond_devis.gif") no-repeat center top;
		padding:35px 10px 2px 10px;
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#1FA22E;
		text-decoration:none;
		text-align:center;
		margin-bottom:5px;
	}
	

	/* A VOTRE SERVICE */
	#service{		
		width:195px;
		height:183px;
		padding-left:5px;
		background:#F1F1EF url("/images/interface/header_gris_clair.jpg") no-repeat center top;
		color:#707173/*707173*/;
		margin-left:10px;		
		margin-bottom:15px;
	}
	
	#service .titleMenu {
		font:bold 14px Trebuchet MS;	
		color:white;
		height:30px;
		padding-top:5px;
		text-align:center;
	}
		#service a{
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:#9C9D9F;
			text-decoration:none;
			text-align:center;
			line-height:14px;
		}
		#service a:hover{
			color:#666666;
		}

	/* FRANCHISE */
	#franchise{
		width:160px;
		height:70px;
		background:#D8E9CD url("/images/interface/header_vert.png") no-repeat left top;
		/* txt */
		line-height:14px;
		color:#1FA22E;
		text-align:center;
		margin-bottom:15px;
	}
	
	#franchise .titleFranchise {
		font:bold 14px Trebuchet MS;	
		color:white;
		height:30px;
		padding-top:5px;
		text-align:center;	
	}
	
	#franchise a{
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:rgb(31, 162, 46);
		text-decoration:none;
		text-align:center;
		line-height:14px;
	}
	#franchise a:hover{
		color:#1FA23A;
	}
	/* IRRIJARDIN Recrute */
	.recrute{
		display:block;
		width:135px;
		height:50px;
		background:transparent url("/images/interface/fond_recrute.gif") no-repeat left top;
		padding:35px 10px 0 10px;	
		/* txt */
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#1FA22E;
		text-decoration:none;
		text-align:center;
	}

#corps{
	width:760px;
	position:relative;
	float:left;
	z-index:1;
}
	/* Encart de PUB de la page d'accueil */
	.pub{
		display:block;
		position:absolute;
		z-index:2;
		top:85px;
		left:10px;
		width:400px;
		height:132px;
		/* Pour cacher l'encart de pub : */
		/* display:none; */
	}
	
	/* Bandeau d'ENTETE */
	#entete{
		position:relative;
		z-index:1;
		width:740px;
		margin:auto;
		padding:10px 0 13px 0!important;
		background:transparent url("/images/interface/ombre_entete.gif") no-repeat center bottom;
		color:#1FA22E;
		text-align:right;
		line-height:10px;
	}
	
		/* Liens d'accès PANIER et MON COMPTE */
		#acces_panier{
			width:229px;
			height:30px;
			background:transparent url("/images/interface/bouton_panier_complet_vide.png") no-repeat center top;
			color:white;
			font:bold 14px Trebuchet MS;
			text-align:left;
			float:left;
			display:inline;
			margin-left:4px;
		}
		
		.imgPanier {
			margin-bottom:10px;	
		}
		
		.txtPanier{
			float:left;		
			color:white;
			margin-top:5px;
			margin-left:10px;	
		}
		
		.txtPanier a,.acces_panier a {
			color:white;
			text-decoration:none;
			margin-left:10px;
		}
		
		#mon_compte {
			width:115px;
			height:30px;
			background:transparent url("/images/interface/bouton_mon_compte_v.png") no-repeat center top;
			color:white;
			font:bold 14px Trebuchet MS;
			display : inline-block;
			float:left;
			margin-left:4px;
		}
		
		.txtMonCompte{
			float:left;		
			color:white;
			margin-top:5px;
			text-align:center;
			width:115px;
		}
		
		.txtMonCompte a{
			color:white;
			text-decoration:none;
			margin-top:10px;			
		}

	/* Colonne de Droite */
	#col_droite{
		position:relative;
		width:165px;
		float:right;
		z-index:1;
	}
	
	
		#numero_rappel {
			margin-top:15px;
			width:160px;
			height:30px;
			background:transparent url("/images/interface/number_t.png") no-repeat center top;
			margin-bottom:15px;
		}
		
		
		#meuf_rappel {
			width:160px;
			height:88px;
			background:transparent url("/images/interface/meuf_t.png") no-repeat center top;
			margin-bottom:15px;			
		}
		

		/* 45 MAGASINS A VOTRE SERVICE */
		#magasins{
			width:135px;
			height:58px;
			background:transparent url("/images/interface/fond_magasin.gif") no-repeat left top;
			color:white;
			margin-top:-18px!important;
			margin-top:-14px;
			margin-bottom:15px;
			padding:50px 15px 0 15px;
			height:212px;
		}
			#magasins a{
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:white;
				text-decoration:none;
				line-height:16px;
				letter-spacing:-1px;
			}
			#magasins img{
				border:0;
			}

		#contact_vad {
			font:bold 14px Trebuchet MS;
			color:	#1FA22E;
			margin-top:	5px;
			margin-bottom:	15px;
			margin-left:10px;
		}
		
		#contact_magasin {
			font:bold 14px Trebuchet MS;
			color:	#1FA22E;
			margin-bottom:	15px;			
			margin-left:10px;
		}
		
		.txtTelVad {
			margin-bottom:10px;	
		}
		
		#magasinsHeader {
			width:200px;
			height:133px;
			background:transparent url("/images/interface/photo_magasin.jpg") no-repeat left top;
			margin-left:10px;
		}
		
		#magasinsLeft{
			width:200px;
			height:130px;
			background:transparent url("/images/interface/53_magasins.jpg") no-repeat left top;
			color:white;
/*			margin-top:-18px!important;
			margin-top:-14px;
			margin-bottom:2px;
			padding:50px 15px 0 15px;*/
			margin-bottom:15px;
			margin-left:10px;			
		}
			#magasinsLeft p{
				padding-top:4px;
				padding-left:6px;					
				font:bold 24px "Trebuchet MS";				
				color:#FFFFFF;
				margin:0px;
			}
			#magasinsLeft span{
				float:right;
				padding-right:8px;
				font:bold 17px "Trebuchet MS";				
				color:#FFFFFF;
				margin:0px;
			}
			#magasinsLeft a{
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:white;
				text-decoration:none;
				line-height:16px;
				letter-spacing:-1px;
			}
			#magasinsLeft img{
				border:0;
			}
		
		/* DOSSIERS CONSEILS du gabarit */
		#conseils{
			width:150px;
			height:133px;
			background:#F6D9CD url("/images/interface/dossiers_conseils_v.png") no-repeat left top;
			margin-bottom:15px;
			padding-left:5px;
			padding-right:5px;			
			/* txt */
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:white;
			line-height:14px;
			color:#DD6537;
		}
		#conseils .titleConseil{
			font:bold 13px Trebuchet MS;	
			color:white;
			width:130px;
			height:30px;
			padding-top:5px;
			text-align:center;				
		}
		
			#conseils select{
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#DD6537;
			}

		/* LIVRAISON */
		#livraison{
			width:160px;
			height:70px;
			background:#DBD7D3 url("/images/interface/livraison_v.png") no-repeat left top;
			/* txt */
			line-height:14px;
			color:#7B6F66;
			text-align:center;
			margin-bottom:15px;
		}
		
		#livraison .titleLivraison {
			font:bold 14px Trebuchet MS;	
			color:white;
			width:130px;
			height:30px;
			padding-top:5px;
			text-align:center;	
		}
		
		#livraison a{
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color: rgb(123, 111, 102);
			text-decoration:none;
			text-align:center;
			line-height:14px;
		}
		#livraison a:hover{
			color:#666666;
		}
		
		/*ADRESSE DE LIVRAISON */
		#adresse_livraison{			
			background:#DBD7D3 url("/images/interface/choix_livraison.gif") no-repeat left top;
			padding:20px 5px 10px 15px;
			width:388px;
			margin:0 0 10px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}
		
		/*ADRESSE DE liv*/
		#adresse_de_livraison{			
			background:#DBD7D3 url("/images/interface/adresse_livraison.gif") no-repeat left top;
			width:150px;
			padding:30px 10px 10px 8px;
			margin:0 0 00px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}

		
		/*ADRESSE DE FACTURATION*/
		#adresse_facturation{			
			background:#DBD7D3 url("/images/interface/adresse_facturation.gif") no-repeat left top;
			width:150px;
			padding:30px 10px 10px 8px;
			margin:0 0 00px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}
		
		/*RECAP COMMANDE*/
		#recap_commande{			
			background:#DBD7D3 url("/images/interface/recap_commande.gif") no-repeat left top;
			padding:20px 0px 10px 15px;
			width:365px;
			margin:0 0 0px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}
		
		/*MODE DE PAIEMENT*/
		#mode_paiement{			
			background:#DBD7D3 url("/images/interface/mode_paiement.gif") no-repeat left top;
			padding:30px 10px 10px 8px;
			width:150px;
			margin:0 0 10px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}
		
		/*MOYEN DE PAIEMENT*/
		#moyen_paiement{			
			background:#DBD7D3 url("/images/interface/moyen_paiement.gif") no-repeat left top;
			padding:40px 15px 10px 8px;
			width:300px;
			margin:0 0 10px 4px;
			/* txt */
			line-height:14px;
			color:#7B6F66;
		}
		
		
		/* MODES DE PAIEMENT */
		#paiement{
			width:160px;
			height:105px;
			background:#D8E9CD url("/images/interface/header_vert.png") no-repeat left top;
			/* txt */
			line-height:14px;
			color:#1FA22E;
			text-align:center;
			margin-bottom:15px;
		}
		
		#paiement .titlePaiement {
			font:bold 14px Trebuchet MS;	
			color:white;
			height:30px;
			padding-top:5px;
			text-align:center;	
		}
		
		#paiement a{
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:rgb(31, 162, 46);
			text-decoration:none;
			text-align:center;
			line-height:14px;
		}
		#paiement a:hover{
			color:#1FA23A;
		}
		
		#paiement .imgPaiement {
			width:160px;
			height:105px;
			background:transparent url("/images/interface/cartes_paiement.gif") no-repeat center top;
			margin-top:5px;
		}
		
		/* PROMOTION */
		#promotion{
			width:160px;
			height:100%;
			background:#F4F2F1 url("/images/interface/promotions_v.png") no-repeat left top;
			margin-bottom:15px;
			/* txt */
			line-height:14px;
			color:#DD6537;
		}
		#promotion .titlePromotion{
			font:bold 14px Trebuchet MS;	
			color:white;
			height:30px;
			padding-top:5px;
			text-align:center;	
			float:left;
			width:130px;
		}
		
			#promotion a{
				color:#DD6537;
			}
			#promotion .prix_rouge{
				font-size:16px;
			}
			#promotion .panier_rouge{
				font:bold 14px "Trebuchet MS", sans-serif;
				color:#DD6537;
			}
			#promotion img{
				margin-right:5px;
			}
			
		/* SERVICE APRES-VENTE */
		#apres-vente{
			width:150px;
			height:135px;
			background: #F1F1EF  url("/images/interface/sav_v.png") no-repeat left top;
			margin-bottom:15px;
			text-align:left;
			padding-left:10px;
			color:#707173;
		}
		
			#apres-vente .titleAP {
				font:bold 14px Trebuchet MS;	
				color:white;
				height:35px;
				padding-top:5px;
				text-align:left;	
			}
			
			#apres-vente a{
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#9C9D9F;
			}
			#apres-vente a:hover{
				color:#666666;
			}
			.hotline{
				display:block;
				width:117px;
				height:25px;
				background:transparent url("/images/interface/icone_hotline.gif") no-repeat left top;
				padding:2px 5px 5px 25px;
			}
			.retour{
				display:block;
				width:134px;
				height:25px;
				background:transparent url("/images/interface/icone_retour.gif") no-repeat left top;
				padding:2px 3px 5px 25px;
			}
			.pieces{
				display:block;
				width:117px;
				background:transparent url("/images/interface/icone_pieces.gif") no-repeat left top;
				padding:2px 5px 5px 25px;
			}
						
	/* Contenu de la page */
	#contenu{
		position:relative;
		float:left;
		/*width:739px;*/
		padding:0 5px 10px 10px;
		z-index:1;
		width: 580px;
	}
		/* Fil d'Ariane */
		#chemin{
			z-index:1;
			height:15px;
			/* txt */
			font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#87888A;
		}
			#chemin a{
				font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#1FA22E;
				text-decoration:none;
			}
			#chemin a:hover{
				text-decoration: underline;
			}
		/* ACCEUIL */

		/* BLOC Piscine */
		#piscine{
			width:274px;
			height:170px;
			float:left;
			background:#F4F2F1 url("/images/interface/fond_fleur.gif") no-repeat right top;
			margin-bottom:10px!important;
/*			margin-bottom:0;*/
			border-bottom:10px solid white!important;
/*			border-bottom:3px solid white;*/
			padding:5px 20px;
			/* txt*/
			font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#0093D1;
			line-height:16px;
		}
			#piscine h1{
				font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				margin:0 0 5px 0;
				background:transparent url("/images/interface/titre_bleu.gif") no-repeat left top ;
				color:#0093D1;
				border:0;
				padding:0;
			}
			#piscine h1 b{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				padding-left:15px;
				
			}
			#piscine h1 b a{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#0093D1;
				
			}
			
			#piscine .plus{
				color:#8ECAE3;
				text-decoration:none;
			}
			#piscine .prix_bleu{
				font:bold 20px Georgia, "Times New Roman", Times, serif;
			}
			#piscine .panier_bleu{
				display:block;
				width:115px;
				height:30px;
				font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				background:transparent url("/images/interface/panier_bleu.gif") no-repeat right top;
				color:#0093D1;
				margin-top:5px;
				padding: 2px 38px 3px 0px;
			}

		.photo_piscine{
			display:block;
			width:262px;
			height:180px;
			float:left;
			/*background:transparent url("/images/interface/piscine.jpg") no-repeat center top;*/
			border-bottom:10px solid white;
			background-color: rgb(244, 242, 241);
			vertical-align: middle;
			text-align: center;

		}


		/* BLOC Arrosage */
	#arrosage{
			float:left;
			width:176px;
			height:175px;
			background-color:#F4F2F1;
			margin-right:10px;
			padding:5px 10px 0px 10px;					
			/* txt*/
			font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#1FA22E;
			line-height:16px;
		}
			#arrosage h1{
				font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				margin:0 0 5px 0;
				background:transparent url("/images/interface/titre_vert.gif") no-repeat left top ;
				color:#1FA22E;
				border:0;
				padding:0;
			}
			#arrosage h1 b{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				padding-left:15px;
				display:block;
			}
			#arrosage h1 b a{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#1FA22E;
			}
			#arrosage .plus{
				color:#A6CB92;
				text-decoration:none;
			}
			#arrosage .prix_vert{
				font:bold 20px Georgia, "Times New Roman", Times, serif;
			}
			#arrosage .panier_vert{
				display:block;
				width:125px;
				height:30px;
				font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				background:transparent url("/images/interface/panier_vert.gif") no-repeat left top;
				color:#1FA22E;
				margin-top:5px;
				padding: 2px 0px 3px 38px;
			}
		.photo_arrosage{
			float:left;
			display:block;
			width:180px;
			height:180px;
			/*background:transparent url("/images/interface/arrosage.jpg") no-repeat center top;		*/
			color:#1FA22E;
			background-color: rgb(244, 242, 241);
			vertical-align: middle;
			background-position: center;
			text-align: center;
		}

		/* BLOC Spa */
		#spa{
			float:left;
			width:170px;
			height:102px;
			background-color:#F4F2F1;
			padding:5px 10px;
			/* txt*/
			font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#7B6F66;
			line-height:16px;
		}
			#spa h1{
				font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				margin:0;
				background:transparent url("/images/interface/titre_marron.gif") no-repeat left top ;
				color:#7B6F66;
				border:0;
				padding:0;
			}
			#spa h1 b{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				padding-left:15px;
				display:block;
			}
			#spa h1 b a{
				font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#7B6F66;
			}
			
			#spa .plus{
				color:#A6CB92;
				text-decoration:none;
			}
			#spa .prix_marron{
				font:bold 20px Georgia, "Times New Roman", Times, serif;
			}
			#spa .panier_marron{
				display:block;
				width:125px;
				height:30px;
				font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				background:transparent url("/images/interface/panier_marron.gif") no-repeat left top;
				color:#7B6F66;
				margin-top:5px;
				padding: 3px 0px 0px 34px;
			}
		.photo_spa{
			float:left;
			display:block;
			width:190px;
			height:66px;
			background-color: rgb(244, 242, 241);
		/*	background:transparent url("/images/interface/spa.jpg") no-repeat center top;*/
			color:#7B6F66;
			vertical-align: middle;
			text-align: center;
		}

		/* BLOC Promotions */
		.promotions02{display:none;} /* >> pour l'impression uniquement */
		#promotions{
			float:left;
			width:578px;
			margin-top:20px;
			padding-top:10px!important;
			padding-top:8px;
			background:transparent url("/images/interface/titre_promo.gif") no-repeat center top;
			color:#DD6537;
			text-align:right;
		}
		#promotions a{
			text-decoration:none;
		}
			/* Lien Toutes les promos */
			.a_promo{
				font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#DD6537;
				text-decoration:none;
			}

			/* BLOCS Produits dans Promotions (page d'accueil) */
			.promotion{
				display:block;
				width:128px;
				height:206px;
				float:left;
				border:1px solid #E6E7E7;
				margin:14px 2px;
				padding:5px;
				font:normal 9px Verdana, Arial, Helvetica, sans-serif;
				color:#707173;
				text-decoration:none;
				text-align:center;
			}
				.promotion img{
					border:0;
				}
				/* Si les /images ne sont pas découpée aux proportions 126x100px : */
				/*.image_promo{
					width:126px;
					height:100px;
					margin-bottom:5px;
					border:0;
					border-collapse:collapse;
					padding:0;
				}
				.image_promo td{
					vertical-align:middle;
					text-align:center;
					padding:0;
				}
				.image_promo img{
					border:0;
				}*/
				.promotion .titre{
					display:block;
					font:bold 11px Verdana, Arial, Helvetica, sans-serif;
					color:#58585A;
					text-decoration:none;
					margin:0 0 5px 0;
					border:0;
					padding:0;
				}
		
		/* FRANCHISE */
		
		/* Bloc demande de Franchise */
		#demande_franchise{
			width:228px;
			float:left;
			background:#DDEFF8 url("/images/interface/fond_demandefranchise.gif") no-repeat center top;
			padding:40px 10px 10px 10px;
			/* txt */
			font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#7B6F66;
		}

		/* MAGASIN DETAIL */
		
		/* Bloc infos pratiques */
		#infos_pratiques{
			width:176px;
			float:left;
			background:#E9E7E5 url("/images/interface/fond_infos.gif") no-repeat center top;
			padding:40px 10px 10px 10px;
			/* txt */
			font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#7B6F66;
		}

		#infos_pratiques hr, #demande_franchise hr{
			border-top:0;
			border-bottom:1px dashed #7B6F66;
			height:0;
			margin:10px 0!important;
			margin:5px 0;
		}
		#infos_pratiques a, #infos_pratiques p{
			color:#7B6F66;				
		}
			
		/* Bloc magasin  - utilisé aussi pour toutes les pages statiques avec encart */
		#magasin{
			float:left;
			margin-left:20px;
		}
		#realisations{
			height:136px;
			background:#F4F2F1 url("/images/interface/fond_realisations.gif") no-repeat center top;
			color:#7B6F66;
			padding:42px 10px 10px 10px;
			margin:10px 0 0 0!important;
			margin:20px 0 0 0;
		}
		
		/* Bloc pour le financement */
		#financement {
			height:43px;
			background:#FFFFFF url("/images/interface/credits3x.png") no-repeat center top;
			margin-top:5px;
			color:#DD6537;
			margin-bottom:10px;
		}
		
		#financement .type {
			float : left;
			width:61px;
			text-align:center;
			color:#FFFFFF ;
			padding:1px;
			font-size: 11px;
		}
		
		#financement .detail {
			float : left;
			padding:2px;						
			padding-left:10px;			
		}
		
		#financement a {
			color:#7B6F66 ;
		}
		
		/* Colonne droite de Magasin détail */
		#magasin_plus{
			width:150px;
			float:right;
			margin-left:10px;
		}
			#post_it{
				width:130px;			
				border-bottom:30px;
				padding:35px 10px 20px 10px;
				background:transparent url("/images/interface/post_it.gif") no-repeat center top;
				/* txt */
				color:#1FA22E;
				font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
				#post_it strong{
					font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				}

			#post_it_milieu{
				width:133px;							
				padding:25px 10px 20px 10px;
				background:transparent url("/images/interface/post_it2.gif") repeat center top;
				/* txt */
				color:#1FA22E;
				font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
				#post_it_milieu strong{
					font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				}

			#actus{
				width:130px;
				height:265px;
				background:transparent url("/images/interface/fond_actus.gif") no-repeat center top;
				padding:35px 10px 10px 10px;
				/* txt */
				color:white;
				font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
				line-height:15px;
			}
				#actus strong{
					font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				}

				
			/* PANIER */
			
			/* Tableau du panier */
			.recap_panier{
				width:100%;
				border-top:1px solid #87888A;
				border-collapse:collapse;
				/* txt */
				font:bold 12px Georgia, serif;
			}
			.recap_panier th, .recap_panier td{
				text-align:right;
				height:25px;
				padding:0 5px;
				/*border-left:1px solid #87888A;*/
				border-bottom:1px solid #ECECED;
			}
			.recap_panier th{
				color:#87888A;
				background-color:#F4F4F5;
				font:normal 11px Arial, sans-serif;
			}
			.recap_panier th.article{
				text-align:left;
				background:#D9DADB url("/images/interface/bouton_trier.gif") no-repeat right top;
				width:275px;
				color:black;
				font-weight:normal;
				border-left:none;
				border-bottom-color:#D9DADB;
			}
			.recap_panier td.article{
				text-align:left;
				font:normal 11px Arial, sans-serif;
				border-left:none;
			}
			.qte{
				width:20px;
			}
			td.suppr{
				text-align:center;
			}
			.total{
				font:bold 14px Arial, sans-serif;
				color:#87888A;
				float:right;
				width:275px;
				height:38px;
				border-bottom:1px solid #C9E8CA;
				text-align:right;
			}
			.total b{
				font:normal 19px Georgia, serif;
				color:#1FA22E;				
			}
			
			/* Bloc CODE OPERATION */
			#operation{
				width:541px;
				height:24px;
				padding:10px;
				background:white url("/images/interface/fond_operation.gif") no-repeat center top;
				/* txt */
				color:#1FA22E;
				font:normal 16px "Trebuchet MS", sans-serif;
				text-align:right;
			}
			
			/* FAMILLE */
			.famille{
				z-index:1;
				width:578px;
			}
			.famille:hover{
				text-decoration:none;
				/*background-color:#E3DFDC;*/
			}
			.famille h1{
				border:0;
				font:bold 18px "Trebuchet MS", sans-serif;
				margin:0;
			}
			.famille table{
				width:100%;
				border-collapse:collapse;
				padding:0;
			}
			.famille tr{
				cursor:pointer;
				height:35px;
				overflow:hidden;
			}
			.famille td{
				padding:10px;
			}
			.famille .image{
				padding:0;
				width:90px;
				text-align:center;
				border:1px solid #F1EEEC;
				background-color:white;
			}

			/* FAMILLE Version 2*/
			.famillev2{
				z-index:1;
				width:520px;
			}
			.famillev2:hover{
				text-decoration:none;
				/*background-color:#E3DFDC;*/
			}
			.famillev2 h1{
				border:0;
				font:bold 18px "Trebuchet MS", sans-serif;
				margin:0;
			}
			.famillev2 table{
				width:100%;
				border-collapse:collapse;
				padding:0;
			}
			.famillev2 tr{
				cursor:pointer;
				height:35px;
				overflow:hidden;
			}
			.famillev2 td{
				padding:10px;
				border-bottom:1px dashed #0093d1;
			}
			.famillev2 .image{
				padding:0;
				width:90px;
				text-align:center;
				border:1px solid #F1EEEC;
				background-color:white;
			}

			/* SOUS-FAMILLE */
			.sous-famille{
				z-index:1;
				width:550px;
			}
			.sous-famille:hover{
				/*cursor:pointer;*/
				text-decoration:none;
				/*background-color:#E3DFDC;*/
			}
			.sous-famille p{
				border:0;
				font:normal 9px Verdana, sans-serif;
				margin:5px 0 0 0;
			}
			.sous-famille table{
				width:100%;
				border-collapse:collapse;
				padding:0;
			}
			.sous-famille tr{
				cursor:pointer;
			}
			.sous-famille table td{
				padding:0 10px;
			}
			.sous-famille .image{
				padding:0;
				width:125px;
				text-align:center;
				border:1px solid #F1EEEC;
				background-color:white;
			}
			
			/* Damier de famille et Sous-famille */
			.trame1{
				background-color:#F1EEEC;
			}
			.trame2{
				background-color:#F8F7F6;
			}
			
			/* DOSSIER CONSEILS div déroulante */
			#dossiers{
				position:absolute;
				margin-top:15px;
				margin-left:380px;
				z-index:2;
				width:196px;
				background:#F29400 url("/images/interface/fond_dossiers.gif") no-repeat right top;
				
				/* txt */
				font:normal 10px Verdana, sans-serif;
				color:white;
				line-height:14px;
			}
				#dossiers a{
					display:block;
					padding-left:20px;
					color:white
				}
				#icone_dossiers{
					position:absolute;
					width:53px;
					height:58px;
					margin-left:-31px;
					margin-top:-13px;
					background:#F29400 url("/images/interface/dossiers.gif") no-repeat right top;
				}
				
				/* Fiche Produit */
				
				/* LES PHOTOS du produit */
				
				/* logo dans l'image : la taille du logo <= 40px */
				.logo_produit{
					display:block;
					position:absolute;
					margin-top:-65px!important;
					margin-top:-70px;
					
				}
				
				#photos{
					width:140px;
					float:left;
					
				}
				.photos{
					margin:-5px 0 0 -5px;
					height:100px;
					overflow:hidden;
					
				}
				.photos td{
					width:35px;					
				}
				.grande{
					padding:10px 5px;
					border:1px solid #D4CFCA;					
				}
				.miniatures{
					padding:3px;
					border:1px solid #D4CFCA;
					overflow:hidden;					
				}
				
				/* DESCRIPTION du produit */
				#description{
					border-top:solid 1px #D4CECA;
					width:185px;
					margin-left:10px;
					float:left;
				}
				
					#description hr{
						margin:10px 0px 10px 0px !important;
						border-style:solid;
						width:100%;
					}
					#description strong{
						font:normal 11px "Trebuchet MS", sans-serif;
						color:#DD6537;
					}
					
				/* Bloc infos produit */
				#infos_produit{
					width:560px;
					z-index:1;
					background:#E9E7E5 url("/images/interface/fond_produit.gif") no-repeat left top;
					margin-bottom:10px;
					margin-top:0!important;
					margin-top:-40px;
					padding:40px 10px 10px 10px;
					overflow:hidden;
					/* txt */
					font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
					color:#7B6F66;
				}
				
				#infos_produit li{
					background-image:url("/images/interface/puce_marron.gif") !important;
				}
				.infos_produit02{display:none;}
				
				/* Bloc produits liés */
				#produits_associes{
					z-index:1;
					width:550px;
					height:25px;
					background:#9C9D9F url("/images/interface/fond_associes.gif") no-repeat left top;
				}
				.produits_associes02{display:none;}
				
				/* Bloc produits déclinés */
				#produits_declinaisons{
					z-index:1;
					width:578px;
					height:25px;
					background:#9C9D9F url("/images/interface/fond_declinaisons.gif") no-repeat left top;
				}
				.produits_declinaisons02{display:none;}
				
				/* Bloc BESOIN DE CONSEIL ? */
				.conseille{
					display:block;
					z-index:1;
					width:148px;
					height:26px;
					float:left;
					margin-bottom:5px;
					background:white url("/images/interface/fond_conseille.gif") no-repeat right top;
					padding:30px 5px 10px 45px;
					/* txt */
					font:normal 11px Verdana, sans-serif;
					color:#1FA22E;
					text-align:center;
				}
				
				.financement{
					display:block;
					z-index:1;
					width:188px;
					height:26px;
					float:left;
					margin-bottom:5px;
					background:white url("/images/interface/solution-financement.png") no-repeat right top;
					padding:30px 5px 10px 5px;
					/* txt */
					text-align:center;
				}
				.financement a {
					color:#1FA22E;
					font:normal 11px Verdana, sans-serif;	
				}
				
				/* Bloc BESOIN D'UN DEVIS ? */
				.devis{
					display:block;
					z-index:1;
					width:178px;
					height:20px;
					float:left;
					margin-bottom:10px;
					background:transparent url("/images/interface/fond_devis.gif") no-repeat right top;
					padding:45px 10px 10px 10px;
					/* txt */
					font:normal 11px Verdana, sans-serif;
					color:#1FA22E;
					text-align:center;
				}
				
	/* Styles des formulaires */
	form{
		margin:0;
	}
	select{
		font-family: Verdana,Arial,Helvetica,sans-serif;
	    font-style: normal;
	    font-variant: normal;
	    font-weight: normal;
	    font-size: 10px;
	    line-height: normal; 	
		color:#58585A;
	}
	input{					
		font:normal 12px "Trebuchet MS", sans-serif;
	    color:#58585A;
		
	}
	.input{
		width:135px;
		height:18px;
		font:normal 12px "Trebuchet MS", sans-serif;
		color:#58585A;
		padding:0px 5px;
	}
	.textarea{
		width:220px;
		height:82px;
	}
	.select{
		font:normal 12px "Trebuchet MS", sans-serif;
		color:#0093D1;
		height:20px;
	}
	.obligatoire{
		color:#ED7A54;
	}
	.bouton{
		float:right;
		margin-top:20px;
	}
	
	/* Pied de page */
	#pied{
		position:relative;
		float:left;
		width:640px;
		height:12px;
		padding:13px 80px 5px 10px;
		margin:20px 10px 0 10px!important;
		margin:20px 5px 0 5px;
		background:white url("/images/interface/fond_pied.gif") no-repeat right bottom;
		/* txt */
		text-align:right;
		font:normal 9px Verdana, Arial, Helvetica, sans-serif;
		color:white;
	}	
	
	.pied_m {
		float: left;
		margin:10px;
		text-align:left;
		width:270px;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}		
	.pied_m_mots {
		font-family:arial;
		font-size:11px;
		text-align:justify;
	}
	#rappel_menu, #mots_cles{
		position:relative;
		float:left;
		width:655px;
		padding:5px 10px;
		/* txt */
		text-align:center;
		font:normal 12px "Trebuchet MS", sans-serif;
		color:#CCCCCC;
	}
	#rappel_menu a{
		color:#0093D1;
		text-decoration:none;
	}
	#rappel_menu a:hover{
		color:#7EC8E8;
	}
	#mots_cles a{
		color:#B1B3B4;
		text-decoration:none;
	}
	#mots_cles a:hover{
		color:#CCCCCC;
	}
	
		/* BLOC PRODUITS SELECTIONNES*/
		#productSelected {
			width:114px;
			height:300px;
			display:inline-block;
			float:left;
			font:normal 12px "Trebuchet MS";
		}
		.productSelectedTitle{
			height:55px;
			background:#B1B3B4;			
			font:bold 12px "Trebuchet MS";			
			color:white;
			text-align:center;
			border-right:1px solid #FFFFFF;
			margin-top:0px;
			margin-bottom:0px;			
			vertical-align:middle;
			display:table-cell;
		}
		.productSelectedTitle a {
			color:white;	
		}
		.productSelectedImage {
			height:100px;		
			background:#F1F1EF;			
			text-align:center;
			padding-top:5px;
		}
		.productSelectedMore{
			height:90px;					
			background:#DCD8D5;
			border-top:1px solid #FFFFFF;			
			border-right:1px solid #FFFFFF;			
			padding-left:5px;
			padding-top:5px;
		}
		
		.productSelectedLi {
			 color: #7B6F66;
			 font:bold 10px "Trebuchet MS";						 
			 list-style-type: none;
			 background-image: url(/images/interface/fleche_bleue_pt.png);
			 background-repeat: no-repeat;
			 padding-left: 10px;
			} 
		.productSelectedLi a, a:hover{
			 color: #7B6F66;
		} 
		.productSelectedImage p {
			width:114px;
			height:80px;
			display:table-cell;
			vertical-align:middle;		
		}
		
		.productSelectedOldPrice {
			text-decoration: line-through;
			font:bold 12px "Trebuchet MS";			
			color:white;
			text-align:right;
			padding-right:5px;
			height:10px;
		}
		
		.addPanier {
			margin-top:10px;
			text-align:center;	
			background:transparent url("/images/interface/ajouter_panier_v.jpg") no-repeat center top;			
			width:113px;
			height:24px;
			padding-top:4px;
		}
		.addPanierBottom {
			background:transparent url("/images/interface/ombre_gd_1px.jpg") repeat-x left bottom;	
			width:100px;
			height:5px;
			margin-left:7px;			
			margin-top:-4px;
		}
		
		.addPanier a {
			font:bold 11px "Trebuchet MS";			
			color:white;
		}
		
		.productSelectedPrice {
			font:bold 24px "Trebuchet MS";			
			color:#E2007A;
		}
		
		.productSelectedSavoirPlus {
			text-align:right;	
			padding-right:5px;
		}
		.productSelectedSavoirPlus a {
			font:bold 12px "Trebuchet MS";			
			color:#323232;
		}
		
		.productTitle {
			background:transparent url("/images/interface/fleche_noire_gd.png") no-repeat left center;
			border-style:none;
			color:#323232;
			margin-top:5px;
		}
		
		#productPrix {
			background-color:#FFFFFF;
			height:100px;
		}
		
		.imgProductAddCart {
			border:0;
			margin-top:20px;
			background:transparent url("/images/interface/ombre_gd_1px.jpg") repeat-x left bottom;
			padding-bottom:10px;
		}
		
		#txtLivraison {
			margin-top:10px;
			font:bold 11px "Trebuchet MS";			
			color:#7B6F66;	
		}
		
		#productPrixPromo {
			
		}
		
		#productPrixPromo .header {
			width:150px;
			height:100px;
			background:transparent url("/images/interface/cartouche_partie_gauche.jpg") no-repeat center top;
			text-align:right;
			float:left;
			font:regular 10px "Trebuchet MS";			
			color:#7B6F66;
		}
		#productPrixPromo .middle {
			width:42px;
			height:100px;
			background:transparent url("/images/interface/cartouche_partie_centre.jpg") no-repeat center top;
			float:left;
			
			font:bold 14px "Trebuchet MS";			
			color:#323232;
			text-align:center;		
		}
		#productPrixPromo .middle div{
			display:table-cell;
			width:42px;
			height:100px;			
			vertical-align: middle;
		}
		
		#productPrixPromo .bottom {
			width:150px;
			height:100px;
			background:transparent url("/images/interface/cartouche_partie_droite.jpg") no-repeat center top;
			float:left;			
			font:regular 10px "Trebuchet MS";			
			color:#7B6F66;
		}				
		.productOldPrice {
			text-decoration: line-through;
			font:bold 12px "Trebuchet MS";			
			color:white;
			text-align:right;
			margin-right:10px;
			height:10px;
			margin-top:27px;
		}
		
		.productPrice {
			margin-right:10px;			
			font:bold 24px "Trebuchet MS";			
			color:#E2007A;
		}				
		.productPriceCredit {
			font:bold 24px "Trebuchet MS";			
			color:#E2007A;	
			display:inline;
		}
		.productPriceCreditByMonth {
			font:normal 14px "Trebuchet MS";			
			color:#7B6F66;
			display:inline;				
		}

		.productPriceCreditMonth {
			font:normal 10px "Trebuchet MS";			
			color:#7B6F66;	
			margin-left:10px;
			margin-top:7px;
		}
		
		.productPriceCreditMonth a {
			font:normal 10px "Trebuchet MS";			
			color:#7B6F66;	
			text-decoration:underline;
		}

		#productPrixMagasin {
			width:423px;
		}
		#productPrixMagasin .header {
			width:342px;
			height:29px;
			background:transparent url("/images/interface/bandeau_kit_ht.jpg") no-repeat center top;
			float:left;
		}
		#productPrixMagasin .header p{
			padding-left:5px;
			font:normal 10px "Trebuchet MS";			
			color:#7B6F66;			
		}
		#productPrixMagasin .middle {
			width:342px;
			height:42px;
			background:transparent url("/images/interface/bandeau_kit_centre.jpg") no-repeat center top;
			float:left;	
			text-align:center;
		}
		
		#productPrixMagasin .middle span {
			text-decoration: line-through;
			font:bold 16px "Trebuchet MS";			
			color:white;
			padding-right:10px;
		}

		
		#productPrixMagasin .header span{		
			text-decoration: line-through;
			font:bold 14px "Trebuchet MS";			
			color:white;
		}
		#productPrixMagasin .middle p{
			font:bold 24px "Trebuchet MS";			
			color:#E2007A;
		}
		#productPrixMagasin .bottom {
			width:342px;
			height:29px;
			background:transparent url("/images/interface/bandeau_kit_bas.jpg") no-repeat center top;
			float:left;
			text-align:right;		
		}
		
		#productPrixMagasin .bottom p{
			padding-right:10px;
			font:normal 10px "Trebuchet MS";			
			color:#7B6F66;			
		}
		
		
		#productPrixMagasin .end{
			width:70px;
			display:table;
			float:right;
			color:white;
			font:bold 12px Trebuchet MS;
			text-align:center;	
		}
		
		#productPrixPromo .end {
			width:70px;
			float:left;
			color:white;
			font:bold 12px Trebuchet MS;
			text-align:center;	
		}
		#productPrixMagasin .end1,#productPrixPromo .end1 {
			width:80px;
			height:20px;
			background-color: #B1B3B4;			
			border-left:solid 1px #FFFFFF;
			float:left;			
		}						
		#productPrixMagasin .end2,#productPrixPromo .end2 {
			width:80px;
			height:39px;
			background-color: #B1B3B4;
			border-top:solid 1px #FFFFFF;
			border-left:solid 1px #FFFFFF;
			float:left;			
		}						
		#productPrixMagasin .end3,#productPrixPromo .end3 {
			width:80px;
			height:39px;
			background-color: #B1B3B4;
			border-top:solid 1px #FFFFFF;
			border-left:solid 1px #FFFFFF;
			float:left;			
		}	

		#productPrixMagasin .end1 p{
			width:80px;
			height:20px;
			vertical-align:middle;
			text-align:center;
			display:table-cell;
		}	
		
		#productPrixMagasin .end3 p,#productPrixMagasin .end2 p{
			width:80px;
			height:39px;
			vertical-align:middle;
			text-align:center;
			display:table-cell;
		}	
		
		#getDevis {
			width:423px;
			height:55px;
			margin-top:20px;
			margin-bottom:10px;			
			background:transparent url("/images/interface/ombre_gd_1px.jpg") repeat-x left bottom;
			padding-bottom:10px;			
		}
		
		#getDevis p {
			font:bold 14px "Trebuchet MS";			
			color:#FFFFFF;
			margin-left:5px;
		}
		#getDevis .getDevisTxt {
			width:273px;
			height:23px;
			background:transparent url("/images/interface/obtenir_devis_v.jpg") no-repeat center top;
			float:left;			
		}
		
		#getDevis .getDevisMail {
			width:273px;
			height:32px;
			background:transparent url("/images/interface/email_v.jpg") no-repeat center top;
			float:left;			
			
		}
		#getDevis .getDevisValid {
			width:150px;
			height:55px;
			float:right;	
		}
		
		#txtLinks {
			width:570px;
			margin-bottom:20px;		
			text-align:center	;
		}
		
		#txtLinks a {
			font:normal 14px "Trebuchet MS";			
			color:#7B6F66;
			margin-right:32px;
			text-decoration:underline;
		}
		
		#txtLinks .last {
			font:normal 14px "Trebuchet MS";			
			color:#7B6F66;
			margin-right:0px;
		}
		
		#txtLivraison {
			margin-bottom:20px;
		}

		#txtLivraison p {
			font:normal 11px "Trebuchet MS";			
			color:#7B6F66;
		}
		
		.devisTitle {
			background:transparent url("/images/interface/fleche_bleue_gd.png") no-repeat left center ;
			border-bottom:0px solid #DCD8D5;	
			color:#0093D1;
			font-size:24px;
			text-align:left;
			margin-bottom:0px;
		}
		.hrDevis {
			border-bottom:1px solid #DCD8D5;	
			margin:0px 0px 10px 0px !important;
		}
		
		.flecheMiniP {
			background:transparent url("/images/interface/fleche_bleue_pt.png") no-repeat left center ;
			padding-left:10px;
		}
		
		.flecheMiniTitle {
			background:transparent url("/images/interface/fleche_bleue_pt.png") no-repeat left center ;
			font:bold 14px "Trebuchet MS";			
			color:#0093D1;
			padding-left:10px;
			margin-bottom:0px;
		}
		
		.boutonDevis {
			float:right;
			margin-top:10px;	
		}
	
