/* Layout
=====================================*/

/* Header */
#marquee {margin : 14px 10px 0 ; position : relative ; width : 550px ; height : 64px ; overflow : hidden}
#marquee img {position : absolute ; top : 0 ; left : 0 ; display : block ; border : 1px solid #849fc9 ; margin : 0 6px}

/* Contenu */
#droite {background : #fff}
#contenu {padding : 20px 15px 30px}
a.lexique {border-bottom : 1px dashed ; text-decoration : none}

/* Menu à gauche */
#menu_gauche {background : #f6f6f6 ; border-right : 1px solid #fff}
#menu_gauche a {border-top : 1px solid #fff ; color : #4E4E4E ; margin : 0 ; text-decoration : none ; font-weight : bold ; display : block ; padding : 4px 10px}
#menu_gauche a:hover, #menu_gauche  a.selected {color : #fff}
#menu_gauche_logo {background : #f6f6f6 ; vertical-align : bottom ; padding : 20px 0 ; text-align : center}

/* Couleurs */
.terrains a, a.terrains, .terrains h2, .terrains b {color : #588f00}
.terrains h1, #menu_gauche a.terrains:hover, #menu_gauche li.selected a.terrains, .fond_terrains {background : #80c31b}
.terrains #menu {background : #e6f6ce}
.terrains #sous-menu {border-left : 1px solid #588f00}
.terrains h2, .terrains table.calcul th, .terrains table.donnees th, .terrains #adsense {background : #f6fced}
.terrains .documentation-ok {background : #80c31b}
.terrains h3 {border-bottom : 1px solid #80c31b ; color : #588f00}
.terrains table.calcul td, .terrains table.calcul th {border-bottom : 1px solid #e6f6ce}
.terrains table.donnees td, .terrains table.donnees th, .terrains #adsense {border : 1px solid #e6f6ce}
.constructeurs a, a.constructeurs, .constructeurs h2, .constructeurs b {color : #b20f4d}
.constructeurs h1, #menu_gauche a.constructeurs:hover, #menu_gauche li.selected a.constructeurs, .fond_constructeurs {background : #b20f4d}
.constructeurs #menu {background : #fcd4e4}
.constructeurs #sous-menu {border-left : 1px solid #b20f4d}
.constructeurs h2, .constructeurs table.calcul th, .constructeurs table.donnees th, .constructeurs #adsense {background : #ffe8f1}
.constructeurs .documentation-ok {background : #b20f4d}
.constructeurs h3 {border-bottom : 1px solid #b20f4d ; color : #b20f4d}
.constructeurs table.calcul td, .constructeurs table.calcul th {border-bottom : 1px solid #fcd4e4}
.constructeurs table.donnees td, .constructeurs table.donnees th, .constructeurs #adsense {border : 1px solid #fcd4e4}
.financement a, a.financement, .financement h2, .financement b {color : #13469F}
.financement h1, #menu_gauche a.financement:hover, #menu_gauche li.selected a.financement, .fond_financement {background : #4172C9}
.financement #menu {background : #AECAFB}
.financement #sous-menu {border-left : 1px solid #13469F}
.financement h2, .financement table.calcul th, .financement table.donnees th, .financement #adsense {background : #DFEAFC}
.financement .documentation-ok {background : #4172C9}
.financement h3 {border-bottom : 1px solid #4172C9 ; color : #13469F}
.financement table.calcul td, .financement table.calcul th {border-bottom : 1px solid #AECAFB}
.financement table.donnees td, .financement table.donnees th, .financement #adsense {border : 1px solid #AECAFB}
.choix-essentiels a, a.choix-essentiels, .choix-essentiels h2, .choix-essentiels b {color : #c91e8b}
.choix-essentiels h1, #menu_gauche a.choix-essentiels:hover, #menu_gauche li.selected a.choix-essentiels, .fond_choix-essentiels {background : #c91e8b}
.choix-essentiels #menu {background : #fbbfe5}
.choix-essentiels #sous-menu {border-left : 1px solid #c91e8b}
.choix-essentiels h2, .choix-essentiels table.calcul th, .choix-essentiels table.donnees th, .choix-essentiels #adsense {background : #fbdcf0}
.choix-essentiels .documentation-ok {background : #c91e8b}
.choix-essentiels h3 {border-bottom : 1px solid #c91e8b ; color : #c91e8b}
.choix-essentiels table.calcul td, .choix-essentiels table.calcul th {border-bottom : 1px solid #fbbfe5}
.choix-essentiels table.donnees td, .choix-essentiels table.donnees th, .choix-essentiels #adsense {border : 1px solid #fbbfe5}
.decoration a, a.decoration, .decoration h2, .decoration b {color : #3c5b91}
.decoration h1, #menu_gauche a.decoration:hover, #menu_gauche li.selected a.decoration, .fond_decoration {background : #3c5b91}
.decoration #menu {background : #b0c3e5}
.decoration #sous-menu {border-left : 1px solid #3c5b91}
.decoration h2, .decoration table.calcul th, .decoration table.donnees th, .decoration #adsense {background : #daecf9}
.decoration .documentation-ok {background : #3c5b91}
.decoration h3 {border-bottom : 1px solid #3c5b91 ; color : #3c5b91}
.decoration table.calcul td, .decoration table.calcul th {border-bottom : 1px solid #b0c3e5}
.decoration table.donnees td, .decoration table.donnees th, .decoration #adsense {border : 1px solid #b0c3e5}
.conseils a, a.conseils, .conseils h2, .conseils b {color : #CA414B}
.conseils h1, #menu_gauche a.conseils:hover, #menu_gauche li.selected a.conseils, .fond_conseils {background : #CA414B}
.conseils #menu {background : #F3ACB1}
.conseils #sous-menu {border-left : 1px solid #CA414B}
.conseils h2, .conseils table.calcul th, .conseils table.donnees th, .conseils #adsense {background : #FFDDDF}
.conseils .documentation-ok {background : #CA414B}
.conseils h3 {border-bottom : 1px solid #CA414B ; color : #CA414B}
.conseils table.calcul td, .conseils table.calcul th {border-bottom : 1px solid #F3ACB1}
.conseils table.donnees td, .conseils table.donnees th, .conseils #adsense {border : 1px solid #F3ACB1}
.visite-maison a, a.visite-maison, .visite-maison h2, .visite-maison b {color : #DF8D00}
.visite-maison h1, #menu_gauche a.visite-maison:hover, #menu_gauche li.selected a.visite-maison, .fond_visite-maison {background : #EBA806}
.visite-maison #menu {background : #FFDE8F}
.visite-maison #sous-menu {border-left : 1px solid #DF8D00}
.visite-maison h2, .visite-maison table.calcul th, .visite-maison table.donnees th, .visite-maison #adsense {background : #FFECBF}
.visite-maison .documentation-ok {background : #EBA806}
.visite-maison h3 {border-bottom : 1px solid #EBA806 ; color : #DF8D00}
.visite-maison table.calcul td, .visite-maison table.calcul th {border-bottom : 1px solid #FFDE8F}
.visite-maison table.donnees td, .visite-maison table.donnees th, .visite-maison #adsense {border : 1px solid #FFDE8F}
.maison-reve a, a.maison-reve, .maison-reve h2, .maison-reve b {color : #007f5f}
.maison-reve h1, #menu_gauche a.maison-reve:hover, #menu_gauche li.selected a.maison-reve, .fond_maison-reve {background : #35a287}
.maison-reve #menu {background : #a4dfd0}
.maison-reve #sous-menu {border-left : 1px solid #007f5f}
.maison-reve h2, .maison-reve table.calcul th, .maison-reve table.donnees th, .maison-reve #adsense {background : #e9f9f2}
.maison-reve .documentation-ok {background : #35a287}
.maison-reve h3 {border-bottom : 1px solid #35a287 ; color : #007f5f}
.maison-reve table.calcul td, .maison-reve table.calcul th {border-bottom : 1px solid #a4dfd0}
.maison-reve table.donnees td, .maison-reve table.donnees th, .maison-reve #adsense {border : 1px solid #a4dfd0}
.maison-bio a, a.maison-bio, .maison-bio h2, .maison-bio b {color : #4172c9}
.maison-bio h1, #menu_gauche a.maison-bio:hover, #menu_gauche li.selected a.maison-bio, .fond_maison-bio {background : #4f8fff}
.maison-bio #menu {background : #afccff}
.maison-bio #sous-menu {border-left : 1px solid #4172c9}
.maison-bio h2, .maison-bio table.calcul th, .maison-bio table.donnees th, .maison-bio #adsense {background : #e4eeff}
.maison-bio .documentation-ok {background : #4f8fff}
.maison-bio h3 {border-bottom : 1px solid #4f8fff ; color : #4172c9}
.maison-bio table.calcul td, .maison-bio table.calcul th {border-bottom : 1px solid #afccff}
.maison-bio table.donnees td, .maison-bio table.donnees th, .maison-bio #adsense {border : 1px solid #afccff}
.groupe a, a.groupe, .groupe h2, .groupe b {color : #2F2F2F}
.groupe h1, #menu_gauche a.groupe:hover, #menu_gauche li.selected a.groupe, .fond_groupe {background : #4E4E4E}
.groupe #menu {background : #AAA9A9}
.groupe #sous-menu {border-left : 1px solid #2F2F2F}
.groupe h2, .groupe table.calcul th, .groupe table.donnees th, .groupe #adsense {background : #D6D6D6}
.groupe .documentation-ok {background : #4E4E4E}
.groupe h3 {border-bottom : 1px solid #4E4E4E ; color : #2F2F2F}
.groupe table.calcul td, .groupe table.calcul th {border-bottom : 1px solid #AAA9A9}
.groupe table.donnees td, .groupe table.donnees th, .groupe #adsense {border : 1px solid #AAA9A9}
.accueil a, a.accueil, .accueil h2, .accueil b {color : #444444}
.accueil h1, #menu_gauche a.accueil:hover, #menu_gauche li.selected a.accueil, .fond_accueil {background : #888888}
.accueil #menu {background : #aaaaaa}
.accueil #sous-menu {border-left : 1px solid #444444}
.accueil h2, .accueil table.calcul th, .accueil table.donnees th, .accueil #adsense {background : #cccccc}
.accueil .documentation-ok {background : #888888}
.accueil h3 {border-bottom : 1px solid #888888 ; color : #444444}
.accueil table.calcul td, .accueil table.calcul th {border-bottom : 1px solid #aaaaaa}
.accueil table.donnees td, .accueil table.donnees th, .accueil #adsense {border : 1px solid #aaaaaa}

/* Titres */
h1 {font-size : 15px ; font-weight : bold ; border-top : 1px solid #fff ; color : #fff ; text-transform : uppercase ; padding : 7px 15px ; font-size : 15px}
h2 {padding : 7px 15px ; border-top : 1px solid #fff ; font-weight : bold}
h3 {clear : both ; background : url(/images/puce-14px.gif) 0 2px no-repeat ; margin : 12px 0 ; padding : 0 0 1px 20px ; color : #222}
h4 {clear : both ; margin : 10px 0 0}

/* Menu secondaire */
#menu {border-top : 1px solid #fff ; padding : 8px 15px}
#menu li {padding : 1px 0}
#menu li a {color : #000 ; text-decoration : none}
#menu li a:hover {text-decoration : underline}
#menu li.selected {font-weight : bold}

/* Menu niveau 3 */
#sous-menu {font-size : 11px ; padding-left : 20px}
#sous-menu dt {font-weight : bold ; margin-bottom : 3px}
#sous-menu dd.selected {font-weight : bold}

/* Page de sommaire */
dl.sommaire dt {font : bold 13px Trebuchet MS, Arial, sans-serif ; margin : 10px 0 4px}
dl.sommaire dd {font : 13px Trebuchet MS, Arial, sans-serif ; text-align : justify}
dl.sommaire dd b {color : #000}

/* OAS
=====================================*/

#oas_left {margin : 30px auto}
.article #oas_middle {float : right ; margin : 0 0 10px 20px}
.article #oas_middle a, .article #oas_middle img, .article #oas_middle object, .article #oas_middle embed {display : inline}
.sommaire #oas_middle {float : right ; margin : 0 0 10px 20px}
.sommaire #oas_middle a, .sommaire #oas_middle img, .sommaire #oas_middle object, .sommaire #oas_middle embed {display : inline}

/* AdSense
=====================================*/

#adsense {clear : both ; margin : 30px 20px 10px ; padding : 10px}

/* Articles
=====================================*/

div.article {padding : 0 15px}

/* Couleurs */
.terrains .autres_pages {border : 1px solid #e6f6ce ; background : #f6fced}
.constructeurs .autres_pages {border : 1px solid #fcd4e4 ; background : #ffe8f1}
.financement .autres_pages {border : 1px solid #AECAFB ; background : #DFEAFC}
.choix-essentiels .autres_pages {border : 1px solid #fbbfe5 ; background : #fbdcf0}
.decoration .autres_pages {border : 1px solid #b0c3e5 ; background : #daecf9}
.conseils .autres_pages {border : 1px solid #F3ACB1 ; background : #FFDDDF}
.visite-maison .autres_pages {border : 1px solid #FFDE8F ; background : #FFECBF}
.maison-reve .autres_pages {border : 1px solid #a4dfd0 ; background : #e9f9f2}
.maison-bio .autres_pages {border : 1px solid #afccff ; background : #e4eeff}
.groupe .autres_pages {border : 1px solid #AAA9A9 ; background : #D6D6D6}
.accueil .autres_pages {border : 1px solid #aaaaaa ; background : #cccccc}

/* Page suivante / précédente */
.autres_pages {clear : both ; margin : 10px 0}
.autres_pages td {padding : 5px 10px}

/* Mise en valeur */
.conseil {border : 1px solid #AECAFB ; background : #EFF6FF url(/images/icone-note.gif) 5px 5px no-repeat ; padding : 5px 10px 5px 28px ; margin : 10px 0}
.conseil b, .conseil a {color : #185bab}
.important {background : #FFF6DF url(/images/icone-important.gif) 5px 6px no-repeat ; border : 1px solid #FFDE8F ; padding : 5px 10px 5px 28px ;}
.important b, .important a {color : #d71b1b}

/* Listes */

ul.liste_espacee li {padding : 0 0 8px}
ul.article {margin-left : 10px}
ul.article li, ul.petites_puces ul.article li {background : url(/images/puce-13px-article.gif) left 8px no-repeat ; padding-left : 16px ; text-align : justify}

ul.petites_puces {margin-left : 10px}
ul.petites_puces li {padding-left : 12px}
.terrains ul.petites_puces li {background : url(/images/puce-5px-carree-vert.gif) 0 7px no-repeat}
.constructeurs ul.petites_puces li {background : url(/images/puce-5px-carree-bordeaux.gif) 0 7px no-repeat}
.financement ul.petites_puces li {background : url(/images/puce-5px-carree-bleu.gif) 0 7px no-repeat}
.choix-essentiels ul.petites_puces li {background : url(/images/puce-5px-carree-rose.gif) 0 7px no-repeat}
.decoration ul.petites_puces li {background : url(/images/puce-5px-carree-bleugris.gif) 0 7px no-repeat}
.conseils ul.petites_puces li {background : url(/images/puce-5px-carree-rouge.gif) 0 7px no-repeat}
.visite-maison ul.petites_puces li {background : url(/images/puce-5px-carree-jaune.gif) 0 7px no-repeat}
.maison-reve ul.petites_puces li {background : url(/images/puce-5px-carree-turquoise.gif) 0 7px no-repeat}
.maison-bio ul.petites_puces li {background : url(/images/puce-5px-carree-bleuciel.gif) 0 7px no-repeat}
.groupe ul.petites_puces li {background : url(/images/puce-5px-carree-gris.gif) 0 7px no-repeat}
.accueil ul.petites_puces li {background : url(/images/puce-5px-carree-blanc.gif) 0 7px no-repeat}

/* Tableaux */
table.texte {margin : 10px auto ; border-collapse : collapse}
table.texte th {text-align : right ; padding : 2px 8px}
table.texte td {text-align : left ; padding : 2px 8px}

table.calcul, table.donnees {margin : 10px auto ; border-collapse : collapse}
table.calcul th {text-align : right ; padding : 6px 12px 4px ; vertical-align : middle}
table.calcul td {text-align : left ; padding : 4px 12px 2px}
table.donnees td {text-align : center}
table.donnees th {text-align : left}
table.donnees td, table.donnees th {padding : 2px 8px}
/* Recherches
=====================================*/

/* Pagination */
div.pagination {margin : 2em 0 ; text-align : center}
div.pagination a {padding : 0.1em 0.5em ; margin : 0.1em ; text-decoration : none ; color : #000 ; border : 1px solid #ddd}
div.pagination span {padding : 0.1em 0.5em ; margin : 0.1em ; color : #000 ; border : 1px solid #ddd}
div.pagination a:hover, div.pagination a:active {color : #fff}
div.pagination span.current {font-weight : bold ; color : #fff}
div.pagination span.disabled {background-color : #fff ; color : #ddd}

/* Couleur */
.terrains div.pagination a {border : 1px solid #e6f6ce}
.terrains div.pagination a:hover, div.pagination a:active {background : #80c31b}
.terrains div.pagination span.current {background : #80c31b ; color : #fff}
.constructeurs div.pagination a {border : 1px solid #fcd4e4}
.constructeurs div.pagination a:hover, div.pagination a:active {background : #b20f4d}
.constructeurs div.pagination span.current {background : #b20f4d ; color : #fff}
.financement div.pagination a {border : 1px solid #AECAFB}
.financement div.pagination a:hover, div.pagination a:active {background : #4172C9}
.financement div.pagination span.current {background : #4172C9 ; color : #fff}
.choix-essentiels div.pagination a {border : 1px solid #fbbfe5}
.choix-essentiels div.pagination a:hover, div.pagination a:active {background : #c91e8b}
.choix-essentiels div.pagination span.current {background : #c91e8b ; color : #fff}
.decoration div.pagination a {border : 1px solid #b0c3e5}
.decoration div.pagination a:hover, div.pagination a:active {background : #3c5b91}
.decoration div.pagination span.current {background : #3c5b91 ; color : #fff}
.conseils div.pagination a {border : 1px solid #F3ACB1}
.conseils div.pagination a:hover, div.pagination a:active {background : #CA414B}
.conseils div.pagination span.current {background : #CA414B ; color : #fff}
.visite-maison div.pagination a {border : 1px solid #FFDE8F}
.visite-maison div.pagination a:hover, div.pagination a:active {background : #EBA806}
.visite-maison div.pagination span.current {background : #EBA806 ; color : #fff}
.maison-reve div.pagination a {border : 1px solid #a4dfd0}
.maison-reve div.pagination a:hover, div.pagination a:active {background : #35a287}
.maison-reve div.pagination span.current {background : #35a287 ; color : #fff}
.maison-bio div.pagination a {border : 1px solid #afccff}
.maison-bio div.pagination a:hover, div.pagination a:active {background : #4f8fff}
.maison-bio div.pagination span.current {background : #4f8fff ; color : #fff}
.groupe div.pagination a {border : 1px solid #AAA9A9}
.groupe div.pagination a:hover, div.pagination a:active {background : #4E4E4E}
.groupe div.pagination span.current {background : #4E4E4E ; color : #fff}
.accueil div.pagination a {border : 1px solid #aaaaaa}
.accueil div.pagination a:hover, div.pagination a:active {background : #888888}
.accueil div.pagination span.current {background : #888888 ; color : #fff}

/* Annonces / Index / Fiches
=====================================*/

/* Terrain */
.terrain {border : 1px solid #ccc ; padding : 0 12px 4px ; margin : 0 0 12px}

/* Aménageur-lotisseur */
.amenageur {border : 1px solid #ccc ; padding : 0px 12px 6px ; margin : 0 0 12px}
.amenageur table.texte {margin : 0}
.amenageur table.texte th {width : 90px}

/* Constructeur */
.constructeur {border : 1px solid #ccc ; padding : 0px 12px 6px ; margin : 0 0 12px}
.constructeur table.texte {margin : 0}
.constructeur table.texte th {width : 90px}
.constructeur img.visuel {margin-bottom : 10px ; width : 150px}
.constructeur img.logo {margin-bottom : 5px ; margin-left : 50px}

/* La maison dont vous rêvez */
.programme {border : 1px solid #ccc ; padding : 0px 12px 6px ; margin : 0 0 12px}
.programme table.texte th {width : 110px}
.programme .visuels img {display : inline ; border : 1px solid #aaa ; padding : 1px ; vertical-align : bottom}
.programme #visuel {width : 200px ; height : 130px}
.programme #visuel.cliquable {cursor : pointer}

/* Demande de documentation
=====================================*/

.bouton-documentation {text-align : center ; margin : 10px 0 0}
.bouton-documentation img {display : inline}

.documentation-ok {margin : 12px 0 0 ; padding : 4px 12px ; font-weight : bold ; color : #fff ; text-align : center ; font-size : 11px ; text-transform : uppercase}

#demande_documentation em {color : #f00}
#demande_documentation table {border-collapse : collapse ; border : 0 ; margin : 10px 0}
#demande_documentation th {font-weight : bold ; text-align : left ; padding : 6px 12px ; width : 150px}
#demande_documentation td {vertical-align : middle ; padding : 3px 4px}
#demande_documentation td input, #demande_documentation td select {border : 1px solid #ccc}
#demande_documentation #submit {text-align : center ; margin-bottom : 20px}
#demande_documentation #submit input {color : #fff ; font-weight : bold ; text-transform : uppercase ; border : 0 ; padding : 2px 10px}
#demande_documentation .erreur {color : #f00}
#demande_documentation .erreur select, #demande_documentation .erreur input {background : #fff8aa}

/* Lexique
=====================================*/

p#liste_lettres {text-align : center ; font : bold 13px Trebuchet MS, sans-serif}
p#definition {margin : 16px 0 ; font : 13px Trebuchet MS ; background : #FFDDDF ; border : 1px solid #F3ACB1 ; padding : 4px 8px}
table#liste_mots td {width : 270px}
table#liste_mots {margin : 10px 0 ; font : 13px Trebuchet MS}

/* Plans de maison
=====================================*/
p.sommaire_plans {text-align : center ; font : bold 13px Trebuchet MS ; margin-top : 20px}
table.plans {font : 11px Verdana ; border-collapse : collapse}
table.plans td p.prix {text-align : center ; margin : 0 ; font-style : italic ; color : #999}
table.plans td img {display : inline ; border : 1px solid #666}
table.plans td {border : 1px solid #FFDE8F ; padding : 6px 4px 3px ; text-align : center ; vertical-align : top}
table.plans td a {text-decoration : none}
table.plans td.impair {background : #FFF6DF}

#visuels_plan th {vertical-align : middle ; height : 70px}
#visuels_plan td {vertical-align : middle ; padding : 2px 12px}
#visuels_plan img {border : 1px solid #999}

div.plan {background : #FFECBF ; margin-bottom : 10px ; margin-top : 10px ; padding : 6px 8px ; border : 1px solid #FFDE8F}
div.plan img {border : 1px solid #666}
div.plan p.legende {text-align : center ; font-style : italic ; margin : 3px 0 0}
div.fiche-identite {margin : 10px 0 10px 12px ; background : #E6F3E4 ; float : right ; padding : 1px ; border : 1px solid #779D4D}
div.fiche-identite img {margin : 5px ; border : 1px solid #666}
div.fiche-identite h3 {margin : 1px 0 0 ; text-transform : uppercase ; background : #fff ; color : #779D4D ; border : 1px solid #D0E9CF ; padding : 2px 8px ; text-align : center}
div.fiche-identite ul, div.fiche-identite p {margin : 4px 8px}

/* Crédit & Frais de notaire
=====================================*/

/* Crédit */
input.bouton-credit {border : 1px solid #4172C9 ; background : #13469F ; color : #DFEAFC}
.tableau_amortissement td {text-align : right}
p.resultat_credit {margin : 10px 20px ; border : 1px solid #13469F ; background : #DFEAFC ; padding : 10px 16px}

/* Frais de notaire */
#resultats_frais_notaires, .tableau_amortissement {border-collapse : collapse ; margin : 10px auto}
#resultats_frais_notaires td, #resultats_frais_notaires th, .tableau_amortissement td, .tableau_amortissement th {border : 1px solid #13469F ; padding : 2px 4px}
#resultats_frais_notaires th, .tableau_amortissement th {text-align : left ; background-color : #DFEAFC}
#resultats_frais_notaires #titre_tableau {background-color : #13469F ; text-align : center}
#resultats_frais_notaires #titre_tableau b {color : #DFEAFC}
#resultats_frais_notaires td.prix {text-align : right}