body {
    /* background: url("../images/fond-body.png") repeat-x scroll 0 0 #EEEEEE;*/
    background-color: white;
    font-family: Arial,Verdana,Helvetica,sans-sherif;
    font-size: 13px;
}



/* ################### GÉNÉRAL ################### */
img { border: none; }
a:link, a:visited { color: #6B6B6B; text-decoration: none; }
a:hover { color: #B50E9C; text-decoration: underline; }
em {font-weight: bold; font-style: normal}
a[href*='maps.google']:after {
	vertical-align: middle;
	content: '\00A0' url('../images/world.png');
}
dl > * {padding-top: 2px;}
dt { float: left; }
dd {
    padding-left: 120px;
    padding-bottom: 2px;
    margin: 0;
    font-weight: normal;
}
h1 { text-align: center; color: #920574;}
h3 {color: #9A057C; margin-bottom: 2px; font-size: 16px;}



/* ################### CLASSES GÉNÉRALES ################### */
.aide:after {
    vertical-align: middle;
    content: '\00A0' url('../images/help.png');
}
.i16 { width: 16px; vertical-align: middle; }
.i32 { width: 32px; vertical-align: middle; }
a.ordreCourant {
    font-weight: bold;
}
a.ordreCourant:before { content: '[\00A0'; }
a.ordreCourant:after { content: '\00A0]'; }


/* ################### STRUCTURE ################### */
#site {
    width: 1000px;
    background: url("../images/fond-site.png") repeat-x scroll 0 0 white;
    margin:auto;
    border: 01px ridge gray;
    box-shadow: 3px -3px 3px gray;
}

#entete { padding: 4px; height: 90px;}

    #logo { margin: 5px 0 0 15px; float: left; }
    #menu { float: left; }

#contenu { 
    min-height: 500px; 
    background:  url("../images/fond-gauche.png") repeat-y;
}
    #contenu > div { float: left; }

#gauche {
    width: 200px;
    min-height: 500px;
}
#gauche > * { margin : 5px 5px 40px 5px;}

#centre { padding: 5px; width: 790px; }

#pied {
    clear: both; 
    background: url("../images/fond-pied.png") repeat-x scroll 0 0 #EEEEEE; 
    padding: 5px;
}
#pied ul {margin: 0 auto;}
#pied li { list-style-type: none; float: left; margin: 0 10px 0 10px;}


/* MENU */
ul#jsddm {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0 120px;
    z-index: 10012;
}

ul#jsddm > li {
    float: left;
    font-size: 16px;
    line-height: 25px;
    list-style: none outside none;
    position: relative;
    text-align: center;
    margin-left: 5px;
    border-radius: 3px;
}
ul#jsddm > li.menu_courant {
    border: 02px solid white;
    margin-top: -1px;
}

#jsddm > li > a {	
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    width: 70px;
    color: #EAFFED;
    white-space: nowrap;
}

.sous-menu_nav {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 5px #000000;
    display: none;
    float: left;
    left: -6px;
    margin: 8px 0 0;
    padding: 5px;
    position: absolute;
    z-index: 10012;
}
.sous-menu_nav * { float: left;}
.sous-menu_nav > div {
    border-radius: 3px 3px 3px 3px;
    padding: 5px 0;
    position: relative;
    width: 311px;
}
.sous-menu_nav ul { margin:0; }
.sous-menu_nav li {
    border-right: 1px solid #FFFFFF;
    clear: left;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 9px;
    width: 135px;
}
.sous-menu_nav .second_col {
    border: medium none;
    clear: right;
    float: right;
    text-align: left;
    width: 135px;
}
.sous-menu_nav a {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
}
.sous-menu_nav .img_sm {
    height: 10px;
    left: 40px;
    position: absolute;
    top: -10px;
    width: 14px;
}
.sous-menu_nav ul {
    clear: both;
    float: left;
    list-style-type: none;
    padding: 4px 0;
}
.sous-menu_nav ul > li { cursor: pointer;}

