@charset "UTF-8";
/* CSS Document */

body{
	 /*background-image:url(images/background.jpg);*/
	 background-repeat:repeat-x;
	 background-position:top left; 
	 margin: 0px; /* pour éviter les marges */
	 margin-top:0px;
     text-align: center; /*pour corriger le bug de centrage IE*/
	 background-color:#e4e7dd;
	 
}

#conteneur {

	 /* on positionne le conteneur */
	/*position:relative;*/
    margin-left: auto;
    margin-right: auto;
	padding:0px;
	width:1000px;
}

.logo {
background-image:url(images/logo-espinasse.jpg);
background-repeat:no-repeat;
float:left;
width:840px;
height:70px;

}

.btn_racourcis_1 {
background-image:url(images/btn-racourcis-accueil.jpg);
background-repeat:no-repeat;
float:left;
width:48px;
height:70px;
}

a.btn_racourcis_1:hover, a.btn_racourcis_1:active, a.btn_racourcis_1:focus{
background-image:url(images/btn-racourcis-accueil.jpg);
background-repeat:no-repeat;
float:left;
width:48px;
height:70px;
}

.btn_racourcis_2 {
background-image:url(images/btn-racourcis-projet.jpg);
background-repeat:no-repeat;
float:left;
width:47px;
height:70px;
}

a.btn_racourcis_2:hover, a.btn_racourcis_2:active, a.btn_racourcis_2:focus{
background-image:url(images/btn-racourcis-projet.jpg);
background-repeat:no-repeat;
float:left;
width:47px;
height:70px;
}

.btn_racourcis_3 {
background-image:url(images/btn-racourcis-contact.jpg);
background-repeat:no-repeat;
float:left;
width:46px;
height:70px;
}

a.btn_racourcis_3:hover, a.btn_racourcis_3:active, a.btn_racourcis_3:focus{
background-image:url(images/btn-racourcis-contact.jpg);
background-repeat:no-repeat;
float:left;
width:46px;
height:70px;
}

.btn_racourcis_vide {
background-image:url(images/btn-racourcis-vide.jpg);
background-repeat:no-repeat;
float:left;
width:19px;
height:70px;
}

.btn_gauche {
float:left;
background-image:url(images/menu-gauche.jpg);
width:223px;
height:50px;
}

.btn_droite {
float:left;
background-image:url(images/menu-droite.jpg);
width:19px;
height:50px;
}

.btn_1 {
float:left;
background-image:url(images/bt-1.jpg);
width:95px;
height:50px;
}

a.btn_1:hover, a.btn_1:active, a.btn_1:focus{
background-image:url(images/bt-1-on.jpg);
width:95px;
height:50px;
}

.btn_2 {
float:left;
background-image:url(images/bt-2.jpg);
width:129px;
height:50px;
}

a.btn_2:hover, a.btn_2:active, a.btn_2:focus{
background-image:url(images/bt-2-on.jpg);
width:129px;
height:50px;
}

.btn_3 {
float:left;
background-image:url(images/bt-3.jpg);
width:176px;
height:50px;
}

a.btn_3:hover, a.btn_3:active, a.btn_3:focus{
background-image:url(images/bt-3-on.jpg);
width:176px;
height:50px;
}

.btn_4 {
float:left;
background-image:url(images/bt-4.jpg);
width:120px;
height:50px;
}

a.btn_4:hover, a.btn_4:active, a.btn_4:focus{
background-image:url(images/bt-4-on.jpg);
width:120px;
height:50px;
}

.btn_5 {
float:left;
background-image:url(images/bt-5.jpg);
width:134px;
height:50px;
}

a.btn_5:hover, a.btn_5:active, a.btn_5:focus{
background-image:url(images/bt-5-on.jpg);
width:134px;
height:50px;
}

.btn_6 {
float:left;
background-image:url(images/bt-6.jpg);
width:104px;
height:50px;
}

a.btn_6:hover, a.btn_6:active, a.btn_6:focus{
background-image:url(images/bt-6-on.jpg);
width:104px;
height:50px;
}

