html, body { width:100%; height:100%; }

 body {  margin:0 auto; text-align:center;
	font-family:"Times New Roman"; font-size:11pt; 	color:#fff;
	scrollbar-track-color:#cdc; scrollbar-base-color:#afa;
	background:url("images/body.bg.gif") #000 repeat-y center top;
        }
        
 #main { position:relative; width:950px; text-align:left;
       height:100%; margin:0 auto;
       border-bottom:0px solid #696;
       background:url("images/main.bg.gif") #e3e7d7 repeat-y top right;
 }
 
 #entete { position:relative; top:0px; left:0px; width:100%;
         background-color:#e3e7d7;
         /* background-image:none; background-repeat:no-repeat; background-position:left top ; */
 }

 #contenu {
   position:relative; top:0; left:0; display:block; width:100%;
   background:url("images/main.bg.gif") #e3e7d7 repeat-y top right;
 }
 
 .bandeau { height:19px; position:relative; left:0px; clear:both; display:block; overflow:hidden;
          border-top:1px solid #aaa;  border-bottom:1px solid #aaa; background-color:#ced8b8;  text-align:center;
 }
 .bandeau * { font-size:9pt; }
 
 
 
 #bande { height:106px; color:#eee; overflow:hidden;
       font-size:9pt; text-align:center; padding:0;
       background:url("images/cave.jpg") transparent repeat center center ;
 }
 #bande a { text-decoration:none; }
 #bande h2 { padding:0; margin:0; line-height:100px; font-size:16pt; text-align:center;  position:relative; top:42px; }
 
 #page {
   position:relative; /*position:absolute;*/ top:0; right:0;
   width:730px; min-height:400px;
   margin:0 0 20px 220px; padding:0 0 1em 0;
   color:#000; text-align:justify;
   background:url("images/main.bg.gif") #e3e7d7 repeat-y right top;
 }
    #marge { margin:10px 10px 100px 10px; display:block; color:#000; }



 #gauche {
   background-repeat:no-repeat; background-position:center bottom ; border:0px solid #0f0;
   position:absolute; top:0; left:0;
   /*position:relative; left:0; top:0px; height:660px;*/ width:220px; /*height:470px;*/ overflow:hidden;
   text-align:center;
 }

 #pied {
   text-align:center; width:100%; clear:both; font-size:8pt; position:absolute; bottom:0; background-color:#fff;
   padding-top:8px;  border-top:1px solid #ccc;
   /* padding-bottom:100px; background-image:url("images/style/pied.bg.gif");   background-repeat:no-repeat; background-position:center bottom ; */
 }
