body
{
  background:#555555 url(bgbody.png);
  color:#333333;
  font-family:Trebuchet MS,Verdana,Arial,sans-serif;
  margin:10px 0px;
  text-align:center;
}

body, td, th { font-size:10pt; }
td, th { padding:0px; }
tr { vertical-align:middle; }
img { border:0px; }
div.clear { clear:both; height:1px; overflow:hidden; }
a { color:#4466aa; }
a:hover { color:#6699ff; }

/*
//==============================================================================
// Page
//==============================================================================
*/

#page
{
  width:775px;
  background-color:#ffffff;
  border:1px solid #d8d8d8;
  margin:0px auto;
  text-align:left;
}

/*
//==============================================================================
// Header
//==============================================================================
*/

#head
{
  height:115px;
  background-color:#000000;
  border:5px solid #d8d8d8;
  margin:10px;
}

#head #top
{
  height:20px;
  line-height:20px;
  margin:5px 10px 0px 10px;
  text-align:right;
  font-size:8pt;
  color:#cccccc;
}

#head #top img { width:1px; height:17px; background-color:#999999; margin:0px 2px; vertical-align:middle; }
#head #top a { color:#cccccc; text-decoration:none; }
#head #top a:hover { color:#ffffff; }
#head #top a img { width:11px; height:9px; background-color:#cccccc; }
#head #top a:hover img { background-color:#ffffff; }
#head #top a.bold { color:#cccccc; font-weight:bold; }
#head #top a.bold:hover { color:#ffffff; }
#head #top a.white { color:#cccccc; }
#head #top a.white:hover { color:#ffffff; }

#head #logo h1
{
  width:650px;
  height:50px;
  line-height:50px;
  margin:0px 30px 5px 10px;
  font-size:16pt;
  color:#ffffff;
  background:transparent url(header.png) no-repeat;
  background-position:10px 0px;
}

#head #logo h1 a
{
  width:2650px;
  height:50px;
  line-height:50px;
  display:block;
  margin-left:-2000px;
  color:#ffffff;
  text-decoration:none;
}

#head #coord { display:none; }

/*
//==============================================================================
// Menu
//==============================================================================
*/

/* body { behavior:url("menu.htc"); } */
#menu, #menu ul, #menu li, #menu a { border:0px; margin:0px; padding:0px; }
#menu, #menu ul, #menu ul li, #menu ul a { display:block; }
#menu li { display:inline; }
#menu, #menu ul { list-style:none; }
#menu li { position:relative; z-index:9; }
#menu ul li { float:left; }
#menu ul { position:absolute; }
#menu a { text-decoration:none; white-space:nowrap; }
/* #menu a { width:100%; } */ /* IE */
#menu li>a { width:auto; } /* others */
#menu li a.sub { background:url("menu-down.gif") 4px no-repeat; padding-left:16px; }
#menu ul li a.sub { background:url("menu-left.gif") right no-repeat; padding-left:4px; }
#menu li.sub:hover { z-index:10; }
#menu ul, #menu li:hover ul ul, #menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul { display:none; }
#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul { display:block; }

#menu * { font-family:arial,tahoma,verdana,helvetica; font-size:12px; }

#menu { margin:5px 10px 5px 10px; text-align:left; }
#menu li { line-height:20px; margin:0px 6px; }
#menu a { }
#menu ul { width:200px; text-align:left; }
#menu ul li { width:198px; line-height:18px; margin:0px; }
#menu ul a { width:196px; margin:1px; text-indent:4px; }

#menu ul { left:0px; top:15px; }
#menu ul ul { left:190px; top:5px; }

#menu a { color:#ffffff; font-weight:bold; text-decoration:none; }
#menu a:hover { text-decoration:underline; }

#menu ul { border:1px solid #888888; background-color:#ffffff; }
#menu ul a { border:1px solid #ffffff; color:#808080; font-weight:bold; }
#menu ul a:hover, #menu ul li.sub a:hover { border-color:#888888; background-color:#cccccc; color:#888888; text-decoration:none; }

/*
//==============================================================================
// Pub
//==============================================================================
*/

#head { height:135px; }
#pub { margin:0px 10px; text-align:right; }

/*
#vpub { width:120px; height:600px; float:right; margin:0px 10px 10px 20px; }
*/
#vpub { width:120px; height:600px; float:left; margin:10px 20px 10px 0px; }

/*
//==============================================================================
// Index
//==============================================================================
*/

#index { margin:20px 0px; text-align:center; }
#index h1, #index p { text-align:left; display:none;  }
#index h1 sup { font-size:80%; }

/*
//==============================================================================
// Nav
//==============================================================================
*/

#nav { margin:0px 15px; font-size:9pt; }
#nav a { text-decoration:none; }
#nav a:hover { text-decoration:underline; }

/*
//==============================================================================
// Accueil
//==============================================================================
*/

#accueil { width:580px; text-align:center; }
#accueil table { border-collapse:collapse; margin:10px auto; width:100%; }
#accueil table tr { vertical-align:top; }
#accueil table td { font-size:9pt; padding:10px; text-align:left; width:33%; }
#accueil h2 { font-size:9pt; border-bottom:1px solid #cccccc; margin:0px 0px 5px 0px; }
#accueil .align_left { text-align:left; margin-bottom:3px; }
#accueil .align_center { text-align:center; margin-bottom:3px; }
#accueil .align_right { text-align:right; margin-bottom:3px; }
#accueil .float_left { float:left; margin:0px 5px 3px 0px; }
#accueil .float_right { float:right; margin:0px 0px 3px 5px; }

/*
//==============================================================================
// Body
//==============================================================================
*/

#body { margin:0px 10px; }
#body h1 { color:#4466aa; font-size:16pt; margin:15px 0px 20px 5px; }
#body p { margin:10px 20px; }

div.clear { height:1px; width:1px; overflow:hidden; clear:both; }

#subcatlist li,
#prodlist li { margin:5px 0px; font-weight:bold; }

img.cat { border:1px solid #d8d8d8; float:right; margin:10px 20px 20px 20px; }
table.photo { float:right; margin:10px 5px 10px 10px; }
table.photo img { border:1px solid #d8d8d8; }

#mini { margin:20px 20px; text-align:center; }
#mini img { border:1px solid #d8d8d8; margin:5px 5px; vertical-align:middle; }

#prevpage { margin-left:5px; font-weight:bold; line-height:40px; background:url("back.png") 0px 4px no-repeat; padding-left:20px; }
#prevpage:hover { background-image:url("back-over.png"); }

#return { float:right; margin:15px 20px; font-weight:bold; background:url("back.png") 0px 4px no-repeat; padding-left:20px; }
#return:hover { background-image:url("back-over.png"); }

#large { text-align:center; }
#large img { border:1px solid #d8d8d8; }
#large h2, #large p { display:none; }

/*
//==============================================================================
// Contact
//==============================================================================
*/

#contact, form { width:640px; margin:0px 20px; }
#contact tr { vertical-align:middle; }
#contact tr th { font-weight:normal; padding:1px 3px; text-align:right; }
#contact tr td { padding:1px 3px; }
#contact input.text, #contact input.button,
#contact textarea { background:#ffffff url(bginput.png) repeat-x; background-position:top; border:1px solid #999999; }
#contact button { background:none; border:0px; margin:0px; }
#contact tr.req th { font-weight:bold; }
#contact tr.req th span { color:#cc0000; font-weight:bold; }
#contact tr.req td input,
#contact tr.req td textarea { background:#ffffff url(bginputreq.png) repeat-x; }

#merci { width:400px; margin:50px auto; padding:15px; background-color:#eeeeee; border:1px solid #d8d8d8; font-weight:bold; text-align:center; }

/*
//==============================================================================
// Footer
//==============================================================================
*/

#foot { width:620px; border-top:1px solid #e3e3e3; clear:both; color:#666666; font-family:Arial,Verdana,sans-serif; font-size:75%; margin:15px 5px 0px 140px; padding:5px 0px; text-align:right; }
#foot a { color:#666666; text-decoration:none; }
#foot #w3c img { width:80px; height:15px; vertical-align:middle; }