.img-maison{
float:left;
background-image:url(images/image-maison-accueil.jpg);
width:1000px;
height:426px;
}

#lamaison_2{
float:left;
width:1000px;
}

.flash{
float:left;
background-image:url(images/flash.jpg);
width:568px;
height:171px;
}

.description{
float:left;
background-image:url(images/fond-description.jpg);
width:432px;;
height:171px;
}

.titre{
padding-top:15px;
margin-top:0px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#d63301;
text-decoration:none;
}

.texte{
padding-left:10px;
padding-right:20px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8f0a00;
text-decoration:none;
}

#les-contenus{
float:left;
width:1000px;
background-color:#FFFFFF;
}

#contenu ul{
float:left;
padding-left:50px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

#contenu li{
text-align:left;
padding-bottom:0px;
margin-top:2px;
list-style-image:url(images/puce.jpg);   
margin-left:30px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px; 
color:#666666; 
}

.style2{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px; 
color:#666666;

}

#contenu li a{
text-align:left;
padding-bottom:0px;
margin-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px; 
color:#666666; 
}

#contenu a:hover, #contenu a.contenu li:active, #contenu a.contenu li:focus{
text-align:left;
padding-bottom:0px;
margin-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px; 
color:#7ba036;
}

.menu-essence{
float:left;
background-image:url(images/essence-de-nos-maisons.jpg);
width:112px;
height:33px;
}

.menu-essence-cliked{
float:left;
background-image:url(images/essence-de-nos-maisons-over.jpg);
width:112px;
height:33px;
}

.menu-isolation{
float:left;
background-image:url(images/isolation-ossature-bois.jpg);
width:150px;
height:33px;
}

.menu-isolation-cliked{
float:left;
background-image:url(images/isolation-ossature-bois-over.jpg);
width:150px;
height:33px;
}

.menu-interieur{
float:left;
background-image:url(images/bois-interieur.jpg);
width:145px;
height:33px;
}

.menu-interieur-cliked{
float:left;
background-image:url(images/bois-interieur-over.jpg);
width:145px;
height:33px;
}

a.menu-isolation:hover, a.menu-isolation:active, a.menu-isolation:focus{
float:left;
background-image:url(images/isolation-ossature-bois-over.jpg);
width:150px;
height:33px;
}

a.menu-essence:hover, a.menu-essence:active, a.menu-essence:focus{
float:left;
background-image:url(images/essence-de-nos-maisons-over.jpg);
width:112px;
height:33px;
}

a.menu-interieur:hover, a.menu-interieur:active, a.menu-interieur:focus{
float:left;
background-image:url(images/bois-interieur-over.jpg);
width:145px;
height:33px;
}

.reste{
float:left;
background-image:url(images/reste-degrader.jpg);
width:134px;
height:33px;
}

.contenu-texte{
float:left;
width:540px;
background-color:#FFFFFF;
line-height:18px;

}

#contenu-flash{
float:left;
clear:both;
width:1000px;
height:171px;
}

.le-texte {
margin-top:0px;
padding-top:10px;
padding-left:50px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4f3b39;
text-decoration:none;
line-height:14px;

}

.le-texte2 {
margin-top:0px;
padding-top:0px;
padding-left:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4f3b39;
text-decoration:none;
line-height:14px;

}

.img-description{
float:right;
background-color:#FFFFFF;
width:460px;
}

.footer-vide{
margin-top:0px;
width:1000px;
height:20px;
}
.footer-vide2{
margin-top:0px;
width:1000px;
height:10px;
}

.internet-developpeurs{
padding-top:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#E3E3E3;
text-decoration:none;
}

.footer-lien{
padding-top:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#conteneur-footer{
margin-left: auto;
margin-right: auto;
float:left;
/*background-color:#688529;*/
/*background-image:url(images/footer-background-vert.jpg);*/
width:100%;
height:150px;
}

#footer{
margin-left: auto;
margin-right: auto;
background-color:#688529;
background-image:url(images/footer-background.jpg);
width:1000px;
height:100%;
}