body 
{
	background: #65655B ;
}

#phpeasydata_container{
background-color:#FFFFFF;
width:100%;
}
#phpeasydata_container_plans{
background-color:#e1e0c4;
width:100%;
padding-top:20px;
}



#container_AP
{
width: 934px;
background-image:url(../images/planlong-fond-plans.jpg) ;
color: #333;
padding-top:30px;
padding-left:25px;
padding-right:30px;
margin:0px auto;

}
#container_AP_long
{
width: 934px;
background-image:url(../images/planlong-fond-plans.jpg) ;
color: #333;
padding-top:30px;
padding-left:25px;
padding-right:30px;
margin:0px auto;

}
#container_AP_produits
{
width: 934px;
background-image:url(../images/planlong-fond-produits.jpg) ;
color: #333;
padding-top:30px;
padding-left:25px;
padding-right:30px;
margin:0px auto;
}

#container_AP_questions
{
width: 934px;
background-image:url(../images/planlong-fond-questions.jpg) ;
color: #333;
padding-top:30px;
padding-left:25px;
padding-right:30px;
margin:0px auto;
}

#container
{
width: 934px;
background: #65655B;
border-style:double;
border-width:1px;
border-color:#000000;
color: #333;
padding:0px;
margin:0px auto;

}


#content
{

padding-left: 10px;
padding-right: 0px;
padding-top:1px;
padding-bottom:1px;
margin-top:1px;
margin-right:0px;
margin-left:0px;
background-color:#FFFFFF;
width:765px;
float:right;
}
#content_plans
{

padding-left: 0px;
padding-right: 0px;
padding-top:1px;
padding-bottom:1px;
margin-top:1px;
margin-right:0px;
margin-left:0px;
background-color:#FFFFFF;
width:934px;
}


#top
{
padding: .5em;
background-image: url(../images/bandeau-maison-bois.jpg);
height: 93px;
background-color:#65655B;
}

#nav_top {
font-family:"Microsoft", sans-serif;
border-bottom: 1px solid #000000;
font-size: 100%;
width: 100%;
height:20px;
padding-bottom: 2px;
padding-top: 2px;


}
#nav_top ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#nav_top ul li {
margin: 0px;
padding: 0px;
}
#nav_top ul li a {
font-size: 80%;
display: block;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #ffffe5;
width: 100%;
}

#nav_top ul li a:hover, #nav_top ul li a:focus {
color: #FFFFFF;
background-color:#cccc00;
}
/******/
#nav_maquette {
font-family:"Microsoft", sans-serif;
border-bottom: 1px solid #000000;
font-size: 100%;
width: 100%;
height:25px;
padding-bottom: 0px;
padding-top: 5px;
}
.navmaq
{
float:left;
width:310px;
height:20px;
text-align:center;
font-weight:bold;
margin-left:3px;
}
.navmaq1
{
float:left;
width:310px;
height:20px;
text-align:center;
font-weight:bold;
margin-left:0px;
}
.navmaq2
{
float:left;
width:308px;
height:20px;
text-align:center;
font-weight:bold;
margin-right:3px;
}
#nav_actu {
font-family:"Microsoft", sans-serif;
border-bottom: 1px solid #000000;
font-size: 80%;
width: 100%;
margin-bottom: 2px;
}
.navactu
{
float:left;
width:250px;
text-align:center;
font-weight:bold;
margin-left:3px;
}
.navactu1
{
float:left;
width:250px;
text-align:center;
font-weight:bold;
margin-left:0px;
}
.navactu2
{
float:left;
width:250px;
text-align:center;
font-weight:bold;
margin-right:3px;
}
#nav_actu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#nav_actu ul li {
margin: 0px;
padding: 0px;
}
#nav_actu ul li a {
font-size: 85%;
display: block;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #65655B;
width: 100%;
}

#nav_actu ul li a:hover, #nav_top ul li a:focus {
color: #FFFFFF;
background-color:#cccc00;
}


#nav_maquette ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#nav_maquette ul li {
margin: 0px;
padding: 0px;
}
#nav_maquette ul li a {
font-size: 100%;
display: block;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #ffffe5;
width: 100%;
}

