/* MAIN */

body {
	font: 62.5% verdana, Sans-Serif;
	color: #625f4f;
	background:#000;
	margin:0; padding:0;
}

body.popup{
	margin:0px; padding:10px;
	background:#f8efc0;
}

h1 {
	height:23px;
	color:#fff;
	font-size:16px;
	padding:0; margin: 10px 0 10px 0;
	display:block;
	clear:both;
	}
h3{font-size:1.22em; padding:0;margin: 0 0 10px 0; color:#7c2309;font-family:Arial,Helvetica,Verdana, Sans-Serif;}
	
a {outline:none; }
img {border:0;}
 
h2 {font-size:1.3em; padding:0;margin: 0 0 10px 0; color:#7c2309;font-family:Arial,Helvetica,Verdana, Sans-Serif;}
h4 {font-family:arial:; font-size:14px; color:#90885c; margin:0; padding:14px 0 0px 0;}
p {font-size:1.1em;}

#wrap #content a, body.popup a {
	color:#d65f09;
	padding: 0 0 3px 0; 
	text-decoration:underline;
	
}

pre{
	font-size:12px;
	font-family:Verdana;
}

#linkAdmin{
	position:fixed;
	right:5px;
	top:5px;
	background-color:#fff;
	border:1px black solid;
	padding:5px;
}
#linkAdmin div{
	margin:4px auto;
}

.fLeft {float:left; clear:both;}

#wrap #content a:hover {text-decoration:none;}


/* HEAD  */

.langue {float:right; display:inline; padding:5px 90px 0 0;}
	.langue a {color:#d65f09; font-family:arial; text-decoration:none; font-size:0.9em; text-transform:uppercase;}
		.langue a.lang {color:#807672;}
	.langue a:hover {color:#fff;}
#wrap {
	
	width:100%;

	margin:0 auto;
	background:#f8efc0 url(../img/bg_top.gif) top left repeat-x;
}

	#wrap .wrapContent {width:870px;margin:0 auto;}


	#wrap .wrapContent #header {
		float:left;
		width:890px;
		background:url(../img/mood_header_fire.jpg) top right no-repeat;
		z-index:100;
		
	}
		#wrap .wrapContent #header .logo_f, #wrap .wrapContent #header .logo_e {
			float:left;
			width:332px;
			height:116px;

			text-indent:-10000px;
		}
		#wrap .wrapContent #header .logo_f{	background:url(../img/f/mood_header_logo.jpg);}
		#wrap .wrapContent #header .logo_e{	background:url(../img/e/mood_header_logo.jpg);}
		body.e #wrap .wrapContent #header .logo { background:url(../img/e/mood_header_logo.jpg); }
		
	#wrap .wrapContent #header #menuHeader {
		float:left;
		width:890px;
		height:40px;
	}
		#wrap .wrapContent #header #menuHeader a {
			float:left;
			height:40px;
			text-indent:-10000px;
			padding:0; margin:0;
		}
		/* menu toujours present */
			#wrap .wrapContent #header #menuHeader a {
				width:158px;
				background:url(../img/f/btn_accueil.gif) top left no-repeat;
			}
			#wrap .wrapContent #header #menuHeader a.qui {
				width:135px;
				background:url(../img/f/btn_quisommenous.gif) top left no-repeat;
			}
			#wrap .wrapContent #header #menuHeader a.news {
				width:186px;
				background:url(../img/f/btn_nouvelle.gif) top left no-repeat;
			}
			#wrap .wrapContent #header #menuHeader a.save {
				width:196px;
				background:url(../img/f/btn_enregistrer.gif) top left no-repeat;
			}
			#wrap .wrapContent #header #menuHeader a.contact {
				width:127px;
				background:url(../img/f/btn_contact.gif) top left no-repeat;
			}

			body.e	#wrap .wrapContent #header #menuHeader a.accueil {
				width:158px;
				background:url(../img/e/btn_accueil_e.gif) top left no-repeat;
			}
			body.e #wrap .wrapContent #header #menuHeader a.qui {
				width:135px;
				background:url(../img/e/btn_quisommenous_e.gif) top left no-repeat;
			}	
			body.e #wrap .wrapContent #header #menuHeader a.news {
				width:186px;
				background:url(../img/e/btn_nouvelle_e.gif) top left no-repeat;
			}	
			body.e #wrap .wrapContent #header #menuHeader a.save {
				width:196px;
				background:url(../img/e/btn_enregistrer_e.gif) top left no-repeat;
			}	
			body.e #wrap .wrapContent #header #menuHeader a.contact {
				width:127px;
				background:url(../img/e/btn_contact_e.gif) top left no-repeat;
			}	
			
			#wrap .wrapContent #header #menuHeader a:hover { background-position: bottom left !important;}
			
			

