@charset "iso-8859-1"; 

body {
background-image:url("images/fond.gif");
background-color: #EDF2DC;
background-attachment:fixed;
FONT-FAMILY: Verdana, Tahoma, Verdana, Lucida Handwriting, sans serif; 
FONT-SIZE: 10pt; 
COLOR: #111111; 
margin: 0;
padding: 0;
}

#imgsize {
	width:expression(document.body.clientWidth > 350 ? "350px" : "auto");
	border: 1px solid #CCCCCC;
	padding:2px; 
	max-width:350px;
}
		
a {	
	color : #999999;
	text-decoration:none;				
}
		


#content {	
position: relative;
width:960px;	
margin: 0 auto;
background-color: #FFFFFF;
}


	#logo {
	position:absolute;
	top:31px;
	left:14px;
	z-index:96;
	}
	
	#ecf {
	position:absolute;
	top:63px;
	left:59px;
	z-index:99;
	color:#00C9FF;
	FONT-SIZE: 7pt; 
	background-color: #FFFFFF;
	text-align:left;
	}

		A.ecf {
		color:#00C9FF;
		FONT-SIZE: 7pt; 
		background-color: #FFFFFF;
		text-decoration:none;
		}

		A.ecf:hover {
		color:#00C9FF;
		FONT-SIZE: 7pt; 
		background-color: #FFFFFF;
		text-decoration:none;
		}
	
	#date {
	COLOR: #999999;
	FONT-SIZE: 8pt; 
	position:absolute;
	top:81px;
	left:14px;
	z-index:95;
	}

	#banniere {
	position:absolute;
	top:0px;
	left:200px;
	}

		A.lien {
		color:#333333;
		FONT-SIZE: 9pt; 
		text-decoration:none;
		}

		A.lien:hover {
		color:#000000;
		FONT-SIZE: 9pt; 
		text-decoration:underline;
		}


