/* Mise en forme par défaut
======================================*/

#body-left {padding : 10px 10px 20px}
h1 {font : normal 21px Georgia ; margin : 0 0 20px ; color : #c00}
h2 {font : bold 14px Georgia ; margin : 26px 0 10px ; color : #c00 ; border-bottom : 1px solid #e3c4c4}
h3 {font : bold 14px Georgia ; margin : 5px 0 ; color : #600}
p {margin : 8px 0 0 ; line-height : 19px}
p, li {text-align : justify}
b {color : #235f24}
.chapo {margin : 20px 20px 16px 0}
.chapo p {text-align : left ; font : italic bold 12px/21px Georgia ; color : #666}

/* Menus
======================================*/

dl#menus {width : 300px}
dl#menus dt {font-weight : bold ; border-bottom : 1px solid #ccc ; padding : 2px 0}
dl#menus dd {margin : 2px 0 8px}
dl#menus dd ul li {background : url(/images/puces/triangle-orange.gif) 0 6px no-repeat ; padding : 1px 2px 1px 10px}
dl#menus form input {font : 11px Verdana ; border : 1px solid #aaa}

/* Listes
======================================*/

dl.sommaire {margin : 10px 0 20px}
dl.sommaire dt {background : url(/images/puces/carre-blanc.gif) left 2px no-repeat ; padding : 0 0 0 20px ; font-weight : bold ; margin : 8px 0 4px}
dl.sommaire dt a {font-weight : bold}
dl.sommaire dd {margin : 4px 0}

ul.petite-liste {margin : 0.4em 0 0}
ul.petite-liste li {padding : 0 0 0 15px ; background : url(/images/puces/carre-orange.gif) 5px 9px no-repeat}

ul.grosse-liste {margin : 0.4em 0 0}
ul.grosse-liste li {padding : 4px 0 4px 20px ; background : url(/images/puces/rond-orange.gif) 0 7px no-repeat}
ul.grosse-liste li .intitule {color : #c00 ; font-weight : bold ; font-variant : small-caps}

/* Encadrés
======================================*/

div.hauteur {height : 62px} /* permet d'allonger les div où le texte ne suffit pas */

div.note {background : #f4fbff url(/images/icones/note.gif) 10px 8px no-repeat ; border-top : 1px solid #a6cbe1 ; padding : 0 10px 10px 90px ; margin : 10px 0 16px}
div.note b {color : #0d88d4}
div.note a {color : #0d88d4 ; font-weight : bold}

div.important {background : #fff5ef url(/images/icones/important.gif) 10px 10px no-repeat ; border-top : 1px solid #ffa26f ; padding : 0 10px 10px 90px ; margin : 10px 0 16px}
div.important b {color : #df4e00}
div.important a {color : #df4e00 ; font-weight : bold}

div.exemple {background : #f3e5ce url(/images/icones/exemple.gif) 10px 10px no-repeat ; border-top : 1px solid #87765b ; padding : 0 10px 10px 90px ; margin : 10px 0 16px}
div.exemple b {color : #87765b}
div.exemple a {color : #87765b ; font-weight : bold}

/* Tableaux
======================================*/

table.data {margin : 10px auto}
table.data th {text-transform : uppercase ; font-weight : bold}
table.data td, table.data th {vertical-align : middle}
table.data thead th {border : 1px solid #c1dad7 ; padding : 3px 12px ; color : #206272 ; background : #d1eaee url(/images/bg/degrade-bleu-gris.gif) 0 0 repeat}
table.data tbody th {border : 1px solid #c1dad7 ; padding : 3px 12px 3px 16px}
table.data tbody td {border : 1px solid #c1dad7 ; padding : 3px 12px}
table.data .impair {color : #4f6b72 ; background-color : #ffffff}
table.data .impair th {background-image : url(/images/bg/tr-impair.gif) ; background-position : 2px 2px ; background-repeat : no-repeat}
table.data .pair {color : #797268 ; background-color : #f5fafa}
table.data .pair th {background-image : url(/images/bg/tr-pair.gif) ; background-position : 2px 2px ; background-repeat : no-repeat}
table.data caption {font : bold 1.2em Trebuchet MS ; color : #777 ; text-align : center ; padding : 10px 0 0}

table.facture {margin : 10px auto}
table.facture td, table.facture th {vertical-align : middle}
table.facture thead th {border : 1px solid #c1dad7 ; padding : 3px 12px ; color : #206272 ; background : #d1eaee url(/images/bg/degrade-bleu-gris.gif) 0 0 repeat}
table.facture tbody th {border : 1px solid #c1dad7 ; padding : 3px 12px 3px 16px}
table.facture tbody td {border : 1px solid #c1dad7 ; padding : 3px 12px ; text-align : right}
table.facture .ligne {color : #4f6b72 ; background : #ffffff url(/images/bg/tr-impair.gif) 2px 2px no-repeat}
table.facture .ligne th {font-weight : normal ; text-align : right}
table.facture .total {color : #797268 ; background : #f5fafa url(/images/bg/tr-pair.gif)   2px 2px no-repeat}
table.facture .total th {font-weight : bold ; text-align : left}
table.facture caption {font : bold 1.2em Trebuchet MS ; color : #777 ; text-align : center ; padding : 10px 0 0}

table.calcul {margin-top : 20px}
table.calcul th {border-bottom : 1px solid #dedae7 ; padding : 5px 10px 3px 6px ; text-align : right ; color : #1e6173 ; width : 200px}
table.calcul td {border-bottom : 1px solid #dedae7 ; padding : 3px 6px ; line-height : 23px}
table.calcul tr.pair td, table.calcul tr.pair th {background : #f4f6f7}
table.calcul tr.erreur th {color : #c00}
table.calcul input.text {border : 1px solid #aaa ; padding : 2px 4px ; background : #fff url(/images/bg/input.gif) 0 0 no-repeat}
table.calcul select {border : 1px solid #aaa ; background : #fff url(/images/bg/input.gif) 0 0 no-repeat}
table.calcul .submit td {padding-top : 10px ; border : 0}
table.calcul table td {padding : 0 ; border : 0}

table#resultats_frais_notaires {margin : 1em auto}
table#resultats_frais_notaires b {color : inherit}
table#resultats_frais_notaires #titre_tableau td {text-transform : uppercase ; font-weight : bold ; border : 1px solid #c1dad7 ; padding : 3px 12px ; color : #206272 ; background : #d1eaee url(/images/bg/degrade-bleu-gris.gif) 0 0 repeat ; text-align : center}
table#resultats_frais_notaires tr {color : #4f6b72 ; background-color : #ffffff}
table#resultats_frais_notaires th {border : 1px solid #c1dad7 ; padding : 3px 12px 3px 16px ; text-align : right ; background-image : url(/images/bg/tr-impair.gif) ; background-position : 2px 2px ; background-repeat : no-repeat}
table#resultats_frais_notaires td.prix {border : 1px solid #c1dad7 ; padding : 3px 12px ; text-align : right}
table#resultats_frais_notaires #total {text-transform : uppercase ; color : #797268 ; background : #f5fafa url(/images/bg/tr-pair.gif) 2px 2px no-repeat}
table#resultats_frais_notaires #total th {background : #f5fafa url(/images/bg/tr-pair.gif) 2px 2px no-repeat ; text-align : left}

table.barometre_credit th {text-transform : none}
table.barometre_credit td {text-align : center}
table.barometre_credit tr.impair th, table.barometre_credit tr.pair th {text-align : left}

/* Photo
======================================*/

.photo {padding : 4px ; border : 1px solid #aaa ; background : #eee}
.photo .legende {font : italic 11px Arial ; margin : 6px 0 0}

/* Crédit
======================================*/

#meilleurtaux {margin : 30px auto 0}
#meilleurtaux table {border-collapse : separate}
#meilleurtaux table table td {padding : 1px 3px ; line-height : 13px}

form h1 {margin-bottom : 1em}
form .erreurs p {font-weight : bold ; color : #c00 ; padding : 4px 8px ; margin-bottom : 10px}
form ul.erreurs {background : #fff9e5 ; padding : 4px 8px ; margin : 20px 0 ; border : 1px solid #caa}
form ul.erreurs li {color : #c00 ; font-weight : bold}
form .resultat_credit {padding : 6px 10px ; margin-top : 1em ; border : 1px solid #f60}
form .resultat_credit b {font-weight : bold ; color : #f60}

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

.article .pagination {text-align : center ; background : #eafcce ; border : 1px solid #c6e09e ; margin : 20px 0 10px}
.article .pagination td {padding : 2px 20px}
.article .pagination a {font-weight : bold}
.article .pagination i {color : #aaa}

.article a {color : #cb6025 ; text-decoration : underline}

.lexique #lettres {padding : 4px 0 ; margin : 10px 0 20px ; background : #fff9d5 ; border : 1px solid #ffd87c ; font-weight : bold ; text-align : center ; text-transform : uppercase ; font-size : 1.2em}
.lexique #lettres a {color : #cb6025 ; padding : 0 5px ; text-decoration : underline}
.lexique #terme {font-family : Georgia ; font-size : 1.3em ; font-weight : bold ; margin : 1.6em 0 1.0em ; color : #c00 ; border-bottom : 1px solid #e3c4c4}
.lexique #definition {background : #eafcce ; border : 1px solid #c6e09e ; padding : 4px 8px ; margin : 14px 0}
.lexique #definition a {font-weight : bold ; color : #cb6025}
.lexique ul.mots li {border : 0 ; background : url(/images/puces/carre-orange.gif) 0 8px no-repeat ; width : 214px ; padding : 0 0 2px 9px ; margin-right : 20px ; text-align : left}
.lexique ul.mots li a {text-decoration : none}
.lexique ul.mots li a:hover {text-decoration : underline ; color : #5d852e}

.indexbt01 #calcul {margin : 10px 0pt 20px ; text-align : center ; color : #c00 ; font-weight : bold}
.indexbt01 .data tbody td, .indexbt01 .data thead th {padding : 2px 4px}
.indexbt01 .data tbody tr:hover {background-color : #fff0a5}

p.lien-investir {background-color : #df4e00 ; margin : 8px 0 ; padding : 6px 0 8px ; text-align : center ; font-weight : bold}
p.lien-investir a {color : #fff}

div.illustration {background : #eee ; border : 1px solid #bbb ; text-align : center ; padding : 6px}
div.right {float : right ; margin-left : 12px}
div.left {float : left ; margin-right : 12px}
div.illustration p.credit {margin : 0 ; text-align : right ; font-style : italic ; color : #999}
div.illustration p.legende {margin : 0 ; text-align : center}

p.retour {text-align : center}
p.retour a {color : #0071B1}

img.plan {border : 1px solid #666 ; margin : 10px auto}

/* SEO
======================================*/
p.h2 {font : bold 14px Georgia ; margin : 26px 0 10px ; color : #c00 ; border-bottom : 1px solid #e3c4c4}

/* Faq
======================================*/
div.bcrump {font-size:10px; padding: 10px 0 10px 0; margin: 0 0 5px 0;}
div.bcrump a {font-size:10px; color: #000; text-decoration:none; display:inline;}
div.related {padding: 10px 0 10px 0}
div.related a {text-decoration:none;}
div.publication {margin: 10px 0 0 0; font-size:10px; border-top:1px solid #ccc; font-style: italic;}