html, body { width:100%; height:100%; background-color:#EAD292; margin:0; padding:0; }

body { text-align: center; font-family: "Comic Sans MS";
     background-image: url("images/res/bg.body.gif"); background-position: center top; background-repeat: repeat-y;
}

#main {position: absolute; z-index:1; text-align:left; left:50%; margin-left: -387px; top:0; width:774px;
      background-color: #dedede;   }

#entete {position: relative; left:0; top:0; height:130px; overflow: hidden; border:0px solid #00f;
        }


#logo { position:absolute; height:100%; width:375px;  top:0px; right:0px;  display:block;
      background-image: url("images/aquarelle2.jpg"); background-position: left top; background-repeat: no-repeat;}

#sousmenu { display:none; position: absolute; bottom:0; right:0; height:20px; width:375px; background-color: #f7f1db; }

#banniere {position: absolute; left:0; top:0px; width:400px; height: 130px;
          background-image: url("../../exploitation/entete2.jpg"); background-position: left top; background-repeat: no-repeat;
          }

#photo {position: absolute; right:0; bottom:0px; width:100%; height: 35px;
       filter: progid:DXImageTransform.Microsoft.Alpha( opacity=60); opacity:0.60;
       background-color: #ccc; z-index: 1;}

#menu { position:absolute; left:0; top:125px; z-index: 2;
      font-size:100%; font-family : "Monotype Corsiva" ," Times New Roman" ;
}

#contenu {  width:100%; left:0; top:0; }

#image { border:0px solid #0c0; float:left; width:100px; height: 208px; margin: 10px;
       background-image: url("../../images/bouteille1.jpg"); background-position: center center; background-repeat: no-repeat;}

#ssmenu {  width:150px; float:right; display:none; }

#page { position:relative; top:0; left:0;  clear:both;
      margin-left: 140px; width: 630px;  font-size:90%;
      text-align:left;
      }

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


#logo { text-decoration:none; color:#777; text-align: center; }
#logo:hover { color:#000; }
#logo h1 {text-align: center; font-family:"Monotype Corsiva"; margin: 0; padding: 0; margin-top:84px; font-size:16pt; text-decoration:none; }
#entete h1 {text-align: center; font-family:"Monotype Corsiva"; color:#777;
        margin: 0; padding: 0;  height:58px; width:250px; display:block;
        margin-top:44px; margin-left:120px;
        font-size:18pt; text-decoration:none;
        background-image: url("images/bg.entete.gif"); background-position: center center; background-repeat: no-repeat;
}

#menu ul{
  border-left: 3px solid  #6d775e; margin:0; padding:0;
}
#menu ul li { display: block; list-style-type: none; margin-top:5px; }
#menu ul li a { padding:5px; color: #6d775e; text-decoration: none; font-weight: 700;  display: block; width: 110px; text-align: left; overflow:hidden; }
#menu ul li a:hover { background-color:#b3b6ad; color:#000; }
#menu a b { font-size:120%; }
#menu ol { display:none; padding:3px; margin:0; position:absolute; left:100px; background-color:#97b1ae; /*#6d775e;*/ }
#menu ol li { margin:0;  list-style-type: none; }
#menu ol li a { color:#fff; padding:5px; text-decoration: none; font-weight: 700;  display: block; width: 125px; text-align: left; overflow:hidden; }
#menu ol li a:hover { color:#000; }
      #u1 { top:10px; }
      #u2 { top:40px; }
      #u3 { top:153px; }



#sousmenu ul{ margin: 0; padding: 0; margin-left: 20px;}
#sousmenu ul li {display: inline; float: left; list-style: none;}
#sousmenu ul li a {color: #ddd; text-decoration: none; font-weight: 700; font-size:11pt; display: block; width: 150px; text-align: center;}
#sousmenu ul li a:hover {color: #fff;}

#smenu ul { margin: 0; padding: 0; margin-top: 5px; margin-bottom:0.5em; margin-left:100px; }
#smenu li {margin-left: 10px; list-style: none; float:left; }
#smenu li a { width:130px; text-align:center; border:1px solid #ddd; color: #6d775e; text-decoration: none; font-weight: 700; font-size:11pt; display: block; padding:3px;  }
#smenu li a:hover { color:#000; border:1px solid #6d775e; }

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

#page h1 { font-family:"Monotype Corsiva"; font-size: 16pt; color: #6d775e; border-bottom: 3px solid #6d775e;
      text-align:right; padding-right:10px; margin-right: 0%; padding-bottom: 4px; margin-top: 0.2em; margin-bottom: 1em;
}
#page .sl { border-bottom: 4px solid #6d775e; }

.cadre { border:4px solid #fff; margin:10px; }
a.cadre img.cadre { margin:0;  }
a.cadre { margin:10px; border:0; }

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

#diapo { filter:progid:DXImageTransform.Microsoft.GradientWipe( duration=1, GradientSize=0.5, wipeStyle=0, motion='forward');  }

.right { float:right; margin-left:20px; }
.left { float:left; margin-right:20px; }
.center { text-align:center; }

.cache { display:none; visibility:hidden; position:absolute; z-index:0; }

.print { display:none; }