html {
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
  overflow:auto;
}
body {
  margin:0;
  padding:0;
  background-color:#fdfdfd;
  background-image: url(../images/images/arriere_plan.jpg );
  background-repeat:repeat-x;
}
#conteneur {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:790px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:920px;
  top:0px;
  left:0;
  margin:auto; 
  text-align:left;
  padding:0 5% 0 0;
  z-index:1;
} 
#print{
display:none;
}
#bois_torrefie-1{
	position:absolute;
	top:0px;
	left:0px;
	width:266px;
    height:195px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois_torrefie-2{
	position:absolute;
	top:0px;
	left:266px;
	width:753px;
    height:147px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois_torrefie-5{
	position:absolute;
	top:195px;
	left:0px;
	width:266px;
    height:57px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois_torrefie-6{
	position:absolute;
	top:252px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_01.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_01.jpg) right top no-repeat  ;
	}
#navigationA {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_01.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA li a:hover, #navigationA li a:focus, #navigationA li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_01.jpg) right top no-repeat  ;
	}
#bois_torrefie-7{
	position:absolute;
	top:277px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation2 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation2 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_02.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation2 li a:hover, #navigation2 li a:focus, #navigation2 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_02.jpg) right top no-repeat  ;
	}
#navigationA2 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA2 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_02.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA2 li a:hover, #navigationA2 li a:focus, #navigationA2 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_02.jpg) right top no-repeat  ;
	}
#bois_torrefie-8{
	position:absolute;
	top:302px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation3 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation3 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_03.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation3 li a:hover, #navigation3 li a:focus, #navigation3 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_03.jpg) right top no-repeat  ;
	}
#navigationA3 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA3 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_03.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA3 li a:hover, #navigationA3 li a:focus, #navigationA3 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_03.jpg) right top no-repeat  ;
	}
#bois_torrefie-9{
	position:absolute;
	top:327px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation4 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation4 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_04.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation4 li a:hover, #navigation4 li a:focus, #navigation4 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_04.jpg) right top no-repeat  ;
	}
#navigationA4 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA4 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_04.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA4 li a:hover, #navigationA4 li a:focus, #navigationA4 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_04.jpg) right top no-repeat  ;
	}
#bois_torrefie-10{
	position:absolute;
	top:352px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation5 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation5 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_05.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation5 li a:hover, #navigation5 li a:focus, #navigation5 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_05.jpg) right top no-repeat  ;
	}
#navigationA5 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA5 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_05.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA5 li a:hover, #navigationA5 li a:focus, #navigationA5 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_05.jpg) right top no-repeat  ;
	}
#bois_torrefie-11{
	position:absolute;
	top:377px;
	left:0px;
	width:266px;
    height:48px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation6 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation6 li a {
	display: block ;
	height:48px;
	background: url(../images/images/pourBoutonsCSS_06.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation6 li a:hover, #navigation6 li a:focus, #navigation6 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_06.jpg) right top no-repeat  ;
	}
#navigationA6 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA6 li a {
	display: block ;
	height:48px;
	background: url(../images/images/NavigationHeatTreated_06.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA6 li a:hover, #navigationA6 li a:focus, #navigationA6 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_06.jpg) right top no-repeat  ;
	}
#bois_torrefie-12{
	position:absolute;
	top:425px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation7 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation7 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_07.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation7 li a:hover, #navigation7 li a:focus, #navigation7 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_07.jpg) right top no-repeat  ;
	}
#navigationA7 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA7 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_07.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA7 li a:hover, #navigationA7 li a:focus, #navigationA7 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_07.jpg) right top no-repeat  ;
	}
#bois_torrefie-13{
	position:absolute;
	top:450px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation8 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation8 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_08.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation8 li a:hover, #navigation8 li a:focus, #navigation8 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_08.jpg) right top no-repeat  ;
	}