#nav_maquette ul li a:hover, #nav_top ul li a:focus {
color: #FFFFFF;
background-color:#cccc00;
}

#top h1
{text-align:center;
color:#26404F;
padding: 0;
margin: 0;
font-style:normal;
text-decoration:none;
border:0;
}


#leftnav
{
float: left;
width: 145px;
background-color:#65655B;
margin: 0;
padding: 0px;
text-align:right;
font-size:90%;
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }






/*******************************************************largeur de la colonne de gauche**************************/
#vertmenu {
font-family:"Microsoft", sans-serif;
font-size: 100%;
width: 100%;
padding: 0px;
margin: 27px 0px 0px 0px;

}

#vertmenu h1 {
display: block; 
background-color:#F4F4F4;
font-size: 80%; 
padding: 3px 0 5px 0px;
border: 1px solid #000000;
color:#425A84;
margin: 0px;
width: 100%;
text-align:center;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}

/*******************************************************taille du texte de la marge de gauche*********************/
#vertmenu ul li a {
font-size: 80%;
display: block;
font-weight:bold;
padding: 2px 10px 2px 2px;
text-decoration: none;
color: #ffffe5;
width: 110%;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #FFFFFF;
background-color:#cccc00;
}

/*******************************************************PHOTO INDEX*************************************************/
#photo_index 
{
background-image: url(../images/maison-pour-logo.jpg) ;

width:775px;
height:255px;
padding-top:10px;
padding-left:0px;
padding-right:0px;
margin-left:-12px;
margin-right:17px;
padding-bottom:3px;
font-family:"Microsoft", sans-serif;
}
/*******************************************************PAGE  A PROPOS********************************************/
#propos 
{
background-color:#d4d3b4;
width:775px;
height:100px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin-left:-10px;
margin-top:-1px;
padding-bottom:0px;
font-family:"Microsoft", sans-serif;
}

#txt_propos 
{

width:770px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin-left:0px;
padding-bottom:3px;
font-family:"Microsoft", sans-serif;
}
/*******************************************************PAGE QUI SOMMES NOUS SOCIETE**************************************/
#tete_degrade 
{
background-color:#d4d3b4;
width:775px;
height:136px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin-left:-10px;
margin-top:-1px;
padding-bottom:0px;
font-family:"Microsoft", sans-serif;
}
/*******************************************************PAGE AVANTAGES**************************************/
#avantages 
{
background-color:#d4d3b4;
width:775px;
height:176px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin-left:-10px;
margin-top:-1px;
padding-bottom:0px;
font-family:"Microsoft", sans-serif;
}
/*******************************************************PAGE PRODUITS**************************************/
#desc_sous_titre
{
width:750px;
margin-top:-15px;
margin-bottom:15px;
font-family:"Microsoft", sans-serif;
}


#prod_sapin1 { position:relative; width:400px; float:right; margin-top:-1330px;  margin-left:0px; padding-top:0px; padding-left:0px; padding-right:35px; padding-bottom:3px;}
#prod_sapin2 {position:relative; width:200px;  margin-top:-170px;  float:left; margin-left:-480px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}
#prod_massif1 { position:relative; width:470px; float:right; margin-top:-665px;  margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px; }
#prod_contrecolle1 { position:relative; width:480px; float:right; margin-top:-650px;  margin-left:0px; padding-top:0px; padding-left:0px; padding-right:20px; padding-bottom:3px;}
#prod_rondin1 { position:relative; width:430px; float:right; margin-top:-650px;  margin-left:0px; padding-top:0px; padding-left:0px; padding-right:490px; padding-bottom:3px;}
#prod_classique1 { position:relative; width:900px; float:left; margin-top:-1000px;  margin-left:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

/********************************************************PAGE CONTACT***************************************/
#desc_contact
{
width:750px;
margin-top:0px;
margin-bottom:0px;
font-family:"Microsoft", sans-serif;
}
/*******************************************************PAGE PLANS 1 **************************************/
#content_plans1
{


margin-top:1px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
background-color:#e1e0c4;
width:775px;
float:right;
}


