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

body {
   background-color:#e8ffe6; text-align:center;
   background: url("images/body.png") #fff repeat-x center top;
}

#main {
   position:relative; top:0; left:0; width:950px; min-height:100%; margin:0 auto;
   /*position:absolute;  top:50%; left:50%; width:950px; height:580px; margin-left:-475px; margin-top:-290px;*/
   text-align:left;
   background: url("images/bottom.png") #ffff70 no-repeat center bottom;
   border-left:1px solid #e7e91c;
}


#entete {
   background: url("images/top.png") #edd25a no-repeat center top;
   position:relative; top:0; left:0;
   height:93px; color:#090;
   padding-left:190px;
}

#menu {
   position:absolute; top:185px; left:5px;
   border-right:1px solid #e7e91c;
   width:145px;
}

#page {
   position:relative; top:0; left:0;   color:#050;
   margin-left:160px; min-height:400px; width:765px;
   background: url("images/page.png") transparent repeat-x 0 -90px;
}

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

#entete h1 {
   font-size:200%; letter-spacing:0.2em; line-height:2em; cursor:pointer;
   padding:0; margin:0 270px 0 70px; text-align:center;  border:0px solid #f00;
}
#entete #logo {
   position:absolute; top:0; left:0px;
   width:100px; height:93px; overflow:hidden;
   background: url("images/logo.gif") transparent no-repeat center center;
}
#entete #logo2 {
   position:absolute; top:0; left:100px;
   width:170px; height:93px; overflow:hidden;
   background: url("images/sourire.gif") transparent no-repeat center center;
}
#entete #logo3 {
   position:absolute; top:0; left:0;
   width:100px; height:93px; overflow:hidden;
   background: url("images/charmance60.gif") transparent no-repeat center center;
}
#entete #logo4 {
   position:absolute; top:0; right:0;
   width:110px; height:110px; overflow:hidden;
   background: url("images/guide_charme.gif") transparent no-repeat center center;
}

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

#menu ul {
   list-style-type:none; margin:0; padding:0;
}
#menu ul li {
   float:left; clear:both;
   position:relative; top:0; left:0;
   margin:0px 0 0 0; padding:0;
}
#menu ul li a {
   text-decoration:none;  margin:12px 0 0 0;
   display:block;
   width:130px; height:25px; line-height:25px; text-indent:6px; font-weight:700;
   background: url("images/droite.gif") #fff no-repeat 0 0;
   color:#000;
}
#menu ul li a:hover { background-image:none; }
#menu ul li a.sub { margin:3px 0 0 20px; width:110px; height:17px; line-height:17px; background-image:none; background-color:transparent; }
#menu ul li a.sub:hover { background-color:#fff; }
#menu ul li a.flag {
  display:block; width:32px height:32px;
  margin-top:15px; text-align:center; text-indent:0;
  background:none; background-color:transparent;
}

a.menu {
   text-decoration:none;
   display:block; text-align:center; font-size:10pt; letter-spacing:0.1em;
   width:210px; height:2em; line-height:2em; font-weight:700;
   background: url("images/droite.gif") #fff no-repeat 0 0;
   color:#000;  border:1px solid #fff;
}
a.menu:hover { background-image:none; border-color:#e49119; background-color:#fff;  }

div.carte { display:none; }


 /* ----------------------- */
 
 
#page h3, #page h1 {
   margin-top:0; color:#060;
   font-size:16pt; line-height:2em;  letter-spacing:0.1em;
}
#page .center { text-align:center; }
#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }
#page .clear { clear:both; }
#page hr { border-color:#ac2; color:#ac2; }
#page .marge { margin-left:3em; }
#page .marges { margin-left:3em; margin-right:3em; }
#page img.border { border:6px solid #fff; }
#page a:hover img.border, #page a img.border:hover { border-color:#f4a129; }
#page ul.sep li { margin-bottom:0.3em; }

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }
#z_ombre { background-color:#edd25a; position:absolute; top:0; left:0; width:100%; z-index:998; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:90); opacity:0.9;}
#z_image { border:1em solid #fff; }

.flag { /*position:absolute; top:-70px; right:170px;*/ }
 
 /* ----------------------- */
 
#directweb {
   font-size:7pt; color:#ddd; text-align:center;
   position:absolute; z-index:0; right:1em; bottom:1em;
   width:9em;
}
#directweb a { font-size:7pt; color:#ddd; text-decoration:none; }


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