/* BLOC */

	/* logo, banniere */
		
		#top {
		width:960px;		
		height:122px;	
		_height:122px;
		}
		
		
			/* logo */
		
				TD.logo { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #FFFFFF;
				width:158px;
				}
		
		
			/* banniere */
		
				TD.banniere { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #FFFFFF;
				width:560px;
				}
				
		
	/* BLOC MENU / arborescence */

		
		#menu {	
		position:absolute;
		width:960px;	
		text-align:left;
		height:26px;
		top:95px;
		z-index:99;
		BACKGROUND-COLOR : #FFFFFF;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		display:block;
		}
		
			#menu-arbo {	
			position:absolute;
			width:186px;	
			height:26px;
			top:100px;
			left:14px;
			z-index:99;
			text-align : left;
			display:block;
			FONT-SIZE: 9pt; 
			color : #555555;
			font-weight:normal;
			}
		
				a.arbo {	
				color : #999999;
				font-weight:bold;
				text-decoration:none;				
				}
		
				a:hover.arbo {	
				color : #555555;
				font-weight:bold;
				text-decoration:none;
				
		
				}
		
			#menu-nav {	
			position:absolute;
			left:14px;	
			height:26px;
			top:5px;
			z-index:90;
			text-align : left;
			display:block;
			}
		
				TD.menu-nav {
				padding-left:4px;
				padding-right:4px;
				}
				
				div.menu-lien {
				position:relative;
				display:block;
				float:left;
				padding:0px;
				margin:0px;
				height:15px;
				}
				
				img.corner-left {
				position:absolute;
				width:3px;
				height:15px;
				float:left;
				top:0px;
				left:0px;
				border:0px;
				padding:0px;
				margin:0px;
				}
				
				A.menu-lien {
				FONT-SIZE: 9pt;
				height:15px;
				COLOR : #FFFFFF;
				text-decoration:none;
				padding-left:10px;
				padding-right:10px;
				}

				A.menu-lien:hover {
				text-decoration:underline;
				
				}

				A.menu-nav:hover {
				text-decoration:underline;
				
				}

					.accueil {
					background:#ccc url(images/bord-arrondi-droite.gif) top right no-repeat;
					}
					.accueil:hover {
					background:#333 url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.chaud {
					background:#c82026 url(images/bord-arrondi-droite.gif) top right no-repeat;
					}


					.froid {
					background:#04a2c4 url(images/bord-arrondi-droite.gif) top right no-repeat;
					}
					
					.climatisation {
					background:#fc9a04 url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.actualites {
					background:#9c9e9c url(images/bord-arrondi-droite.gif) top right no-repeat;
					} 

					.divers {
					background:#a8765d url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.promo {
					background:#fc82bc url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.agences {
					background:#04a2c4 url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.conseils {
					background:#9c9e9c url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.location {
					background:#74be1c url(images/bord-arrondi-droite.gif) top right no-repeat;
					}

					.societe {
					background:#04cafc url(images/bord-arrondi-droite.gif) top right no-repeat;
					}
	
	/* BLOC CORPS */
		
		#corps {
		width:960px;	
		z-index:80;
		BACKGROUND-COLOR : #FFFFFF;	
		bottom:20px;
		}
					
			
		TD.contenu { 
		FONT-SIZE: 10pt; 
		BACKGROUND-COLOR : #FFFFFF;
		COLOR:#333333;
		vertical-align:top;
		/*padding-top: 16px;*/
		padding-top: 0px;
		padding-right: 12px;
		}	


		
		/* CONTENU DU CORPS */
					
		TD.corps-contenu { 
		FONT-SIZE: 10pt; 
		BACKGROUND-COLOR : #FFFFFF;
		COLOR:#333333;
		vertical-align:top;
		padding-left:14px;
		padding-top:16px;
		}	
			
			#corps-contenu { 
			FONT-SIZE: 10pt; 
			padding-bottom:14px;
			width:735px;
			float:right;
			}
							
				H1 {
				FONT-SIZE: 12pt; 
				COLOR:#444444;	
				border-bottom: 1px dotted #BBBBBB;
				padding-bottom:14px;	
				}

					.H1 {
					FONT-SIZE: 12pt; 
					COLOR:#444444;
					FONT-WEIGHT:700;
					text-decoration:none;
					cursor:text;
					}

					A.H1:hover {
					FONT-SIZE: 12pt; 
					COLOR:#444444;	
					text-decoration:none;
					cursor:text;
					}
				
				H2 {
				FONT-SIZE: 10pt; 
				COLOR:#666666;		
				}

				P {
				FONT-SIZE: 8pt; 
				COLOR:#333333;	
				text-align:left;
				}

				P.titre {
				FONT-SIZE: 10pt; 
				COLOR:#333333;		
				}

				P.menu {
				FONT-SIZE: 12pt; 
				COLOR:#CCCCCC;	
				line-height:24px;
				}
				
				#photo {
				float : right;
				padding-left:14px;
				padding-bottom:14px;
				}

				P.oblig {
				FONT-SIZE: 8pt; 
				COLOR:#FF0000;
				text-align:right;
				padding-right:10px;
				}
				
							
				#bas { 
				FONT-SIZE: 9px; 
				z-index:99;
				padding-top:14px;
				padding-bottom:14px;
				text-align:center;
				border-top: 1px dotted #CCCCCC;
				clear:both;
				}	
				
					A.bas {
					FONT-SIZE: 9px; 
					COLOR : #555555;
					text-decoration:none;
					}

					A.bas:hover {
					FONT-SIZE: 9px; 
					COLOR : #000000;
					text-decoration:none;
					}
							


			#corps-contenu-picto { 
			FONT-SIZE: 10pt; 
			padding-bottom:14px;
			text-align:center;
			}
			
				#corps-picto {
				width: 122px;
				height: 130px;
				float:left;
				padding:6px;
				text-align:center;
				BACKGROUND-COLOR : #FFFFFF;
				}

				.corps-picto { 
				display:block;
				padding:2px;
				vertical-align:middle;
				}


					A.corps-picto {
					FONT-SIZE: 10pt; 
					COLOR : #444444;
					text-decoration:none; 
					border: 1px solid #FFFFFF;
					}

					A.corps-picto:hover {
					FONT-SIZE: 10pt; 
					COLOR : #000000;
					text-decoration:none;
					border: 1px dotted #00C9FF;
					}		
			
					#corps-picto-image { 
					padding-right:6px;
					}			
		

			
			/* IMPLANTATIONS */


					A.region {
					FONT-SIZE: 8pt; 
					COLOR : #00C9FF;
					text-decoration:none;
					font-weight:bold;
					BACKGROUND-COLOR: #FFFFFF; 
					border: 1px solid #FFFFFF;
					padding:1px;
					}

					A.region:hover {
					FONT-SIZE: 8pt; 
					COLOR : #333333;
					text-decoration:none;
					font-weight:bold;
					border: 1px solid #00C9FF;
					padding:1px;
					}	
					
					.region-hover {
					FONT-SIZE: 8pt;
					COLOR : #333333;
					text-decoration:none;
					font-weight:bold;
					border: 1px solid #00C9FF;
					padding:1px;
					}
					
					#ville {
    			position:absolute;
    			z-index:99;
    			text-align:left;
    			width:184px;
    			float:left;
    			line-height:19px;
    			}
			
			/* COLONNE GAUCHE ACCUEIL */

			TD.accueil-g { 
			FONT-SIZE: 10pt; 
			/*BACKGROUND-COLOR : #FFFFFF;*/
			background: url("images/fond-droite.jpg") repeat-y;
			COLOR:#333333;
			vertical-align:top;
			padding-left:14px;
			width:180px;
			}

			#diapo {
			padding-bottom:14px;
			text-align:left;
			float:left;
			margin-right:14px;
			}

			#promo { 
			FONT-SIZE: 12pt; 
			font-weight:normal;
			COLOR: #00C9FF;
			vertical-align:top;
			border-top: 1px dotted #999999;
			padding-bottom:14px;
			padding-top:4px;
			width: 172px; 
			margin-top:16px;
			}

			#info { 
			FONT-SIZE: 12pt; 
			font-weight:normal;
			COLOR: #00C9FF;
			vertical-align:top;
			border-top: 1px dotted #00c9ff;
			padding-bottom:14px;
			padding-top:16px;
			width: 172px;
			height: 247px;
			}
				
				#info ul {
				PADDING: 0px;
				margin: 4px;
				}
				
				#info li{
				FONT-SIZE: 8pt; 
				COLOR:#555555;
				vertical-align:top;
				margin-left: 2px;
				list-style:none;
				list-style-image:url("images/check.gif");
				line-height:33px;
				}
			
			
			/* ACTUS */
			
			#archives-actu { 
			FONT-SIZE: 8pt; 
			font-weight:normal;
			COLOR: #666666;
			vertical-align:top;
			border-bottom: 1px dotted #999999;
			padding-bottom:16px;
			line-height : 17px;
			}
			
							
				#photo-actu {
				text-align : center;
				padding-top:10px;
				padding-bottom:10px;
				}
				
				A.archives-actu {
				FONT-SIZE: 7pt; 
				COLOR : #333;
				text-decoration:none;
				font-weight:normal;
				display : block;
				}

				A.archives-actu:hover {
				FONT-SIZE: 7pt; 
				COLOR : #FF80BD;
				text-decoration:none;
				font-weight:normal;
				display : block;
				}

				A.archives-actu-on {
				FONT-SIZE: 7pt; 
				COLOR : #9C9E9C;
				text-decoration:none;
				font-weight:normal;
				BACKGROUND-COLOR: #FFFFFF; 
				display : block;
				}
			
			
			/* LISTE PRODUITS */	
			
			#corps-liste-prod { 
			FONT-SIZE: 10pt; 
			padding-bottom:14px;
			text-align:center;
			}
			
			#liste-prod-alpha { 
			FONT-SIZE: 8pt; 
			text-align:left;
			COLOR : #000000;
     		margin-bottom: 8px;
			}
			
				A.liste-prod-alpha {
				FONT-SIZE: 10pt; 
				COLOR : #00C9FF;
				text-decoration:none;
				font-weight:bold;
				BACKGROUND-COLOR: #FFFFFF; 
				border: 1px solid #FFFFFF;
				padding:1px;
				}

				A.liste-prod-alpha:hover {
				FONT-SIZE: 10pt; 
				COLOR : #333333;
				text-decoration:none;
				font-weight:bold;
				border: 1px solid #00C9FF;
				padding:1px;
				}
			
				.liste-prod-alpha {
				FONT-SIZE: 10pt; 
				COLOR : #AAAAAA;
				text-decoration:none;
				font-weight:normal;
				padding:1px;
				}


			#liste-prod-gen { 
			BACKGROUND-COLOR : #FFFFFF;
			z-index:99;
			text-align:center;
			display:block;
			height:220px;
			padding-bottom:14px;
			}
			
			A.liste-prod-g {
			BACKGROUND-COLOR : #FFFFFF;
			z-index:99;
			width:162px;
			padding-top:14px;
			padding-bottom:14px;
			float:left;
			border-bottom: 1px dotted #EEEEEE;
			}
			
				#liste-prod-right { 
				FONT-SIZE: 9px; 
				z-index:99;
				text-align:right;
				padding-top:2px;
				padding-right:8px;
				}

				.liste-prod {
				display:block;
				padding:2px;
				text-align:center;
				height:220px;
				}


					A.liste-prod {
					FONT-SIZE: 8pt; 
					COLOR : #444444;
					text-decoration:none;
					BACKGROUND-COLOR: #FFFFFF; 
					border: 1px solid #FFFFFF;
					border-bottom: 1px dotted #00C9FF;
					cursor:pointer;
					_height:280px;
					}

					A.liste-prod:hover {
					FONT-SIZE: 8pt; 
					COLOR : #222222;
					text-decoration:none;
					BACKGROUND-COLOR: #F3FEFF; 
					border: 1px solid #404040;
					cursor:pointer;
					}
					
					
			/* FICHE PRODUITS */	
			
			#corps-fiche-prod { 
			FONT-SIZE: 10pt; 
			padding-left:7px;
			padding-right:7px;
			padding-top:7px;
			padding-bottom:7px;
			text-align:left;
			background-color: #F3FEFF;
			}
			
			P.corps-fiche-prod { 
			FONT-SIZE: 10pt; 
			text-align:left;
			
			}
			
			

			
				/* REFERENCE */
	
				#corps-fiche-prod-ref { 
				FONT-SIZE: 10pt; 
				padding-bottom:14px;
				text-align:left;
				z-index:90;
				}
				
				TD.corps-fiche-prod-ref-col { 
				FONT-SIZE: 8pt; 
				BACKGROUND-COLOR : #EFEFEF;
				text-align:center;
				border-bottom: 1px solid #999999;
				border-right: 1px solid #999999;
				border-left: 0px solid #999999;
				border-top: 1px solid #999999;
				}
				
				TD.corps-fiche-prod-ref { 
				FONT-SIZE: 8pt; 
				BACKGROUND-COLOR : #F6DF49;
				text-align:center;
				border-bottom: 1px solid #999999;
				border-right: 1px solid #999999;
				border-left: 1px solid #999999;
				border-top: 0px solid #999999;
				}

				TD.corps-fiche-prod-ref-cont { 
				FONT-SIZE: 8pt; 
				COLOR : #444444;
				BACKGROUND-COLOR : #FFFFFF;
				text-align:center;
				border-bottom: 1px solid #999999;
				border-right: 1px solid #999999;
				border-left: 0px solid #999999;
				border-top: 0px solid #999999;
				}

				TD.corps-fiche-prod-ref-prix { 
				FONT-SIZE: 8pt; 
				COLOR : #444444;
				BACKGROUND-COLOR : #FFFFFF;
				text-align:right;
				border-bottom: 0px solid #999999;
				border-right: 0px solid #999999;
				border-left: 0px solid #999999;
				border-top: 0px solid #999999;
				}

				TD.corps-fiche-prod-ref-option { 
				FONT-SIZE: 10pt; 
				COLOR : #444444;
				BACKGROUND-COLOR : #FFFFFF;
				text-align:right;
				border: 0px solid #333333;
				padding-right:14px;
				}

				TD.corps-fiche-prod-ref-info { 
				FONT-SIZE: 8pt; 
				COLOR : #666666;
				text-align:right;
				padding-right:14px;
				}

				TD.corps-fiche-prod-ref-total { 
				FONT-SIZE: 10pt; 
				COLOR : #222222;
				BACKGROUND-COLOR : #EFEFEF;
				text-align:right;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;
				border-left: 1px solid #999999;
				border-right: 0px solid #999999;
				padding-right:10px;
				}

				TD.corps-fiche-prod-ref-total-prix { 
				FONT-SIZE: 10pt; 
				COLOR : #FFFFFF;
				BACKGROUND-COLOR : #999999;
				text-align:right;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;
				border-left: 0px solid #999999;
				border-right: 1px solid #999999;
				FONT-WEIGHT: bold;
				}

				INPUT.corps-fiche-prod {
					FONT-SIZE: 10pt;
					COLOR: #222222;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #00C9FF;
					cursor:pointer;
					BORDER-top: #00C9FF 1px solid;
					BORDER-left: #00C9FF 1px solid;
					BORDER-bottom: #999999 1px solid;
					BORDER-right: #999999 1px solid;
					margin:0px;
				}

					INPUT.corps-fiche-prod:hover {
						FONT-SIZE: 10pt;
						COLOR: #FFFFFF;
						FONT-WEIGHT: bold;
						BACKGROUND-COLOR: #00C9FF;
						cursor:pointer;
						BORDER-top: #999999 1px solid;
						BORDER-left: #999999 1px solid;
						BORDER-bottom: #00C9FF 1px solid;
						BORDER-right: #00C9FF 1px solid;
						margin:0px;
					}

				#corps-fiche-right { 
				z-index:99;
				text-align:right;
				right:0px;
				FONT-SIZE: 7pt;
				COLOR : #333333;
				}
			
			
				
			

			/* COMPTE CLIENT */

				TD.compte-client-entete { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR:#333333;
				vertical-align:top;
				text-align:left;
				padding-left:50px;
				}

				TD.compte-client-g { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR:#333333;
				vertical-align:top;
				text-align:right;
				padding-right:10px;
				}

				TD.compte-client-d { 
				FONT-SIZE: 7pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR:#333333;
				vertical-align:top;
				padding-left:10px;
				}

				TD.compte-client-info { 
				FONT-SIZE: 8pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR:#555555;
				vertical-align:top;
				padding-left:10px;
				padding-right:10px;
				}

					A.compte-client-info {
					FONT-SIZE: 8pt; 
					COLOR : #555555;
					text-decoration:none;
					}

					A.compte-client-info:hover {
					FONT-SIZE: 8pt; 
					COLOR : #333333;
					text-decoration:none;
					}



					INPUT.compte-client {
						BORDER: #DDDDDD 1px solid;
						FONT-SIZE: 10px;
						COLOR: #555555;
						FONT-WEIGHT: bold;
						BACKGROUND-COLOR: #FFFFFF;

					}

					SELECT.compte-client {
						BORDER: #DDDDDD 1px solid;
						FONT-SIZE: 10px;
						COLOR: #555555;
						FONT-WEIGHT: bold;
						BACKGROUND-COLOR: #FFFFFF;
					}


				TD.compte-client-valid { 
				BACKGROUND-COLOR : #FFFFFF;
				text-align:center;
				padding-top:10px;
				padding-bottom:10px;
				}

					INPUT.compte-client-valid {
						FONT-SIZE: 12px;
						COLOR: #FFFFFF;
						FONT-WEIGHT: bold;
						BACKGROUND-COLOR: #00C9FF;
						cursor:pointer;
						BORDER-top: #00C9FF 1px solid;
						BORDER-left: #00C9FF 1px solid;
						BORDER-bottom: #999999 1px solid;
						BORDER-right: #999999 1px solid;
					}

						INPUT.compte-client-valid:hover {
							FONT-SIZE: 12px;
							COLOR: #555555;
							FONT-WEIGHT: bold;
							BACKGROUND-COLOR: #00C9FF;
							cursor:pointer;
							BORDER-top: #999999 1px solid;
							BORDER-left: #999999 1px solid;
							BORDER-bottom: #00C9FF 1px solid;
							BORDER-right: #00C9FF 1px solid;
						}
	/* BLOC PERSO */

		TD.perso { 
		FONT-SIZE: 10pt; 
		font-weight:normal;
		background: url("images/fond-droite.jpg") repeat-y;
		COLOR: #fff;
		width:196px;
		vertical-align:top;
		}

			#perso { 
			z-index:99;
			padding-left:6px;
			padding-right:6px;
			vertical-align:top;
			line-height:20px;
			}

				#perso-right { 
				z-index:99;
				text-align:right;
				padding-top:2px;
				FONT-SIZE: 11px;
				COLOR : #111111;
				}
				
				#perso-left { 
				FONT-SIZE: 9px; 
				z-index:99;
				text-align:left;
				padding-top:2px;
				}

					A.perso-right {
					FONT-SIZE: 9px; 
						COLOR : #222222;
					text-decoration:none;
					}

					A.perso-right:hover {
					FONT-SIZE: 9px; 
						COLOR : #444;
					text-decoration:underline;
					}
			


				INPUT.perso-champs {
					BORDER: #DDDDDD 1px solid;
					FONT-SIZE: 10px;
					COLOR: #555555;
					FONT-WEIGHT: bold;
				}

				SELECT.perso-champs {
					BORDER: #DDDDDD 1px solid;
					FONT-SIZE: 10px;
					COLOR: #555555;
					FONT-WEIGHT: bold;
				}

				INPUT.perso-connect {
						FONT-SIZE: 9px;
						COLOR: #00C9FF;
						FONT-WEIGHT: bold;
						cursor:pointer;
						BORDER: #00C9FF 1px solid;
				}

					INPUT.perso-connect:hover {
					FONT-SIZE: 9px;
					COLOR: #666;
					FONT-WEIGHT: bold;
					cursor:pointer;
						BORDER: #fff 1px solid;
					}

				#perso-cc { 
				z-index:99;
				padding-bottom:8px;
				border-top: 1px dotted #666;
				color:#666;
				text-shadow: 1px 1px 2px #fff;
				}

					#perso-cc-login { 
					z-index:99;
					padding-bottom:4px;
					}

					#perso-cc-newsletter { 
					z-index:99;
					vertical-align:top;
					border-top: 1px dotted #999999;
					padding-top:4px;
					}

				.titre-col {
				display:block;
				color:#666;
				text-shadow: 1px 1px 2px #fff;
				padding-bottom:6px;
				font-size:14px;
				}
					
				#perso-recherche { 
				z-index:99;
				padding-top:12px;
				padding-bottom:8px;
				}
				
				#perso-actu { 
				z-index:99;
				padding-bottom:8px;
				border-top: 1px dotted #666;
				text-align:left;
				color:#00c9ff;
				}	

					.actu { 
					display:block;
					padding:2px;
					}
								
						.perso-actu-date {
						FONT-SIZE: 8pt; 
						COLOR:#777777;	
						font-style : italic;
						}

						.perso-actu-titre {
						FONT-SIZE: 8pt; 
						COLOR:#444444;			
						}

						.perso-actu-contenu {
						FONT-SIZE: 8pt; 
						COLOR:#555555;	
						line-height:14px;
						}

						A.actu {
						FONT-SIZE: 9px; 
						COLOR : #222222;
						text-decoration:none;
						}

						A.actu:hover {
						FONT-SIZE: 9px; 
						COLOR : #00C9FF;
						text-decoration:none;
						}
				
				
				#perso-contact { 
				z-index:99;
				padding-bottom:8px;
				border-top: 1px dotted #666;
				text-align:left;
				}	

				#perso-prod { 
				z-index:99;
				padding-bottom:8px;
				border-top: 1px dotted #666;
				text-align:left;
				}	

					.prod { 
					display:block;
					padding:2px;
					text-align:center;
					}
					
						#prod-zoom {
						COLOR : #222222;
						FONT-SIZE: 7pt;
						position:absolute;
						left:110px;
						top:276px;
						display:block;
						padding:2px;
						text-align:left;
						width:40px;
						}
					
						#prod-visu { 
						COLOR : #444444;
						FONT-SIZE: 7pt;
						padding:2px;
						text-align:left;
						width:180px;
						}

						A.prod{
						FONT-SIZE: 9px; 
						COLOR : #444444;
						text-decoration:none;
						/*BACKGROUND-COLOR: #F3FEFF; 
						border: 1px solid #ccc;*/
						margin-top:14px;
						cursor:pointer;
						}

						A.prod:hover {
						FONT-SIZE: 9px; 
						COLOR : #222222;
						text-decoration:none;
						/*BACKGROUND-COLOR: #F3FEFF; 
						border: 1px solid #404040;*/
						cursor:pointer;
						}





		/* CLIENT PANIER*/

		#perso-panier { 
			COLOR: #555555;
			padding-bottom:8px;
			border-top: 1px solid #999999;
			text-align : center;
		}
		
		#client-panier-content {
			COLOR : #444444;
			FONT-SIZE: 7pt;
			HEIGHT:56px;
			text-align : left;
			overflow: auto;
			scrollbar-base-color:#e0e0e0;
			scrollbar-3dlight-color:#FFFFFF;
			scrollbar-arrow-color:#333333;
			scrollbar-darkshadow-color:#e0e0e0;
			scrollbar-face-color:#e0e0e0;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-shadow-color:#000000;
			scrollbar-track-color:#FFFFFF;
			BACKGROUND-COLOR : #FFFFFF;
			BORDER:1px #AAAAAA dotted;
			line-height:16px;
			padding-left:2px;
		}	

			a.client-panier-content {
				FONT-SIZE: 7pt;
				COLOR: #333333;
				FONT-WEIGHT: normal;
				TEXT-DECORATION: none;
				line-height:16px;
			}

			a:hover.client-panier-content {
				FONT-SIZE: 7pt;
				COLOR: #000000;
				FONT-WEIGHT: normal;
				TEXT-DECORATION: underline;
				line-height:16px;
			}

		#client-panier-montant {
			BACKGROUND-COLOR : #A2DAF4;
			FONT-SIZE: 8pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : right;
			padding:4px;
		}

		#client-panier-ok {
			BACKGROUND-COLOR : #A2DAF4;
			FONT-WEIGHT: normal;
			text-align : center;
		}

			a.client-panier-bouton {
				FONT-SIZE: 8pt;
				COLOR: #444444;
				FONT-WEIGHT: bold;
				BACKGROUND-COLOR: #FFFFFF;
				padding:2px;
				BORDER:1px #777777 solid;
				TEXT-DECORATION: none;
			}

			a:hover.client-panier-bouton {
				FONT-SIZE: 8pt;
				COLOR: #222222;
				FONT-WEIGHT: bold;
				BACKGROUND-COLOR: #FFFFFF;
				TEXT-DECORATION: none;
				padding:2px;
				BORDER:1px #AAAAAA solid;
			}

		
	/* PANIER */

		TD.panier-entete {
			FONT-SIZE: 7pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : center;
			BORDER-top :1px #CCCCCC solid;
			BORDER-bottom :1px #CCCCCC solid;
			BACKGROUND-COLOR: #EEEEEE;
			PADDING-top:1px;
			PADDING-bottom:1px;
		}	

		TD.panier-sepa {
			FONT-SIZE: 2pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : center;
			BORDER-bottom: #EEEEEE 1px solid;
			BORDER-top: #EEEEEE 1px solid;
		}		

		TD.panier-nom {
			FONT-SIZE: 8pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : left;
			padding : 4px;
		}	

			a.panier-nom {
				FONT-SIZE: 8pt;
				COLOR: #333333;
				FONT-WEIGHT: normal;
				TEXT-DECORATION: none;
			}

			a:hover.panier-nom {
				FONT-SIZE: 8pt;
				COLOR: #000000;
				FONT-WEIGHT: normal;
				TEXT-DECORATION: none;
			}	

		TD.panier-prix {
			FONT-SIZE: 10pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : right;
			padding : 4px;
		}

		TD.panier-sous-total {
			FONT-SIZE: 10pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : right;
			padding-right : 4px;
			padding-top : 4px;
			padding-bottom : 4px;
		}

		TD.panier-sous-total-prix {
			FONT-SIZE: 10pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : right;
			padding : 4px;
			BACKGROUND-COLOR : #EEEEEE;
			BORDER-left: #CCCCCC 1px solid;
			BORDER-right: #CCCCCC 1px solid;
		}

		TD.panier-total {
			FONT-SIZE: 10pt;
			COLOR: #333333;
			FONT-WEIGHT: normal;
			text-align : right;
			padding-right : 4px;
			BACKGROUND-COLOR : #BFBFBF;
		}

		TD.panier-port {
			FONT-SIZE: 8pt;
			COLOR: #666666;
			FONT-WEIGHT: normal;
			text-align : right;
			padding : 4px;
		}

		TD.panier-adresse {
			FONT-SIZE: 8pt;
			COLOR: #000000;
			FONT-WEIGHT: normal;
			text-align : left;
			padding-left : 10px;
			padding-bottom : 10px;
		}
				
		td.champs-gauche { 
		FONT-SIZE: 10pt; 
		text-align:right;
		padding:2px;
		COLOR: #333333;
		FONT-WEIGHT: bold;
		}
				
		td.champs-droite { 
		FONT-SIZE: 10pt; 
		text-align:left;
		padding:2px;
		}
	
	


	/* pied de page */
		
		#bottom {
		width:960px;
		z-index:90;
		height:40px;
		}
		
		
		
		#tel {
		FONT-SIZE: 13pt; 
		FONT-WEIGHT:normal;
		COLOR : #FFFFFF;
		BACKGROUND-COLOR : #C82026;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		height:24px;
		}
		
		
			/* pied de page gauche */
		
				TD.bas-gauche { 
				padding:12px;
				FONT-SIZE: 8pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #666666;
				vertical-align:middle;
				border-top: 1px solid #CCCCCC;
				}	
		
					A.bas-gauche {
					FONT-SIZE: 8pt; 
					COLOR : #666666;
					text-decoration:none;
					}
		
					A.bas-gauche:hover {
					FONT-SIZE: 8pt; 
					COLOR : #333333;
					text-decoration:none;
					}

		A.infoleg {
		FONT-SIZE: 8pt; 
		COLOR : #333333;
		text-decoration:none;
		}

		A.infoleg:hover {
		FONT-SIZE: 8pt; 
		COLOR : #111111;
		text-decoration:none;
		}
		
		
