body
{margin:0 0 0 0;
padding:0;
/*background:#4780B2 url(/_img/fd_site.png) no-repeat top center;*/
background:#fff url('/_img/bg-body.jpg') no-repeat top center;;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003263;
}

h1{display:none;}

h2{
font-weight:normal;
font-size:30px;
margin:10px 0 2px 0;
padding:0;
color:#003263;
}

h3{
font-weight:normal;
font-size:20px;
margin:2px 0 2px 0;
padding:0;
color:#4780b2;
}

h4{
font-weight:normal;
font-size:16px;
margin:2px 0 1px 0;
padding:0;}

h5{
font-size:14px;
margin:1px 0 0 0;
padding:0;
color:#003263;
font-style:italic;
}

p{ 
margin:3px 0 10px 0;
padding:0 0 0 10px;}

hr{display:none;}

a{color:#4780b2;}
a:hover{color:#add680; text-decoration:none;}

a:focus, a:active{outline:none;}

#logo{
	background:url(/_img/logo.png) no-repeat;
	width:232px;
	height:140px;
	margin-bottom:52px;
}
#Acc #logo{
	background:url(/_img/logo.png) no-repeat;
	width:232px;
	height:140px;
	margin-bottom:52px;
}
	
#main{
width:940px;
margin:0 auto 0 auto;
min-height:500px
}


	/************************************/
	/*			menu de navigation		*/
	/************************************/

	#menu{
	width:685px;
	margin:0 9px 0 0;
	height:32px;
	font-size:12px;
	float:right;
	background:url('/_img/bg-menu.png') no-repeat bottom;
	}
	

	#menu a{
	display:block;
	float:left;
	color:#ffffff;
	line-height:32px;
	padding:0 4px 0 4px;
	margin:0;
	text-decoration:none;
	}

	#menu a:hover{
	background:url(/_img/fd_menu.png) no-repeat bottom center;}
	
	
	
	#Acc #menu a#acc,
	#Entreprise #menu a#entreprise,
	#Implication #menu a#implication,
	#Produits #menu a#produits,
	#Services #menu a#services,
	#Soumissions #menu a#soumissions,
	#Realisations #menu a#realisations,
	#Distributeurs #menu a#distributeurs,
	#Partenaires #menu a#partenaires,
	#Documents #menu a#documents,
	#Contact #menu a#contact,
	#Faq #menu a#faq{
	background:url(/_img/fd_menu.png) no-repeat bottom center;
	}
		
		#menu ul{
		width:685px;
		margin:0;
		padding:0 5px;
		list-style:none;
		float:left;
		}
		
			#menu li{float:left; margin-right:7px;}
			
			#menu li.langue{
			float:right;
			}
				#menu li.langue a{
				margin-right:5px;
				padding:0 10px;
				background:url('/_img/bg-menu-lang.png') no-repeat bottom right;
				}
				#menu li.langue a:hover{
				text-decoration:underline;
				background:url('/_img/bg-menu-lang.png') no-repeat bottom right;
				}

			
			/******************************/
			/*		 menu de gauche		  */
			/******************************/
			
			#smenu{
			padding:0 0 0 15px;
			}
			
				#smenu a{
				display:block;
				width:158px;/*165*/
				height:30px;/*37*/
				padding:5px 0 0 7px;
				font-size:12px;
				color:#003263;
				text-decoration:none;
				margin:0 0 3px 0;
				}
					#smenu span{font-size:10px;}
					
					#smenu a:hover, #smenu a.on{
					color:#FFFFFF;
					background:url(/_img/fd_smenu.png) no-repeat center center;
					}
			/********* fin de menus ***********/
		
#zone_droite{ /*** après révision c'est actuellement la zone de gauche  ... désolé mon erreur  ******/
	width:232px;
	float:left;
	
}

#Acc #zone_gauche{ /**** vu mon commentaire sur le id précédent... c'est la zone de droite finallement ... Pour l'accueil ***/
	width:700px;
	float:left;
	padding:4px 0 0 0;
	}

