/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none;}
html, body {width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; margin: 0 10px 0 0;} .right1 {float: right; margin: 0 0 0 10px; }
#push, .clr	{clear: both;}
body{background: #ffffff;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}
/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#flash-header
{
    float: left;
    width: 683px;
    height: 322px;
}
#recherche1
{
    float: left;
    width: 312px;
    height: 322px;
    background: url(images/bg-recherche.jpg) no-repeat top left;
}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#info{
    float: left;
    width:239px;
    height: 77px;
    padding: 45px 0px 0px 24px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
    margin-top:40px;
    margin-bottom: 7px;
}
#newsletter{
    float: left;
    width:205px;
    height: 84px;
    padding: 38px 34px 0px 24px;
    background: url(images/bg-newsletter.jpg) no-repeat top left;
    margin-bottom: 7px;
}
.newsletter-holder
{
    float: left;
    width: 100%;
    padding-top: 20px;
}
#plan{
    float: left;
    width:243px;
    height: 80px;
    padding: 42px  0px 0px 23px;
    background: url(images/bg-plan.jpg) no-repeat top left;
    margin-bottom: 7px;
}
#actualite{
    float: left;
    width:210px;
    height: 88px;
    padding: 34px  30px 0px 23px;
    background: url(images/bg-actualites.jpg) no-repeat top left;
    margin-bottom: 7px;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden; }


/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }
#footer {margin: 0 auto; padding: 0px; border-top: solid 1px #56b512; margin-top:2px; padding-top:5px;}
.digitalage
{
    float: left;
    width: 390px;
}
#menu2
{
    float: right;
    width:604px;
    text-align: right;

}
.copyright
{
    float: left;
    width: 390px;
    text-align: left;
}
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
.separator{width:100%;	height:0px; clear:both; padding:0; margin:10px 0; border-top: 1px solid #dce6d2;line-height: 0px; font-size: 0; overflow: hidden;}
.separator1{width:618px; height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid #b7b7b7;line-height: 0px; font-size: 0; overflow: hidden; float: right; }
/* index */
.text1
{
    float: left;
    width:634px;
}
.text2
{
    float: left;
    width: 587px;
}
text3
{
    float: left;
    width: 606px;
}
ul.list1{
    float:left;
    margin: 0;
    padding-left:15px;
    padding-top:8px;
	}
ul.list1 li{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
	background: url(../../images/charte/bullet.jpg) no-repeat top left;
	background-position:0px 7px;
	text-align: justify;
	line-height: 12px;
	padding:2px 0px 2px 15px;
	}
 /* recherche */
td
{
    width:100px;
    text-align: left;
    line-height: 12px;
    font-weight: bold;
    color:#c5e09b;
}


.text-recherche
{
    width:90px;
    text-align: right;
    border: none;
}
.select-recherche
{
    float: left;
    width:130px;
    text-align: left;
    font-size: 11px;
    color:#243b01;
    border: solid 1px #ffffff;
}
.input-recherche
{
    float: left;
    width:95px;
    text-align: left;
    font-size: 11px;
    color:#243b01;
    border: solid 1px #ffffff;
}
.input-recherche1
{
    float: left;
    width:70px;
    text-align: left;
    font-size: 11px;
    color:#243b01;
    margin-left:8px;
    border: solid 1px #ffffff;
}
/* recherche location, nos biens */
#recherche
{
    float: left;
    width: 618px;
    padding-top:20px;
}
.label
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color:#388e08;
    width:250px;
    text-align: right;

}
.select-search
{
    float: left;
    width:200px;
    text-align: left;
    font-size: 12px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height:20px;
    padding:1px;
    color:#243b01;
    border: solid 1px #afafaf;
}
.input-search
{
    float: left;
    width:200px;
    text-align: left;
    font-size: 12px  !important;
    height:20px;
    padding:1px;
    color:#243b01;
    border: solid 1px #afafaf;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input-search1
{
    float: left;
    width:100px;
    text-align: left;
    font-size: 12px  !important;
    height:20px;
    padding:1px;
    color:#243b01;
    border: solid 1px #afafaf;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.td-input
{
    width: 250px;
}
#rech
{
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* listing */
.recherche-bar
{
    float: left;
    width:604px;
    height:14px;
    padding:7px 15px;
    background: url(../../images/charte/biens/recherche-bar.jpg) no-repeat top left;
    text-align: center;
    margin-bottom:5px;
}



.bien
{
    float: left;
    width: 634px;
    height: 110px;
    background: url(../../images/charte/biens/bg-biens.jpg) no-repeat top left;
    padding-bottom: 5px;
}
.text-bien span
{
    color:#2f8107;
    font-weight: bold;
}
.text-bien
{
    color:#000000;
    font-weight: normal;
}
.details{
    float: left;
    width: 463px;
    height: 21px;
    background: url(../../images/charte/biens/bg-details.jpg) no-repeat top left;
}
.pagination
{
    float: left;
    width: 614px;
    padding:0px 10px;
    background: #d8e4cd;
    margin:5px 0 0 0;
    height:20px;
}

.pagination a:link, .pagination a:visited
 {
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    width:26px;
    padding: 3px 0;
    float: left;
    text-align: center;
    background: url(../../images/charte/biens/bg-pag.gif) no-repeat top left;
 }
.pagination a:hover, .pagination a:active
 {
    font-size: 11px;
    text-decoration: none;
    color: #61bb01;
    width:26px;
    float: left;
    padding: 3px 0;
    text-align: center;
    font-weight: bold;
    background: url(../../images/charte/biens/bg-pag-sel.gif) no-repeat top left;
 }
#sel
{
    color: #325301 !important;
    text-decoration: none !important;
    background: url(../../images/charte/biens/bg-pag-sel.gif) no-repeat top left;
    width:26px;
    padding: 3px 0;
    text-align: center;
    float: left;
    font-weight: bold;
}
/*merci*/
.mercidiv
{
    float: left;
    width:634px;
    text-align: center;
    padding-top:50px;
}
.mercidiv p
{
    text-align: center;
}