/* DEROULANT JQUERY */


/* ********************************** */


.infopromo{
	width:168px;
	_width:168px;
	height:168px;
	_height:168px;
	position:absolute;
	margin-top:0px;
	background-color:transparent;
}
.infopromo p{
	margin:0px;
	font-size:10px;
}
.maskpromo{
	position:relative;
	width:170px;
	height:250px;
	overflow:hidden;
}

span.promo img{
	border:none;
}


.buttonspromo{
	position:absolute; 
	top:176px; 
	left:0px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	}
	
.buttonspromobis{
	position:absolute; 
	top:176px; 
	right:16px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	cursor:pointer;
	}
	
.buttonspromo span{
	color:#3691C0;
	padding:0 5px;
	cursor:pointer;
	font-size:9px;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	}		

#sous-categorie {
	float: left;
	background-color: white;
	text-align: left;
	padding-right: 10px;
	border-right: 1px solid #999999;
	margin-right: 6px;
	width:174px;
}

#sous-categorie ul, #sous-categorie li {
	list-style: none inside;
	margin: 0px;
	padding: 0px;
}

#sous-categorie a {
	display:block;
	font-size: 10pt;
	color: #04a2c4;
	font-weight: bold;
	border-bottom: 1px solid #00c9ff;
	background-color:#f3feff;
	margin: 0px;
	padding: 4px;
}