/* CONTENT  */			
		
	#wrap #content {
		float:left;
		width:100%;

		background: url(../img/bg_bottom.gif) bottom left repeat-x;
		margin:0 auto;
		padding:0 0 25px 0;
	}
		#wrap #content .menuUnder{
			float:left;
			display:inline;
			width:637px; height:72px;
			margin: 16px 0 0 0;
			
		}


		#wrap #content .menuUnder a {
			float:left;
			display:inline;
			height:59px;
			text-decoration:none;
			margin: 0 5px 0px 0;
			padding:0;
			background:none;
			text-indent:-10000px;
		}
			#wrap #content .menuUnder a.div3f { /* div foyers rsf */
				width:111px;
				background:url(../img/f/btn_foyer.gif);
			}
			#wrap #content .menuUnder a.div2f { /* div icc resid */
				width:190px;
				background:url(../img/f/btn_residentiel.gif);
			}
			#wrap #content .menuUnder a.div4f { /* div icc indus */
				width:189px;
				background:url(../img/f/btn_industriel.gif);
			}
			#wrap #content .menuUnder a.div3e { /* div foyers rsf */
				width:122px;
				background:url(../img/e/btn_foyer.gif);
			}
			#wrap #content .menuUnder a.div2e { /* div icc resid */
				width:187px;
				background:url(../img/e/btn_residentiel.gif);
			}
			#wrap #content .menuUnder a.div4e { /* div icc indus */
				width:180px;
				background:url(../img/e/btn_industriel.gif);
			}

			#wrap .wrapContent .menuUnder a:hover { background-position: center left !important;}
			#wrap .wrapContent .menuUnder a.open { background-position: bottom left !important;}

	
		#wrap #content #rightCol{
			float:right;
			display:inline;
			width:170px; 	
			padding: 0 0 0px 10px;
			margin: 0;
		}
			#wrap #content #rightCol a.bruler,
			#wrap #content #rightCol a.creer ,
			#wrap #content #rightCol a.confchem,
			#wrap #content #rightCol a.detaillant {
				float:left;
				display:inline;
				width:170px; height:116px;		
				margin: 11px 0 0 0;	
				padding:0;
				text-indent:-10000px;
			}

			#wrap #content #rightCol a.bruler {background:url(../img/f/btn_bruler.gif) top left no-repeat;}
			#wrap #content #rightCol a.creer {background:url(../img/f/btn_foyez.gif) top left no-repeat;}
			#wrap #content #rightCol a.detaillant {background:url(../img/f/btn_detaillant.gif) top left no-repeat;}
			#wrap #content #rightCol a.confchem {background:url(../img/f/btn_configurateur.gif) top left no-repeat;}
			body.e #wrap #content #rightCol a.bruler {background:url(../img/e/btn_bruler.gif) top left no-repeat;}
			body.e #wrap #content #rightCol a.creer {background:url(../img/e/btn_foyez.gif) top left no-repeat;}
			body.e #wrap #content #rightCol a.detaillant {background:url(../img/e/btn_detaillant.gif) top left no-repeat;}
			body.e #wrap #content #rightCol a.confchem {background:url(../img/e/btn_configurateur.gif) top left no-repeat;}
			body.e #wrap #content #rightCol a.taxcredit{
				background:url(../img/e/btn_taxcredit.jpg) top left no-repeat; 
				float:left;
				display:inline;
				width:170px; height:82px;		
				margin: 11px 0 0 0;	
				padding:0;
				text-indent:-10000px;
			}
			
				body #wrap #content #rightCol a.bruler:hover,
				body #wrap #content #rightCol a.creer:hover, 
				body #wrap #content #rightCol a.detaillant:hover,
				body #wrap #content #rightCol a.taxcredit:hover,
				body #wrap #content #rightCol a.confchem:hover {
					background-position:bottom left;
				}

				#wrap #content #rightCol .nouvelles{
				float:left;
				width:200px;
				margin:0;
				padding:8px 0 0 0;
				
			}
			
				
				
				#wrap #content #rightCol  .nouvelles p {color:#625f4f;position:relative}
					#wrap #content #rightCol  .nouvelles p span{
						clear:both;
						padding: 0 0 4px 0;
						display:block;
					}
					
					
					.padBot {padding-bottom:50px;}
			
			/*  LEFT COL */
			


			#wrap #content #leftCol {
				float:left;
				width:240px;
				
			}
				#wrap #content #leftCol .logoRsf {float:left; padding: 10px 0 10px 32px;}
				#wrap #content #leftCol .logo {float:left; width:210px; padding:20px 0 0 20px;}
				#wrap #content #leftCol .logo a,
				#wrap #content #leftCol .logo img {padding:0;border:0; margin:0;}
				#wrap #content #leftCol ul.menu {
					float:left;
					width:210px;
					padding:0; margin:0;
					background:url(../img/bg_dotline.gif) 31px bottom no-repeat;
				}
				#wrap #content #leftCol ul.menu li {
					float:left;
					padding:7px 0 7px 0px;
					margin:0;
					width:210px;
					list-style:none;
					font-weight:bold;
					background:url(../img/bg_dotline.gif) 31px top no-repeat;
				}
				#wrap #content #leftCol ul.menu li a {
					display:block;
					padding:3px 0 0 4px;
					margin:0;
					width:174px; height:18px;
					color:#625f4f;
					list-style:none;
					font-weight:bold;
					font-family:arial;
					background:none;
					font-size:1.1em;
					text-decoration:none;
				}
				
						#wrap #content #leftCol ul.menu li div {
						float:left;
						height:21px;
						padding:0 0 0 27px;
						background:none;
					}
					

					#wrap #content #leftCol ul.menu li a:hover {background:url(../img/bg_menu_inside.gif) left top no-repeat;}
					#wrap #content #leftCol ul.menu li div.open a {background:url(../img/bg_menu_inside.gif) left top no-repeat;}
				

						#wrap #content #leftCol ul.menu li div.bgmenu {background-position: top left;background-repeat:no-repeat;}

				
					#wrap #content #leftCol ul.menu li li{
						float:left;
						padding:2px 0 2px 38px;
						margin:0;
						width:200px;
						list-style:none;
						font-weight:normal;
						background:none;
					}
                    #wrap #content #leftCol ul.menu li li li{
						float:left;
						padding:2px 0 4px 10px;
						background-color:#eee5af;
						width:154px;
					}	
                        #wrap #content #leftCol ul.menu li li a {
							float:none;
							display:inline;
							padding:0px 0 0 9px;
							font-size:1.0em;
							font-family:verdana;
							margin:0;
							width:auto; height:auto;
							background:url("../img/bg_menu_petit.gif") 1px 5px no-repeat;
							font-weight:normal;
						}
						#wrap #content #leftCol ul.menu li li a.ouvert {
							font-weight:bold;
						}
						#wrap #content #leftCol ul.menu li li li a {
							color:#79734d;
							background:url(../img/bg_menu_c_norm.gif) 1px 5px no-repeat;
							font-weight:normal;
						}
						#wrap #content #leftCol ul.menu li li li a.ouvert,
						#wrap #content #leftCol ul.menu li li li a:hover  {
							font-weight:bold;
							background:url(../img/bg_menu_c_actif.gif) 1px 5px no-repeat;
						}

						#wrap #content #leftCol ul.menu li li a:hover {background:url(../img/bg_menu_big.gif) 0px 4px no-repeat; font-weight:bold;}

					#wrap #content #leftCol ul.menu li ul{
						float:left;
						width:200px;
						margin:0;
						padding:0;
					}
                     #wrap #content #leftCol ul.menu ul ul{
						width:164px;
						padding:1px 0 1px 0;
						background:url("../img/bg_dotline.gif") 0 top repeat-y;
						margin-top:4px;
					}

					


		/* CENTER COL */
		
		#wrap #content #centerCol ul {margin:0; padding:10px 0 10px 10px;  }
		#wrap #content #centerCol ul li {
			padding:0px 0 10px 15px;
			margin:0;
			list-style:none;
			font-weight:normal;
			font-size:11px;
			background:url(../img/bg_bullet.gif) 0px 2px no-repeat;
		}

		#wrap #content #centerColLarge {
			float:left;
			width:600px;
			padding-bottom:20px;
		}

		#wrap #content #centerCol {
			float:left;
			width:440px;
			padding-bottom:20px;
		}
		
	
		/*     FOYER HOVER MENU     */
		#wrap #content #centerCol .listDance {
			float:left;
			overflow:hidden;
			width:409px;
		}	
		#wrap #content #centerCol .listDance ul {
			margin:0; padding:0; 
			list-style:none; 
			float:left;
			width:409px;
		}
	
			#wrap #content #centerCol .listDance ul li {
				float:left;
				margin:0;
				padding:0px 5px 2px 5px;
				width:399px;
				position:relative;
				background:#fff;
			}
				#wrap #content #centerCol .listDance ul li.last {
					height:4px;
					padding:0;
					margin:0;
					background:none;
				}
				
			#wrap #content #centerCol .listDance ul li .bgTopMenu {
				position:absolute;
				top:0;
				left:0;
				width:409px;
				height:10px;
				z-index:10000;
				background:url(../img/bg_transparent.png) top left no-repeat !important;
			}
				#wrap #content #centerCol .listDance ul li a.move {
					float:left;
					height:64px;
					width:399px;
					margin: 7px 0 0 0;
					display:inline;
					background:url(../img/bg_foyerDancing.gif) top left repeat-x;
					text-decoration:none;
					cursor:pointer;
				}
				
				#wrap #content #centerCol .listDance ul li a.hover {background:#fff;}
				
					#wrap #content #centerCol .listDance ul li .imgContent {
						float:left;
						width:399px;
						height:196px;
						display:none;
					}
					#wrap #content #centerCol .listDance ul li .imgContent img {float:left;margin:7px 0 0 0;}
						#wrap #content #centerCol .listDance ul li .first {display:block;}
								
				
					#wrap #content #centerCol .listDance ul li a.move .title {
						float:left;
						width:300px;
						height:18px;
						padding: 8px 9px 0 9px;
						margin:0;
						color:#90885c;
						font-size:1.4em;
						font-weight:bold;
						
					}
					#wrap #content #centerCol .listDance ul li a.move .desc {
						float:left;
						width:380px;
						padding: 0px 9px 0 9px;
						margin:0;
						color:#625f4f;
						font-size:1.1em;
					}
						


	#wrap #content #rightCol .nouvelles a.moveLeft {
		float:left;
	clear:both;
		width:133px;
		height:22px;
		padding:0; margin:0;
		background:url(../img/btn_up.gif) top left no-repeat;
	}
	
	#wrap #content #rightCol .nouvelles a.moveRight {
		clear:both;
		float:left;
		padding:0; margin:0;
		width:133px;
		height:20px;
		background:url(../img/btn_bottom.gif) top left no-repeat;
	}
	
		#wrap #content #rightCol .nouvelles a.moveLeft:hover, 
		#wrap #content #rightCol .nouvelles a.moveRight:hover {
			background-position: bottom left;
		}
	#wrap #content #rightCol .otherProduct {width:150px !important; padding: 100px 0 0 0;}
			#wrap #content #rightCol .otherProduct h1 {width:160px; margin-top:0;padding-top:0;}
	#wrap #content #rightCol .nouvelles .slideProductAbs {
		float:left;
		position:relative;
		width:138px;
		height:400px;
		margin:10px 0 10px 0;
		overflow:hidden;
	}
	
		#wrap #content #rightCol .nouvelles .slideProduct {
			position:absolute;
			width:132px;
			padding:0px 0 0 10px;
		}
		#wrap #content #rightCol .nouvelles p {
			margin:0;
			margin-top:10px;
			padding:0 0 0 10px;
			color:#625f4f;
			background:url(../img/bg_fleche_nouvelle.gif) 0 3px no-repeat;
		}
			#wrap #content #rightCol .nouvelles p a {font-weight:bold;color:#625f4f; background:none; }

		/* litem cheminee actif */
		a#itemActif{
			color:#d65f09;
			font-style:italic;
		}
		
	
	/* PRODUIT CHEMINEES */
		
			#wrap #content #centerCol .produitChemi {
				float:left;
				width:430px;
				background:#fff;
			}
				#wrap #content #centerCol .produitChemi img {float:left;}
				#wrap #content #centerCol .produitChemi ul {float:left; margin:0; padding:0px 0 0 22px; list-style:none;}
				
					#wrap #content #centerCol .produitChemi ul li {float:left; width:392px; margin:0; padding:0;}
					
						#wrap #content #centerCol .produitChemi ul li span {
							float:left;
							width:78px;
						}
						#wrap #content #centerCol .produitChemi ul li div {
							float:left;
							width:314px;
							padding:15px 0;
							border-bottom:1px solid #e4e0c8;
						}
							#wrap #content #centerCol .produitChemi ul li div h4 {
								color:#90885c;
								margin:0;
								padding: 0 0 6px 0;
								font-size:1.4em;
							}
							
							#wrap #content #centerCol .produitChemi ul li div p {
								clear:both;
								padding: 0 0 5px 0;
								margin:0;
							}
							#wrap #content #centerCol .produitChemi ul li div a {
								clear:both;
								font-size:1.1em;
								padding:0 13px 3px 0;
								
							}

		/* MANUALS */

		#wrap #content #centerCol ul.manual { margin:0; padding:0px 22px 0 22px; list-style:none; background:#fff ; width:auto;}



		.pdf {display:block; height:19px; padding: 3px 0 3px 24px; background:url(../img/btn_pdf.gif) top left no-repeat;}

					#wrap #content #centerCol ul.manual li { width:385px; margin:0; padding:9px 0 9px 0;background:none; border-bottom:1px solid #e4e0c8}
						#wrap #content #centerCol ul.manual li li {background:none;border:none; padding: 0 0 0px 0; margin:0;}
					
						#wrap #content #centerCol ul.manual li span {
							float:left;
							width:78px;
						}
					#wrap #content #centerCol ul.manual ul {margin:0; padding:8px 0 0 0;}
				#wrap #content #centerCol a.getPdf {margin: 0 0 0 120px; background:none;}

			#wrap #content #centerCol ul.manual li h4 {margin:4px 0px 6px 0px; padding:0;}

			img.pdfThumb{
				border:1px #90885c solid;
				margin:10px 0px;
			}
			a.pdfThumb{
			    padding:0 0 0 0px !important;
				border:0 !important;
				margin:0 !important;
			    background:none !important;
				text-decoration:none;
			}


		/*  LATEST NEWS CONCEPT  */	
		#wrap #content #centerCol .latestNews {
			background:none;
			margin:0;
			padding:0;
		}		
			#wrap #content #centerCol .latestNews li {
				margin:0;
				padding:14px 0 14px 0;
				border-bottom:1px solid #bcb176;
				background:none;
			
			}		
				#wrap #content #centerCol .latestNews li p {font-size:11px}
				#wrap #content #centerCol .latestNews li h3 {
					font-size:14px;
					color:#7c2309;
					margin:0 !important; padding: 5px 0 7px 0;
				}		
				
			
		/*  PRODUCT DESCRIPTION CONCEPT  */	
		
        #wrap #content #centerCol .productDesc {
			float:left;
			width:425px;
			clear:both;
			margin:0px 12px 12px 0px;
		}
		#wrap #content #centerCol .img {float:left;}
		#wrap #content #centerCol .productDesc .brownBox{
			background:#e8dfa9;
			margin:20px 0px;
			float:left;
			width:230px;
			padding:10px;
		}
		#wrap #content #centerCol .productDesc a {float:left; padding:0; background:none; margin:0;}
			
							
		/*  SEE IT BURN  & autres listes par thumnail (eventuellement changer le nom de la classe burn) */

		#wrap #content #centerCol .itBurn {
			float:left;
			padding:10px 0 0 0 ;
		}
        #wrap #content #centerCol .leftBurn {
			float:left;
			width:145px;
			height:125px;
		}

		#wrap #content #centerCol .leftBurn a{padding:0; margin:0; background:none;}
		#wrap #content #centerCol .rightBurn {
			float:left;
			width:270px;
		}

		#wrap #content #centerCol .seeitall {float:left;width:425px;clear:both;margin-bottom:16px;}

        #wrap #content .titleLine {
			/* float:left; */
			font-family:Arial,Helvetica,Verdana, Sans-Serif;
			padding:0 0 4px 0;
			border-bottom:1px solid #bcb176;
			margin:0 0 4px 0;
		}
		#wrap #content .noBorder {border:0;}
		#wrap #content a.title {
			text-transform:uppercase;
			font-weight:bold;
			font-size:1.2em;
			padding:20px 0 0 0;
			background:none;
			color:#7c2309;
		}
		#wrap #content #centerCol .rightBurn a.title:hover, #wrap #content .textPart a.title:hover {color:#7e5d54;}

		#wrap #content #centerCol .rightBurn a.desc{
			float:left;
			clear:both;
		}

		/* extranet et liste par thumbnail ******************************************* */
		
		.docCateg{
			clear:both;
			font-size:15px;
			margin:10px 0px 8px 0px;
			font-weight:bold;
			border-bottom:1px #bcb176 solid;
			width:300px;
		}
        #wrap #content .listAvecThumb {
        	float:left;
			width:425px;clear:both;margin-bottom:16px;
		}

        #wrap #content .thumbPart {
			float:left;
			width:131px;
			text-align:center;
			padding: 0px 14px 25px 0;

		}


        /* quand le thumbnail n'est pas disponible */

		#wrap #content .thumbPart img {float:left; padding:0; margin:0;}

        /* image de thumbnail avec dropshadow */
		.bg_thumbnail{

			background:url(../img/bg_thumbnail.gif) top left repeat-y !important;
			width:124px;
			padding:0 0 0 0px !important;
			border:0 !important;
			margin:0 !important;
		}
        #wrap #content .thumbPartNoThumb {display:none;}
		#wrap #content .textPart { float:left; width:270px; padding: 5px 0 0px 0;}


        /*  PRODUCT CHEMINEEE 2  */

		#wrap #content .thumbPart a.plus {
			background: url(../img/bg_gallerie.gif) top left no-repeat;
			padding:0 0 0 18px;
			height:12px;
		}
		#wrap #content .thumbPart a.plus:hover {text-decoration:underline;}

					
	/* FOOTER */
		
		 #footer {
			width:900px;
			margin:0 auto;
			font-size:1.0em;
			background:#000;
			padding: 10px 0 20px 0;
		}	
			 #footer a {
				color:#807672;
				text-decoration:none;
				font-size:1.0em;
			}
			 #footer a:hover {text-decoration:underline;}	
			 
			 #footer .projetbleu {float:left; padding: 0px 0 0 540px;}
			 	#footer .projetbleu a {color:#c4c4c4; text-decoration:none;}
			 	#footer .projetbleu a:hover {text-decoration:underline;}
		/* HOME */
			 
		.splashLink {
			float:left;
			width:570px;
			margin:0; padding:8px 0 30px 0; 
		}
		#wrap #content .splashLink span a{
			color:#d65f09;
			background:none;
			text-decoration:none;
		}
		#wrap #content .splashLink span a:hover {text-decoration:underline;}
		
			#wrap #content .splashLink a {
				float:left;
				width:525px;
				height:140px;
				margin:0 0 7px 0; padding:0; 
				position:relative;
				color:#b9b5b1;
				text-decoration:none;
			}
			
			#wrap #content .splashLink a:hover {color:#fff !important;}
				
				#wrap #content .splashLink a.btnPlus {
					float:right;
					display:inline;
					width:33px;
					height:40px;
					margin:100px 0 0 0; padding:0;
					background:url(../img/btn_plus.jpg) top left no-repeat;
				}
				#wrap #content .splashLink a.btnPlus:hover {
					background:url(../img/btn_plus_on.jpg) top left no-repeat ;
				}
				
				#wrap #content .splashLink a.splashDiv3 {background:url(../img/f/bg_home_foyer.jpg) top left no-repeat;}/* foyers */
				#wrap #content .splashLink a.splashDiv2 {background:url(../img/f/bg_home_resi.jpg) top left no-repeat;}/* residentiel */
				#wrap #content .splashLink a.splashDiv4 {background:url(../img/f/bg_home_indu.jpg) top left no-repeat;}/* industriel */
				#wrap #content .splashLink a.splashDiv5 {background:url(../img/f/bg_home_renaissance.jpg) top left no-repeat;}/* industriel */
				
				
				body.e #wrap #content .splashLink a.splashDiv3 {background:url(../img/e/bg_home_foyer.jpg) top left no-repeat;}
				body.e #wrap #content .splashLink a.splashDiv2 {background:url(../img/e/bg_home_resi.jpg) top left no-repeat;}
				body.e #wrap #content .splashLink a.splashDiv4 {background:url(../img/e/bg_home_indu.jpg) top left no-repeat;}
					body.e #wrap #content .splashLink a.splashDiv5 {background:url(../img/e/bg_home_renaissance.jpg) top left no-repeat;}		
				.splashLink span {
					
					float:left;
					display:inline;
					width:225px;
					margin: 49px 0 0 215px;
				}
			
		 .newsHome {
		 	float:left;
		 	width:290px;
		 	margin:0;
		 	padding:18px 0 10px 0;
		 }
			 .newsHome ul {
			 	float:left;
			 	width:290px;
			 	margin:0; padding:10px 0 0 0;
			 }
				 .newsHome ul li {
				 	float:left;
				 	width:290px;
				 	margin:0; padding:0 0 11px 0;
				 	border-bottom: 1px solid #bcb176;
				 	list-style:none;
				 }
					 .newsHome ul li h3 {font-size:1.2em; color:#7c2309; margin:0; padding:12px 0 0 0; }
				 	 .newsHome ul li p {padding: 8px 0 0 0; margin:0; font-size:1.0em;}
			
		.featured{
			width:100%;
			float:left;
			margin:0;
			width:290px;
		}	
		
		.featured #featuredImage #imgProduit {
			width: 72px;
		}
		
		.featured #featuredImage {
			float:left;
			width:95px;
			text-align:left;
			padding: 0px 0px 0px 0;
			margin:0 10px 10px 0;
		}
		
		.featured #featuredImage .bg_thumbnail {
			float:left;
			background:url(../img/bg_thumbnail_accueil.gif) top left repeat-y !important;
			padding:0 0 0 9px !important;
			width: 91px;
		}
		
		.featured .ligne {
			font-family:Arial,Helvetica,Verdana, Sans-Serif;
			padding:3px 5px 3px 0;
			margin:0px 0 0px 0;
			font-weight: bold;
			color:#90885c;
			font-size: 1.2em;
		}	
		.featured .flash {
			padding-bottom: 5px;
			height: 32px;
		} 	 
		
		.featured a.produit {
			color : #7C2309 !important;
		}
				 	 
		/* OVERLAY */ 

		div.overlay {
				background: #000;
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				width: 100%; height: 100%;
				display: none;
			}
			
			div.overlayContainer {
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				display: none;
				width: 700px;
				text-align: left;
				background:#fff;
				border:5px solid #333333;
				padding:5px 0 0 0;
			}
		 
		a.btnClose {
			float:right;
			width:75px; height:16px;
			padding:0 !important; margin:0 5px 5px 0 !important;
			text-indent:-10000px;
			background: url(../img/f/btn_close_fr.gif) bottom left no-repeat !important;

		}	
		
		
		body.e a.btnClose { background: url(../img/e/btn_close_en.gif) bottom left no-repeat !important;}
		
		a.btnClose:hover,
		body.e a.btnClose:hover {background-position:top left !important;}
					
		/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */

