div#contener {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
position: relative;
background: url(images/cernit.jpg) top no-repeat;
}

#produits {
width: 250px;
height: 75px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
color: #cc6600;
position: absolute;
top: 125px;
left: 115px;
}

#infos {
width: 800px;
height: 50px;
position: absolute;
bottom: 0px;
}

#infos p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
color: #99ccff;
}

#infos a {
color: #cc6600;
text-decoration: none;
}

#infos a:hover {
color: #cc6600;
text-decoration: underline;
}

#zone_couleurs {
display: block;
width: 230px;
height: 175px;
position: absolute;
top: 358px;
right: 77px;
cursor: pointer;
}

div#couleurs {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
position: relative;
background: url(images/couleurs.jpg);
border: 2px solid #CCCCCC;
}