body {
	background-color: #000;
	color: #c6c6c6;
	font: normal normal normal 70%/1.5em Verdana, Arial, Sans-serif; }

#page {
    margin: 0 auto;
    width: 834px; }
    
input, select {
	font-family: Verdana, Arial, Sans-serif; }
	
h1
{
	font-size:1.3em;
	margin:0;	
}
	
p {
    font-size: 1.0em;
    line-height: 1.2em; }

/* --------------------------- */
/* --------   Liens   -------- */
/* --------------------------- */
 
a:link {
	color: #fff; }
	
a:visited {
	color: #fff; }
	
a:hover {
	color: #aaa; }
	
a:active {
	color: #aaa; }
	
#nav a, #nav2 a, #nav3 a, .divPagination a, .alignedRight a, .alignedRightItem a {
    text-decoration: none; }

/* --------------------------- */
/* -------   En-tête   ------- */
/* --------------------------- */
	
#header {
    background: #000 url(../images/header-logo.jpg) no-repeat top left;
    height: 85px; }

#nav {
    margin-bottom: 5px; }
    
.navItem {
    float: right;
    margin-left: 20px; }
    
.navItem img {
    position: relative;
    top: 5px; }
    
#nav2 {
    background: #5d260a url(../images/menu-degrade.jpg) repeat-y top left;
    padding: 2px 5px 3px 10px;
    margin-bottom: 15px;
    /* On donne le layout à ce div */
    _height: 1%;
    min-height: 0; }
    
#nav2 .nav2Item {
    float: left;
    margin-left: 15px; }
    
#nav2 .nav2ItemLast {
    float: right; }
    
#nav2 a {
    text-decoration: none;
    font-size: 1.3em;
    font-weight: bold; }
    
/* ------------------------------------ */
/* --------   Menu catégorie   -------- */
/* ------------------------------------ */
    
#nav3 {
    background: #000 url(../images/pointille.jpg) repeat-x top left;
    padding-top: 10px;
    /* On donne le layout à ce div */
    _height: 1%;
    min-height: 0;
    margin-bottom: 5px; }

.nav3ItemSelected {
    float: left;
    margin-right: 5px;
    background: #a8a8a8 url(../images/nav3-fleche-selected.jpg) no-repeat top right;
    height: 22px;
    width: 178px; }
    
.nav3ItemSelected {
    height: 19px;
    padding: 3px 0 0 5px; }
       
.nav3Item {
    float: left;
    margin-right: 5px;
    background: #4d4d4d url(../images/nav3-fleche.jpg) no-repeat top right;
    height: 22px;
    width: 178px;
    border-left: solid 1px #7d7d7d; }
    
.nav3Item div {
    background: #4d4d4d url(../images/nav3-bg.jpg) repeat-x top left;
    width: 164px;
    height: 19px;
    padding: 3px 0 0 5px; }
    
/* ------------------------------- */
/* --------   Catégorie   -------- */
/* ------------------------------- */

#gauche, #droite {
    float: left; }
    
#categorie #gauche {
    margin-right: 10px;
    width: 330px; }
    
#categorie #droite {
    width: 494px; }
    
.boxGris {
	background-color: #212121;
	border: 1px solid #6a6a6a;
	color: #c6c6c6;
	margin-bottom: 5px; }
    
.boxGris h2 {
    font-size: 1.1em; }
    
.boxGris h3 {
    font-size: 1em;
    border-bottom: solid 1px #6a6a6a; }	
	
.divTitre {
    background: #4d4d4d url(../images/titre-bg.jpg) repeat-y top right;
    padding: 2px 0 2px 5px;
    min-height: 16px; }

* html .divTitre {
    height: 16px; }
    
.divInterieur {
    padding: 8px 5px;
    _height: 1%;
    min-height: 0; }
    
.divInterieur label {
    position: absolute; }
    
.divInterieur select, .divInterieur input {
    margin-left: 125px; }
   
#ccmax, #bmax, #wmax, #dmax, #lamax, #bgo {
    margin-left: 0px; }

#bgo 
{
    margin-left: 5px;
    position: absolute;
}

#ccmin, #ccmax, #bath, #hbath, #bmin, #bmax, #wmin, #wmax, #dmin, #dmax, #lamin, #lamax {
	width: 80px;
}
    
.divFormItem {
    margin-bottom: 5px; }
    
.divInterieur .divPagination {
    text-align: right;
    font-weight: bold; }
    
.divInterieur .maison {
    border: solid 1px #4e4e4e;
    padding: 3px;
    width: 147px;
    float: left;
    margin-right: 3px; }
    
.divInterieur .maison div {
    float: left;
    margin-top: 5px; }

.maisonImage {
    padding: 5px;
    background-color: #fff; }
    
.fleche {
    float: right;
    margin-top: 5px; }
    
.divInterieur .ligneMaisons {
    background: #212121 url(../images/pointille2.jpg) repeat-x bottom left;
    padding-bottom: 10px;
    margin-top: 5px;
    _height: 1%;
    min-height: 0; }

.divInterieur .lastLigneMaisons {
    margin-top: 5px; }
    
/* -------------------------------- */
/* ---------- Mes Plans ----------- */
/* -------------------------------- */
#mesplans .boxGris {
	width: 709px;
}

