*{margin: 0;padding: 0;border: none;}

body{
    width: 990px;
    margin: 0 auto;
    font-family: arial;
}

#header{
    width: 990px;
    height: 163px;
}

#header_g{
    width: 789px;
    height: 163px;
    background: url(../images/BgHeader.jpg);
    float: left;
}

#header_d{
    float: left;
    width: 200px;
    height: 163px;
}

#menu{
    margin-left: 9px;
    margin-top: 90px;
}

#btn1{
    display: block;
    width: 116px;
    height: 65px;
    background: url(../images/bt1.jpg)
}

#btn1:hover{
    background: url(../images/bt1on.jpg)
}

#btn2{
    display: block;
    width: 104px;
    height: 65px;
    background: url(../images/bt2.jpg)
}

#btn2:hover{
    background: url(../images/bt2on.jpg)
}

#btn3{
    display: block;
    width: 124px;
    height: 65px;
    background: url(../images/bt3.jpg)
}

#btn3:hover{
    background: url(../images/bt3on.jpg)
}

#btn4{
    display: block;
    width: 132px;
    height: 65px;
    background: url(../images/bt4.jpg)
}

#btn4:hover{
    background: url(../images/bt4on.jpg)
}

#btn5{
    display: block;
    width: 176px;
    height: 65px;
    background: url(../images/bt5.jpg)
}

#btn5:hover{
    background: url(../images/bt5on.jpg)
}

#btn6{
    display: block;
    width: 128px;
    height: 65px;
    background: url(../images/bt6.jpg)
}

#btn6:hover{
    background: url(../images/bt6on.jpg)
}

#menu ul li{
    list-style: none;
    float: left;
}

#menu ul li a{
    cursor: pointer;
}

#diapo_recherche{
    display: block;
    height: 291px;
}

#diapo{
    display: block;
    width: 780px;
    height: 291px;
    float: left;
    margin-left: 9px; 
}

#recherche{
    display: block;
    width: 200px;
    height: 291px;
    background: url(../images/recherche.jpg);
    float: left;
}

#diapo img{
    position: absolute;
}

#slide{
    position: absolute;
    width: 160px;
    height: 251px;
    color: white;
    padding: 20px;
    background: url(../images/slideBg.png)
}

#slide .title{
    position: absolute;
    bottom:250px;
    font-weight: bold;
    font-size: 18px;
}

#slide .adresse{
    position: absolute;
    bottom: 10px;
}

#slide .adresse a{
    color: white;
}

.clear{
    clear: both;
}

#separation{
    background: url(../images/separation.gif);
    width: 989px;
    height: 10px;
}

#contentG{
    background: url(../images/contentBg.gif);
    margin-left: 9px;
    width: 780px;
    float: left;
}

#contentG .core{
    width: 385px;
    height: 260px;
    background: url(../images/coreBg.gif);
    margin-bottom: 9px;
    float: left;
    position: relative;
}

#contentD{
    background: url(../images/contentDBg.gif);
    width: 200px;
    height: 536px;
    float: right;
}

#footer{
    width: 990px;
    height: 185px;
    background: url(../images/footerBg.jpg);
    padding-top: 15px;
}

#footer p{
    color: white;
    text-align: center;
    width: 780px;
}

#footer a{
    color: white;
    text-decoration: none;
}

#footer p strong{
    font-size: 22px;
}

#recherche{
    color: white;
    float: right;
    font-size: 12px;
}

#recherche form{
    margin: 15px 0 15px 13px;
}

#recherche label{
    margin-right: 10px;
}

#recherche select{
    width: 180px;
}

#recherche select[name=budget],#recherche input[type=text]{
    width: 150px;
}


#recherche input[type=submit]{
    background: #f9b701;
    color: black;
    margin-left: 5px;
    cursor: pointer
}

#recherche a{
    border: 2px solid white;
    font-weight: bold;
    margin:10px auto;
    width: 115px;
    display: block;
    cursor: pointer;
    padding: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.core img{
    float: left;
    margin: 10px;
}

.core .title h3{
    font-weight: bold;
    margin: 20px 0;
    font-size: 14px;
}

.core .texte{
    /*text-align: justify;*/
    width: 186px;
    float: left;
    font-size: 12px;
}

.core a{
    color: black;
    text-decoration: none;
}
.core a.click{
    position: absolute;
    right: 20px;
    bottom: 20px;
    border: 1px solid #FFF;
    padding: 2px;
    font-weight: bold;
    background: #202579;
    color: white;
}

#contentG_in{
    float: left;
    width: 760px;
   margin-left: 10px;
   padding: 10px;
}