/* -------------------- */


 hr { color:#b11d46; height:2px;}
 ul.o         { list-style: outside }
 li.picto, ul.picto { list-style-image: url("images/li.gif"); }
 a { color:#cc1111; }
 a:hover { color:#FF0000; }

 /* -------------------- */
 
 #onglet { position:relative; top:0; left:0; padding:0; margin:0; }
 #onglet ul { width:100%; padding:0; margin:0; text-align:right; list-style-type:none; }
 #onglet ul li { list-style:none; padding:0;  margin:0; text-align:center; float:left; }
 #onglet ul li a { width:118px; text-transform: uppercase; color:#262; font-size:10pt; font-weight:700; text-decoration:none; display:block;
         position:relative; overflow:hidden;  text-align:center; padding-top:2px; padding-bottom:2px;
 }
 #onglet ul li a:hover { color:#000; background-color:#fff; background-position: left center; background-repeat:no-repeat; }
 #onglet ul li a.on { color:#000; }
 
  /* -------------------- */
  
 #menu { position:relative; text-align:center; padding:0; margin:0; width:auto; overflow:hidden; }
 #menu ul { padding:0; margin:0;  list-style-type:none; }
 #menu ul li { line-height:19px; width:238px; list-style:none; float:left; display:block; }
 #menu ul li a { color:#262; display:block;  width:100%; text-decoration:none; padding:1px 10px 1px 10px;  text-align:center;}
 #menu ul li a:hover { background-color:#fff; color:#000; }
 #menu ul li a.on { color:#000; }
 
 #gauche ul { width:100%; margin:0; padding:0; margin-top:5px; margin-bottom:15px; text-align:center; }
 #gauche ul li { list-style-type:none; margin-bottom:3px;  }
 #gauche ul li a { display:block; width:100%; text-align:center; text-decoration:none; color:#6a6; font-size:12pt;  font-weight:500; font-style:italic; }
 #gauche ul li a:hover { color:#000; }
 
 
 #gauche img { height:214px; margin:10px auto 0 auto; border:4px solid #aca; }
 


 .logo b { font-size:230%; }
 #logo1 { left:0;  width:50px; height:55px; padding:0;
        position:absolute; z-index:99; top:7px;
        background-image:url("images/logo.gif"); background-repeat:no-repeat; background-position:center center; }
 
 #logo2 { right:0;  width:50px; height:55px; padding:0;
 		position:absolute; z-index:99; top:7px;
		background-image:url("images/logo.gif"); background-repeat:no-repeat; background-position:center center; }


 #entete h1 { color:#a84; font-size:26pt; text-align:center; line-height:35px;
         padding:10px 0 0 0; margin:0 auto;
         width:400px; display:block;
         background:url("images/domaine.gif") transparent no-repeat center center;
 }
 #entete h1 b { visibility:hidden; }
      

 /* -------------------- */
 
 #page ul.menu { position:relative; float:right; padding:5px; background-color:#6a6;
       top:-15px; right:0; padding-left:25px;
 }
 #page ul.menu li { list-style-type:disc; color:#fff; display:list-item; }
 #page ul.menu a { text-decoration:none; color:#dfd; }
 #page ul.menu a:hover { text-decoration:none; color:#fff; }
 
 #page h1 { font-family:"Times New Roman"; font-variant: small-caps; position:relative;
          margin:0px; padding:0px; top:-0px; padding-left:25px; margin-bottom:15px;
          background-image:url("images/li.gif"); background-repeat:no-repeat; background-position:5px center;
          background-color:#b6ceb2;
          font-size:14pt; letter-spacing: 0.1em; font-weight:700; color:#151;
          width:auto; display:block; text-align:left;
 }
 #page h2 { margin:0px; margin-top:1em; font-size:100%; font-weight:600; color:#400; }
 #page ul { padding-left:25px; display:block; }
 #page li { /*display:block;*/ }
 
 #page p { /*width:500px;*/ text-align:justify; margin-top:2em; margin-bottom:2em; }
 #page big { font-size:150%; }
 #page small { font-size:80%; }
 

 #page .right { float:right; margin-left:15px; margin-bottom:5px; }
 #page .left  { float:left;  margin-right:15px; margin-bottom:5px; }
 #page .center { text-align:center; margin-left:auto; margin-right:auto; }
 #page .haut { height:300px; line-height:300px; }
 #page .haut br { height:300px; }
 #page hr.clear { visibility:hidden; clear:both; padding:0; margin:0; }
 #page hr { color:#b6ceb2; border-color:#b6ceb2; }
 
 #page img.cadre { border:4px solid #7a7; }
 #page a.vue img { opacity:0.6;  }
 #page a.vue:hover img { opacity:1; }
 
 img#diapo {
           width:150px; filter:blendTrans(Duration=1); background-color:#7a7;
           background-position:center center; background-repeat:no-repeat;
 }
 img#diaporama {
           filter:blendTrans(Duration=1); background-color:#7a7;
           background-position:center center; background-repeat:no-repeat;
 }

#z_ombre { background-color:#ca6; position:absolute; top:0; left:0; width:100%; z-index:998; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:90); opacity:0.9;}
#z_image { border:10px solid #fff; }
#z_close { border:0px; position:absolute; top:0px; left:49%; width:19px; height:19px; margin:0; z-index:1001;}

 
 /* -------------------- */
 
 .fiche h3 { font-style:italic; }
 .fiche ul { }
 .fiche big { }
 .fiche b {  }
 .fiche ul li { list-style-type:none; list-style: outside; margin-top:5px; display:block; }

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

 input.b, textarea, select, option { background-color:#fff; }
 .cache { display:none; visibility:hidden; position:absolute; z-index:-1; width:1px; height:1px; overflow:hidden; }
 .print {  display:none; }
 .noprint { }