* {
margin: 0;
padding: 0;
}
body {
background-color: #97a5b0;
font-size: 14px;
line-height: 120%;
text-align: center;

}
a:link,a:visited {
color: #7103d7;
}
a:hover {
color: red;
}

#lesite {
width: 960px;
height: 750px;
background-color: #000;
margin-left: auto; 
margin-right: auto;
text-align: center; 
margin-top: 3px;
color: #fff;

}
#banniere {
width: 960px;
height: 150px;
background-image: url('images/banniere.jpg');

}
#menu {
float: left;
width: 127px;
height:575px;

}
#centregauche {
width: 600px;
height: 575px;
float: left;
overflow: auto;
padding: 10px 10px;
background: #16191f;
}

html>body #centregauche ul, html>body #centregauche p html>body #centregauche a {
margin: 10px 10px;

}
#centredroit {
width: 200px;
height: 590px;
float: left;
padding: 5px 5px;
background:url(images/window.jpg)

}
#pub_bottom {
text-align: center;
padding-top: 5px;
}
#pied {
height: 30px;
width: 960px;
clear: both;
background: #000;
padding-top: 8px;
font-size: 8px;
text-align:center;
}
#pied a:link, #pied a:visited,#pied a:active {
text-decoration: none;
color: red;
}
#pied a:hover {
text-decoration: underline;
color: red;
}
#pied table {
font-size: 11px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 35px;
line-height: 28px;
text-align: center;
font-weight: bold;
border: 1px solid gray;

}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #000;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #7103d7;
}
#gal div {
display: inline;
}
#gal img {
margin-right: 5px;
margin-top: 5px;
border:0;
}
.thumb {
margin-right: 5px;
margin-top: 5px;
}
#centregauche ul li {
list-style-image: none;
margin-bottom: 2px;
}
#centregauche ul.plan li {
font-weight: normal;
text-decoration: none;
}
.indent {
margin-left: 22px;
}