body {
font-family: arial, sans-serif;
}

#gabarit {
position: absolute;
width: 900px;
height: 600px;
margin: 0 auto;
border: 1px solid silver;
top: 50%;
margin-top: -300px; /* moitié de la hauteur */
left: 50%;
margin-left: -450px; /* moitié de la hauteur */
}

img {
border-width: 0;
border-style: none;
}

a.logo {
position: absolute;
top: 225px;
left: 325px;
}

a.logo:hover {
background-position: 0 -40px;
}

ul#menu {
position: absolute;
margin: 0 0;
bottom: 15px;
width: 900px;
left: 22px;
list-style-type: none;
font-size: x-small;
font-weight: bold;
letter-spacing: 1px;
padding-top: 12px;
}

ul#menu li {
color: #FF0000;
display: inline;
padding: 55px;
}

ul#titres_collection {
position: absolute;
top: 320px;
left: 70px;
list-style-type: none;
font-size: small;
letter-spacing: 1px;
}

ul#titres_collection li {
display: inline;
padding: 25px;
}

ul a {
color : dimgray;
text-decoration: none;
}

ul a:hover {
color : #FF8C00;
}

p#txt_comment {
position: absolute;
margin: 0 0;
top: 75px;
left: 575px;
width: 200px;
font-size: small;
text-align: left;
color: dimgray;
line-height: 18px;
}

#dewplayer {
position: absolute;
top: 75px;
left: 150px;
}

ul#liens {
margin: 0 0;
padding: 0 0;
position: absolute;
width: 400px;
top: 100px;
left: 250px;
list-style-type: none;
text-align: center;
font-size: small;
}

em{
color: gray;
}

#collection {
position: absolute;
top: 75px;
left: 114px;
}

#titres_collection {
position: absolute;
top: 310px;
left: 114px;
}

ul#titres_coulisses {
position: absolute;
top: 320px;
left: 75px;
list-style-type: none;
font-size: small;
letter-spacing: 2px;
}

ul#titres_coulisses li {
color: #696969;
display: inline;
padding: 35px;
}

#simpleviewer{
position: relative;
padding: 0 0;
margin-top: 50px;
margin-left: 90px;
}

#qui{
position: absolute;
left: 100px;
top: 75px;
}

#mosaique{
position: absolute;
left: 100px;
top: 75px;
}

p#txt_qui {
position: absolute;
margin: 0 0;
top: 75px;
left: 550px;
width: 252px;
font-size: small;
text-align: left;
color: dimgray;
line-height: 18px;
}