body
{
  background-color:#ffffff;
  background-image:url(bgcont.jpg);
  margin:0px;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #3d51c4;
  scrollbar-arrow-color: #3d51c4;
  scrollbar-track-color: #3d51c4;
  scrollbar-darkshadow-color: #3d51c4;
  text-align:left;
}

#container
{
  width:100%;
  height:100%;
  background:url(bgmenu.jpg) repeat-y;
  background-position:left;
}

#menu
{
  width:128px;
  position:absolute;
  left:0px;
  top:0px;
  text-align:center;
}

#menu p {margin:0px 0px 8px 0px;}
#menu .nom {font:bold 14pt Arial Black;color:#ffff00;}
#menu .adr {font:bold 10px Arial;color:#ffffff;}
#menu .tel {font:bold 12px Arial;color:#ffff00;}
#menu .lnk {margin-bottom:3px;}
#menu .lnk img {border:0px;}

#menu ul { list-style:none; margin:0px; }
#menu li { width:110px; height:40px; float:left; margin:0px 4px 3px 4px; background-image:url(button_bg.png); }
#menu li.flash { background-image:url(button_bg2.png); }
#menu li a { display:block; width:100%; height:100%; color:#aa0000; font:bold 12pt Arial; line-height:40px; text-decoration:none; }

h1 { color:#cc3300; font:bold 24pt Arial Black; margin:0px; text-decoration:underline; text-transform:uppercase; }

#page { margin-left:130px; text-align:center; }
#text { margin:10px; }


a.coque{color:#102193;font:14pt Verdana, Arial;padding:5px;}
a:hover.coque{background-color:#248fef;color:#f0f000;border:2px solid #102193;text-decoration:none;}

#coques { margin:0px auto; }
#coques h1 { color:#000080; font:bold 16pt Verdana, Arial; text-transform:uppercase; letter-spacing:5px; margin:20px 0px 20px 0px; }
#coques p { color:#000080; font:bold 10pt Verdana; margin:20px 0px 20px 0px; }
#coques h2 { color:#000080; font:10pt Verdana, Arial; text-transform:uppercase; letter-spacing:5px; margin:20px 0px 20px 0px; }
#coques h3 { color:#000080; font:bold 14pt Verdana, Arial; letter-spacing:3px; margin:20px 0px; }

.produit { width:600px; background-color:#ffffff; border:2px solid #0000a0; margin:20px auto; text-align:left; clear:both; }
.produit img.left { float:left; margin:0px 15px 0px 0px; }
.produit img.right { float:right; margin:0px 0px 0px 15px; }
.produit h2 { font:bold 18px Verdana,Arial,sans-serif; margin:5px 10px 15px 10px; }
.produit p { font:12px Verdana,Arial,sans-serif; line-height:17px; margin:0px 10px; }

table.coques { background-color:#ffffff; border:2px solid #0000a0; border-collapse:collapse; color:#104e97; font-family:Arial,Verdana,sans-serif; font-size:8pt; margin:10px auto; width:640px; }
table.coques col.coque { width:160px; text-align:center; }
table.coques col.dimen { width:160px; text-align:left; }
table.coques col.photo { width:320px; text-align:center; }
table.coques tr { vertical-align:middle; }
table.coques th { font-size:10pt; font-weight:bold; padding:8px 0px 3px 0px; text-transform:uppercase; }
table.coques td { padding:0px; }
table.coques img.coque { border:0px; margin:0px 10px 5px 10px; }
table.coques img.photo { border:solid #0000a0; border-width:2px 0px 0px 2px; }

table.horsol { background-color:#ffffff; border:2px solid #0000a0; border-collapse:collapse; color:#104e97; font-family:Arial,Verdana,sans-serif; font-size:8pt; margin:10px auto; width:640px; }
table.horsol col.model { width:100px; text-align:center; }
table.horsol col.dimen { width:110px; text-align:center; }
table.horsol col.profo { width:110px; text-align:center; }
table.horsol col.photo { width:320px; text-align:center; }
table.horsol tr { vertical-align:middle; }
table.horsol th { font-size:12pt; font-weight:bold; padding:8px 0px 3px 0px; text-transform:uppercase; }
table.horsol td { padding:0px; }
table.horsol img.coque { border:0px; margin:0px 10px 5px 10px; }
table.horsol img.photo { border:solid #0000a0; border-width:2px 0px 0px 2px; }

table.vitalo { background-color:#6eaeec; border:2px solid #0000a0; border-collapse:collapse; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-size:8pt; margin:10px auto; width:300px; }
table.vitalo col.dimen { width:150px; text-align:left; }
table.vitalo col.photo { width:150px; text-align:center; }
table.vitalo tr { vertical-align:middle; }
table.vitalo td { padding:5px 10px; }
table.vitalo img { border:0px; }
table.vitalo .nom { font-size:12pt; font-weight:bold; }




#promo
{
  width:520px;
  height:620px;
  margin:30px 0px;
  overflow:hidden;
  background-color:#eeeeff;
  border:3px solid #0000cc;
  text-align:center;
  padding:10px;
  font-family:Arial,Verdana,sans-serif;
}