/* MENU VENTE */
#menu-vente {
    background: url("../images/fond-menu.png") repeat-x scroll 0 0 #00A7CC;
    background-position: 0 -160px;
}
#menu-vente:hover { background-position: 0 -200px;}

#menu-vente > div > div  {
    background-color: #00A7CC;
    background-image: url("../images/fond-ssmenu.png");
    background-position: 0 -200px;
    background-repeat: repeat-x;
}
    #menu-vente .img_sm {
        background-color: transparent;
        background-image: url("../images/fond-ssmenu_triangles.png");
        background-position: -28px 0;
        background-repeat: no-repeat;
    }
    #menu-vente .sous-menu_nav li:hover { background-color: #043960;}

/* MENU LOCATION */
#menu-location {
    background: url("../images/fond-menu.png") repeat-x scroll 0 0 #FFE521;
    background-position: 0 -85px;
}
#menu-location:hover { background-position: 0 -120px; }
	
#menu-location > div > div  {
    background-color: #FFE521;
    background-image: url("../images/fond-ssmenu.png");
    background-position: 0 -120px;
    background-repeat: repeat-x;
}

    #menu-location .img_sm {
        background-color: transparent;
        background-image: url("../images/fond-ssmenu_triangles.png");
        background-position: -14px 0;
        background-repeat: no-repeat;
    }

    #menu-location .sous-menu_nav li:hover { background-color: #CC9900;}

#menu-recherche {
    background: url("../images/fond-menu.png") repeat-x scroll 0 0 #92918D;
    background-position: 0 -240px;
}
#menu-recherche:hover { background-position: 0 -280px; }
	
#menu-recherche > div > div  {
    background-color: #92918D;
    background-image: url("../images/fond-ssmenu.png");
    background-position: 0 -310px;
    background-repeat: repeat-x;
}

    #menu-recherche .img_sm {
        background-color: transparent;
        background-image: url("../images/fond-ssmenu_triangles.png");
        background-position: -42px 0;
        background-repeat: no-repeat;
    }

    #menu-recherche .sous-menu_nav li:hover { background-color: #333232; }


/* MENU AGENCE */
#menu-agence {
    background: url("../images/fond-menu.png") repeat-x scroll 0 0 #B67CB5;
    background-position: 0 -10px;
}
#menu-agence:hover { background-position: 0 -40px; }

    #menu-agence > div > div  {
        background-color: #B67CB5;
        background-image: url("../images/fond-ssmenu.png");
        background-position: 0 -10px;
        background-repeat: repeat-x;
    }

    #menu-agence .img_sm {
        background-color: transparent;
        background-image: url("../images/fond-ssmenu_triangles.png");
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    #menu-agence .sous-menu_nav li:hover { background-color: #5A295B;}
/* FIN MENU */

#affiliation {
    float: right;
    padding: 0;
    margin: 5px 5px;
}
#affiliation li { list-style-type: none; }
#affiliation img { height: 35px; }


/* ################### BLOCS ################### */
.group, .group-rouge {
    /*background: none repeat scroll 0 0 #F3F3F3;*/
    background-color: white;
    border: 1px solid #999999;
    /*border-radius: 4px 4px 4px 4px;*/
    box-shadow: 3px 3px 10px #DDDDDD;
    margin-bottom: 20px;
}

.group h2, .group-rouge h2 {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 2px 3px;
}

.group h2 {
    /*background-color: #777777;
    box-shadow: 1px 1px 15px #AAAAAA inset;*/
    background: url("../images/fond-h2group.png") repeat-x;
    background-position: 0 -60px;
}
.group-rouge h2 {
    /*background-color: #A03265;
    box-shadow: 1px 1px 4px #777777 inset;*/
    background: url("../images/fond-h2group.png") repeat-x;
    background-position: 0 -8px;
}

