/* CSS feuille de style BCB DARVEY creee le 24/09/2007 - */

body {
	padding:0;
	color: #333333;
	font-size :13px;
	font-family : "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
	background-color: #FFFFE2; 
	margin:0;
	text-align:left;
	background-image: url(images/Creme_browserbg.jpg);
}

#conteneur {
	width:1024px;
	margin: 0px auto;
    height: 1500px;
	background-color:#FFFFE2;
}

h1 {
	color:  #662400;
	font-size :32px;
	text-align:center;
	letter-spacing:10px;
	line-height:40px;
	margin-bottom:0;
	margin-top:0;
	padding-top:0; /*15px;*/
}

	
h2 {
	font-weight:400;
	font-size:18px;
	padding-bottom: 0em;
	/*margin-left:1em; */
	font-variant:small-caps;
	color: #662400;
	border-bottom-style: solid;
	border-bottom-width: thin;
	}

h3 {
	 margin-top: 1em;
	 margin-bottom: 1em;
	/* margin-left:1em; */
	 font-size: 14px;
	 font-variant:small-caps;
	 font-weight: 400;
	 color: #662400;
 }
 
h6 {
	 margin-top: 1em;
	 margin-bottom: 1em;
	/* margin-left:1em; */
	 font-size: 10px;
	 font-weight: 400;
 }


/* --------------------------------------------------------- Mise en page de l'Entête  -------------------------------------------------------------- */


/* entête de DARVEY */
#header {
/*width:100%; */
height:95px;
background-color:#FFFFE2;
}

/*image de l'entête */
.logo {
float:left;
margin-left:6px;
border:0;
}



/* --------------------------------------------------------- Mise en page du Pied de Page -------------------------------------------------------------- */


#piedDePage {
height:50px;
background-color: #FFFFE2;
left:0px;
position:fixed;
right:0px;
width:1024px;
text-align: left;
background-image: url(images/Creme_browserbg.jpg);
}



/* --------------------------------------------------------- Mise en page de la partie Centrale de la page -------------------------------------------------------------- */




/*ligne de séparation marron */
#ligneVerte {
	background-color: #FFFFE2;
	font-size:5px;
	height:10px;
/*	width:100%; */
	
}

/* partie générale du document */
#principal {
left:0;
background-color: #FFFFE2;
width:100%;
height:100%;

}


/* bloc menu à gauche */
#blocmenu {
	font-size:13px;
	float: left;
	margin-left:0;
	margin-top:0;
	padding:10px;
	text-align:left;
	width:185px;
	height:1500px;
	background-image: url(images/logomaisonsapin.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color: #FFFFE2;

}


#ssblocmenu {
	font-size:13px;
	float: left;
	margin-left:0;
	margin-top:0;
	padding:5px;
	text-align:left;
	width:160px;
	height:150px;
	background-repeat:no-repeat;

}


/* ------------------------------------------------------------------ menu --------------------------------------------------------------------------------- */

/* la liste */
ul#menu {
list-style-type:none;
margin-left:2px;
margin-right:3px;
padding:0;
}



/* les items de la liste */
ul#menu li{
padding:2px 2px 2px 5px;
color:#333333;

}

/* les liens non visités */
ul#menu a{
color: #333333;
display:block;
text-decoration:none;
font-weight:430;
height: 1.4em;
line-height:1.4em;
	}

/* les liens au survol */
ul#menu a:hover {
background-color: #662400;
color:#FFFFCC;
}


/* les liens de la page ouverte */
ul#menu a:lienactif {
background-color: #7FC31C;
}


/* coordonnées */
ul#coordonnees {
	list-style-type:none;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding:0;
	background-image:url(images/thumbback.jpg);
	background-repeat:no-repeat;
	display: block;
	text-align: center;
	/*vertical-align:middle;*/
}



/* ------------------------------------------------------------------ sous - menu --------------------------------------------------------------------------------- */
/* la liste */
ul#ssmenu {
font-size:10px;
list-style-type:none;
margin-left:5px;
/*margin-right:2px; */
padding:0;
}


/* les items de la liste */
ul#ssmenu li{
padding:2px 2px 2px 5px;

}

/* les liens non visités */
ul#ssmenu a{
	display:block;
	text-decoration:none;
	font-weight:normal;
	height: 1.4em;
	line-height:1.4em;
	color: #333333;
	font-size: 12px;
	} 

/* les liens au survol */
ul#ssmenu a:hover {
background-color: #662400;
}


/* La partie Centrale */
 /* Contenu Global de la page */
 #global {
 margin-left:200px;
 margin-right:10px;
 margin-top:0px;
 text-align:justify;
 padding:10px;
 height:100%;
 background-color: #FFFFE2;

 
	}

 #globalIndex {
 margin-left:200px;
 margin-right:10px;
 margin-top:0px;
 text-align:justify;
 padding:10px;
 	height:100%;
	 background-color: #FFFFE2;