/* piton modification **/
div.modif{
	position:fixed;
	top:10px;
	right:10px;
}

/* notes du client pendant l'élaboration des contenus */

.blocInstructions{
	background-color:white;
	border:1px grey dotted;
	margin:12px 4px;
	padding:6px;
	clear:both;
	width:400px;
}

.labelInstructions{
	font-weight:bold;
	font-style:italic;
}


.blocInstructions i{
	color:grey;
}

.notesEmphase{
	color:red;
}



.foyerSpecs table{
	width:430px;

}

.foyerSpecs table.foyerSpecs{
	border-collapse:collapse;
	padding:0px 0px 20px 0px;
	background-color:#fff;

}
/* le bas coin ronds des tables à bg blanc */
.table_bottom{
	background:#fff url("../img/table_contents_bottom.gif") no-repeat left bottom;
	height:14px;
	width:430px;
}
/* table (ou div) à bg blanc avec h5 en titre */
.table_bgblanc, .bloc_bgblanc{
	background-color:#fff;
	width:430px;
	padding:10px 0px;
}
/* dessin technique de produit cheminee */
.chemDessin{
	margin:0px 10px 20px 10px;
}

.foyerSpecs table.foyerSpecs td{
	padding:6px;
}

tr.altA{

}

tr.altB{
	background:#fff url("../img/bg_cellule_alt_b.gif") repeat-x 0 0;
}

