/* rgles CSS pour la Diligence */

body {
  margin:0;
  padding:0;
  background-color:#f6f2d0;
  background-image: url(../images/arrierePlan/arrierePlanKisis2.jpg);
  background-repeat:repeat-x;
}

html {
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
  overflow:auto;
}

#conteneur {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:915px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:980px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  z-index:1;
} 
 #bois-torrefie-1{
	position:absolute;
	top:0px;
	left:0px;
	width:389px;
    height:140px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-2{
	position:absolute;
	top:0px;
	left:389px;
	width:215px;
    height:140px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-3{
	position:absolute;
	top:0px;
	left:604px;
	width:64px;
    height:140px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-4{
	position:absolute;
	top:0px;
	left:668px;
	width:312px;
    height:140px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-5{
	position:absolute;
	top:140px;
	left:0px;
	width:2px;
    height:36px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-6{
	position:absolute;
	top:140px;
	left:2px;
	width:978px;
    height:36px;
	margin:0;
	background-color:#99FF99;
	border:0;
	padding:0;
	z-index:1000;
}
#bois-torrefie-9{
	position:absolute;
	top:176px;
	left:0px;
	width:648px;
    height:544px;
	margin:0;
	border:0;
	padding-left:20px;
	background-image:url(../images/arrierePlan/Bois-torrefie-Kisis_09.jpg);
	overflow:auto;
	z-index:1;
}
#bois-torrefie-10{
	position:absolute;
	top:176px;
	left:668px;
	width:362px;
    height:544px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#bois-torrefie-11{
	position:absolute;
	top:719px;
	left:0px;
	width:980px;
	height:116px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
/*#bois-torrefie-12{
	position:absolute;
	top:799px;
	left:0px;
	width:980px;
    height:116px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}*/
#pastille1_renovation {
	position:absolute;
	left:703px;
	top:213px;
	width:480px;
	height:143px;
	z-index:2;
}
#pastille2_renovation {
	position:absolute;
	left:721px;
	top:397px;
	width:480px;
	height:143px;
	z-index:2;
}
#pastille3_renovation {
	position:absolute;
	left:755px;
	top:557px;
	width:480px;
	height:143px;
	z-index:2;
}
#textePrincipal_bois-torrefie {
	position:absolute;
	left:293px;
	top:182px;
	width:344px;
	height:445px;
	z-index:2;
}
#Contact_Kisis {
	position:absolute;
	left:796px;
	top:0px;
	width:136px;
	height:19px;
	z-index:2;
}
#footer_renovation {
	position:absolute;
	left:0px;
	top:787px;
	width:980px;
	height:41px;
	/*background-color:#33FFFF;*/
	text-align:left;
	z-index:2;
}
/*  --------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------                Règles pages intérieures                                  ---------------------------------*/
/*  --------------------------------------------------------------------------------------------------------------------------------------*/

#pastille1_decoration_maison {
	position:absolute;
	left:257px;
	top:175px;
	width:685px;
	height:58px;
	/*background-color:#3399FF;*/
	z-index:2;
}
#pastille2_decoration_maison {
	position:absolute;
	left:11px;
	top:266px;
	width:210px;
	height:329px;
	/*background-color:#330066;*/
	z-index:2;
}
#textePrincipal_decoration_maison {
	position:absolute;
	left:236px;
	top:246px;
	width:686px;
	height:423px;
	/*background-color:#33CC33;*/
	z-index:2;
}








/*  --------------------------------------------------------------------------------------------------------------------------------------*/
/*  ---------------------------                Règles typographiques                                     ---------------------------------*/
/*  --------------------------------------------------------------------------------------------------------------------------------------*/

.styleTexteCourant{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#855419;
text-align:justify;
}
.styleTexteCourant a{
text-decoration:none;
color:#855419;
}
.styleTexteCourant a:hover{
color:#9fa11f;
}
.copywright{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#e2d48b;
font-weight:bold;
}
h2{
text-indent:2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
border-bottom:#845318 thin dashed;
color:#845318;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1em;
border-bottom:#ded48c thin dashed;
color:#98ad2d;
text-indent:1em;
}
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
border-bottom:#ded48c thin dashed;
color:#835519;
text-indent:0.2em;
}
.StyleContact{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#855419;
font-weight:bold;
}
.StyleContact a{
text-decoration:none;
color:#855419;
}
.StyleContact a:hover{
text-decoration:underline;
color:#9dae1b;
}
.StyleGrosTitre{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
color:#8e5829;
font-weight:bold;
}
.styleSousTitre{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
color:#98ad2d;
}
.StyleSavoirPlus{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#8e5829;
}

