/**
 * Style sheet
 */


body {
background-color:#16180e;
margin-bottom: 0;
overflow: -Moz-Scrollbars-Vertical;
} 
#wrapper
{
}
#container {
background-color:#16180e;
background-image:url("../../tl_files/moure/pict/fd_body.png");
background-repeat: repeat-x;
}
#left
{
}
#main {
padding:15px;
}
#footer {
}

/* ---------------------------------------------- TEXTES */
a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul {
 color:#d4d4d4;
 font-family: Verdana, sans-serif;
 font-size: 14px;
}
h1 {
color: #403d3d;
font-size: 22px;
letter-spacing: -1px;
word-spacing: 3px;
}
.bold {font-weight: bold;}


.form_contact td {
padding: 6px 10px 0 0;
}
.form_contact .explanation, .form_contact .submit_container {
padding: 5px 0 15px 0;
}
.form_contact .error {
color:#cc1919;
}


.mod_navigationSub h2
{
margin-bottom: 20px;
padding-right: 10px;
font-weight: normal;
font-size: 18px;
color: #8f8787;
}


/* ---------------------------------------------- PRESENTATION */
/* colonne gauche */
.logo {
position: absolute;
top: 50px;
right: 30px;
z-index: 2;
}
.logotel {
position: absolute;
top: 105px;
right: 34px;
z-index: 2;
font-size: 20px;
font-weight: lighter;
color: #353927;
letter-spacing: 1px;
}


.gauche {
position: relative;
top: 29px;
width: 100%;
padding: 320px 0 50px 0; 
text-align: right;
}
.gauche {
position: absolute;
top: 29px;
width: 100%;
padding: 320px 0 50px 0; 
text-align: right;
_border: 1px #FFFFCC solid
}

