html, body {
   margin:0; padding:0; width:100%; height:100%;
   font-family:"Arial"; font-size:10pt;
}

body {
   background-color:#000; text-align:center;
}

#main {
   position:relative; top:0; left:0;
   width:950px; margin:0 auto;
   text-align:left;  background-color:#ffffcc;
   background:url("images/1b.gif") #ffffcc repeat-x left top;
}

#main2 {background:url("images/2a.gif") transparent repeat-y left top; }
#main3 {background:url("images/2d.gif") transparent repeat-y right top; }
#main4 { background:url("images/3b.gif") transparent repeat-x left bottom; }

#hg {
   position:absolute; top:0; left:0;
   width:47px; height:75px; /*width:115px; height:115px; */
   background:url("images/1a.gif") transparent no-repeat left top;
}
#hd {
   position:absolute; top:0; right:0; width:43px; height:101px;
   background:url("images/1c.gif") transparent no-repeat right top;
}


#entete {
   position:relative; top:0; left:0;
   height:83px;
}

#page {
   position:relative; top:0; left:0;
   min-height:400px; /*padding:10px 25px;*/
   margin-left:18px; margin-right:25px;
   background-color:#ffffcc;
}

#pied {
   position:relative; top:0; left:0;
   height:58px; width:950px; margin:0 auto;
   background:url("images/3b.gif") transparent repeat-x left bottom;
}


/* ----------------------- */

#pied .gauche { background:url("images/3a.gif") transparent no-repeat left bottom; width:33px; height:58px; float:left; }
#pied .droite { background:url("images/3c.gif") transparent no-repeat right bottom; width:33px; height:58px;  float:right; }
#pied div { text-align:center; position:absolute; bottom:0; left:0; width:100%;
      line-height:24pt; letter-spacing:0.2em; color:#fff;
}
#pied div a { color:#fff; text-decoration:none; display:block; text-align:center; }
#pied div a:hover { color:#333; }

/* ----------------------- */

#entete h1 {
   font-size:130%; letter-spacing:0.2em;  display:none;
   padding:0; margin:25px 0 0 5px; line-height:60px;
}
#entete #logo {
   position:absolute; top:0; left:15px;
   width:150px; height:36px; overflow:hidden;
   background: url("images/logo.gif") transparent no-repeat center center;
}

#menu {
   position:absolute; bottom:15px; left:60px;
   line-height:32px;
}

#menuplus {
   position:absolute; top:4px; right:40px;
   line-height:26px;
}

#sousmenu { display:none; }

/* ----------------------- */

#menu ul {   list-style-type:none; margin:0; padding:0;}
#menu ul li {
   float:left;
   position:relative; top:0; left:0;
   margin:0; padding:0;
}
#menu ul li a {
   text-decoration:none; font-size:11pt; font-weight:700;
   display:block; width:139px; text-align:center; color:#bbbb77;
   background-position:top center;
}
#menu ul li a:hover { color:#000; text-decoration:underline; }
#menu ul li a.select { background-image:url("images/select.gif"); color:#000; }
#menu ul li ul {
   display:none;
   position:absolute; top:1em; left:0;
}
#menu ul li:hover ul { display:block; }

#menuplus ul { list-style-type:none; margin:0; padding:0; }
#menuplus ul li {
   float:left;
   position:relative; top:0; left:0;
   margin:0; padding:0;
}
#menuplus ul li a {
   text-decoration:none; font-size:10pt; font-weight:700;
   display:block; width:100px; text-align:center; color:#fff;
}
#menuplus ul li a:hover { color:#000; text-decoration:underline; }

 /* ----------------------- */
 
 
#page h3, #page h1 {
   margin-top:0; text-indent:4px;
   font-size:17pt; letter-spacing:0.1em; color:#995;
   border-bottom: 1px solid #cc9;
}
#page h3 a { color:#995; }
#page h4 {
   margin-top:0; line-height:60px; text-indent:4px;
   font-size:17pt; letter-spacing:0.05em; color:#995;
   border-bottom: 1px solid #cc9;
}
#page h4 a { color:#995; }

#page .center { text-align:center; }
#page .left { float:left; margin-right:2em; }
#page .right { float:right; margin-left:2em; }
#page img.border { border:3px solid #cccc99; }
#page .marge { margin-left:1em; }

#page a.retour { color:#995; margin:1em; font-size:80%; }
#page a.retour:hover { color:#000; }
#page a.retour2 { color:#995; margin:0em; font-size:95%; text-align:center; }
#page a.retour2:hover { color:#000; }

#page ul.fiches { margin:0 auto 0 auto; width:600px; }
#page ul.fiches li { margin-top:0.4em; clear:left; position:relative; top:0; left:0; width:auto; line-height:2em; }
#page ul.fiches li:hover { background-color:#fff; }
#page ul.fiches li a { margin-left:4em; position:absolute; top:0; right:0; text-align:right; width:100%; z-index:4; }


#page table.fiches { width:800px; margin:0 auto; }
#page table.fiches tr { }
#page table.fiches tr:hover { background-color:#fff; }
#page table.fiches tr td a:hover { background-color:#fff; }

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }

/* ----------------------- */

table.tpanier { margin:1em auto;  text-align:right; width:80%; }

table.tpanier thead th { text-align:center; border-bottom:3px solid #995; }
table.tpanier .up { border-top:3px solid #995; }
table.tpanier td { line-height:1.5em; height:1.5em; padding:0.2em 0; }
table.tpanier td.reference { text-align:left;  }
table.tpanier td.titre { text-align:left; padding-left:1em; }
table.tpanier tbody tr:hover { background-color:#fff; }
 
 /* ----------------------- */
 
#directweb {
   font-size:8pt; color:#cccc99; text-align:center; float:right;
}
#directweb a { font-size:8pt; color:#cccc99; text-decoration:none; }


 .cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
 .print { display:none; }
 .noprint { }