/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#FFF;
font-size:11px;
background-color:#533F39;
scrollbar-face-color: #2C3B43; /* Surface */ 
scrollbar-track-color: #ECEBE8; /* Fond */ 
scrollbar-highlight-color: #ECEBE8; /* Ombre claire */ 
scrollbar-shadow-color: #ECEBE8; /* Ombre Foncee */ 
scrollbar-arrow-color: #ECEBE8; /* Fleches */ 
scrollbar-3dlight-color: #ECEBE8; /* Bordure3D claire */ 
scrollbar-darkshadow-color: #ECEBE8; /* Bordure3D foncee */
}

.txt_footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #A99F9C;}
.txt_promo {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B7A9A4;}
.txt_promo a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B7A9A4;}
.txt_promo a:hover {color: #000000;}
.txt2_promo {font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF;}
.titre {font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight:bold; color: #FFFFFF;}
.titre_gamme {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #B59D9B;}
.titre_produit {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color: #4B4B4B;}
.marque {font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight:bold; color: #C8B3B2;}
.titre_techno {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #4B4B4B;}
.txt_techno {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4B4B4B;}
.txt_enviro {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.txt_14 {font-size: 14px;}

.liens_blanc {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration: none;}
a.liens_blanc:hover {color: #000; text-decoration: none;}

.liens_noir {font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
a.liens_noir:hover {color: #E72644; text-decoration: none;}

.liens_footer {font-family: Arial, Helvetica, sans-serif; color: #A99F9C; text-decoration: none;}
a.liens_footer:hover {color: #FFFFFF; text-decoration: none;}

.liens_haut {font-family: Arial, Helvetica, sans-serif; color: #4B4B4B; text-decoration: none;}
a.liens_haut:hover {color: #E72644; text-decoration: none;}

.liens_menu {font-family: Arial, Helvetica, sans-serif; color: #615346; text-decoration: none;}
a.liens_menu:hover {color: #FFFFFF; text-decoration: none;}

#conteneur {
	width:980px;
	margin:0 auto;
	margin-top:10px;
	position:relative;
}
#footer {
	width: 980px;
	height: 20px;
	margin-top:4px;
	position:relative;
}

#menu_haut {
		width:635px;
		height:20px;
		left:326px;
		top:32px;
		position: absolute;
		}
#menu_haut ul li {
		float:left;
		height:16px;
		list-style:none;
		}
#menu_haut ul li.accueil {
		width:67px;
		}
#menu_haut ul li.presentation {
		width:98px;
		}
#menu_haut ul li.environnement {
		width:167px;
		}
#menu_haut ul li.technologie {
		width:98px;
		}
#menu_haut ul li.catalogue {
		width:154px;
		}
#menu_haut ul li.contact {
		width:50px;
		}
#menu_haut ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:16px;
		}
		
#menu {
		width:690px;
		height:20px;
		left:292px;
		top:67px;
		position: absolute;
		}
#menu ul li {
		float:left;
		height:16px;
		list-style:none;
		}
#menu ul li.bt1 {
		width:102px;
		}
#menu ul li.bt2 {
		width:138px;
		}
#menu ul li.bt3 {
		width:170px;
		}
#menu ul li.bt4 {
		width:85px;
		}
#menu ul li.bt5 {
		width:80px;
		}
#menu ul li.bt6 {
		width:94px;
		}
#menu ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:16px;
		}

/* --- ACCUEIL --- */

#menu_accueil {
		width:170px;
		height:130px;
		left:796px;
		top:150px;
		position: absolute;
		}
#menu_accueil ul li {
		height:16px;
		list-style:none;
		}
#menu_accueil ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		text-align: left ;
		text-decoration: none ;
		height:16px;
		}
		
#menu_haut_accueil {
		width:170px;
		height:32px;
		left:796px;
		top:36px;
		position: absolute;
		}
#menu_haut_accueil ul li {
		height:16px;
		list-style:none;
		}
#menu_haut_accueil ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		text-align: left ;
		text-decoration: none ;
		height:16px;
		}

