[résolu]Decalage dans la mise en page

bonjour,

petit soucis de decalage de ma zone texte

http://cdt.erea.hostgratos.net/essai

body {
font-family: Verdana, Arial, Helcetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background-color: #000000;
}
/*bandeau*/
#head {
height: 120px;
background-image: url('design/head.gif');
}
/*barre de menu*/
#barhaut {
height: 20px;
text-align: right;
background-color: #ffff99;
}
/*zone de texte*/
#centre {
background-color:#FFFFFF;
font-size: 12px;
margin-left: 170px;
margin-right: 170px;

}
/*espace membre*/
#membre {
background-color: #abcbde;
margin-left: 50px;
margin-right: 50px;
margin-top: 5px;
height: 32px;
}
/*menu de gauche*/
#gauche {
position: absolute;
margin-top: 5px;
left: 0px;
width: 160px;
background-color:#15577c;/*mettre la couleur de fond*/
}
/*menu de droite*/
#droite {
position: absolute;
margin-top: 5px;
right: 0px;
width: 160px;
background-color:#15577c;/*mettre la couleur de fond*/
}
/*position des cadres de titre de menu*/
.cadre {
position: relative;
left: 0px;
width: 160px;
height: 20px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
text-align: center;
background-image: url('design/cadretitre.gif');
}
/*pied de page*/
.pied {
height: 30px;
text-align: center;
background-image: url('design/pied.gif');
}
/*titre de page*/
#titre {
margin-left: 170px;
margin-right: 170px;
margin-top: 5px;
background-color:#45536C;/*voir pour mettre une image*/
}
/*composition du menu de gauche*/
.menu {
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
}
.menu li {
margin-bottom: 5px;
}
.menu a {
margin: 0;
color: #FFFFFF;
text-decoration: none;
}
.menu a:hover {
text-decoration: none;
}
/*composition du menu de droite*/
.menud {
list-style-type: none;
margin: 0;
padding: 0;
}
.menud li {
margin-bottom: 5px;
}
.menud a {
margin: 10px;
color: #FFFFFF;
text-decoration: none;
}
.menud a:hover {
text-decoration: none;
}
.titre {
margin: 0px;
font-weight: bold;
color: #FFFFFF;
}
/*logo*/
.logo {
float: left;
margin-left: 20px;
margin-top: 10px;
height: 100px;
border: 0;
}
/*pub*/
.pub {
float: right;
margin-right: 200px;
margin-top: 30px;
width: 468px;
height: 60px;
border: 0;
}
/*lien pour le menu du haut*/
.menuh a {
margin-left: 10px;
font-weight: bold;
padding: 2px;
margin-right: 30px;
color: #000000;
text-decoration: none;
}
.menuh a:hover {
text-decoration: none;
}
/*menu de gauche avec cadre arrondi*/
dl {
position: absolute;
left: 0px;
width: 160px;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
dl {
background: url(design/menubas.gif) bottom left no-repeat;
padding-bottom: 20px;
}
dt {
height: 20px;
background: url(design/menuhaut.gif) top left no-repeat;
text-align: center;
color: #ffff99;
margin-top: 5px;
font-weight: bold;

}
dd {
padding: 5px 0 0 10px;
text-align: justify;
height: 1px;
background: url(design/menucentre.gif)  left repeat-y;
}
#menu1 {
top: 0;
color: #FFFFFF;

}
#menu2 {
margin-top: 100px;
}

Comment puis je faire?

d'avance merci
Modifié par ganou66 (29 Mar 2005 - 21:22)