/* -------------------------------- */
/* -----------   Plan   ----------- */
/* -------------------------------- */
#plans #nav {
	background: #000 url(../images/paycard-entete.gif) no-repeat 10px 50%;
	min-height: 22px;
}
#plans #gauche {
    margin-right: 10px;
    width: 261px; }
    
#plans #droite {
    width: 560px; }
    
#ecoblock #gauche {
    margin-right: 10px;
    width: 190px; }

#ecoblock #gauche .divInterieur {
    text-align: center; }
    
#ecoblock #droite {
    width: 623px; }
    
.divInterieur .fonce {
    border: solid 1px #6a6a6a;
    padding: 2px 5px; }
    
.flechePlan {
    position: relative;
    top: 6px; }
    
.imgSep {
    position: relative;
    top: 6px; }
    
#divNavigationPlans {
    text-align: center; 
    font-weight: bold; }
    
.imgNewRech {
    margin-top: 10px; }
    
.centered {
    text-align: center; }
    
.alignedRight {
    text-align: right;
    padding-right: 25px; }
    
.alignedRight img {
    position: relative;
    top: 6px;
    margin: 0 8px; }

.plan, .floatLeft {
    margin-bottom: 5px; }
    
.floatLeft {
    float: left; }
    
#planGauche {
    margin-right: 10px; }
    
.strong {
    font-weight: bold;
    font-size: 1.0em; }
    
div.fonce {
    margin-bottom: 5px; }
    
.boxFicheTech .divTitre {
    background-color: #4d4d4d;
    background-image: none; }
    
.boxFicheTech {
    border: solid 1px #4d4d4d;
    _height: 1%;
    min-height: 0; }
    
#divFicheContainer
{
    background: transparent url(../images/ficheBorder.jpg) repeat-y 240px 0px;
    margin-top: 50px;
    margin-bottom: 30px;
}
    
.aGauche, .aDroite, .ficheGaucheTop, .ficheDroiteTop {
    float: left;
    padding: 5px; }
    
.ficheGaucheTop, .aGauche {
    width: 234px; }
    
.ficheDroiteTop, .aDroite {
    padding-left: 30px; }
    
span.gauche {
    position: absolute; }
    
span.droite {
    margin-left: 150px; }
  
.hidden {
	display: none;
}
/* --------------------------------- */
/* -----------   Liste   ----------- */
/* --------------------------------- */  
    
.divInterieur .maisonItem {
    border: solid 1px #4e4e4e;
    padding: 7px;
    width: 202px;
    float: left;
    margin: 5px 3px 0 12px; }
    
.divInterieur .maisonItem .description,
.divInterieur .maisonItem .surfacePrix,
.divInterieur .maisonItem .typeChambre {
	height: 4.9em;
	overflow: hidden;
}

.divInterieur .maisonItem img {
    margin-bottom: 5px; }
    
.divInterieur .maisonItem div {
    float: left;
    margin-top: 5px; }
    
.alignedRightItem {
    text-align: right;
    padding-right: 0px; }
    
.alignedRightItem img {
    position: relative;
    top: 6px;
    margin: 0 6px; }
    
/* --------------------------------- */
/* -----   Processus d'achat   ----- */
/* --------------------------------- */ 

.plan {
    margin-bottom: 5px;
    _height: 1%;
    min-height: 0; }
    
.plan .img {
    float: left;
    text-align: right; }
    
.planInfosPrix {
    margin-left: 200px; }

.nomPlan {
    border-bottom: solid 1px #4d4d4d;
    font-weight: bold; }
    
.plan table {
    margin: 10px 0 0 0px; }

.plan table td {
    font-weight: bold; }
    
.plan table td.middle {
    font-weight: normal;
    width: 441px; }

.plan table td.colEspaceur {
	width: 10%;
}
.plan table td.colDesc {
	width: 60%;
}
.plan table td.colPrix {
	width: 30%;
}

.plan .divSousTotal {
    text-align: right;
    border-top: solid 1px #4f4f4f;
    float: right;
    width: 100px;
    margin-top: 20px; }

#divCalculFacture {
    text-align: right;
    border: solid 1px #4d4d4d;
    padding: 7px 35px 7px 330px;
    margin-bottom: 5px; }

#divCalculFacture table {
    border-collapse: collapse; }
    
#divCalculFacture table td.item {
    width: 300px; }
    
#divCalculFacture table td.prix {
    width: 150px; }
#divCalculFacture #retour {
	text-align: left;
	margin-left: -325px;
}
#tabCalculs {
    border-bottom: solid 1px #8f8f8f; }
    
#tabTotal td {
    font-weight: bold; }
    
input.adresse {
    width: 200px; }
    
input.codepostal {
    width: 60px; }
    
input.courriel {
    width: 220px; }
    
input.ville {
    width: 180px; }
    
input.bouton {
    margin: 5px 0px; }
    
div.price, div.divSousTotalNum {
	display: none;
}

#panier .prix{
	text-align: right;
}

.divInterieur input.sansmarge {
	margin-left: 0;
}
.divInterieur span.checkbox input,
.plan table td div.option {
	margin-left: 40px;
}
.divInterieur .optionInput{
	position: relative;
	margin-left: 0;
}
#panier .plan {
    border: solid 1px #4d4d4d;
    padding: 7px 35px 7px 7px;
}

.pNote {
    padding: 5px; }