/*******************************************************PAGE PLAN BUNGALOW******************************************/

#bunga_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:500px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px;}

#bunga_p16 { position:relative; float:right; width:280px; margin-top:-470px; margin-left:655px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN BOIS ET EAU*******************************************/

#bois_eau_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#bois_eau_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#bois_eau_p1 { position:relative; float:left; margin-top:-332px; margin-left:320px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#bois_eau_p2 { position:relative; float:left; margin-top:-432px; margin-left:340px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN EXTENSION SURELEVATION**************************************/

#ext_surel_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#ext_surel_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#ext_surel_p1 { position:relative; float:left; margin-top:-300px; margin-left:470px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ext_surel_p3 { position:relative; float:left; margin-top:-490px; margin-left:420px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ext_surel_p4 { position:relative; float:left; margin-top:-330px; margin-left:720px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ext_surel_p5 { position:relative; float:left; margin-top:-530px; margin-left:420px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN MADRIER*********************************************/

#madrier_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#madrier_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#madrier_p0 { position:relative; float:left; margin-top:-315px; margin-left:700px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#madrier_p1 { position:relative; float:left; margin-top:-300px; margin-left:700px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#madrier_p2 { position:relative; float:left; margin-top:-540px; margin-left:490px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#madrier_p3 { position:relative; float:left; margin-top:-580px; margin-left:170px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#madrier_p4 { position:relative; float:left; margin-top:-270px; margin-left:720px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#madrier_p5 { position:relative; float:left; margin-top:-250px; margin-left:750px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN MONOMUR********************************************/

#monomur_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#monomur_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#monomur_p1 { position:relative; float:left; margin-top:-250px; margin-left:720px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#monomur_p2 { position:relative; float:left; margin-top:-250px; margin-left:650px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN OSSATURE BOIS**************************************/

#ossature_bois_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#ossature_bois_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width:300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#ossature_bois_p1 { position:relative; float:left; margin-top:-500px; margin-left:620px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p2 { position:relative; float:left; margin-top:-350px; margin-left:630px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p3 { position:relative; float:left; margin-top:-460px; margin-left:450px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p4 { position:relative; float:left; margin-top:-350px; margin-left:620px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p5 { position:relative; float:left; margin-top:-450px; margin-left:630px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p6 { position:relative; float:left; margin-top:-580px; margin-left:320px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#ossature_bois_p7 { position:relative; float:left; margin-top:-580px; margin-left:320px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/*******************************************************PAGE PLAN PROJETS PARTICULIERS**************************************/

#proj_part_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

#proj_part_propos { position:relative; border-bottom: 2px solid #C5B414; border-left: 2px solid #C5B414; border-right: 1px solid #C5B414; border-top: 1px solid #C5B414; width: 300px; float:right; margin-top:-610px; background-color:#ffffff; margin-left:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}

#proj_part_p1 { position:relative; float:left; margin-top:-400px; margin-left:640px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p2 { position:relative; float:left; margin-top:-410px; margin-left:490px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p3 { position:relative; float:left; margin-top:-460px; margin-left:620px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p4 { position:relative; float:left; margin-top:-520px; margin-left:230px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p5 { position:relative; float:left; margin-top:-440px; margin-left:590px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p6 { position:relative; float:left; margin-top:-280px; margin-left:740px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p7 { position:relative; float:left; margin-top:-430px; margin-left:670px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p8 { position:relative; float:left; margin-top:-390px; margin-left:690px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p9 { position:relative; float:left; margin-top:-580px; margin-left:400px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p10 { position:relative; float:left; margin-top:-580px; margin-left:400px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

#proj_part_p11 { position:relative; float:left; margin-top:-580px; margin-left:400px; padding-top:0px; padding-left:0px; padding-right:10px; padding-bottom:3px; }

/************PAGE CONSTRUCTIONS****************/

#construction_basp { position:relative; width:932px; margin-top:0px; background-color:#ffffff; margin-left:0px; padding-top:3px; padding-left:0px; padding-right:0px; padding-bottom:3px; }

