@charset "iso-8859-1";

@import url(structure.css);
@import url(_elements.css);
@import url(navigation_elements.css);
@import url(account.css);
@import url(boxes.css);
@import url(catalog.css);
@import url(calendar.css);
@import url(form.css);
@import url(newsletters.css);
@import url(publication_methods.css);
@import url(react_to_article.css);
@import url(recommend_the_site.css);
@import url(search.css);
@import url(send_article.css);
@import url(board.css);


/* COMMON STYLES */



img {

	border:0;

	vertical-align: bottom;

}

.clear {

	clear: both;

	visibility: hidden;

}

/* -------------------- */
/* REVISION DU SITE     */
/* 23 NOVEMBRE 2007     */
/* PROGRAMME SPECIFIQUE */
/* -------------------- */

#contents h3 strong { color: #4988BE;}

/* TITRE DU PROGRAMME */

.titre_programme {
    background: #CF3D44 !important;
    text-align: center;
    position: absolute;
    overflow: hidden;
    padding: 0px;
    width: 236px;
    height: 50px;
    top: 126px;
    left: 0px;
}

.titre_programme a {
    text-decoration : none;
    color: white !important;
}

.titre_programme span { display: none; }

/* MENU HORIZONTAL */

.onglets {
    background: #82878D;
    text-align: center;
    position: absolute;
    font-weight: bold;
    font-size: 0.9em;
    width: 630px;
    height: 65px;
    top: 126px;
    left: 236px;
}

.onglets ul li {
    list-style: none;
    float: left;
}

.onglets ul li.active { font-weight: bold; }

.onglets ul li a {
    padding: 17px 0px 20px 0px;
    text-decoration :none;
    display: block;
    width: 195px;
}

.onglets ul li.lenvironnement a { color: #F2DB00; }
.onglets ul li.le_programme a { color: #C6DC00; }
.onglets ul li.nous_contacter a { color: #FEE178; }

.onglets ul li a:hover, .onglets ul li a.active {
    font-size: 1.4em;
}

/* MENU VERTICAL */

.menu_vertical {
    background: #092B5C;
    position: absolute;
    height: 389px;
    width: 236px;
    top: 191px;
    left: 0px;
}

.menu_vertical #visuel_de_fond img {
    vertical-align: bottom;
    text-align: right;
    height: 389px;
    width: 236px;
}
.menu_vertical #texte_description {
    font-style: italic;
    position: absolute;
    top: 0px;
}

.menu_vertical #texte_description h3, .menu_vertical #texte_description h4, .menu_vertical #texte_description h5 {
    background: none;
}

.menu_vertical #texte_description img {
    margin: 10px 0px 0px 10px;
    width: 216px;
}

.menu_vertical #texte_description p {
    font-size: 0.9em;
    width: 216px;
}

.menu_vertical ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.menu_vertical li {
    list-style: none !important;
}

.menu_vertical ul li {
    font-family: Arial, Helvetica, sans-serif;
    padding: 30px 0px 0px 40px;
    font-size: 1.2em;
}

.menu_vertical ul li a, .menu_vertical ul li a:visited {
    text-decoration: none;
    color: #092B5C;
}

.menu_vertical ul li a.active {
    padding-left: 5px;
    font-weight: bold;
    color: #C4B37D;
}

.menu_vertical ul li a.active:visited, .menu_vertical ul li a:hover {
    font-weight: bold;
    color: #C4B37D;
}

.menu_vertical a {
    text-decoration: none;
    font-size: 0.9em;
}

#bas_de_page {
    background: #092B5C;
    position: absolute;
    height: 65px;
    width: 866px;
    top: 389px;
    left: 0px;
}

#bas_de_page ul li {
    padding: 0px;
    float: left;
}

.lien_vendeur {
    text-align: center;
    width: 236px;
}

.recommand {
    text-align: right;
    width: 630px;
}

.recommand a {
    font-family: "Times New Roman", Times, serif;
    padding-right: 20px;
    font-weight: bold;
    line-height: 60px;
    font-size: 14px;
    color: white !important;
}