#zone_gauche{ /**** vu mon commentaire sur le id précédent... c'est la zone de droite finallement ***/
	width:685px;/*700*/
	float:left;
	padding:4px 0 0 15px;
	}
		#main #zone_gauche #entete{margin-left:-1px;}
	
	/********************** Images d'entete *****************/
	
														#Entreprise #entete,
														#Implication #entete,
														#Produits #entete,
														#Services #entete,
														#Soumissions #entete,
														#Distributeurs #entete,
														#Partenaires #entete,
														#Contact #entete{
															background:url(/_img/entetes/entete1.png) no-repeat top center;
															width:645px;/*685*/
															height:105px;/*143*/
															margin:0;
															padding:38px 0 0  40px;
															
														}
														
														#Realisations #entete{
															background:url(/_img/entetes/entete2.png) no-repeat top center;
															width:645px;/*700*/
															height:105px;/*143*/
															margin:0;
															padding:38px 0 0  40px;
															
														}
														
														
														
														/******************** texte sur les image ****************/												
																	#entete h2{
																	font-size:28px;
																		margin:0;
																		padding:0;
																		color:#fff;
																		font-weight:normal;
																	}
																		#entete h2 span{
																		font-size:18px;
																		}
																
	/********************* fin Images d'entete ******************/

		
	
	
	#coordonne{
	height:202px;
	overflow:hidden;
	font-size:11px;
	margin-top:24px;
	}
	#Acc #coordonne{
	height:202px;
	overflow:hidden;
	font-size:11px;
	margin-top:0px;
	}
		/*#coordonne .nouvelle{
		cursor:pointer;
		max-height:200px;
		background:url(/_img/bullet_news.png) no-repeat top left;
		padding:0 5px 5px 30px;
		}
		.nouvelle p{
		margin:0;
		padding:0;
		}
		
		a.all_news{width:100%;text-align:right;}*/
		
		
