/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer{width: 980px;}
#left-column {width: 225px;}
#right-column {width: 755px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 38px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -38px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}
#left-column{
	float:left;}
#right-column{
	float:left;	}

#footer {
	margin: 0 auto;
	padding: 0;}


/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers, 
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements 
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}
.clear{
  clear:both;
  line-height:0px;
  display:inline;
}

/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}

/*---------------------------left-column-------------------------------------*/
#logo{
  width:225px;
  height:233px;
}
#menu-left{
  width:225px;
  height:214px;
}
#nesletter{
  width:980px;
  height:19px;
  padding-top:6px;
}
#int-newsletter{
  width:285px;
  height:208px;
  padding:42px 0 0 215px;
}

#photo-lef{
  width:225px;
  height:296px;
}

/*---------------------------right-column-------------------------------------*/
#diapo{
  width:755px;
  height:274px;
  margin-bottom:4px;
}
#right-left{
    float:left;
    width:513px;
    padding:0 0 0 3px;
    border-right: 1px solid #889D4C;
}
#actualite{
  width:222px;
  height:202px;
  padding:24px 6px 0 9px;
  margin-right:3px;
  float:left;
}
.mdm{
  width:222px;
  height:49px;
  padding-top:14px;
}
.mdm img{
  float:right;
  margin-left:8px;
  margin-right:2px;
  border: 1px solid #000000;
}
#contenu{
  float:left;
  width:258px;
  height:216px;
  padding:10px 5px 0 5px;
  background-color: #D9EAB3;
}
/*-------------------coups de coeur-----------*/
#coeur{
  width:507px;
  height:208px;
  border:1px solid #698123;
  float:left;
  margin:5px 0 20px 0;
}
#coeur-title{
  width:507px;
  height:30px;

}
#coeur-contenu{
  width:488px;
  height:178px;
  padding:0 0px 0 11px;

}
.coeur-prod{
  width:110px;
  height:178px;
  border: 0px solid red;
  float:left;
  padding-left:11px;
}
.prod-photo{
  width:102px;
  height:102px;
  text-align:center;
}
.prod-photo img{
  border: 1px solid #000000;
  text-align:center;
}


/*----------------end-----------------------*/

#right-right{
    float:left;
    width:238px;
}
#rechercher{
  width:231px;
  height:288px;
  border:1px solid #91A25D;
  background-color: #ffffff;
  margin-left:3px;
}
#info{
  width:210px;
  height:122px;
  border:2px solid #A5BF64;
  background-color:#ffffff;
  margin:25px 0 0 11px;
  text-align: center;
}
#formulaire{
    float:right;
    width:286px;
    background-color:#D9EAB3;
    margin-top:5px;
}
#contact{
  width:215px;
  margin-top:5px;
  float:left;
  border:1px solid #5F7813;
  text-align:center;
}
/*--------------- Nos biens a vendre/louer-------------*/
.immobilier{
    display:inline;
    float:left;
    width:138px;
    height:196px;
    margin:0 3px 8px 5px;
    background-color: red;
    border:1px solid #5F7813;
    padding:4px 10px 0 10px
}
.photo{
 clear:both;
 width:102px;
 height:102px;
 text-align:center;
 margin:0 0 4px 17px;
}
.photo img{
  border: 2px solid #000000;
}
.descriptif{
  width:138px;
  height:70px;
  text-align: justify;
  font-size:12px;
  font-family: arial;
}
.details{
  width:495px;
  border:1px solid #5F7813;
  padding:2px 4px 2px 4px;
  text-align: justify;
  margin:8px 0 8px 0;
}
#merci{
  width:505px;
  border:1px solid #5F7813;
  padding:100px 0 120px 0;
  margin-top:15px;
  text-align:center;
}


/*-------------------------end------------------------*/

/* ---| THE END |------------------------- */