* { margin: 0px; padding: 0px; border: none; outline: none; }

input { border: solid 1px #666666; }
select { border: solid 1px #666666; }

body { background: url('../images/fond_body_rac.jpg') center -10px no-repeat; font-family: verdana; font-size: 11px; color: #777777; }
table { border: none; border-spacing: 0px; border-collapse: collapse; }
input { font-family: verdana; font-size: 11px; padding: 1px; color: #444444; }
select { font-family: verdana; font-size: 11px; padding: 1px; color: #444444; }
textarea { font-family: verdana; font-size: 11px; padding: 1px; color: #444444; }

a { color: #ff9000; text-decoration: none; }
a:hover { color: #bd6c04; text-decoration: underline; }
.vert { color: #018f55; }
.vertc { color: #51bc8d; }
.orange { color: #ff9000; }
.bleu { color: #1b4ca4; }
.blanc { color: #ffffff; }
.gris { color: #444444; }
.noir { color: #000000; }
.normal { font-weight: normal; } 
.gras { font-weight: bold; } 
.clear { clear: both; } 
.centrer { text-align: center; }
.souligne { text-decoration: underline; }
.nodeco { font-weight: inherit; color: inherit; text-decoration: none; }
a.nodeco { text-decoration: none; color: inherit; }
.invisible { display: none; }

.tel { width: 80px; }
.montant { width: 65px; text-align: right; }
.input_text { width: 127px; }

#container { position: relative; margin: 0 auto; width: 830px; }
#bandeau_haut { text-align: center; height: 10px; width: 830px; font-size: 9px; }
#bandeau_haut a { text-decoration: none; color: #777777; }
#logo { margin-top: 14px; padding-bottom: 8px; float: left; }
#date { float: left; width: 280px; padding-right: 10px; position: relative; top: 143px; left: 314px; text-align: right; font-size: 10px; color: #999999; }

#rachat_d_credit { width: 270px; height: 197px; padding: 64px 30px 0 220px; background: url('../images/fond_rachat_de_credit.jpg') left top no-repeat; float: left; }
#rachat_d_credit h1 { color: #018f55; font-size: 24px; font-weight: bold; padding-bottom: 10px; }
#rachat_d_credit .bt_simulation { width: 220px; height: 36px; padding: 12px 0 0 50px; margin-top: 17px; display: block; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 18px; }
#rachat_d_credit .bt_simulation:hover { color: #ff4e00; }

#rappel_rachat { padding: 20px 20px 0 90px; width: 190px; height: 217px; background: url('../images/fond_rappel_rachat.jpg') left top no-repeat; float: left; margin: 24px 0 0 10px; }
#rappel_rachat #titre_rappel { color: #018f55; font-weight: bold; font-size: 18px; padding-bottom: 10px; }
#rappel_rachat #mentions_rappel { color: #555555; font-size: 9px; margin-top: 65px; }

#contenu { width: 830px; padding: 10px 5px 0 5px; background: url('../images/fond_haut_contenu.jpg') left top no-repeat; margin-top: 10px; }

#container_edito { float: left; width: 520px; }
#container_edito #bas_edito { height: 20px; background: url('../images/fond_bas_edito.jpg') left top no-repeat; }
#edito { padding: 10px 15px 0 15px; width: 490px; min-height: 507px; height:auto !important; height: 507px; background: url('../images/fond_edito.jpg') 0 50px no-repeat; line-height: 15px;  }
#edito h2 { color: #018f55; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
#edito h2 .titre { color: #018f55; text-decoration: none; }
#edito .bloc_home { padding: 7px 10px 10px 10px;; width: 220px; height: 230px; float: left; }
#edito .bloc_home h2 { font-weight: bold; font-size: 18px; line-height: 21px; }
#edito .bloc_home h2 a { padding-bottom: 7px; text-decoration: none; display: block; }
#edito .bloc_home h2 a:hover { text-decoration: underline; color: inherit; }
#edito .bloc_home h2 a.proprio { color: #FFFFFF; }
#edito .bloc_home h2 a.loca { color: #ff9000; }
#edito .bloc_home h2 a.simu { color: #018f55; }
#edito .bloc_home h2 a.guide { color: #1b4ca4; }
#edito #bloc_proprio { background: url('../images/fond_proprietaire.jpg') left top no-repeat; }
#edito #bloc_loc { background: url('../images/fond_locataire.jpg') left top no-repeat; margin-left: 10px; }
#edito #bloc_simu { background: url('../images/fond_outils.jpg') left top no-repeat; margin-top: 10px; }
#edito #bloc_orga { background: url('../images/fond_organismes.jpg') left top no-repeat; margin: 10px 0 0 10px; }
#edito .bt_bh { color: #018f55; display: block; width: 220px; height: 21px; padding-top: 7px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; margin: 54px 0 20px 0; }
#edito .bt_bh:hover { text-decoration: underline; }


#contenu_form { width: 830px; padding: 10px 5px 0 5px; background: url('../images/fond_haut_contenu_form.jpg') left top no-repeat; margin-top: 10px; }
#container_edito_form { float: left; width: 830px; }
#container_edito_form #bas_edito_form { height: 20px; background: url('../images/fond_bas_edito_form.jpg') left top no-repeat; }
#edito_form { padding: 10px 15px 0 15px; width: 800px; min-height: 507px; height:auto !important; height: 507px; background: url('../images/fond_edito_form.jpg') 0 50px no-repeat; line-height: 15px;  }
#edito_form h2 { color: #018f55; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
#edito_form h2 .titre { color: #018f55; text-decoration: none; }


#menu_rac { background: url('../images/fond_menu_rac.jpg') left top no-repeat; width: 820px; padding-left: 10px; height: 25px; margin-top: 10px; }
#menu_rac a { font-weight: bold; color: #ffffff; display: block; padding: 5px 9px; height: 15px; position: relative; float: left; text-decoration: none; font-family: arial; font-size: 12px; }
#menu_rac a:hover { background-color: #4fe37c;  }
#menu_rac span { position: relative; float: left; padding: 5px 1px; }
#menu_rac .active { background-color: #4fe37c; }
.layer_ssmenu { position: absolute; z-index: 99; top: 442px; left: 0px; margin: 0px; padding: 8px 0 10px 0; background: url('../images/fond_ss_menu.png') left top; }
.layer_ssmenu .lien_ssmenu { display: block; color: #016e44; padding: 5px 8px 5px 23px; margin: 2px 0; text-decoration: none; background: url('../images/puce_menu.gif') 12px 11px no-repeat; font-weight: bold; font-size: 11px; font-family: arial; }
.layer_ssmenu .lien_ssmenu:hover { color: #FFFFFF; background-color: #1f9a64; background-image: url('../images/puce_menu_on.gif'); }
#layer_locataires, #layer_proprietaires, #layer_simulations, #layer_guide, #layer_credit { display: none; }

#demande_rapide { width: 300px; min-height: 414px; height:auto !important; height: 414px; background: url('../images/fond_demande_rapide.jpg') left top no-repeat; float: left; color: #ffffff; }
#titre_rapide { color: #ff9000; font-size: 18px; font-weight: bold; padding: 10px 15px 14px 15px; }
#sous_titre_rapide { padding: 0 15px; }
#form_rapide { padding: 8px; color: #018f55; width: 254px; min-height: 196px; height:auto !important; height: 196px; margin: 17px 15px 0px 15px; display: block; }
#form_rapide input { border: solid 1px #999999; }
#form_rapide select { border: solid 1px #999999; }
#form_rapide textarea { border: solid 1px #999999; }
#form_rapide .lnfr { padding: 2px 0 3px 0; clear: both; }
#form_rapide .lnfr span { width: 110px; font-weight: bold; float: left; padding-top: 2px; }
#form_rapide #cnil { padding: 8px 0px 12px 0px; }
#form_rapide label.errorMessage { font-size: 10px; font-weight: bold; color: #FF0000; display: block; }
#form_rapide #div_message_erreur p { display: block; color: #FF0000; margin: 0px; font-weight: bold; text-align: center; padding-bottom: 10px; }

#loading_form_rapide { padding: 88px 8px 8px 8px; color: #2251d3; width: 254px; min-height: 206px; height:auto !important; height: 206px; margin: 17px 15px 0px 15px; display: none; text-align: center; font-size: 10px; font-weight: bold; }
#loading_form_rapide span { font-size: 12px; color: #1235ab; }
#resultat_form_rapide { padding: 28px 8px 8px 8px; color: #444444; width: 254px; min-height: 258px; height:auto !important; height: 258px; margin: 17px 15px 0px 15px; display: none; line-height: 16px; }

#bas_demande_rapide { width: 300px; height: 123px; background: url('../images/fond_bas_demande_rapide.jpg') left top no-repeat; }
#bas_demande_rapide #mentions_rapide { font-size: 9px; color: #82b995; padding: 20px 15px 0 15px; }

#legende_nav { font-size: 9px; color: #AAAAAA; }
#alphabet_lexique { background: url('/images/fond_alphabet.gif') left top no-repeat; height: 24px; padding: 8px; color: #018f55; margin: 2px 0 15px 0; font-size: 10px; text-align: center; font-family: arial; }
#alphabet_lexique a { color: #018f55; font-size: 13px; text-decoration: none; }
#alphabet_lexique a:hover { color: #ff9000; }
#alphabet_lexique .selected_letter { font-weight: bold; color: #ff9000; }
#alphabet_lexique span { color: #51bc8d; font-weight: bold; }
.top10 { position: relative; float: left; width: 225px; padding: 10px; }
.top10 .legende_top { padding-bottom: 4px; color: #51bc8d; text-decoration: underline; }
.top10 ul { padding: 1px 20px 1px 25px; }

#lettrine { font-size: 70px; width: 62px; font-weight: bold; float: left; position: relative; top: 20px; color: #98e7c4; padding: 0px 5px 5px 0; }
#contenu_lexique { position: relative; float: left; width : 398px; padding: 5px 8px 30px 15px; border-left: #e5e5e5 2px solid; margin-bottom: 30px; min-height: 250px; height:auto !important; height: 250px; line-height: 15px; }
#contenu_lexique h3 { font-size: 16px; font-weight: bold; color: #ff9000; padding-bottom: 15px; }
#contenu_lexique h5 { font-size: 13px; font-weight: bold; color: #018f55; padding-top: 25px; text-align: center; }
#contenu_lexique h5 a { color: #018f55; text-decoration: none; }
#contenu_lexique h5 a:hover { text-decoration: underline; }
#contenu_lexique #liste_mots { margin: 0px; padding: 0px; padding: 15px 25px; }
#contenu_lexique #liste_mots li { margin: 0px; padding: 0px; padding-bottom: 7px; }
#contenu_lexique #liste_mots li a { color: #ff9000; font-weight: bold; text-decoration: none; }
#contenu_lexique #liste_mots li a:hover { text-decoration: underline; }

#liste_mots_footer { padding: 0 8px 5px 85px; }
#liste_mots_footer #liste_mots { padding: 8px 20px; }
#liste_mots_footer #liste_mots a { color: #51bc8d; }

#footer { padding: 10px 10px 15px 10px; }
#footer #texte_bas a { color: #777777; text-decoration: none; }
#footer #liens { text-align: right; padding: 10px 0 10px 0; }
#footer #liens a { text-decoration: none; color: #777777; font-weight: normal; }
#footer #liens a:hover { text-decoration: underline; }
#footer #copyright { text-align: center; }
#footer #copyright a { text-decoration: none; color: #777777; }
#footer #partenaires { text-align: right; padding: 20px 0 10px 0; color: #999999; }
#footer #partenaires a { text-decoration: none; color: #999999; font-weight: normal; }