.group > *, .group-rouge > * { padding: 3px; }


/* RECHERCHE RAPIDE */
#bloc-recherche_rapide input[type="text"], #bloc-recherche_rapide select {
    width: 95%;
}
#bloc-recherche_rapide input[type="submit"] {
    display: block;
    margin:auto;
}

/* NOUVEAUTES */
#bloc-nouveaute_vente > div {
    background-image: url("../images/nouveaute-separation.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    margin-bottom: 8px;
}
#bloc-nouveaute_vente img {
    width: 180px;
    display: block;
    margin: auto;
}
#bloc-nouveaute_vente .date { font-size: 12px; }
#bloc-nouveaute_vente span { text-align: center; }


/* NAVIGATION */
#bloc-navigation-vente #navigation-menu {
    padding: 0;
}
#bloc-navigation-vente #navigation-menu li {
    padding: 3px 0 3px 25px;
    list-style-type: none;
    background-image: url("../images/puce.gif");
    background-position: 1px 3px;
    background-repeat: no-repeat;
}

#bloc-navigation-vente #navigation-tri, #bloc-recherche_tri ul {
    margin:0;
    padding-left: 15px;
}
#bloc-navigation-vente #navigation-tri li, #bloc-recherche_tri li {
    padding: 1px 0 1px 15px;
    list-style-type: none;
    background-image: url("../images/fleche-droite.png");
    background-position: 1px 3px;
    background-repeat: no-repeat;
}

/* SIMILAIRES */
.unBienSimilaire {
    background-image: url("../images/nouveaute-separation.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    padding-bottom: 10px;
    text-align: center;
}
.unBienSimilaire .minSimilaire {
    width: 180px;
    display: block;
    margin: auto;
}
.unBienSimilaire dd { text-align: left; padding-left: 50px; }



/* ################### FORMULAIRE ################### */
select {
    background: url("../images/form-input_bg.gif") repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px #DDDDDD;
    color: #333333;
    padding: 3px;
}
input[type="text"] {
    background: url("../images/form-input_bg.gif") repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px #DDDDDD;
    color: #555555;
}
#bloc-recherche_rapide input[type="submit"], #alerteMail input[type="submit"], #search input[type="submit"],
#mail input[type="submit"] {
    background: url("../images/form-input_bg.gif") repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    color: #111111;
    font-weight: bold;
    padding: 3px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    cursor: pointer;
}



/* ################### PAGES ################### */
/* ACCUEIL */
#diaporama {
    float: right;
    width: 330px;
}
#flecheNavigation {
    text-align: center;
    margin-top: 10px;
}

#cycle img {
    width: 300px;
    padding: 5px;
    border: 1px solid #8E478E;
    background-color: #EEEEEE;
}

/* LISTE BIENS */
.preview {
    float: right;
}
.preview img {
    max-width: 180px;
    max-height: 150px;
    padding: 7px;
    background: #E7E7E7;
    border: 01px solid gray;
}

#liste_biens dd>span { font-weight: bold; }
#liste_biens dl>dd { margin: 0.25ex; }
.voir_fiche {vertical-align: middle;}

#pagination {
    text-align: center;
    color: #A10684;
}
#pagination a { color: #A10684; }
#pagination a:hover { color: #828281; }

#alerteMail input[type="submit"] {
    margin-left: 30px;
}

.msg {
    text-align: center;
    font-weight: bold;
}

/* RECHERCHE */
#sliderPrix {
    margin-top: 5px;
    cursor: pointer;
}
#villes {
    width: 330px;
}
#recherche dd {
    padding-left: 150px;
}

#map_conteneur {
    width: 770px;
    height: 550px;
    margin: auto;
}