#contentD_in{
    float: right;
    width: 200px;
}

#contentDB_in{
    background: url(../images/contentDBg.gif);
    width: 200px;
    height: 536px;
    float: right;
}

#content_in{
    margin-bottom: 10px;
    font-size: 14px;
}
#recherche_in{
    display: block;
    width: 200px;
    padding-top: 1px; 
    height: 283px;
    background: url(../images/recherche2.jpg);
    color: white;
    margin-bottom: 10px;
    font-size: 12px;
}
#recherche_in form{
    margin: 15px 0 15px 13px;
}

#recherche_in label{
    margin-right: 10px;
}

#recherche_in select{
    width: 180px;
}

#recherche_in select[name=budget],#recherche_in input[type=text]{
    width: 150px;
}


#recherche_in input[type=submit]{
    background: #f9b701;
    color: black;
    margin-left: 5px;
    cursor: pointer
}

#recherche_in a{
    border: 2px solid white;
    font-weight: bold;
    margin:10px auto;
    width: 115px;
    display: block;
    cursor: pointer;
    padding: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#contentG_in p{
    margin: 10px 0;
}

#contentG_in p a{
    color: #202579;
}

#title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #1d1f69;
}


#contentG_in div.title{
    /*text-align: center;*/
    color: #202579;
    font-size: 18px;
    margin-top: 25px;
}

#image{
    text-align: center;
    margin: 20px 0;
}
#image img{
    border-radius : 20px;
    margin: 0 12px 0 13px;
}

#contact{
    width: 600px;
    border: 1px solid #1d1f69;
    margin: 20px auto;
    background: #f4f3f0;
    padding: 10px;
}

#contact p{
    text-align: justify;
    width: 580px;
    margin-left: 0px;
}

#contact p a{
    background: #1d1f69;
    color: white;
    border: 1px solid #f9b701;
    padding: 3px 5px;
    margin: 0 5px;
}
#contact span a{
    color: #202579;
}

#contact p label{
    text-decoration: underline;
}

#contact span{
    font-weight: bold;
}

#contact small {
    background: #1d1f69;
    display: block;
    width: 600px;
    text-align: center;
    padding: 2px 0;
}

#contact small a{
    color: white;
}

#contact_acheteur form table {
    margin: 10px auto; 
}
#contact_acheteur form input,#contact_acheteur form textarea{
    border: 1px #1d1f69 solid;
}
#contact_acheteur form input[type=submit]{
    cursor: pointer;
}
#contact_acheteur form input.long{
    width: 300px;
}
#contact_acheteur form input.court{
    width: 60px;
}
#contact_acheteur table td.text-center{
    text-align: center;
}
#contact_acheteur table td{
    padding : 0 2px;
}
#contact_acheteur span.error{
    color: red;
}
#contact_acheteur table td span.error{
    margin-left: 5px;
}
#contact_acheteur table td.rubrique{
    text-align: center;
    text-decoration: underline;
}
#contact_acheteur table td.text-rigth{
    text-align: right;
    width: 300px;
}

/*********\
* listing *
\*********/

#biens{
    width: 740px;
    margin: 0 auto;
    text-align: center;
    color: white;
}
#biens .bien{
    display: block;
    background: #1d1f69;
    border: 3px solid #f9b701;
    width: 350px;
    margin: 7px;
    float: left;
}
#biens .bien .commune{
    margin: 5px 0;
}
#biens .bien .commune h3{
    font-size: 14px;
}
#biens .bien .commune a{
    color : white;
    text-decoration: none;
}
#biens .bien .centrage{
    display: block;
    width: 350px;
    height: 350px;
    text-align: left;
}
#biens .bien .prix{
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0;
}

#biens .bien .DPE{
    height: 20px;
}
#biens .bien .DPE span span{
    padding: 2px;
    color: #000;
}
#nbResultat{
    text-align: center;
    font-size: 16px;
    color : #202579;
}
#nbResultat h1{
    text-align: center;
    font-size: 16px;
    color : #202579;
}
.pagination{
    margin-top: 5px;
    text-align: center;
}

.pagination a{
    color : #202579;
    text-decoration: none;
    margin: 1px 2px;
}

.pagination a.pagination_nombre{
    color :#f9b701;
    background: #1d1f69;
    padding: 1px;
    font-weight: normal;
    border: solid 1px #f9b701;
}

.pagination a.pagination_nombre_current{
    color :#1d1f69;
    background: #f9b701;
    padding: 2px;
    font-weight: bold;
    border: solid 1px #1d1f69;
}


/********\
* Detail *
\********/

#photo_centrage{
    display: block;
    width: 533px;
    height: 400px;
    text-align: center;
    float: left;
    overflow: hidden;
}