/************************ blocs liens en page d'accueil ********************************/		
		
	a#bloc_soumission{
	display:block;
	background:url(/_img/boutons/soumission.png) no-repeat bottom center;
	width:205px;/*230*/
	height:80px;/*04*/
	
	text-decoration:none;
	font-size:12px;
	
	padding:24px 0 0 25px;
	
	}
	
	
		a#bloc_soumission span{
			font-size:16px;
			color:#003263;
		}
		a#bloc_soumission:hover{
		background:url(/_img/boutons/soumission_roll.png) no-repeat bottom center;
		}
	a#bloc_realisation{
	display:block;
	background:url(/_img/boutons/realisation.png) no-repeat center center;
	width:185px;/*230*/
	height:75px;/*100*/
	font-size:20px;
	color:#fff;
	text-decoration:none;
	padding:25px 0 0 45px; 
	}
		a#bloc_realisation:hover{
		background:url(/_img/boutons/realisation_roll.png) no-repeat center center;
		}
	
	/*Nouveaux BTN 1 oct 2010*/
	
	#nouvelleSalleMontre, #vosFenetresDemenagent{
	display:block;
	background:no-repeat top;
	width:235px;
	height:108px;
	margin:-5px 0 0 -2px;
	}
	
	#nouvelleSalleMontre{background-image:url('/_img/boutons/bg-nouvellesalle-longueil.png');}
	#vosFenetresDemenagent{background-image:url('/_img/boutons/bg-vosfenetres-demenagent.png');}
	
	#nouvelleSalleMontre:hover, 
	#vosFenetresDemenagent:hover{
	background-position:bottom;
	}
	
	/*Nouveaux BTN 1 oct 2010***** FIN **/

	/*Nouveaux BTN 6 avl 2011*/
	
	#vente_entrepot, #trouvez_salle{
	display:block;
	background:no-repeat top;
	width:234px;
	height:108px;
	margin:-5px 0 0 -2px;
	}
	
	#vente_entrepot{background-image:url('/_img/boutons/bg-vente-entrepot.png');}
	#trouvez_salle{float:left; background-image:url('/_img/boutons/bg-salle-montre.png'); margin-top: -1px;}
	
	#vente_entrepot:hover, 
	#trouvez_salle:hover{
	background-position:bottom;
	}
	
	/*Nouveaux BTN 6 avl 2011***** FIN **/
	
	#produits_liste{
	float:left;
	display:block;
	background:url(/_img/boutons/produits_liste.png) no-repeat center center;
	width:468px;
	height:213px;
	}
	#produits_liste h3{margin:18px 0 14px 20px; color:#fff;}
		#produits_liste h3 a{text-decoration:none; color:#fff;}
	
	#produits_liste ul{
	margin:0 0 0 7px; padding:0;
	list-style:none none;
	}
	#produits_liste li{
	margin:0; padding:0;
	float:left;
	}
	
		#produits_liste li a{
		width:174px;
		height:50px;
		line-height:50px;
		float:left;
		background-repeat:no-repeat;
		background-position:top left;
		padding-left:53px;
		font-size:14px;
		color:#333;
		text-decoration:none;
		}
		
			#produits_liste li a:hover{
			color:#000;
			}

			#produits_liste #prodBattants{
			background-image:url(/_img/boutons/prod-battants.jpg);
			}
			#produits_liste #prodBattants:hover{
			background-image:url(/_img/boutons/prod-battants-over.jpg);
			}
			
			#produits_liste #prodGuillotines{
			background-image:url(/_img/boutons/prod-guillotines.jpg);
			}
			#produits_liste #prodGuillotines:hover{
			background-image:url(/_img/boutons/prod-guillotines-over.jpg);
			}
			
			#produits_liste #prodCoulissantes{
			background-image:url(/_img/boutons/prod-coulissantes.jpg);
			}
			#produits_liste #prodCoulissantes:hover{
			background-image:url(/_img/boutons/prod-coulissantes-over.jpg);
			}
			
			#produits_liste #prodArchitecturales{
			background-image:url(/_img/boutons/prod-architecturales.jpg);
			}
			#produits_liste #prodArchitecturales:hover{
			background-image:url(/_img/boutons/prod-architecturales-over.jpg);
			}
			
			#produits_liste #prodAuvents{
			background-image:url(/_img/boutons/prod-auvents.jpg);
			}
			#produits_liste #prodAuvents:hover{
			background-image:url(/_img/boutons/prod-auvents-over.jpg);
			}
			
			#produits_liste #prodPortes{
			background-image:url(/_img/boutons/prod-porte.jpg);
			}
			#produits_liste #prodPortes:hover{
			background-image:url(/_img/boutons/prod-porte-over.jpg);
			}



	#produits_liste2{
	float:left;
	display:block;
	background:url(/_img/boutons/produits_liste.png) no-repeat center center;
	width:468px;
	height:213px;
	}
	#produits_liste2 h3{margin:18px 0 14px 20px; color:#fff;}
		#produits_liste2 h3 a{text-decoration:none; color:#fff;}
	
	#produits_liste2 ul{
	margin:0 0 0 7px; padding:0;
	list-style:none none;
	}
	#produits_liste2 li{
	margin:0; padding:0;
	float:left;
	width:174px;
		height:50px;
		line-height:50px;
		float:left;
		background-repeat:no-repeat;
		background-position:top left;
		padding-left:53px;
		font-size:14px;
		color:#333;
		text-decoration:none;
	}
	
		#produits_liste2 li a{
		width:174px;
		height:50px;
		line-height:50px;
		float:left;
		background-repeat:no-repeat;
		background-position:top left;
		padding-left:53px;
		font-size:14px;
		color:#333;
		text-decoration:none;
		}
		
			#produits_liste2 li a:hover{
			color:#000;
			}

			#produits_liste2 #prodBattants{
			background-image:url(/_img/boutons/prod-battants.jpg);
			}
			#produits_liste2 #prodBattants:hover{
			background-image:url(/_img/boutons/prod-battants-over.jpg);
			}
			
			#produits_liste2 #prodGuillotines{
			background-image:url(/_img/boutons/prod-guillotines.jpg);
			}
			#produits_liste2 #prodGuillotines:hover{
			background-image:url(/_img/boutons/prod-guillotines-over.jpg);
			}
			
			#produits_liste2 #prodCoulissantes{
			background-image:url(/_img/boutons/prod-coulissantes.jpg);
			}
			#produits_liste2 #prodCoulissantes:hover{
			background-image:url(/_img/boutons/prod-coulissantes-over.jpg);
			}
			
			#produits_liste2 #prodArchitecturales{
			background-image:url(/_img/boutons/prod-architecturales.jpg);
			}
			#produits_liste2 #prodArchitecturales:hover{
			background-image:url(/_img/boutons/prod-architecturales-over.jpg);
			}
			
			#produits_liste2 #prodAuvents{
			background-image:url(/_img/boutons/prod-auvents.jpg);
			}
			#produits_liste2 #prodAuvents:hover{
			background-image:url(/_img/boutons/prod-auvents-over.jpg);
			}
			
			#produits_liste2 #prodPortes{
			background-image:url(/_img/boutons/prod-porte.jpg);
			}
			#produits_liste2 #prodPortes:hover{
			background-image:url(/_img/boutons/prod-porte-over.jpg);
			}
	
	
	
	a#bloc_miniTanguay{
	float:left;
	display:block;
	background:url(/_img/boutons/maison_tanguay_mini.png) no-repeat center center;
	width:205px;/*203*/
	height:57px;/*104*/
	margin:-3px 0 0 0;
	font-size:16px;
	text-decoration:none;
	color:#666;
	padding:47px 0 0 25px; 
	}
		a#bloc_miniTanguay:hover{
		background:url(/_img/boutons/maison_tanguay_mini_roll.png) no-repeat center center;
		}
	
	a#bloc_distributeur{
	display:block;
	float:left;
	background:url(/_img/boutons/distributeur.png) no-repeat center center;
	width:205px;/*230*/
	height:86px;/*108*/
	
	font-size:16px;
	color:#003263;
	text-decoration:none;
	padding:22px 0 0 25px; 
	
	}
		a#bloc_distributeur:hover{
		background:url(/_img/boutons/distributeur_roll.png) no-repeat center center;
		}