/* FICHE BIEN */
#fiche dd {
    padding-left: 85px;
}
#imgGrande {
    float: left;
    width: 560px;
}
#imgGrande img {
    max-width: 560px;
    max-height: 420px;
    display: block;
    margin:auto;
    border: 1px solid gray;
    padding: 5px;
}
#imgMiniatures {
    float: right;
    margin: 0 40px 0 0;
    padding: 0;
}
#imgMiniatures img {
    background-color: white;
    max-width: 130px;
    max-height: 90px;
    display: block;
    margin: auto;
    padding: 5px;
    border: 1px solid gray;
}
#imgMiniatures li {
    list-style-type: none;
    margin: 0 0 4px 0;
}

#caracteristiques { clear: both;}

#caracteristiques > div {
    width: 240px;
    height: 150px;
    float: left;
    margin: 0 5px;
    background-color: #EAEAEA;
    border-right: 01px solid gray;
    border-bottom: 01px solid gray;
    padding: 3px;
    font-size: 14px;
}

#fiche h4 { margin: 0; }

.joli {
    margin:0;
    padding-left: 15px;
}
.joli li {
    padding: 1px 0 1px 15px;
    list-style-type: none;
    background-image: url("../images/fleche-droite.png");
    background-position: 1px 3px;
    background-repeat: no-repeat;
}

#prix {
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
    font-size: 30px;
    color: #9A057C;
}
#vendu {
    position: absolute;
    width: 545px;
    z-index: 2;
}
#vendu img {
    position: relative;
    left:110px;
    top: 40px;
}


#action { margin-top: 20px; float: right;}
#action li {
    padding: 5px 0 5px 0;
    list-style-type: none;
    background-position: 1px 3px;
    background-repeat: no-repeat;
}
#action img {
    vertical-align: middle;
}


/* AGENCE */
#servicesVendeurs h3, #juridique-plusvalue h3 {
    text-align: center;
}
#servicesVendeurs dl {
    margin-left: 30px;
}
#servicesVendeurs dt {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#servicesVendeurs dd {
    padding: 0 0 0 85px;
    margin: 0;
}

#servicesVendeurs li, #juridique-plusvalue li {
    padding: 1px 0 1px 15px;
    list-style-type: none;
    background-image: url("../images/fleche-droite.png");
    background-position: 1px 2px;
    background-repeat: no-repeat;
}



#juridique-tva h4, #juridique-plusvalue h4 {
    text-decoration: underline;
    margin-bottom:5px;
    padding: 1px 0 1px 20px;
    list-style-type: none;
    background-image: url("../images/ylwdiamd.gif");
    background-position: 1px 3px;
    background-repeat: no-repeat; 
}
#juridique-tva p, #juridique-plusvalue p { margin-top:0; }

#juridique-tva li {
    padding: 1px 0 1px 20px;
    list-style-type: none;
    background-image: url("../images/ylwarrow.gif");
    background-position: 1px 5px;
    background-repeat: no-repeat;    
}

#juridique-plusvalue dt {
    background-image: url("../images/ylwarrow.gif");
    background-position: 1px 3px;
    background-repeat: no-repeat;
    font-weight: bold;
    margin-left: 40px;
    padding-left: 20px;
    float: none;
}
    #juridique-plusvalue dd {
        float: none;
        font-weight: normal;
        padding-left: 90px;
    }


#mail input[type="text"] {
    width: 350px;
}
#mail textarea {
    width: 90%;
    height: 200px;
    margin: auto;
    display: block;
}
#mail input[type="submit"] {
    width: 150px;
    margin: auto;
    display: block;
}

#localisation > div { float: left;}
#map_conteneur_localisation {
    width: 400px;
    height: 500px;
    margin-right: 20px;
}
#localisation dd { margin: 3px auto;}
#localisation table { width: 300px; border: 01px solid black; margin: auto;}
#localisation table tr:nth-child(odd) { background-color: #D9D9D9; }
#localisation table tr:nth-child(even) { color:white; background-color: #828182 }

/* ################### PLUGINS JQUERY ################### */
/* Tooltip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eeeeee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; font-weight: normal}