html, body {
margin: 0;
padding: 0;
height: 100%;
text-align: center; /* pour corriger le bug de centrage IE */
font-family: Verdana, sans-serif;
font-size: .8em;
/*line-height: 1.25;*/
color: black;
background: #333333;
}
a {
color: #ffffff;
text-decoration: none;
}
a:hover, a:focus {
color: #ff0000;
}
/* Page */
#global {
position:relative;
min-height: 100%;
width: 980px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
/* ENTETE */
#entete {
position:relative;
margin: 0px;
padding: 0px;
width:980px;
height:110px;
background: #ffffff;
text-align: center;
}
/* Navigation */
#navigation {
background: #45539f;
padding: 0px;
height:90px;
text-align:left;
}
#navigation a:hover, #navigation a:focus {
background: #000000;
}
/* Contenu principal */
#contenu {
color: #363B29;
width:980px;
/*height:60%;*/
/*height: 100%;*/
height:600px;
padding: 0px;
margin-left:0px;
float: left;
text-align: left;
background: #3d398c;
background-image:url('../images/fond-bas.gif');
background-repeat:no-repeat;
background-position:center bottom;
}
html>body #contenu {
height: auto;
min-height: 500px;
}
div#bt-orange {
background-color: #fe8402;
float: left;
text-align: center;
padding: 3px;
width:145px;
height: 15px
}
div#bt-pos1 {
position:absolute;
top:65px;
left:5px;
color:#ffffff;
}
div#bt-vert {
background-color: #00fd06;
float: left;
text-align: center;
padding: 3px;
width:145px;
height: 15px
}
div#bt-pos2 {
position:absolute;
top:65px;
left:160px;
color:#ffffff;
}
div#bt-violet {
background-color: #955b9d;
float: left;
text-align: center;
padding: 3px;
width: 145px;
height: 15px
}
div#bt-pos3 {
position:absolute;
top:65px;
left:315px;
color:#ffffff;
}
div#bt-bleu {
background-color: #55a8dd;
float: left;
text-align: center;
padding: 3px;
width: 145px;
height: 15px
}
div#bt-pos4 {
position:absolute;
top:65px;
left:470px;
color:#ffffff;
}
div#bt-gris {
background-color: #555555;
float: left;
text-align: center;
padding: 0px;
width: 145px;
height: 33px;
}
div#bt-pos9 {
position:absolute;
top:125px;
left:830px;
color: #ffffff;
font-weight:900;
}
div#bt-rouge {
background-color: #d00a27;
float: left;
text-align: center;
padding: 0px;
margin:0px;
width: 145px;
height: 33px;
}
div#bt-pos10 {
position:absolute;
top:63px;
left:830px;
color: #ffffff;
font-weight:900;
}
div#bt-orange:hover, div#bt-vert:hover, div#bt-violet:hover,
div#bt-bleu:hover, div#bt-gris:hover, div#bt-rouge:hover {
background-color: #ffffff;
color:#000000;
font-weight:900;
}
div#acheter {
float: left;
width:160px;
margin-top:0px;
margin-left:0 px;
}
div#vendre {
width:180px;
margin-top: 50px;
margin-left:800px;
}
div#carte {
position:absolute;
left: 330px;
top: 330px;
width: 280px;
height: 220px;
}
div#abbeville {
position:absolute;
left: 330px;
top: 320px;
font-family:arial;
font-size:23px;
z-index:4;
}
div#amiens {
position:absolute;
left: 520px;
top: 368px;
font-family:arial;
font-size:23px;
}
div#montdidier {
position:absolute;
left: 503px;
top: 530px;
font-family:arial;
font-size:23px;
}
div#secteur {
position:absolute;
left: 100px;
top: 225px;
font-family:arial;
font-size:18px;
color:#ff0000;
vertical-align:middle;
}
img#secteur {
vertical-align:middle;
}
div#nbre_annonce{
padding:10px;
width:600px;
font-family:arial;
font-size:18px;
color:#ff0000;
}
div#tableau_annonce{
padding:10px;
width:600px;
height:200%;
font-family:arial;
font-size:18px;
color:#ff0000;
}
th#entete1_annonce{
background-color: #fe8402;
width:160px;
text-align: center;
font-family:arial;
font-size:12px;
color:#ffffff;
}
hr#tableau_annonce{
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #5e8aee;
background-color: #5e8aee;
border: 0;
}
th#entete2_annonce{
background-color: #ffffff;
width:440px;
font-family:arial;
font-size:12px;
color:#000000;
}
td#tableau_annonce{
font-family:arial;
font-size:13px;
color:#ddddff;
}
td#bas_annonce{
background-color: #45539f;
font-family:arial;
font-size:13px;
color:#ddddff;
text-align: right;
}
/*Detail annonce */
div#detail_annonce{
margin: 0px;
padding: 0px;
width:980px;
font-family:arial;
font-size:18px;
color:#ff0000;
text-align: center;
float:center;
}
table#detail_annonce{
width:960px;
margin: 10px;
padding: 0px;
}
th#detail_annonce{
padding: 10px;
margin: 10px;
background-color: #fe8402;
text-align: center;
font-family:arial;
font-size:18px;
color:#ffffff;
}
hr#detail_annonce{
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #5e8aee;
background-color: #5e8aee;
border: 0;
}
td#detail_annonce{
font-family:arial;
font-size:15px;
color:#ddddff;
margin: 10px;
padding: 10px;
}
td#bas_detail{
background-color: #333333;
font-family:arial;
font-size:13px;
font-weight:900;
color:#ddddff;
text-align: center;
}
td#bas2_detail{
background-color: #45539f;
font-family:arial;
font-size:13px;
font-weight:100;
color:#ddddff;
text-align: left;
}
/*FIN detail annonce*/
/*CONTACT annonce */
div#contact_annonce{
margin: 0px;
padding: 0px;
width:980px;
font-family:arial;
font-size:18px;
color:#ff0000;
text-align: center;
float:center;
}
table#contact_annonce{
width:960px;
margin: 10px;
padding: 0px;
}
th#contact_annonce{
padding: 10px;
margin: 10px;
background-color: #fe8402;
text-align: center;
font-family:arial;
font-size:18px;
color:#ffffff;
}
hr#contact_annonce{
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #5e8aee;
background-color: #5e8aee;
border: 0;
}
td#contact_annonce{
font-family:arial;
font-size:15px;
color:#ddddff;
text-align:left;
margin: 10px;
padding: 10px;
}
td#contactD_annonce{
font-family:arial;
font-size:15px;
color:#ddddff;
text-align:right;
margin: 10px;
padding: 10px;
font-weight:900;
}
td#bas_contact{
background-color: #333333;
font-family:arial;
font-size:13px;
font-weight:900;
color:#ddddff;
text-align: center;
}
td#bas2_contact{
background-color: #45539f;
font-family:arial;
font-size:13px;
font-weight:100;
color:#ddddff;
text-align: left;
}
/*FIN CONTACT annonce*/