#navigationA8 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA8 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_08.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA8 li a:hover, #navigationA8 li a:focus, #navigationA8 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_08.jpg) right top no-repeat  ;
	}
#bois_torrefie-14{
	position:absolute;
	top:475px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation9 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation9 li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_09.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation9 li a:hover, #navigation9 li a:focus, #navigation9 li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_09.jpg) right top no-repeat  ;
	}
#navigationA9 {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA9 li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_09.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA9 li a:hover, #navigationA9 li a:focus, #navigationA9 li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_09.jpg) right top no-repeat  ;
	}	
	
	
	
#bois_torrefie-14b{
	position:absolute;
	top:500px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation9b {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation9b li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_10.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation9b li a:hover, #navigation9b li a:focus, #navigation9b li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_10.jpg) right top no-repeat  ;
	}
#navigationA9b {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA9b li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_10.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA9b li a:hover, #navigationA9b li a:focus, #navigationA9b li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_10.jpg) right top no-repeat  ;
	}
#bois_torrefie-14c{
	position:absolute;
	top:525px;
	left:0px;
	width:266px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#navigation9c {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation9c li a {
	display: block ;
	height:25px;
	background: url(../images/images/pourBoutonsCSS_11.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigation9c li a:hover, #navigation9c li a:focus, #navigation9c li a:active {
	background: #033 url(../images/images/pourBoutonsCSS_11.jpg) right top no-repeat  ;
	}
#navigationA9c {
	width: 266px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigationA9c li a {
	display: block ;
	height:25px;
	background: url(../images/images/NavigationHeatTreated_11.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#navigationA9c li a:hover, #navigationA9c li a:focus, #navigationA9c li a:active {
	background: #033 url(../images/images/NavigationHeatTreated_11.jpg) right top no-repeat  ;
	}	
#bois_torrefie-15{
	position:absolute;
	top:548px;
	left:0px;
	width:266px;
    height:217px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#contenu_fluide_bois {
	position:absolute;
	left:266px;
	top:139px;
	width:733px;
	min-height:790px;
	background-color: #fdfdfd;
	padding:0 20px 0 0;
	z-index:2;
}
#contenu_fiches {
	position:absolute;
	left:10px;
	top:158px;
	width:70%;
	height:100%;
	z-index:2;
}
#basDePage{
position:absolute;
top:780px;
left:0px;
width:230px;
text-align:right;
}

.styleTitreTableau{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#FFFFFF;
text-align:left;
border-left: #000000 thin solid;
background-color:#745131;
padding-left:6px;
}
.styleTexteTableau{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333333 ;
text-align:left;
border-bottom:#CCCCCC thin solid;
}
.styleTexteTableau strong{ 
color:#cfaf20;
}
.styleSousTitreTableau{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
background-color: #996A3C;
color:#ffffff;
text-align:center;
border-bottom:#000000  solid thin;
padding-left:5px;
}
.styleSousSousTitreTableau{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#333333;
text-align:left;
border-bottom:#000000 solid thin;
padding-bottom:3px;
}
.border{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
text-align:center;
border-bottom:#339900 solid thin; 
}
.FicheTitre{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
text-align:center;
}
.TextDesc{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
text-align:left;
padding-left:6px;
}
.TitreDesc{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color: #CC6600;
text-align:left;
font-weight:bold;
padding-left:6px;
}
.borderRight{
border-right:#660000 thin solid;
}
h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color: #B68A2B;
text-align:center;
}