#sous-categorie a:hover {
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color:#04a2c4;
}






	

#contact_rapide {
	display:block;
	width: 196px;
	height: 94px; 
	position: fixed; 
	z-index:900;
	background-color:#00c9ff;
	color:#fff;
	margin-left:763px;
	border-bottom:1px solid #dbf1f7;
	top:0px;
}

/* Forms*/
#contact_rapide form { 
	margin:0 auto;
	font-size:1em;
	text-align:left;
	padding-left:7px;
	padding-top:4px;
}
#contact_rapide form input { 
	border:1px solid #00c9ff;
	color:#7b6755;
	background-color:#f5f5f5;
	font-size: 11px;
}
#contact_rapide form select { 
	border:1px solid #00c9ff;
	color:#7b6755;
	background-color:#f5f5f5;
	font-size: 11px;
}
#contact_rapide form input:hover, #contact_rapide  form select:hover { 
	border:1px solid #fff;
	color:#7b6755;
	background-color:#fff;
}
#contact_rapide form input.bouton {  
	font-size: 11px;
	background-color: #7b6755;
	border:0px;
	font-weight:bold;
	color:#fff;
	padding:0px;
	cursor:pointer;
	border: 1px solid #e4ded3;
}
#contact_rapide form input.bouton:hover{
	font-size: 11px;
	background-color: #00c9ff;
	border:0px;
	font-weight:bold;
	color:#000;
	padding:0px;
	cursor:pointer;
	border: 1px solid #fff;
}
#civilite {
	width:auto;
	border:1px solid #999;
}

.modselect {width:764px; height:250px; background:url(images/selecteur) repeat-x; position:absolute; top:120px; z-index:8000; display:none; }
.modselect ul {width:232px; float:left; text-align:left; list-style:none; border-right:1px dotted #fff; padding-left:18px; padding-right:3px; margin:0px;} 
.modselect li {padding-left:0px; list-style:square;}
.modselect a {color:#000; font-size:11px; line-height:18px; display:block;}
.modselect a:hover {color:#333; text-decoration:underline; text-shadow: 1px 1px 5px #fff;}

#diapo, #diapo img {width:260px; height:220px; overflow:hidden;}