td.labelSpec{
	font-weight:bold;
	width:180px;

}

table.notes{
	margin-top:26px;
}
td.labelNote{
	vertical-align:top;
	width:50px;
	font-weight:bold;
}

h5{
	background: url("../img/bg_h5_large.gif") no-repeat 0 0;
	display:block;
	margin:0px;
	padding:6px 0 0px 6px;
	height:22px;
	width:430px;
	color:#fff;

}
/* pour le dancing menu, il est moins large */
.dancingTiitre h5{
	background:transparent url("../img/bg_h5_medium.gif") no-repeat 0 0;
}




/* sert à  cacher certains elements */

.display0{
	display:none;
}



.formRechDealer{
	background-color:#e8dfa9;
	width:420px;
}

.formRechDealer table td{
	height:54px;
	text-align:right;
}

/* RECHERCHE DEALER */
/* met un espace entre form et resultat */
.resultSpacer{
	height:45px;
}

.resultRecherche{
	background-color:#fff;
	width:430px;
}
.resultRecherche td{
	padding:10px 20px;
	vertical-align:top;
	border-top:1px #e4e0c8 solid;
}

.resultMain{
	width:250px;


}
.resultLinks{
	vertical-align:bottom;
	width:150px;
}

.resultTitre{
	color:#625f4f;
	font-size:12px;
	font-weight:bold;

}