/*background-image: url(images/ossature_bois_fond.jpg); */
/*background-image: url(images/esquisse_maison_007_fond.jpg); 
background-repeat:no-repeat;
background-position: top center;
 */
	}



/* --------------------------------------------------------- Menu page "Réalisations" -------------------------------------------------------------- */


#MenuflotgauchePetite {
float:left;
height:150px;
width:200px;
border:0;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
margin-top:20px;
padding:10px;

}


 #menureal {
 margin-left:30px;
 margin-right:10px;
 margin-top:0px;
 padding:10px;
 	height:100%;
	 background-color: #FFFFE2;


 }


	

/* --------------------------------------------------------- Mise en page des formulaires -------------------------------------------------------------- */

 /* style de label  */ 
 .descriptions {
	float: left;
	height: 20px;
	position: relative;
	text-align: left;
	width: 120px;
}
 
  .descriptions2 {
	 float:right;
	 margin-right:140px;
	 }
 

/*br{
clear:left;
 }
*/
 /*style de input boutons radio */
 .btnRadio {
	 width:12px;
 }


/* bouton envoyer */
.envoyer{
	text-align:center;
	border:medium solid #662400;
	font:"Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
	color:#663300;
	height:30px;
	padding:5px;
	width:75px;
/*	margin-left:200px; */
	font-weight: bold;
	border-style: outset;
}

#boiteform {
	float:none;
	width:700px;
	background-color: #FFFFE2;
	height:500px;
}


/* boite vous êtes */
#boiteIdentite {
	float:left;
	width:700px;
	
}

#boiteIdentite2 {
	float:left;
	width:100%;
}


#Civilite {
	float:left; 
	width:23%;
}

#Identite {
	float:left;
	width:77%;
	height:80px;
}

#Boiteadresse {
	float:left;
	width:700px;
	padding:10px;
}

#Boiteadresse2 {
float:right;
width:550px;

}

#BoiteEtes {
	float:left;
	width:700px;
	padding:10px;
}

#BoiteEtes2 {
	float:right;
	width:550px;
}


#BoiteVotreDemande {
	float:left;
	padding:10px;
	width:700px;
}

#BoiteVotreDemande2 {
	float:right;
	width:550px;
}


#BoiteVotreMessage {
	float:left;
	width:700px;
	padding:10px;
}


#BoiteVotreMessage2 {
/*	float:right; */
	width:550px;
}

#BoiteEnvoyer {
	float:left;
	width:100%;
	height:30px;
	text-align:center;
	padding:5px;
	
}

#BoiteGenerale {
	float:left;
	width:100%;
	height:30px;
	padding:5px;
	
}

#boiteAnnonceRejoignezNous {
float:right;
height:200px;
width:100%;
padding-top:20px;
}


/* -------------------------  Boite dans les paragraphes flottant à gauche ou à droite ---------------------------- */
#boiteflotgauche {
float:left;
height:188px;
width:251px;
margin-left:5px;
margin-right:10px;
margin-bottom:3px;
margin-top:3px;
}

#boiteflotgauchePetite {
float:left;
height:150px;
width:200px;
border:0;
margin-left:5px;
margin-right:10px;
margin-bottom:20px;
margin-top:20px;
padding:0px;

}

/*
#image {
background-image:url(images/thumbback200x150.jpg);
background-repeat:no-repeat;

}

*/

#boiteflotdroite {
float:right;
height:188px;
margin-left:10px;
margin-right:3px;
margin-bottom:3px;
margin-top:3px;
width:251px;
}

#boiteflotdroitePetite {
float:right;
height:150px;
border:none;
margin-left:10px;
margin-right:3px;
margin-bottom:20px;
margin-top:20px;
width:200px;
}

#boiteflotdroiteRejoignezNous {
float:right;
height:133px;
margin-left:10px;
margin-right:3px;
margin-bottom:5px;
margin-top:10px;
width:177px;
}


#boiteflotdroiteMoyenne {
float:right;
height:240px;
margin-left:6px;
margin-right:0px;
margin-bottom:6px;
margin-top:3px;
width:350px;
}

#boiteflotgaucheMoyenne {
float:left;
height:240px;
margin-left:6px;
margin-right:10px;
margin-bottom:6px;
margin-top:3px;
width:350px;
}



#boiteflotgaucheGrand {
float:left;
height:410px;
width:500px;
margin-left:10px;


}



#boiteflotdroiteGrand {
float:right;
height:410px;
margin-left:15px;
margin-right:2px;
margin-bottom:6px;
margin-top:6px;
width:510px;

}

.photo {
height:150px;
margin:0;
padding:0;
width:200px;

}