#caracteristique{
    display: block;
}

#caracteristique span{
    display: block;
    text-align: center;
}

#caracteristique table td.text-rigth{
    text-align: right;
}
#caracteristique table tr.paire{
    background: #DDD;
}
#caracteristique table {
    margin: 10px 0;
    width: 100%;
}
#caracteristique table td {
    /*width: 50%;*/
    padding: 2px 5px;
}
#caracteristique span{
    font-size: 16px;
    color: #1d1f69;
    font-weight: bold;
    border: 1px solid #202579;
}
#mignatures{
    margin-top : 10px;
    width: 533px;
    height: 120px;
    overflow-x: scroll;
    float: left;
}
#overflower{
    height:100px;;
    /*width:150%;*/
}
#mignatures .mignature{
    height:100px;
    float:left;
    width:133px;
    height: 100px;
    margin: 0 2px;
    text-align: center;
    overflow: hidden;
}
#detail_DPE{
    margin-top: 10px;
    text-align: center;
    float: left;
    width: 217px;
    margin-left: 10px;
}
#detail_DPE img{
    width: 217px;
    text-align: center;
}
#title_detail{
    background: #202579;
    color: white;
    padding: 3px 5px;
    font-size: 16px;
    margin-bottom: 10px
}

#title_detail h1{
    font-size: 16px;
    float: left;
    font-weight: normal;
}

#lien_interesse{
    background: #202579;
    display: block;
    padding: 5px 10px;
    text-align: center;
    margin-top: 5px;
}
#lien_interesse a{
    color: white;
    text-decoration: none;
}
#liste_liens{
    text-align: center;
}
#liste_liens a{
    background: #202579;
    border: 1px solid #f9b701;
    color : #fff;
    padding: 2px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 5px auto;
}
#liste_liens a.admin{
    background: crimson;
    color : #fff;
}
.separator{
    display: block;
    border-top: 1px dotted #202579;
}
#des{
    float: left;
    width : 533px;
    margin-top: 10px;
    border: 1px solid #202579;
}
#des span{
    color: white;
    background: #202579;
    display: block;
    padding: 2px 10px
}
#des h4{
    padding: 0 10px;
    text-align: justify;
    font-weight: normal;
}
#panier H1{
    color: #1d1f69;
    text-decoration: underline;
}
#panier table{
    margin: 10px auto;
}
#panier tr.paire{
    background: #DDD;
}
#panier th{
    background: #f9b701;
    width: 150px;
}
#panier td{
    padding: 2px;
}
#panier td img{
    margin: 0 2px;
}
#panier .text-rigth{
    text-align: right;
}
#envoy-panier{
    margin: 0 auto;
    text-align: center;
}
#envoy-panier a{
    display: inline;
    width: 150px;
    background: #1d1f69;
    border: 1px solid #f9b701;
    color:#fff;
    padding: 2px;
    text-decoration: none;
    text-align: center;
}
#login{
    position: absolute;
    background: #202579;
    border : 1px solid #f9b701;
    border-radius : 10px;
    color:#fff;
    padding: 10px;
    width: 205px;
    /*visibility: hidden;*/
    display: none;
    z-index: 5;
}
#login form input[type=submit]{
    background: #f9b701;
    color: #202579;
    margin-left: 5px;
    cursor: pointer;
}
#login a{
    color: white;
}
img.login{
    cursor: pointer;
}
img.fermer{
    position: absolute;
    top:-16px;
    right: -16px;
    cursor: pointer;
}

/***************\
* Coup de coeur *
\***************/

#coup_de_coeur h3{
    text-align: center;
    margin-top: 10px;
    display: block;
    border: 1px solid white;
    color: white;

    background: url(../images/pixel_noir.png) repeat;
}

#coup_de_coeur h4{
    text-align: center;
    color: white;
    font-size: 12px;
}

#coup_de_coeur h4 a{
    color: white;
    text-decoration: none;
}

#coup_de_coeur{
    margin-left: 5px;
    padding: 0 10px
}

#coup_de_coeur .coup_de_coeur{
    /*height: 235px;*/
    margin: 10px 0;
    border: 1px solid white;
    background: url(../images/pixel_noir.png) repeat;
}

#coup_de_coeur .coup_de_coeur .centrage{
    width: 173px;
    max-height: 173px;
    overflow: hidden;
    margin: 3px 0;
}

#lien_activite{
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}

#lien_activite a{
    color : black;
}

#ref_footer{
    margin-top: 1000px;
    font-size: 8px;
    text-align: justify;
}

#ref_footer a{
    color: black;
    text-decoration: none;
}