body { font-size: 11px; font-family: Verdana; font-weight: 400; background-image: url(../html/ressources/fond.jpg); text-align: justify; }
div { font-family: Verdana; }
p { font-family: Verdana; }
td { font-size: 11px; font-family: Verdana; text-align: justify; }
ul { text-indent: 0; margin: 1px 0 0; padding-left: 0; list-style-type: square; list-style-position: inside; }
ol { list-style-type: decimal; margin: 5px 0 5px 3px; }
img{border: solid 0px #fff;}
.image { border: solid 2px #fff; }
legend{ color: #6c3; }
.input { font-size: 12px; font-family: tahoma; text-align: right; height: 15px; margin: 1px; padding-right: 2px; }
select { font-size: 12px; font-family: tahoma; text-align: right; height: 20px; margin: 1px; }

/*-------------------------------------------
LIENS
-------------------------------------------*/
a { color: #000; text-decoration: none; }
a:link { font-family: Verdana; text-decoration: none; }
a:visited { font-family: verdana; text-decoration: none; }
a:hover { color: #000; font-family: verdana; text-decoration: underline; }
a:active { font-family: verdana; }
/*-------------------------------------------
TITRES
-------------------------------------------*/
h1 { font-size: 12px; font-family: Verdana; font-weight: bold; margin: 5px 0; }
h2 { font-size: 12px; font-family: Verdana; font-weight: 600; margin: 5px 0 3px; }
h3 { font-size: 11px; font-family: Verdana; font-weight: 600; margin: 0; }
h4 { font-size: 11px; font-family: Verdana; font-weight: 600; margin: 0; }
/*-------------------------------------------
ACCUEIL
-------------------------------------------*/
.td-accueil { color: #fff; margin-bottom: 8px; padding: 1px 1px 8px; border-bottom: 1px solid #000; border-top-color: #000; border-right-color: #000; border-left-color: #000; }
.td-accueil a { color: #9c0; font-weight: 600; text-decoration: underline; }
.td-accueil a:hover { font-weight: 600; }
.td-accueil h1 { color: #9c0; font-weight: 600; margin: 0; padding: 3px 3px 3px 0; }
.td-accueil h2 { color: #9c0; font-weight: 600; padding: 2px 2px 2px 0; }
.td-accueil h3 { color: #fff; font-weight: 600; background-image: url(../html/ressources/fond.gif); padding: 2px; }
.td-accueil h4 { color: #fff; font-weight: 600; background-image: url(../html/ressources/fond.gif); padding: 2px; }
#calqueAc { height: auto; width: 920px; left: 50%; top: 0; z-index: 0; position: absolute; visibility: visible; margin-top: 0; margin-left: -460px; }
#imageAc { background-image: url(../html/ressources/fond.jpg); height: 602px; width: 920px; z-index: 2; position: absolute; visibility: visible; }
#courtierAc { height: 780px; width: 920px; left: 0; top: 0; z-index: 3; position: absolute; visibility: visible; }
#HimmoAc { font-size: 16px; font-weight: 600; text-align: center; height: 36px; width: 150px; left: 440px; top: 150px; z-index: 7; position: absolute; visibility: visible; }
#HrachatAc { font-size: 16px; font-weight: 600; text-align: center; height: 36px; width: 135px; left: 242px; top: 150px; z-index: 8; position: absolute; visibility: visible; }
#immoAc { width: 170px; left: 435px; top: 500px; z-index: 9; position: absolute; visibility: visible; }
#margeAc { font-size: 12px; height: 480px; width: 150px; left: 40px; top: 140px; z-index: 10; position: absolute; visibility: visible; }
#margeAc a:hover { color: #f69; }
#endettementAc { width: 155px; left: 235px; top: 500px; z-index: 11; position: absolute; visibility: visible; }
#centreAc { height: 160px; width: 275px; left: 230px; top: 310px; z-index: 12; position: absolute; overflow: auto; visibility: visible; padding-right: 15px; }
#defil { width: 240px; left: 540px; top: 270px; z-index: 13; position: absolute; height: 76px; visibility: visible; }
#defiscAc { height: auto; width: 160px; left: 635px; top: 500px; z-index: 14; position: absolute; visibility: visible; }
#logoAc { height: 83px; width: 83px; left: 70px; top: 30px; z-index: 15; position: absolute; visibility: visible; }
#liensAc { font-size: 9px; text-align: center; width: 100%; left: 0; top: 720px; z-index: 16; position: absolute; visibility: visible; }
.accueil { color: #fff; font-weight: 600; }
.accueil-titre  { font-weight: 600; line-height: 25px; }
.accueil-soustitre { color: #fff; line-height: 12px; margin-left: 5px; padding-left: 5px; border-left: 5px solid white; }


/*-------------------------------------------
MENU DROIT
-------------------------------------------*/
#marge { color: #fff; font-size: 12px; position: absolute; top: 60%; height: auto; width: auto; left: 5%; z-index: 10; visibility: visible; padding: 5px; }
.marge a { color: #fff; left: 0; }
.marge a:hover { color: #f69; font-weight: bold; margin-left: 6px; padding-left: 6px; }
.marge-titre  { color: #f69; font-weight: bold; line-height: 16px; }
.marge-courtier { color: #fff; margin-left: 5px; padding-left: 5px; }
.marge-immo { color: #fff; margin-left: 5px; padding-left: 5px; }
.marge-rachat { color: #fff; margin-left: 5px; padding-left: 5px; }
.marge-defisc { color: #fff; margin-left: 5px; padding-left: 5px; }
.marge-perso { color: #fff; margin-left: 5px; padding-left: 5px; }

/*-------------------------------------------
MENU GAUCHE
-------------------------------------------*/
#demande { color: #f69; font-size: 12px; height: auto; width: 150px; left: 5px; top: 340px; z-index: 11; position: absolute; visibility: visible; margin-left: 1px; padding-left: 1px; }
.demande { color: #fff; padding: 5px; border: solid 1px #ccc; }
.demande p { color: #f69; }
.demande a { margin-bottom: 1px; }
.demande a:hover { color: #fff; font-weight: 600; text-indent: 0; margin-left: 6px; padding-left: 6px; }
.demande-titre  { color: #fff; font-weight: 600; }
.demande-courtier { color: #9c6; margin-left: 5px; padding-left: 5px; }
.demande-immo { color: #fff; margin-left: 5px; padding-left: 5px; }
.demande-rachat { color: #fff; margin-left: 5px; padding-left: 5px; }
.demande-defisc { color: #fff; margin-left: 5px; padding-left: 5px; }
.demande-perso { color: #fff; margin-left: 5px; padding-left: 5px; }

/*-------------------------------------------
Hors-MENU
-------------------------------------------*/
.class { color: #000; font-size: 8px; font-family: tahoma; text-transform: uppercase; letter-spacing: 0; }
.bold { font-weight: 600; }
.small { font-size: 10px; }
.defisc { color: #f39; font-size: 11px; text-decoration: none; }
.immo { color: #f39; font-size: 11px; text-decoration: none; }
.rachat { color: #f39; font-size: 11px; text-decoration: none; }
.perso { color: #f39; font-size: 11px; text-decoration: none; }
.courtier { color: #f39; font-size: 11px; font-weight: 600; text-decoration: none; }
.jeux { font-size: 10px; font-family: tahoma; font-weight: 600; }

/*-------------------------------------------
CALQUES
-------------------------------------------*/
#calque1 { height: auto; width: 920px; left: 50%; top: 0; position: absolute; z-index: 0; visibility: visible; margin-left: -460px; }
#image { background-image: url(../html/ressources/fond-44.jpg); height: 860px; width: 920px; z-index: 1; position: absolute; left: 0; visibility: visible; border: solid 1px #999; }
#TEXTE1, #CALCUL { font-size: 12px; line-height: 1.4em; background-image: url(../html/ressources/fond-texte.jpg); text-align: justify; height: 580px; width: 606px; left: 30%; top: 262px; z-index: 8; position: absolute; overflow: hidden; visibility: visible; padding: 8px; }
#TEXTE1 a { font-size: 12px; text-decoration: underline; }
#TEXTE2 a { text-decoration: underline; }
#onglet { background-image: url(../html/ressources/menu.gif); background-repeat: no-repeat; background-position: left 0; height: auto; width: auto; left: 30%; top: 222px; z-index: 6; position: absolute; visibility: visible; padding-right: 10px; padding-left: 10px; }
#onglet ul { margin: 0; padding: 0; list-style-type: none; display: block; }
#onglet ul li { color: #fff; font-size: 10px; font-family: "Trebuchet MS", tahoma, arial; font-weight: bolder; line-height: 3.8em; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 1px; list-style-type: none; margin: 0; padding: 3px 0 0; width: 150px; height: 40px; float: left; }
#onglet ul li a { color: #333; font-weight: bolder; text-decoration: none; }

#boutons { text-align: right; height: 140px; width: 650px; left: 28%; top: 0; z-index: 12; position: absolute; visibility: visible; }
#infi { height: 83px; width: 83px; left: 5%; top: 580px; position: absolute; z-index: 14; visibility: visible; }
#adnazairien { font-size: 12px; height: 136px; width: 170px; left: 5%; top: 5px; z-index: 20; position: absolute; visibility: visible; }
#CALCUL label{ color: #333; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; width: 100%; float: left; margin-top: 1px; margin-bottom: 2px; display: block; }
#CALCUL input, #CALCUL select { color: #333; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; float: right; min-width: 125px; }
#CALCUL button { float: right; min-width: 125px; margin-bottom: 10px;}
#CALCUL fieldset{ background-color: #fff; display: block; width: 98%; margin-bottom: 2px; margin-top: 2px; padding: 2px; }

/*-------------------------------------------
LIENS
-------------------------------------------*/
.liens { font-size: 8px; text-align: center; height: 20px; width: 920px; left: 0; top: 740px; z-index: 5; position: absolute; visibility: visible; }
.liens a { font-size: 8px; text-transform: uppercase; }
.liens a:hover { color: #fff; }
.liens a:visited { color: #fff; }