/************************ fin blocs liens en page d'accueil ********************************/			
		
		
		
	/******************************** produits / fiche ****************************/	
		
		
		#zone_produits{width:600px; margin:0 auto 0 auto;}
		a.liste_produits{
		display:block;
		width:180px;
		height:205px;
		float:left;
		margin:2px;
		text-decoration:none;
		text-align:center;
		color:#003366;
		}
		
			a.liste_produits img{border:none;}
			
			
			/**** dans la fiche  */
		
			#menu_fiche{
			position:absolute;
			top:15px;
			right:0;
			}
	
				#menu_fiche a{
				background: url(/_img/fd_bt_fiche.png) no-repeat center left;
				color:#666666;
				padding:0 0 0 25px;
				line-height:49px;
				width:130px;
				display:block;
				height:49px;/*55*/
				text-decoration:none;
				font-size:12px;
				}
				
				#menu_fiche a:hover{
					background: url(/_img/fd_bt_fiche_roll.png) no-repeat center left;
				}
				
				#menu_fiche a.on{/*** état de la page de la fiche en cours ***/
					background: url(/_img/fd_bt_fiche_on.png) no-repeat center left;
					color:#fff;
				}
				
				/****************** sous menu ******************/
				
				#subMenu{
				margin:6px 0 12px 0;
				padding:8px 0 0 0;
				background:url(/_img/bg-submenu.png) no-repeat bottom;
				height:24px;
				}	
				
				#subMenu ul{
				margin:0; padding:0 10px;
				list-style:none none;
				text-align:left;
				}
				
				#subMenu li{
				display:inline;
				padding:0 0 0 7px;
				margin:0 0 0 7px;
				}
				#subMenu li:first-child{
				padding:0;
				margin:0;
				background:none;
				}
					#subMenu a{color:#003263; text-decoration:none;}
					#subMenu a:hover{text-decoration:underline;}
				
				/****************** sous menu -FIN-******************/
				
				/****************** Nouveau menu fiche ******************/
				#menu_fiche2{
				margin:0 0 24px 0;
				padding:0;
				}
				
				#menu_fiche2 ul{
				margin:0; padding:0;
				list-style:none none;
				}
				
				#menu_fiche2 li{
				display:inline;
				padding:0 0 0 4px;
				margin:0 0 0 4px;
				}
				#menu_fiche2 li:first-child{
				padding:0;
				margin:0;
				background:none;
				}
				
				#menu_fiche2 a{
				}
				
				#menu_fiche2 a:hover{
				color:#4780b2;
				}
				
				#menu_fiche2 a.on{/*** état de la page de la fiche en cours ***/
				text-decoration:none;
				}
				/****************** Nouveau menu fiche -FIN-******************/
				
				#retour{
				float:right;
				padding-right:5px;
				margin-top:16px;
				}
					#retour a{color:#003263;}
					
					
				.colGaucheProd, .colDroiteProd{float:left;}	
				
				.colGaucheProd{
				width:230px;
				margin-right:20px;
				}
				.colDroiteProd{
				width:435px; 
				}
				
	/******************************** fin produits / fiche ****************************/
	
	
	a.thumbnail{
		float:left;
		display:block;
		width:75px;
		height:75px;
		margin:3px;
	}
		.thumbnail img{
		border:none;}
					
	