.styleContact{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
color:#999999;
text-align:left;
}
.styleTexteNormal{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#666666;
text-align:justify;
}
#MenuRevetement {
	position:absolute;
	left:302px;
	top:101px;
	width:272px;
	height:32px;
	z-index:5;
}
#MenuPatio {
	position:absolute;
	left:668px;
	top:101px;
	width:272px;
	height:32px;
	z-index:5;
}
.StyleMenuProduits{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;

}
.StyleMenuProduits a{
color:#edda11;
text-decoration:none;
}
.StyleMenuProduits a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#fondboussole {
	position:absolute;
	left:-10px;
	top:-14px;
	width:714px;
	height:145px;
	background-image:url(../images/EnteteDetaillants.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#fondboussoleEng {
	position:absolute;
	left:-10px;
	top:-14px;
	width:714px;
	height:145px;
	background-image:url(../images/EnteteDetaillantsEng.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#region {
	position:absolute;
	left:467px;
	top:57px;
	width:233px;
	height:30px;
	text-align:left;
	z-index:3;
	/*background-color:#00CC66;*/
}
#magasin {
	position:absolute;
	left:467px;
	top:92px;
	width:233px;
	height:30px;
	text-align:left;
	z-index:3;
	/*background-color:#00CC66;*/
}
#reponse {
	position:absolute;
	left:0px;
	top:140px;
	width:460px;
	height:400px;
	padding-top:40px;
	/*background-color:#009966;*/
	text-align:right;
	z-index:2;
}
.styleReponse{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#666666;
}
#finition{
	position:absolute;
	left:234px;
	top:106px;
	width:325px;
	height:18px;
	z-index:5;
}
#catalogue{
float:left; width:150px; height:250px; text-align:center; background-color:black; margin:7px;; 
}
.styleFinitionSelection{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
.styleFinitionSelection a{
text-decoration:none;
color: #006600;
}
.styleFinitionSelection a:hover{

}
.styleFinition{
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-variant:small-caps;
	text-align:left;
}
.styleFinition a{
	text-decoration:none;
	color:#181310;
}
.styleFinition a:hover{
	text-decoration:underline;
}
.styleBasPage{
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
	text-align:left;
}
.styleBasPage a{
	text-decoration:none;
	color:#999999;
}
.styleBasPage a:hover{
	TEXT-DECORATION:underline;
}
.styleTexteDescription{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}
.StyleCatalogue{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#FFFFFF;
font-weight:bold;

}
.StyleCatalogue a{
color:#ffffff;
text-decoration:none;
}
.StyleCatalogue a:hover{
color:#e7d303;
text-decoration:none;
}
.text1 .text2{background-repeat:no-repeat;}

a .text1{font-family:Georgia, "Times New Roman", Times, serif;  display: none; background-repeat:no-repeat;}
a .text2{display: none; background-repeat:no-repeat;}

a:hover .text1{display: block; font-size:20px; text-align:left; color:#dfcc10; font-weight:bold; background-repeat:no-repeat; }
a:hover .text2{display: block; font-size:17px; text-align:left; color:#FFFFFF; background-repeat:no-repeat;}

.texte_hub{padding-left:0; padding-top:10px; background-repeat:no-repeat;}

/*début de mes boites */
/* css pour les 4 portes */
/*#porte1{float:left; width:730px; height:123px; margin:0; padding:0; z-index:3;}
#porte1 a{background:url(../images/boutonEcologique.jpg) left top no-repeat; width:730px; height:123px; display:block; text-decoration:none; overflow:hidden;}
#porte1 a:hover{background:url(../images/boutonEcologique.jpg) right top no-repeat; width:730px; height:123px; display:block;}

.porte2{float:left; width:730px; height:94px; margin:0; padding:0; z-index:3;}
.porte2 a{background: url(../images/boutonDurable.jpg) left top no-repeat; width:730px; height:94px;display:block;text-decoration:none; overflow:hidden;}
.porte2 a:hover{background: url(../images/boutonDurable.jpg) right top no-repeat; height:94px; width:730px; display:block;}

.porte3{float:left; width:730px; height:73px; margin:0; padding:0; z-index:3;}
.porte3 a{background: url(../images/boutonStable.jpg) left top no-repeat; height:73px; width:730px; display:block; text-decoration:none; overflow:hidden;}
.porte3 a:hover{background: url(../images/boutonStable.jpg) right top no-repeat  ; height:73px; width:730px; display:block;}*/