/* TABLEAUX DES PROGRAMME */

table { font-family: Arial, Helvetica, sans-serif; }

.encadrement {
    background: #FEF3A3;
    margin: 0px 0px 20px 10px;
}

.encadrement_prix .first_cell { background: url(/media/bgfirstcellprix__054840600_1640_26112007.gif) no-repeat left top; }
.encadrement_prix .second_cell { background: url(/media/bgsecondcellprix__093686000_1642_26112007.gif) no-repeat right top; }

.encadrement_planning .first_cell, .encadrement_type .first_cell { background: url(/media/bgfirstcellplanning__068753800_1649_26112007.gif) no-repeat left top; }
.encadrement_planning .second_cell, .encadrement_type .second_cell { background: url(/media/bgsecondcellplanning__083806500_1650_26112007.gif) no-repeat right top; }

.encadrement .first_cell {
    padding: 0px 0px 0px 10px;
}
.encadrement .second_cell {
    padding: 0px;
    height: 10px;
    width: 10px;
}
.encadrement .third_cell {
    background: url(/media/bgthirdcell__043365300_1643_26112007.gif) no-repeat left bottom;
    padding: 0px;
    height: 10px;
    width: 10px;
}
.encadrement .fourth_cell {
    background: url(/media/bgfourthcell__048939700_1644_26112007.gif) no-repeat right bottom;
    padding: 0px;
    height: 10px;
    width: 10px;
}

th {
    border-left: 1px solid white;
    background: #608CAF;
    font-size: 15px;
    color: white;
}

th:first-child { border: 0px; }

tr.sub_th th {
    border-left: 1px solid white;
    border-top: 1px solid white;
}

th small { font-size: 11px; }

th, td {
    padding: 5px;
}

.prix_surface tr.impaire td, .planning tr.impaire td { background: #FEF3A3; }

.prix_surface td, .planning td, .bien_type td {
    border: 1px solid #608CAF;
    font-size: 12px;
    background: #FFFBDE;
    text-align: center;
    border-left: 0px;
    border-top: 0px;
}

.bien_type td {
    border: 0px;
    border-bottom: 1px solid #608CAF;
}

.bien_type td:last-child { border-right: 1px solid #608CAF; }

.prix_surface td:first-child, .bien_type td:first-child { border-left: 1px solid #608CAF; }

.prix_surface td.type {
    font-weight: bold;
    color: #608CAF;
}

.planning { border: 1px solid #608CAF; border-top: 0px; }
.planning th { text-align: left; }
.planning td { border: 0px; text-align: left; }

.bien_type td.type {
    text-align: center;
    border-bottom: 0px;
    font-weight: bold;
    color: #608CAF;
}

td .etat {
    padding: 0px;
    color: red !important;
    background: #FEF3A3;
    border-right: 0px !important;
    font-weight: bold;
}

/* ---------------- */
/* REVISION DU SITE */
/* 07 NOVEMBRE 2007 */
/* ---------------- */

/* --------------------- */
/* MASQUE LA RUBRIQUE DE */
/* TRAVAIL DANS LE MENU  */
/* --------------------- */

#horizontalmenu .first_level li.nos_programmes_v2 { display: none; }

/* -------------------------------------------------------------- */
/* NOS PROGRAMMES V2                                              */
/* CLASS DE CONTEXTUALISATION A MODIFIER AVANT DE METTRE EN LIGNE */
/* -------------------------------------------------------------- */

.nos_programmes_v2, { font-family: Arial, Helvetica, sans-serif; }

.nos_programmes_v2 #verticalmenu .ancres_nos_programmes {}

.nos_programmes_v2 #verticalmenu .ancres_nos_programmes ul { padding: 0px 0px 0px 0px; }

.nos_programmes_v2 #verticalmenu .ancres_nos_programmes ul li {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 0px;
    font-size: 1.2em;
    list-style: none;
}

.nos_programmes_v2 #verticalmenu .ancres_nos_programmes ul li a {
    text-decoration: none;
    color: white;
}

.nos_programmes_v2 #verticalmenu .ancres_nos_programmes ul li a:hover {
    padding-left: 5px;
    font-weight: bold;
    color: #C4B37D;
}

.nos_programmes_v2 #main .colleft a {
    text-decoration: none;
    font-size: 0.9em;
}