/********************/
#footer{
width:920px;
margin:0 auto 0 auto;
}

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


/*************************/
/*			FORMS 		 */
/*************************/
fieldset{
border:none;
background:none;

margin:3px 3px 8px 3px;
background:#D4DFFF;
padding:25px;
}
 
fieldset:hover {
background:#D4DFFF;
}


legend{
background:#222;
padding:4px 15px 4px 15px;
color:#fff;
font-size:16px;}


.form{
float:left;
padding:0 15px 0 0;
}



input.txt_box,
select,
textarea
{
border:2px solid #B6CBFF;
background:#fff;
color:#666666;
padding:5px;
width:100%;
}

	input.txt_box:hover,
	select:hover,
	textarea:hover
	{
	border:2px solid #0066CC;
	}
	
	input.txt_box:focus,
	select:focus,
	textarea:focus
	{
	border:2px solid #669933;
	color:#003366;
	/*background:#DAF4B8;*/
	}
	
	
	textarea{	
	height:140px!important;
	width:630px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	.requis{
	background:#fff url(/_img/requis.gif) no-repeat center right!important;}
	
	table.formulaire{
	/*background:#D4DFFF;*/
	padding:10px;
	margin:5px;
	/*border:2px solid #4780b2;*/
	width:90%;
	}
	
		.long{width:250px;}
		.mouen{width:175px;}
		.court{width:100px;}
		
		
		.bouton{
		border:2px solid #669933;
	color:#003366;
	background:#DAF4B8;
		padding:7px;
		font-size:14px;
		color:#006600;
		float:right;}
		
		
		
		
		
		/**************/
		
		.liste_distributeurs div a
		
		{
		display:block;
		background:url(/_img/bullet.png) no-repeat top left;
		padding:4px 0 4px 25px;
		color:#4780b2;
				}
				
				.liste_distributeurs div a:hover{
				color:#003263;}
		
		
		
		
		
		/**************/
	
/************************/

.clear{clear:both;font-size:1px;}
.left{float:left}
.right{float:right;}



/* support png IE6*/
/* ajuster le path vers le blank.gif, doit être en absolu */

* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/_img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}