.bg_thumbnail {
	float:left;
	background:url(../img/bg_thumbnail.gif) top left repeat-y !important;
	width:124px;
	padding:0 0 0 9px !important;
}

.resultLinks div.linkExterne{
	
	height:15px;
	line-height:15px;
	margin:0px 0px 10px 0px;
	padding: 0 0 0 20px;
}
.resultLinks .map{
	background:url(../img/img_map.gif) 0 2px no-repeat;
	
}
.resultLinks .web{
	background:url(../img/img_website.gif) 0 2px no-repeat;
	
}
.resultLinks div.burningUnit1{

	background:url("../img/f/dealer_burningunit.jpg") top left repeat-y;
}
body.e .resultLinks div.burningUnit1{

	background:url("../img/e/dealer_burningunit.jpg") top left repeat-y;
}
div.burningUnit1, div.burningUnit0{
	width:111px;
	height:41px;
	margin-bottom:22px;
}

.noResult{
	padding:30px 20px;
	font-size:13px;
	font-weight:bold;
}

/* boutons generique */

.bouton, .boutonPetit{
	border:1px #9a9164 solid;
	cursor:pointer;
	color:#c05100;
	font-weight:bold;
	font-family:arial;

	background:#fff url("../img/bg_bouton.gif") repeat-x 0 bottom !important;
}
.bouton{
    font-size:11px;
	padding:6px 10px !important;
}
.boutonPetit{
    font-size:10px;
	padding:3px 10px !important;
}
.bouton:hover{
	background:#fff url("../img/bg_bouton_ov.gif") repeat-x 0 bottom !important;
}
.allproduct {	float:left;display:inline;margin: 0 0 45px 0;}

