* { margin: 0px; padding: 0px; }

body { background: url('/images/fond.jpg') left top repeat-x; background-color: #20397c; font-family: verdana; font-size: 11px; color: #777777; }
img { border: 0; }
.clear { clear: both; }
.centrer { text-align: center; }
table { border: none; border-spacing: none; border-collapse: collapse; }
input { font-family: Verdana; }
textarea { font-family: Verdana; }
select { font-family: Verdana;}
a { color: #00a0db; text-decoration: none; }
a:hover { color: #20397c; text-decoration: underline; }

#container { width: 820px; position: relative; margin: 0 auto 0 auto; }

#legende_top { height: 27px; padding: 3px 10px 0 10px; font-size: 10px; font-weight: bold; color: #98ddf6; background: url('/images/ombre_header.png') left bottom no-repeat; }
#legende_top a { font-weight: bold; color: #98ddf6; text-decoration: none; }
#legende_top #texte { float: left; }
#legende_top #date { float: right; }

#ombre { background: url('/images/ombre_centre.png') left top repeat-y; }

#contenu { background: url('/images/fond_header.jpg') left top repeat-x; background-color: #FFFFFF; width: 800px; position: relative; margin: 0 auto 0 auto; }

#header { height: 110px;  }
#header #logo { position: relative; float: left; left: 15px; top: 6px; }
#header #banniere { position: relative; float: right; width: 468px; height: 60px; background-color: #FFFFFF; border: solid 1px #00a0db; right: 20px; top: 6px; }

#vague { position: absolute; z-index: 99px; top: 70px; }

#menu_gauche { float: left; padding: 0 0 0 5px; }
#menu_gauche .bloc_gauche { margin-bottom: 15px; width: 190px; }
#menu_gauche .bloc_gauche span { display: none; }

#menu_gauche .bloc_gauche #haut_rachat { width: 190px; height: 30px; background: url('/images/rachat_haut.gif') left top no-repeat; }
#menu_gauche .bloc_gauche #haut_rachat h2 { padding: 9px 0 0 16px; font-size: 12px; color: #FFFFFF; }
#menu_gauche .bloc_gauche #haut_rachat h2 a { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#menu_gauche .bloc_gauche #rachat { border-left: solid 1px #00a0db; border-right: solid 1px #00a0db; padding: 5px 0 3px 0; }
#menu_gauche .bloc_gauche #rachat a { display: block; color: #20397c; padding: 5px 20px 5px 25px; font-weight: bold; font-size: 10px; text-decoration: none; }
#menu_gauche .bloc_gauche #rachat a:hover { background-color: #c9f0ff; }
#menu_gauche .bloc_gauche #bas_rachat { height: 7px; background: url('/images/rachat_bas.gif') left top no-repeat; }

#menu_gauche .bloc_gauche #haut_credit_conso { height: 24px; background: url('/images/conso_haut.gif') left top no-repeat; }
#menu_gauche .bloc_gauche #haut_credit_conso h3 { padding: 9px 0 0 16px; }
#menu_gauche .bloc_gauche #haut_credit_conso h3 a { font-size: 12px; color: #7ba421; text-decoration: none; }
#menu_gauche .bloc_gauche #credit_conso { border-left: solid 1px #7ba421; border-right: solid 1px #7ba421; padding: 12px 0 5px 16px; display: ; }
#menu_gauche .bloc_gauche #credit_conso a { display: block; padding: 0 0 7px 25px; font-weight: bold; font-size: 11px; text-decoration: none; background-repeat: no-repeat; background-position: 10px 3px; }
#menu_gauche .bloc_gauche #credit_conso a.perso { color: #739f16; background-image: url('/images/puce-conso-off.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.perso:hover { color: #9dbc5b; background-image: url('/images/puce-conso-on.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.auto { color: #d9b200; background-image: url('/images/puce-auto-off.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.auto:hover { color: #e4c94c; background-image: url('/images/puce-auto-on.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.reserve { color: #ff7f00; background-image: url('/images/puce-reserve-argent-off.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.reserve:hover { color: #ffa54c; background-image: url('/images/puce-reserve-argent-on.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.immo { color: #0a50a1; background-image: url('/images/puce-immo-off.gif'); }
#menu_gauche .bloc_gauche #credit_conso a.immo:hover { color: #5384bd; background-image: url('/images/puce-immo-on.gif'); }
#menu_gauche .bloc_gauche #bas_credit_conso { height: 92px; background: url('/images/conso_bas.jpg') left top no-repeat; }
#menu_gauche .bloc_gauche #bas_credit_conso #bouton { width: 154px; height: 14px; padding-top: 2px; position: relative; margin: 0 auto 0 auto; top: 60px; left: 0px; background: url('/images/conso_fond_bouton.png') left top no-repeat; text-align: center; }
#menu_gauche .bloc_gauche #bas_credit_conso #bouton a { color: #ab6024; font-size: 10px; text-decoration: none; font-weight: bold; }
#menu_gauche .bloc_gauche #bas_credit_conso #bouton a:hover { color: #aa1b14; }

#centre { width: 405px; position: relative; margin: 0 auto 0 auto; padding: 40px; }
#centre h1 { color: #00a0db; font-size: 15px; padding-bottom: 15px; }
#centre h1 a { color: #00a0db; text-decoration: none; }
#centre p { padding-bottom: 10px; }

#centre .ligne_lien_utiles { width: 405px; overflow: hidden; }
#centre .ligne_echange { width: 405px; overflow: hidden; }
#centre #echange_liens { padding-top: 15px; font-size: 9px; }

#contenu_lexique #alphabet { width: 80px; position: relative; float: right; padding: 0 0 20px 20px; }
#contenu_lexique #alphabet p { font-size: 10px; border-bottom: solid 1px #DDDDDD; padding: 0 0 3px 2px; margin-bottom: 2px; color: #20397c }
#contenu_lexique #alphabet table td { padding: 2px; text-align: center; }
#contenu_lexique #alphabet table td a { color: #848484; }
#contenu_lexique #alphabet table td a:hover { color: #20397c; }
#contenu_lexique #alphabet table td a b { color: #00a0db; font-weight: bold; }
#contenu_lexique #alphabet table td a:hover b { color: #20397c; }
#contenu_lexique #alphabet table td a strong { color: #20397c; text-decoration: underline; font-weight: bold; }
#contenu_lexique #nodef { text-align: center; font-style: italic; padding: 20px 0 20px 0; }
#contenu_lexique #liste_mots { margin-left: 40px; }
#contenu_lexique #liste_mots li { padding: 2px 0 2px 0; }
#contenu_lexique h4 { font-weight: bold; color: #20397c; font-size: 12px; margin: 0 100px 12px 0; padding-bottom: 6px; border-bottom: solid 1px #CCCCCC; }
#contenu_lexique #definition { line-height: 14px; }
#contenu_lexique #definition strong { font-weight: normal; }
#contenu_lexique #definition b { font-weight: normal; }
#contenu_lexique #definition a { color: #848484; text-decoration: none; }
#contenu_lexique h5 { font-weight: bold; color: #20397c; font-size: 11px; padding: 20px 0 25px 0; text-align: center; }
#contenu_lexique h5 b { font-weight: bold; }
#contenu_lexique b { font-weight: normal; }
#contenu_lexique ul { margin-left: 30px; }

#contenu_lexique #top10 { padding-top: 45px; font-size: 10px; }
#contenu_lexique #top10 b { font-weight: bold; }
#contenu_lexique #liste_mots_footer { margin-top: 20px; font-style: italic; }
#contenu_lexique #liste_mots_footer a { color: #848484; text-decoration: none; font-size: 10px; }
#contenu_lexique #liste_mots_footer a:hover { color: #666666; text-decoration: underline; }
#contenu_lexique #liste_mots_footer #liste_mots_2 { margin-left: 40px; display: none; }
#contenu_lexique #liste_mots_footer #liste_mots_2 li { padding: 2px 0 2px 0; }
#contenu_lexique #liste_mots_footer #liste_mots_2 a { color: #00a0db; text-decoration: none; font-style: normal; }
#contenu_lexique #liste_mots_footer #liste_mots_2 a:hover { color: #20397c; text-decoration: underline; }


#ban405 { height: 60px; width: 405px; padding-top: 20px; }
#ban405 span { display: none; }


#menu_droite { float: left; padding: 7px 5px 0 0; }
#menu_droite .bloc_droite { margin-bottom: 15px; width: 155px; }
#menu_droite .bloc_droite span { display: none; }

#footer { background: url('/images/ombre_footer.png') left top no-repeat; height: 100px; padding: 0 10px 40px 10px; color: #FFFFFF; }
#footer #tel { position: relative; float: left; top: 22px; left: 50px; }
#footer #tel p { padding-bottom: 8px; font-size: 10px; }
#footer #infos { position: relative; float: right; right: 20px; top: 62px; }
#footer #infos a { color: #FFFFFF; text-decoration: none; }
#footer #infos a:hover { text-decoration: underline; }

#footer #partenaires { text-align: center; color: #608f99; padding-top: 95px; font-size: 10px; }
#footer #partenaires b a:hover { text-decoration: none; }
#footer #partenaires a { color: #608f99; text-decoration: none; }
#footer #partenaires a:hover { color: #608f99; text-decoration: underline; }
#footer #copyright { text-align: center; color: #608f99; padding-top: 2px; font-size: 10px; }
#footer #copyright a { color: #608f99; text-decoration: none; font-weight: bold; }