body {
font: 12px/12px helvetica, sans-serif;
color: #fff;
background-color: #1f1f1f;
text-align: center;
line-height: 1.3;
}
.top {
background: url(images/top.jpg) no-repeat top left;
height:  180px;
}
.bottom {

height: 161px;
margin-top: -20px;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #8b8b8b;
margin-left: auto;
margin-right: auto;
}
.table {
font: 12px/12px helvetica, sans-serif;
color: #fff;
text-align: left;
line-height: 1.7;
margin-left: -5px;
}
.box {
height: 768px;
width: 959px;
margin-right: auto;
margin-left: auto;

}
.photo {
margin-left: 576px;
margin-top: -17px;
height: 427px;
width: 383px;
}
.textbox {
height: 427px;
width: 576px;
background: url(images/fondgris.jpg) no-repeat top left;
margin-top: -32px;
}
.text {
margin-top: 5px;
height: 380px;
width: 550px;
overflow: auto;
text-align: left;
padding-left: 15px;

}
.text ul {
text-align: left;
margin-left: 3px;
line-height: 0.7;
}
.text li {
display: list-item;
list-style-type: none;
}
.text li:before {
content: "";
}

.boutique ul {
text-align: left;
margin-left: 3px;
}
.boutique li {
display: list-item;
list-style-type: square;
}
.boutique li:before {
content: "";
}
.menu {
height: 27px;
width: 576px;
font: 14px/30px helvetica, sans-serif;
font-variant: small-caps; 
}
.menu a {
color: #666;
}
.menu a:hover {
color: #b8b8b8;
}
.column1 {
width: 576px;
float: left;
}

ul {
text-align: center;
margin-left: -40px;
}
li {
display: inline;
padding: 0 4px;
}
li:before {
content: "|";
margin-right: 10px;
}
ul > li:first-child:before {
content: "";
}
li a {
color: #666;
text-decoration: none;
}
li a:hover {
color: #8b8b8b;
margin-left: auto;
margin-right: auto;
}