/* general styles */

BODY {
text-align: center;
 background: url(images/bg.gif) ; 
margin:0px;


scrollbar-face-color: #FF00FF; 
scrollbar-shadow-color: #FFFFFF ; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #CCCCCC ; 
scrollbar-darkshadow-color: #CCCCCC ; 
scrollbar-track-color:  #CCCCCC; 
scrollbar-arrow-color: #333333; 

}



p {
/*margin: 12px 12px 5px 10px;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5B5544;
}


/* div styles */
#header {
width: 802px;
height: 207px;
margin: 0px auto 0px auto;

border-left: 1px solid #000000;
border-right: 1px solid #000000;

background: url(images/header_fr.jpg)  no-repeat;
}

#container {
clear: both;
width: 782px;
height: auto;

margin: 0px auto 0 auto;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom:1px solid #000000;

padding: 20px 10px 0px 10px;
color:#000000;
background-color:#FFFFFF;
}

#blocleft {
float: left;
width: 215px;
height: auto;
margin: 0px 10px 0px 0px;
padding-top: 0px;
text-align: left;

}

#navigation {
clear: both;
width: auto;
height: 179px;
margin-left: 15px;
padding: 0px;


text-align: left;
 
}

#animation {
/*background: url(recherche_bien_fr.gif) no-repeat top left #CBC3BC;*/
clear: both;
width: 210px;
height: 378px;
margin-left: 15px;
padding: 0px;
text-align: center;
}

#banniere {
/*background: url(recherche_bien_fr.gif) no-repeat top left #CBC3BC;*/
clear: both;
width: 210px;
height: 378px;
margin-left: 15px;
padding: 0px;
text-align: center;
}

#blocright {
overflow: visible;
float: left;
/*background: url(bg_blocright.gif) no-repeat bottom left #333333;*/
background-color: #333333;
width: 508px; 
height: auto;
margin-top: 0px;
padding: 0px;
text-align: left;
margin-left: 15px;

color:#000000;

}

#homeanim {
clear: both;
width: 508px; 
height: auto;
margin: 0px;
padding: 0px;
text-align: left;
}

/* bloc selection affaire */
div.homeselect {
text-align: center;
height: 195px;
background: url(images/line_selection.gif) no-repeat top left;
margin: 0px 0px 0px 10px;
padding: 10px 3px 10px 0px;
width: 152px;
float: left;
}

/* titre affaire */
p.homeselect {
margin:0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}

/* prix affaire */
p.homeselect2 {
margin:0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFD31F;
}

/* ref affaire */
p.homeselect3 {
margin:0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
}

/* descriptif affaire en <a> */
a.homeselect {
text-align: left;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #C8BBB0;
font-weight: normal;
text-decoration: none;
}

a.homeselect:hover {
color: #ffffff;
text-decoration: none;
}

a.homeselect:visited {
color: #C8BBB0;
text-decoration: none;
}

a.homeselect:visited:hover {
color: #ffffff;
text-decoration: none;
}

/* juste pour l'affichage Thumb en <a> */
a.homeselectimg {
text-align: center;
line-height: 1.3em;
color: #C8BBB0;
text-decoration: none;
}

img.homeselect {
     padding : 1px;
     background : #3F3730;
     border : 1px solid #D5C7BB;
}
/* FIN bloc selection affaire */




#footerblocright {
float: right;
height: auto;
text-align: center;
width: 508px; 
margin: 0px;

padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #949494;
/* a ajouter pour lien suivant/precedent bas de page : background: #3F3830;*/
}

#footer {

width: 782px;;
height: 111px;
clear: both;
 background: url(images/footer.jpg)  no-repeat;
/*width: 801px;
height: 111px;

clear: both;
 text-align: center;
margin: 0px;
padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #949494;
background: url(images/footer.gif)  no-repeat;
*/
}

#mentions {
width: 753px;
margin: 10px auto 0px auto;
clear: both;
text-align: center;
line-height: 1.2em;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #695b45;
}

/* Affichage de la photo d'un bien */
#photo {
float: right;
height: auto;
text-align: center;
width: 508px; 
margin: 0px;
padding: 10px 0px 11px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
background: #3F3830;
}


/* bloc thumb d'un bien */
div.thumbbien {
background: url(images/line_selection.gif) no-repeat top left;
margin: 0px 0px 0px 10px;
padding: 10px 3px 20px 0px;
width: 152px;
float: left;
text-align: center;
}

img.thumbbien {
     padding : 1px;
     background : #3F3730;
     border : 1px solid #D5C7BB;
}


/* bloc Affichage d'un bien */
div.bien {
float: right;
height: auto;
text-align: left;
width: 488px; 
margin: 0px;
padding: 0px 10px 11px 10px;
}

/* texte d'un bien */
p.bien {
margin:0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

/* titre d'un bien */
p.bientitre {
margin:0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

/* prix d'un bien */
p.bienprix {
margin:0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFD31F;
}

/* ref d'un bien */
p.bienref {
margin:0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #B4A892;
}

a.bien {
color: #FFD31F;
text-decoration: none;
}

a.bien:hover {
color: #FFFFFF;
text-decoration: none;
}

a.bien:visited {
color: #FFD31F;
text-decoration: none;
}

a.bien:visited:hover {
color: #FFFFFF;
text-decoration: none;
}
/* FIN bloc Affichage texte du bien */


/* Affichage du pager */
div.pager {
/*float: right;*/
height: auto;
text-align: center;
width: 508px; 
margin: 0px;
clear:both; 
padding: 10px 0px 11px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #C1B9B2;
font-weight: bold;
background: #3F3830;
}

a.pager {
color: #FFFFFF;
text-decoration: none;
}

a.pager:hover {
color: #FFD31F;
text-decoration: none;
}

a.pager:visited {
color: #FFFFFF;
text-decoration: none;
}

a.pager:visited:hover {
color: #FFD31F;
text-decoration: none;
}
/* FIN Affichage du pager */


/* Navigation Générale */
#navlist
{
padding: 0px;
margin-left: 0;
font: bold 15px georgia, serif;
/*background: #FFF;*/
width: 14em;
color: #302A25;
}

#navlist li
{
list-style: none;
margin: 0px;
/*border-bottom: 1px #ACAAA8 dotted;*/
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 2.0em;
text-decoration: none;
background-image: url(images/boutnav_off.gif);
height: 20px;
}

#navlist li a:link { color: #67635F; }
#navlist li a:visited { color: #67635F; }

#navlist li a:hover
{
color: #333;
/*background: #EFEDEB;*/
background-image: url(images/boutnav_on.gif);
}
/* FIN Navigation Générale */


/* Formulaire */
form {
padding:0px;
}

p.form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3F3730;
}

select, option {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 3px;
}
/* FIN Formulaire */

div.breadcrumb a {
text-align: left;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC3366;
font-weight: bolder;
text-decoration: none;
 }
div.breadcrumb  {
text-align: left;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
text-decoration: none;
padding-left:20px;

}
div.histoire {
/*float: right;*/
height: auto;
text-align: left;
width: 505px; 
margin: 0px;
clear:both; 
padding: 10px 0px 11px 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
/*color: #C1B9B2;*/
color:#FFFFFF;
font-weight: bold;
 }

a.footer {
text-align: left;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;
text-decoration: underline;
}

a.footer:hover {
text-align: left;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;
text-decoration: underline;

}