.fond1 {background: url("../../tl_files/moure/pict/image-famille.png")  right top no-repeat; z-index: 1;}
.gauche h1 {
margin: 0 30px 12px 0;
font-size: 22px;
font-weight: lighter;
color: #888b72;
letter-spacing: 1px;
}
.gauche .texte p {
margin: 0 30px 12px 0;
font-size: 12px;
color: #b0b1a5;
}
.gauche .texte p span {
font-size: 12px;
color: #b0b1a5;
}
.gauche .retour, .gauche .toggler {
margin: 0 30px 9px 0;
font-size: 12px;
color: #a84204;
}
.gauche .retour a:hover, .gauche .toggler:hover {
text-decoration:underline;
cursor:hand;
cursor:pointer;
color:#a84204;
}
/* colonne gauche formulaire */
.gauche form {
float: right;
margin: 8px 30px 10px 0;
}
.gauche form label {
margin-right: 0;
padding-right: 4px;
font-size: 11px;
color: #d4d4d4;
}
.gauche form input {
font-size: 12px;
font-weight: normal;
color: #333333;
}
.gauche form .col_0 {display: block; margin: 4px 4px;}
.gauche form .mandatory {font-size: 11px;}
.gauche .submit_container {margin-top: 8px;}
.gauche form .tl_confirm .colspan {
font-size: 11px; color: #eeec1d;
}
/* colonne gauche blocs liens */
.bloc-link {
float: right;
width: 125px;
height: 25px;
margin: 0 30px 3px 0;
padding: 7px 0 0 44px;
text-align: left;
}
.bloc-link a {
font-size: 12px;
color: #B3B3AB;
font-weight: bold;
text-decoration: none;
}
.fluxrss {background: url("../../tl_files/moure/pict/fd_rss.png") no-repeat;}
.newsletter {background: url("../../tl_files/moure/pict/fd_newsletter.png") no-repeat;}
.parking {background: url("../../tl_files/moure/pict/fd_parking.png") no-repeat;}
.fluxrss a:hover, .newsletter a:hover, .parking a:hover {text-decoration: underline; color: #E8E6DD;}
.bloc-link p {
font-size: 12px;
color: #E8E6DD;
font-weight: bold;
text-decoration: underline;
}

/* pied de page */
.pied {
margin-top: 70px;
width: 540px;
height: 70px;
border-top: 1px #313327 solid;
padding: 6px 0 0 2px;
font-size: 11px;
color: #9d9d87;
}
.pied h1 {
font-size: 14px;
letter-spacing: 0.1px;
color: #9d9d87;
font-weight: bold;
margin: 0;
padding: 0;
}
.pied .stexte {
font-size: 12px;
font-weight: normal;
color: #9d9d87;
}
.pied .tel{
font-weight: bold;
}
/* page agence */
.photo-agence {
margin-top: 112px;
height: 208px;
}
.photo-agence img {
margin: 4px;
padding: 3px;
background-color: #ffffff;
}
.page-agence {
width: 540px;
margin: 21px 0 0 4px;
}
.page-agence div, .page-agence p, .page-agence p span {
color:#d4d4d4;
font-size: 12px;
}
.page-agence h3 {
margin: 0;
padding-bottom: 8px;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
}
/* flux news*/
.mod_newslist {
position: relative;
width: 540px;
margin: 25px 0 0 4px;
}
.layout_short {margin-bottom:20px;}
.mod_newslist h2 {margin: 0; padding: 0 0 4px 0;}
.mod_newslist a {
font-size: 12px;
color: #a84204;
font-weight: normal;
}
.mod_newslist .teaser {
font-size: 12px;
color: #b0b1a5;
}
.mod_newslist .info {
font-size: 11px;
color: #b0b1a5;
}
/* formulaire*/
.formulaire {
width: 540px;
margin: 30px 0 0 4px;
}
.formulaire form label {
margin-right: 0;
padding-right: 4px;
font-size: 11px;
color: #d4d4d4;
}
.formulaire form input, .formulaire form textarea {
font-size: 12px;
font-weight: normal;
color: #333333;
}
.formulaire form .col_0 {display: block; margin: 4px 4px;}
.formulaire form .mandatory {font-size: 11px;}
.formulaire .submit_container {margin-top: 8px;}
.formulaire form .tl_confirm .colspan {
font-size: 11px; color: #eeec1d;
}
.page-agence input {
font-size: 12px;
font-weight: normal;
color: #333333;
}
.page-agence .confirm {
padding-bottom: 4px;
font-size: 11px; color: #eeec1d;
}
/* coordonnees print*/
.cadreprint {
display: none;
}




/* ---------------------------------------------- MENUS */
/* top menu */
.tmenu {
position: absolute;
top: 0;
right: 30px;
z-index: 2;
}
.tmenu ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.tmenu li {
float: left;
margin: 0;
padding: 0;
}
.tmenu li a {
display: block;
margin: 2px 1px 0 0;
padding: 7px 12px 7px 12px;
background-color: #7d8167;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
 font-size: 11px;
 color: #d1d1bb;
 text-decoration: none;
}
.tmenu li a:hover {background-color: #353927;}
.tmenu li .active {
display: block;
margin: 2px 1px 0 0;
padding: 7px 12px 7px 12px;
background-color: #353927;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
 font-size: 11px;
 color: #d1d1bb;
 text-decoration: none;
}
.tmenu li .last {margin-right: 0;}

/* pied menu */
.pmenu {
margin: 85px 0 20px 4px;
border-top: 1px #313327 solid;
padding: 6px 0 0 0;
}
.pmenu ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.pmenu li {
float: left;
margin: 0;
padding: 0;
}
.pmenu li a {
display: block;
margin: 0 12px 0 0;
padding: 0;
font-size: 11px;
color: #9d9d87;
text-decoration: none;
}
.pmenu li a:hover {color: #d1d1bb;}
.pmenu li .active {
display: block;
margin: 0 12px 0 0;
padding: 0;
font-size: 11px;
color: #d1d1bb;
text-decoration: none;
}



/* ---------------------------------------------- RECHERCHE ET BIENS */
/* formulaire */
.bien-form {
margin: 0 0 0 4px;
padding-top: 50px;
height: 270px;
width: 536px;
}
.bien-form h2 {
margin: 10px 0 2px 0;
padding: 0;
font-size: 15px;
}
.bien-form h3, .bien-form h4 {
margin: 10px 0 2px 0;
padding: 0;
font-size: 11px;
font-weight: normal;
}
.bien-form label {
font-size: 11px;
font-weight: normal;
}
.range_group h3 {display: none;}
.bien-form select, .bien-form input {
font-size: 12px;
font-weight: normal;
color: #333333;
}
.sort_group {
float: right;
padding-top: 10px;
}
.bien-form .clearall {margin-top: 20px;}
.bien-form .clearall a {
padding: 5px 14px;
background-color: #E3E37A;
-webkit-border-radius:4px;
-moz-border-radius:4px;
font-size: 12px;
font-weight: bold;
color: #666666;
}
.bien-form .clearall a:hover {
background-color: #F6F35E;
-webkit-border-radius:4px;
-moz-border-radius:4px;
text-decoration:none;
}




/* listing */
.bien-liste {
margin: 0;
padding-top: 20px;
width: 540px;
}
.bien-liste div
{
 color:#adada3;
}
.bien-liste .item {
position: relative;
margin: 0 0 3px 4px;
padding: 0;
height: 96px;
background-color: #1d1f13;
}
.bien-liste .odd{
background-color: #232617;
}

.photo_liste img {
padding: 3px;
background-color: #ffffff;
}
.bien-liste .titre .value {
position: absolute;
left:134px; top: 6px;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
}
.bien-liste .resume1 .value {
position: absolute;
left:136px; top: 28px;
font-size: 12px;
}
.bien-liste .resume2 .value {
position: absolute;
left:136px; top: 44px;
font-size: 12px;
}
.bien-liste .prix .value {
position: absolute;
top: 6px;
right: 10px;
font-size: 19px;
color: #d4d4d4;
}
.bien-liste .reference .value {
position: absolute;
top: 37px;
right: 10px;
margin-right: 4px;
padding: 5px 8px 2px 8px;
background-color: #343728;
font-size: 11px;
color: #d4d4d4;
}
.bien-liste .link a {
position: absolute;
left:136px; top: 70px;
font-size: 12px;
color: #a84204;
}
.bien-liste .link a:hover {
text-decoration:underline;
color:#a84204;
}
.bien-liste .info {
margin: 60px 0 230px 0;
font-size: 12px;
}

/* listing location*/
.bien-location-liste {
position: relative;
margin: 320px 0 0 0;
padding-top: 20px;
width: 540px;
}
.bien-location-liste div
{
 color:#adada3;
}
.bien-location-liste .item {
position: relative;
margin: 0 0 3px 4px;
padding: 0;
height: 96px;
background-color: #1d1f13;
}
.bien-location-liste .odd{
background-color: #232617;
}
.bien-location-liste .titre .value {
position: absolute;
left:134px; top: 6px;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
}
.bien-location-liste .prix .value {
position: absolute;
top: 6px;
right: 10px;
font-size: 19px;
color: #d4d4d4;
}
.bien-location-liste .reference .value {
position: absolute;
top: 37px;
right: 10px;
margin-right: 4px;
padding: 5px 8px 2px 8px;
background-color: #343728;
font-size: 11px;
color: #d4d4d4;
}
.bien-location-liste .disponibilite .value {
position: absolute;
left:136px; top:40px;
font-weight: bold;
font-size: 11px;
}
.bien-location-liste .descriptif .value {
position: absolute;
left:136px; top: 62px;
font-size: 12px;
}
.bien-location-liste .link a {display: none;}





/* annonce */
.bien-fiche {
position: relative;
width: 540px;
}
.bien-fiche .photos {
display: table-cell;
top: 10px;
height: 320px;
vertical-align: bottom;
}
.bien-fiche div {
 color:#d4d4d4;
}
.photos img {
margin: 4px;
padding: 3px;
background-color: #ffffff;
}
.bien-fiche .titre .value {
margin: 4px;
padding-top: 16px;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
}
.bien-fiche .resume1 .value {
margin: 0 0 0 4px;
}
.bien-fiche .resume2 .value {
margin: 0 0 25px 4px;
}
.bien-fiche .prix .value {
position: absolute;
top: 337px;
right: 10px;
font-size: 19px;
_font-weight: bold;
color: #d4d4d4;
}
.bien-fiche .reference .value {
position: absolute;
top: 366px;
right: 10px;
margin-right: 4px;
padding: 5px 8px 2px 8px;
background-color: #343728;
font-size: 11px;
color: #d4d4d4;
}
.bien-fiche .ligne1 .value, .bien-fiche .ligne2 .value, .bien-fiche .ligne3 .value {
margin-left: 6px;
display: list-item;
list-style: disc inside;
}
.bien-fiche .descriptif {
margin: 25px 15px 30px 4px;
}
.bien-fiche .back {
display: none;
}



/* ---------------------------------------------- PORTABLE */
/* body */
.body-portable #container {background-image:none;}
.body-portable label {padding-right:5px;}
.body-portable .text, .body-portable .submit {color:#000000}
.body-portable .submit_container {margin-top:6px;}

/* listing */
.bien-liste-portable {
position: relative;
margin: 0;
padding-top: 10px;
width: 830px;
}
.bien-liste-portable div
{
 color:#adada3;
}
.bien-liste-portable .item {
position: relative;
margin: 0 0 10px 4px;
padding: 120px 10px 10px 10px;
background-color: #1d1f13;
}
.bien-liste-portable .odd{
background-color: #232617;
}

.bien-liste-portable img {
position: absolute;
left:10px; top: 8px;
padding: 3px;
background-color: #ffffff;
}
.bien-liste-portable .titre .value {
position: absolute;
left:270px; top: 6px;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
}
.bien-liste-portable .resume1 .value {
position: absolute;
left:272px; top: 28px;
font-size: 12px;
}
.bien-liste-portable .resume2 .value {
position: absolute;
left:272px; top: 44px;
font-size: 12px;
}
.bien-liste-portable .prix .value {
position: absolute;
top: 6px;
right: 10px;
font-size: 19px;
color: #d4d4d4;
}
.bien-liste-portable .reference .value {
position: absolute;
top: 37px;
right: 10px;
margin-right: 4px;
padding: 5px 8px 2px 8px;
background-color: #343728;
font-size: 11px;
color: #d4d4d4;
}
.bien-liste-portable .link {
display: none;
}
.bien-liste-portable .info {
margin: 60px 0 230px 0;
font-size: 12px;
}
.bien-liste-portable .ligne1 .value, .bien-liste-portable .ligne2 .value, .bien-liste-portable .ligne3 .value {
margin-left: 272px;
display: list-item;
list-style: disc inside;
}
.bien-liste-portable .descriptif {
margin: 35px 15px 30px 1px;
}

/* ---------------------------------------------- DIVERS */
.mp {
position: relative;
left: 460px;
top: -35px;
}