*:focus {
outline:none;
}


/*General*/
*{
margin:0;
padding:0;
}

body{
width:100%;
font-family:  Arial,Verdana, Helvetica, sans-serif;
font-size:13px;
background-image:url(../images/background_img.png);
}


#conteneur{
margin-top:27px;
width:875px;
margin-left:auto;
margin-right:auto;

}
/* entete */
#entete{
width:875px;
height:351px;
background-image:url(../images/entete.png);
background-repeat:no-repeat;
overflow:none;
}

/* navigation */

#nav{
position:relative;
height:39px;
}
#nav ul{
padding-left:15px;
height:39px;
line-height:normal;
}
#nav li{
width:121px;
height:31px;
list-style-type:none;
float:left;
}
#nav a{
display:block;
color:#322f2a;
text-align:center;
text-decoration:none;
}
h1{
font-size:17px;
}
.accueil_nav{
background-image:url(../images/boutons/menus/accueil.jpg);
background-position: 0 0;
}
.services_nav{
background-image:url(../images/boutons/menus/services.jpg);
background-position: 0 0;
}
.modele_nav{
background-image:url(../images/boutons/menus/modeles.jpg);
background-position: 0 0;
}
.realisation_nav{
background-image:url(../images/boutons/menus/realisation.jpg);
background-position: 0 0;
}
.ecologie_nav{
background-image:url(../images/boutons/menus/ecologie.jpg);
background-position: 0 0;
}
.joindre_nav{
background-image:url(../images/boutons/menus/nousJoindre.jpg);
background-position: 0 0;
}
.projets_nav{
background-image:url(../images/boutons/menus/projets.jpg);
background-position: 0 0;
}

.accueil_nav:hover{background-position: -121px 0;}
.services_nav:hover{background-position: -121px 0;}
.modele_nav:hover{background-position: -121px 0;}
.realisation_nav:hover{background-position: -121px 0;}
.ecologie_nav:hover{background-position: -121px 0;}
.joindre_nav:hover{background-position: -121px 0;}
.projets_nav:hover{background-position: -121px 0;}

.alexterieur_nav{background-image:url(../images/boutons/sous_menus/alexterieur.jpg);background-position: 0 0;}
.construire_nav{background-image:url(../images/boutons/sous_menus/construire.jpg);background-position: 0 0;}
.economies_nav{background-image:url(../images/boutons/sous_menus/economie.jpg);background-position: 0 0;}
.habitudes_nav{background-image:url(../images/boutons/sous_menus/habitudes.jpg);background-position: 0 0;}
.liensUtiles_nav{background-image:url(../images/boutons/sous_menus/liensUtiles.jpg);background-position: 0 0;}
.plainpied_nav{background-image:url(../images/boutons/sous_menus/plainpied.jpg);background-position: 0 0;}
.deuxetages_nav{background-image:url(../images/boutons/sous_menus/deuxetages.jpg);background-position: 0 0;}

.alexterieur_nav:hover{background-position: -135px 0;}
.construire_nav:hover{background-position: -135px 0;}
.economies_nav:hover{background-position: -135px 0;}
.habitudes_nav:hover{background-position: -135px 0;}
.liensUtiles_nav:hover{background-position: -135px 0;}
.plainpied_nav:hover{background-position: -135px 0;}
.deuxetages_nav:hover{background-position: -135px 0;}
/* section principale */
#principale{
width:875px;
height:536px;
background-image:url(../images/background_contenu_img.png);
background-repeat:repeat-y;
}
#principaleGauche{
float:left;
width:489px;
height:546px;
}
#imageConteneur{
margin-left:40px;
margin-top:50px;
background-image:url(../images/imgConteneurBackground.png);
width:449px;
height:411px;
}

.imageConteneur_modele{
margin-top:47px;
background-image:url(../images/imgConteneur_modeles.png);
background-repeat:no-repeat;
width:463px;
height:289px;
}

#imageConteneur img{
margin-top:30px;
margin-left:15px;
}
#imageConteneur_realisation{
margin-left:45px;
margin-top:49px;
background-image:url(../images/imgConteneurBackground.png);
background-repeat:no-repeat;
width:475px;
height:400px;
padding-left:20px;
padding-top:17px;
}
#imageConteneur_realisation img{
margin-top:30px;
margin-left:15px;
}

#principaleDroit{
float:left;
width:340px;
height:542px;
background-color:#b2b1b1;
margin-top:-6px;
}
#principale_header{
margin-top:29px;
}
.accueil{
background-image:url(../images/accueil_text_img.png);
background-color:#dadada;
width:340px;
height:395px;
}

.modele{
background-color:#dadada;
width:340px;
height:269px;
}

.texte{
font-family:Arial;
padding-top:10px;
margin-left:27px;
margin-right:27px;
color:#322f2a;
text-align:justify;
}

.grosseImage{
float:left;
height:247px;
width:313px;
margin-left:25px;
margin-top:24px;
background-color:#aabbcc
}
.thumbnail{
margin-bottom:7px;
}
.thumb img{
border:none;
}
.petiteImage{
float:left;
height:247px;
width:67px;
margin-left: 15px;
margin-top:24px;
}
/* pied de page */
#piedDePage{
width:875px;
height:54px;
margin-left:2px;
background-image:url(../images/footer_img.png);
margin-bottom:21px;
}
#piedDePage p{
float:right;
text-align:center;
padding-top:7px;
margin-right:165px;
color:white;
}
#piedDePage a{
color:white;
text-decoration:none;
}
#piedDePage a:hover{
text-decoration:underline;
}
#principaleDroit_ME{
float:left;
width:517px;
height:auto;
background-color:#b2b1b1;
margin-top:-6px;
margin-left:30px;
}

#principaleGauche_ME{
float:left;
width:290px;
height:546px;
}
#premier{
margin-top:52px;
}

.imageConteneur_ME{
margin-left:32px;
margin-top:9px;
background-image:url(../images/img_contour_ME.png);
background-repeat:no-repeat;
width:288px;
height:253px;
}
.imageConteneur_ME img{
margin-top:18px;
margin-left:24px;
}
.ME{
width:517px;
height:242px;
margin-bottom:20px;
background-color:#dadada;
}

.liensutilesTexte{
background-color:#DADADA;
height:300px;
margin-bottom:20px;
}
#principaleDroit_utile{
background-color:#B2B1B1;
float:left;
height:auto;
margin-left:135px;
margin-top:-6px;
width:605px;
}
#liensUtile{
padding-top:15px;
margin-left:30px;
}
#liensUtile li{
padding-top:8px;
list-style-type:none;
}
#liensUtile a{
color:#322f2a;
text-decoration:underline;
}
#liensUtile a:hover{
text-decoration:none;
}
.clear{
clear:both;
}