.nos_programmes_v2 #main h3 {
    font-size: 1.3em;
    color: #092B5C;
    padding: 0px;
}

.nos_programmes_v2 #main h3 strong { color: #4988BE; }

/* ----------------- */
/* VILLA DES COTEAUX */
/* ----------------- */

/* ------------------------- */
/* PIED DE PAGE PERSONNALISE */
/* ------------------------- */

.footer_programme_v2 {
    background: #092B5C;
    position: absolute;
    height: 65px;
    width: 866px;
    top: 580px;
}

.footer_programme_v2 h2 { display: none; }
.footer_programme_v2 p { padding: 0px; }

.footer_programme_v2 em a {
    text-align: center;
    width: 236px;
    float: left;
}

.footer_programme_v2 strong a {
    font-family: "Times New Roman", Times, serif;
    padding: 23px 10px 24px 10px;
    text-decoration: none;
    margin-left: 500px;
    text-align: right;
    color: white;
    float: left;
}

/* ------- */
/* ACCUEIL */
/* ------- */

.villa_des_coteaux #main .medias img {
    position: absolute;
    height: 389px;
    width: 630px;
    left: 231px;
    top: 186px;
}

.villa_des_coteaux #verticalmenu {
    background: #D5E2F2 url(/media/filigranevilladescoteau__005687900_1230_07112007.gif) no-repeat left bottom;
    height: 454px;
    width: 236px;
    top: 126px;
    left: 0px;
}

.villa_des_coteaux_accueil {
    padding: 0px !important;
    margin: 0px !important;
}

.villa_des_coteaux_accueil p {
    padding: 0px 20px 10px 20px !important;
    font-style: italic; 
    font-size: 0.9em;
}

.villa_des_coteaux_accueil h3 { padding: 0px 0px 10px 0px !important; }

.villa_des_coteaux_onglets {
    background: #82878D;
    position: absolute;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    height: 65px;
    width: 630px;
    left: 236px;
    top: 126px;
}

.villa_des_coteaux_onglets ul li { float: left; }

.villa_des_coteaux_onglets ul li.active { font-weight: bold; }

.villa_des_coteaux_onglets ul li a {
    padding: 25px 0px 20px 0px;
    text-decoration :none;
    display: block;
    width: 210px;
}

.villa_des_coteaux_onglets ul li.lenvironnement a { color: #F2DB00; }
.villa_des_coteaux_onglets ul li.le_programme a { color: #C6DC00; }
.villa_des_coteaux_onglets ul li.nous_contacter a { color: #FEE178; }

.villa_des_coteaux_onglets ul li a:hover { text-decoration: underline; }

/* ------------------------------- */
/* L'ENVIRONNEMENT // LE PROGRAMME */
/* ------------------------------- */

.lenvironnement #verticalmenu, .le_programme #verticalmenu {
    background: #D5E2F2 url(/media/filigranevilladescoteau__005687900_1230_07112007.gif) no-repeat left bottom;
    height: 454px;
    width: 236px;
    top: 126px;
    left: 0px;
}

.lenvironnement #verticalmenu .ancres_environnement, .le_programme #verticalmenu .ancres_programme {
    padding: 0px;
    margin: 0px;
}

.lenvironnement #verticalmenu .ancres_environnement p, .le_programme #verticalmenu .ancres_programme p {
    text-align: center;
    padding: 20px 0px;
    font-size: 0.9em;
}

.lenvironnement #verticalmenu .ancres_environnement ul li, .le_programme #verticalmenu .ancres_programme ul li {
    padding: 10px 0px 10px 30px;
    list-style: none;
}

.lenvironnement #verticalmenu .ancres_environnement ul li a, .le_programme #verticalmenu .ancres_programme ul li a {
    text-decoration: none;
    color: #092B5C;
}

