html, body {
margin: 0px;
padding: 0px;
height: 100%;
text-align: center; /* pour corriger le bug de centrage IE */
font-family: Verdana, sans-serif;
font-size: 10px;
color: black;
line-height: 1.25;
background: #bcc0e2;
}
a {
color: #ffffff;
text-decoration: none;
}
a:hover, a:focus {
color: #ff0000;
}
/* Page */
#global {
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 {
position:relative;
background: #45539f;
margin: 0px;
padding: 0px;
height:85px;
text-align:left;
}
#navigation a:hover, #navigation a:focus {
background: #000000;
}
/* Contenu principal */
#contenu {
position:relative;
/*color: #363B29;*/
color: #ffffff;
font-family: Verdana, sans-serif;
font-size: 10px;
width:980px;
height:400px;
padding: 0px;
margin: 0px;
text-align: left;
background: #3d398c;
z-index:3;
}
html>body #contenu {
height: auto;
min-height: 400px;
}
/* Contenu bas */
#pied {
position:relative;
color: #ffffff;
font-family: Verdana, sans-serif;
font-size: 10px;
width:980px;
height:198px;
padding: 0px;
margin: 0px;
text-align: left;
background: #3d398c;
background-image:url('../images/fond-bas.gif');
background-repeat:no-repeat;
background-position:center bottom;
}
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#secteur {
position:relative;
left: 0px;
top: 30px;
width: 980px;
font-family:arial;
font-size:18px;
color:#ff0000;
text-align:center;
z-index:4;
}
/* pour centrer le texte sur l'image */
img#secteur {
vertical-align:middle;
}
div#vendre {
position:absolute;
width:180px;
top:50px;
left:800px;
}
div#acheter {
position:relative;
width:160px;
top:170px;
left:0px;
z-index:4;
}
div#carte {
position:absolute;
left: 350px;
top:150px;
width: 280px;
height:220px;
}
div#abbeville {
position:absolute;
width:150px;
left: 350px;
top: 135px;
font-family:arial;
font-size:23px;
z-index:4;
}
div#amiens {
position:absolute;
width:150px;
left: 535px;
top: 180px;
font-family:arial;
font-size:23px;
}
div#montdidier {
position:absolute;
width:150px;
left: 520px;
top: 360px;
font-family:arial;
font-size:23px;
}
#tab_aff_annonce{
width:980px;
}
td.cel1{
width:600px;
}
td.cel2{
width:380px;
}
.pub_annonce_entete{
padding:10px;
margin:10px;
width:300px;
height:33px;
font-family:arial;
font-size:18px;
color:#ff0000;
background-color:white;
}
.pub_annonce{
padding:10px;
margin:10px;
width:300px;
font-family:arial;
font-size:18px;
color:#ff0000;
background-color:white;
}
/*resultat : Liste des annonce*/
.nbre_annonce{
padding:10px;
width:500px;
font-family:arial;
font-size:18px;
color:#ff0000;
}
table.tableau_annonce{
width:600px;
margin: 0px;
padding: 0px;
}
th.entete1_annonce{
background-color: #fe8402;
width:160px;
text-align: center;
font-family:arial;
font-size:12px;
color:#ffffff;
}
th.entete2_annonce{
background-color: #ffffff;
width:440px;
font-family:arial;
font-size:12px;
color:#000000;
}
hr.tableau_annonce{
height: 1px;
width:600px;
margin: -0.5em 0;
padding: 0;
color: #5e8aee;
background-color: #5e8aee;
border: 0;
}
td.tableau_annonce_photo{
font-family:arial;
font-size:13px;
color:#ddddff;
}
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#bas_detailB{
font-family:arial;
font-size:13px;
font-weight:100;
color:#ddddff;
text-align: right;
}
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;
}
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*/
.titre{
font-size:13px;
font-weight:900;
}
.obligatoire{
color:rgb(0,204,255);
font-style:italic;
font-weight:100;
}
.clear {
clear:left;
}