#conteneur_accueil {
	width: 980px;
	height: 560px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
}
#fire1 {
	width: 89px;
	height: 136px;
	position:absolute;
	top: 0;
	left: 0;
}
#logo_accueil {
	background: url(accueil/logo_hctradition.gif) no-repeat;
	position:absolute;
	width: 440px;
	height: 136px;
	top: 0;
	left: 0;
	text-indent: -5000px;
}
#photos04 {
	background: url(accueil/photos04.jpg);
	position:absolute;
	width: 440px;
	height: 424px;
	top: 136px;
	left: 0;
}
#photos01 {
	background: url(accueil/photos01.jpg);
	position:absolute;
	width: 343px;
	height: 388px;
	top: 0;
	left: 440px;
}
#promotion {
	background: url(accueil/promotion.jpg);
	position:absolute;
	width: 343px;
	height: 172px;
	top: 388px;
	left: 440px;
}
.titre_promo {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:5px;
}
#photos02 {
	background: url(accueil/photos02.jpg);
	position:absolute;
	width: 197px;
	height: 560px;
	top: 0;
	left: 783px;
}
#txt_accueil {
	position: absolute;
	width: 310px;
	height: 220px;
	top: 155px;
	left: 90px;
}
#txt_promo {
	position: absolute;
	width: 170px;
	height: 120px;
	top: 430px;
	left: 450px;
}
#photo_promo {
	position: absolute;
	width: 151px;
	height: 110px;
	top: 388px;
	left: 632px;
	background:#824944;
	text-align:center;
	padding-top:10px;
}
#pourcentage_promo {
	position: absolute;
	width: 111px;
	height: 35px;
	top: 510px;
	left: 672px;
}

/* --- ACCUEIL --- */


/* --- PRESENTATION --- */

#conteneur_prst {
	width: 980px;
	height: 560px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:#948678;
}
#photos_prst {
	width: 491px;
	height: 330px;
	left: 489px;
	top: 166px;
	position: absolute;
	background: url(images/photos_presentation.jpg);
}
#txt_prst {
	width: 420px;
	height: 360px;
	left: 13px;
	top: 192px;
	position: absolute;
}

/* --- PRESENTATION --- */


/* --- ENVIRONNEMENT --- */

#conteneur_enviro {
	width: 980px;
	height: 560px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:#948678;
}
#photos_enviro {
	width: 491px;
	height: 330px;
	left: 489px;
	top: 166px;
	position: absolute;
	background: url(images/photos_environnement.jpg);
	background-image: url(images/photos_environnement.jpg);
}
#txt_enviro {
	width: 420px;
	height: 240px;
	left: 13px;
	top: 192px;
	position: absolute;
}

/* --- ENVIRONNEMENT --- */


/* --- TECHNOLOGIE --- */

#conteneur_techno {
	width: 980px;
	height: 560px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:#948678;
}
#photos_techno {
	width: 323px;
	height: 216px;
	left: 657px;
	top: 166px;
	position: absolute;
	background: url(images/photos_technologie.jpg);
}
#txt_techno {
	width: 657px;
	height: 394px;
	left: 0px;
	top: 166px;
	position: absolute;
}

/* --- TECHNOLOGIE --- */


/* --- COMBUSTIBLES --- */

#photos_combustibles {
	width: 493px;
	height: 356px;
	left: 282px;
	top: 166px;
	position: absolute;
	background: url(images/photos_combustibles.jpg);
}
#txt1_combustibles {
	width: 240px;
	height: 360px;
	left: 13px;
	top: 192px;
	position: absolute;
}
#txt2_combustibles {
	width: 270px;
	height: 60px;
	left: 706px;
	top: 192px;
	position: absolute;
}
#txt3_combustibles {
	width: 435px;
	height: 150px;
	left: 490px;
	top: 380px;
	position: absolute;
}

/* --- COMBUSTIBLES --- */


/* --- CONTACT --- */

#map {
	width: 500px;
	height: 394px;
	left: 282px;
	top: 166px;
	position: absolute;
}
#photos_contact {
	background: url(images/photos_contact.jpg);
	width: 198px;
	height: 198px;
	left: 782px;
	top: 166px;
	position: absolute;
}

/* --- CONTACT --- */


/* --- PROMO --- */

#photo_promo2 {
	width: 698px;
	height: 300px;
	left: 282px;
	top: 166px;
	position: absolute;
	background: url(images/fd_promo.gif) repeat-x;
}
#txt_promo2 {
	width: 240px;
	height: 360px;
	left: 13px;
	top: 192px;
	position: absolute;
	font-size:12px;
}

/* --- PROMO --- */


/* --- POELES A BOIS --- */

#conteneur_poeles {
	width: 980px;
	height: 560px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:#968779;
}
#fire2 {
	width: 61px;
	height: 93px;
	position: relative;
	float:left;
}
#logo_page {
	background: url(images/logo_hctradition.jpg);
	width: 221px;
	height: 93px;
	left: 61px;
	top: 0px;
	position: absolute;
	text-indent:-5000px;
}
#fd_menu {
	background: url(images/fd_menu.jpg);
	width: 698px;
	height: 93px;
	left: 282px;
	top: 0px;
	position: absolute;
}
#titre_poeles {
	background: #75423E;
	width: 967px;
	height: 53px;
	left: 0px;
	top: 93px;
	position: absolute;
	padding-top: 20px;
	padding-left: 13px;
}
#photos_poeles-bois {
	background: url(images/photos_poeles-bois.jpg);
	width: 980px;
	height: 120px;
	left: 0px;
	top: 166px;
	position: absolute;
}