/* les formulaires generiques. Utilisent les styles de la table à coins ronds (doivent etre dans un bloc_bgblanc et precedes d'un h5 et suivi d'un table_bottom) */

.formGenerique{
	width:390px;
	padding:0px 10px;
}
.formGenerique div{
	/* border:1px red solid; */
}
.formGenerique .blocInput{
	clear:both;
	margin-bottom:10px;
}
.formGenerique .fieldLabel{
	float:left;
	width:130px;
	padding:4px 10px 0px 0px;
	font-weight:bold;

}
.formGenerique .fieldIOnput{
	float:left;
}
div.submit{
	text-align:center;
	width:100%;
	display:block;
}
.formGenerique div.stateOk0{
	font-weight:bold;
	color:red;
	font-size:12px;
}
.formGenerique div.stateOk1{
	font-weight:bold;
	color:green;
	font-size:12px;
}


.formGenerique h6 {
	margin:0;
	clear:both;
	font-size:13px;
	padding:15px 0 10px 0px;
}

.formGenerique textarea{
	width:370px;
}

.formGenerique label {

	margin:0; padding: 0 0 10px 0;
	clear:both;
	display:block;

}

.formGenerique label span {float:left;width:150px;padding-right:6px; font-size:11px; }
.formGenerique label span.required {float:none; color:red;} 
.formGenerique label input.tx {margin:0; padding:0;  width:220px}
.formGenerique input {margin:0px 0px 10px 0px; padding:0;}
.formGenerique #formError{
	padding:0px 0px 12px 0px;
}
.formGenerique .warrantyBox {

	width:380px;
	padding:5px 15px 15px 15px;
	margin: 15px 0 15px 0;
	background:#e3d9a6;
	border:1px solid #3e1e06;
}