.lenvironnement #verticalmenu .ancres_environnement ul li a:hover, .le_programme #verticalmenu .ancres_programme ul li a:hover {
    padding-left: 5px;
    font-weight: bold;
}

.lenvironnement #main, .le_programme #main {
    position: absolute;
    overflow: auto;
    height: 389px;
    width: 620px;
    top: 191px;
}

.lenvironnement #main #text, .le_programme #main #text { padding: 10px; }
.lenvironnement #main h3, .le_programme #main h3 {
    font-size: 1.3em; 
    color: #043A6F;
    padding: 0px;
}

.lenvironnement #main h3 strong, .le_programme #main h3 strong { color: #4988BE; }

.lenvironnement #main h4, .le_programme #main h4 {
    letter-spacing: -0.5px;
    font-size: 1.2em; 
    color: black;
    padding: 5px 0px 5px 0px;
}

.lenvironnement #main h5, .le_programme #main h5 {
    letter-spacing: -0.5px;
    font-weight: normal;
    font-size: 1.2em; 
    color: black;
    padding: 0px;
}

/* -------------- */
/* NOUS CONTACTER */
/* -------------- */

.villa_des_coteaux_contact #main {
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
    height: 389px;
    left: 236px;
    top: 191px;
}

.villa_des_coteaux_contact #main h3 {
    font-size: 1.3em; 
    color: #006088;
    padding: 0px;
}

.villa_des_coteaux_contact #main p {
    padding: 0px;
}

.villa_des_coteaux_contact #verticalmenu .contact_villa_des_coteaux {
    background: #D5E2F2 url(/media/filigranevilladescoteau__005687900_1230_07112007.gif) no-repeat left bottom;
    text-align: center;
    padding: 10px;
    position: absolute;
    height: 434px;
    width: 216px;
    top: -159px;
    left: -20px;
}


/* ------------------- */
/* REVISION DU SITE    */
/* 1 DECEMBRE 2008     */
/* FORMULAIRE DE CHOIX */
/* ------------------- */

.fiche_de_choix #main p { font-size: 12px; }

.fiche_de_choix #main #forms h3 { font-size: 1.6em; }

.fiche_de_choix #main #forms .formulaire fieldset {
    border: 1px dotted #092B5C;
    margin: 0px 0px 20px 0px;
    padding: 5px;
}

.fiche_de_choix #main #forms .formulaire fieldset legend {
    background: white;
    font-weight: bold;
    padding: 0px 5px;
    font-size: 12px;
    display: block;
    display: inline;
    color: #092B5C;
}

.fiche_de_choix #main #forms .formulaire fieldset .row label { width: 30%; }

.fiche_de_choix #main #forms .formulaire fieldset .row textarea {
    width: 69% !important;
    _width: 68% !important;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span div a.LinkIn {
    border: 1px solid #092B5C;
    margin: 40px 0px 0px 30px;
    text-decoration: none;
    background: #8BB0D3;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 12px;
    display: block;
    height: 15px;
    padding: 5px;
    width: 60px;
    float: left;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span .row {
    border: 1px dotted #8BB0D3;
    margin: 5px 0px 0px 5px;
    text-align: center;
    font-size: 10px;
    display: block;
    height: 135px;
    _height: 141px;
    float: left;
    padding: 5px;
    width: 105px;
    clear: none;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span .row label { float: none; }

.fiche_de_choix #main #forms .formulaire fieldset .row span .row label img {
    margin: -15px auto 0px auto;
    *margin-top: 0px;
    display: block;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span .row .radio {
    margin: 5px auto 0px auto;
    display: block;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span div img {
    padding: 0px 5px 0px 0px;
    vertical-align: middle;
}

.fiche_de_choix #main #forms .formulaire fieldset .row span a.LinkIn {
    text-align: right;
    display: block;
    width: 45.5%;
    _width: 46%;
}

.fiche_de_choix #main #forms .formulaire .submit {
    padding: 0px;
    margin: 0px;
}

.fiche_de_choix #main #forms .formulaire .submit input {
    border: 2px solid #092B5C;
    text-decoration: none;
    background: #8BB0D3;
    text-align: center;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
}