#menu_logos_poeles-bois {
		width:950px;
		height:200px;
		left:13px;
		top:315px;
		position: absolute;
		}
#menu_logos_poeles-bois ul li {
		float:left;
		height:100px;
		margin-right: 10px;
		list-style:none;
		}
#menu_logos_poeles-bois li a {
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:100px;
		}

/* --- POELES A BOIS --- */

/* --- PRODUITS --- */

#titre_gamme {
	background: #6A3A36;
	width: 644px;
	height: 31px;
	left: 0px;
	top: 166px;
	position: absolute;
	padding-top: 6px;
	padding-left: 13px;
}
#liens_gamme {
	background: #85645C;
	width: 303px;
	height: 85px;
	left: 657px;
	top: 93px;
	position: absolute;
	padding-top: 25px;
	padding-left: 20px;
}
#produit1_titre {
	background: #D8D6D4;
	width: 245px;
	height: 38px;
	left: 0px;
	top: 203px;
	position: absolute;
	text-align: center;
	padding-top: 17px;
}
#produit1_photo {
	background: #938577;
	width: 245px;
	height: 169px;
	left: 0px;
	top: 258px;
	position: absolute;
	text-align:center;
}
#produit1_txt {
	background: #7D7267;
	width: 205px;
	height: 118px;
	left: 0px;
	top: 427px;
	position: absolute;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#produit2_titre {
	background: #BDB8B5;
	width: 245px;
	height: 38px;
	left: 245px;
	top: 203px;
	position: absolute;
	text-align: center;
	padding-top: 17px;
}
#produit2_photo {
	background: #87786B;
	width: 245px;
	height: 169px;
	left: 245px;
	top: 258px;
	position: absolute;
	text-align:center;
}
#produit2_txt {
	background: #75685E;
	width: 205px;
	height: 118px;
	left: 245px;
	top: 427px;
	position: absolute;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#produit3_titre {
	background: #D8D6D4;
	width: 245px;
	height: 38px;
	left: 490px;
	top: 203px;
	position: absolute;
	text-align: center;
	padding-top: 17px;
}
#produit3_photo {
	background: #938577;
	width: 245px;
	height: 169px;
	left: 490px;
	top: 258px;
	position: absolute;
	text-align:center;
}
#produit3_txt {
	background: #7D7267;
	width: 205px;
	height: 118px;
	left: 490px;
	top: 427px;
	position: absolute;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#produit4_titre {
	background: #BDB8B5;
	width: 245px;
	height: 38px;
	left: 735px;
	top: 203px;
	position: absolute;
	text-align: center;
	padding-top: 17px;
}
#produit4_photo {
	background: #87786B;
	width: 245px;
	height: 169px;
	left: 735px;
	top: 258px;
	position: absolute;
	text-align:center;
}
#produit4_txt {
	background: #75685E;
	width: 205px;
	height: 118px;
	left: 735px;
	top: 427px;
	position: absolute;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#credit-impot {
	background:url(images/pastille_creditimpot.png) no-repeat;
	width: 100px;
	height: 100px;
	left: 580px;
	top: 95px;
	position: absolute;
}
#txt_credit-impot {
	width: 134px;
	height: 30px;
	left: 514px;
	top: 170px;
	position: absolute;
	color: #B59D9B; font-size: 10px;
	text-align:right;
}

/* --- PRODUITS --- */


/* --- PHOTOS --- */

#photos_poeles-granules {
	background: url(images/photos_poeles-granules.jpg);
	width: 980px;
	height: 120px;
	left: 0px;
	top: 166px;
	position: absolute;
}
#photos_poeles-cheminees-bois {
	background: url(images/photos_poeles-cheminees-bois.jpg);
	width: 980px;
	height: 120px;
	left: 0px;
	top: 166px;
	position: absolute;
}
#photos_cuisinieres {
	background: url(images/photos_cuisinieres.jpg);
	width: 980px;
	height: 120px;
	left: 0px;
	top: 166px;
	position: absolute;
}
#photos_barbecues {
	background: url(images/photos_barbecues.jpg);
	width: 980px;
	height: 120px;
	left: 0px;
	top: 166px;
	position: absolute;
}

#pastille {
	position:absolute;
	left:253px;
	top:4px;
	}

/* --- PHOTOS --- */