/* le piton de logout de l'extranet est aligné à droite */
div.logout{
float:right;
}

.foyerMainImg{
margin:0px 0px 6px 0px;
border:5px #fff solid;
}


/* tableau comparatif des options de foyers */

table.tabComparatif{
	width:580px;
	border:1px black solid;
	border-collapse:collapse;
}
.bgggg {background-color:#e8dfa9 !important;
	color:#000;
}
body.e table.tabComparatif{
	 background:#fff;

}
body.f table.tabComparatif{
	background:#fff;

}

table.tabComparatif td.legende{
	font-size:9px;
	line-height:11px;
	vertical-align:bottom;
	text-align:center;

	width:30px;
	margin:0;
	border:1px #000 solid;
	padding:0px 0px 4px 0px;
}

table.tabComparatif td.nomOption{
	padding:4px 6px;
	width:250px;
	border-bottom:1px #999063 solid;
}
table.tabComparatif td.sku{
	padding:4px 6px;
	width:70px !important;
	border-bottom:1px #999063 solid;

}
/* les cases d'options */
table.tabComparatif td.optVide{
	width:30px;
	padding:0px;
	border:1px #000 solid;
}
table.tabComparatif tr.categHead td{
	background-color:#e8dfa9;
	font-weight:bold;
	border-top:3px black double;
	border:1px #000 solid;
	padding:2px 6px;
}

/* NEWS ********************************************************** */
.newsImg{
	FLOAT: right;
	MARGIN: 0px 20px 20px 10px
}