html, body { margin:0; width:100%; }
 body { background-color:#ccc; padding:0;
      text-align:center; margin: 0; height:100%;
 }
 
 #main {
       position:absolute; top:0; left:50%; margin-left:-385px;
       width:770px; min-height:1000px;
       background-color:#ddd; border-right:1px solid #aaa;
       text-align:left;
       background-image:url("images/bg.main.gif"); background-position:right top; background-repeat:repeat-y;
 }
 
 #entete { height:100px; position:relative; top:0; left:0;
         background:#fc6; width:auto; overflow:hidden;
         text-align:center; color:#f60;
 }
 
 #page {
       width:580px; padding:10px;
       background-color:#fff;
       min-height:800px; float:right; margin-left:163px;
       position:relative; margin-top:0px;
       overflow:auto;
 }

  #menu {  font-size:80%;
    position:absolute; top:100px;
  }


 /* --------------------------------------- */
 
 #entete h1 { padding:0; margin:0; margin-top:0.2em; }
 #entete h3 { padding-left:200px; margin:0; }
 #entete h2 { margin:0; padding-bottom:5px; padding-top:5px; background-color:#f60; color:#fff; font-size:11pt;
         position:absolute; left:0; width:100%; bottom:0; z-index:10;
 }
         #titre { text-align:left; margin-left:10px; }
         
         .logo { position:absolute; z-index:0; border:0;  display:block;
           width:100px; height:100%; padding:0; margin:0; overflow:hidden;
           background-image:url("images/logo2.gif"); background-position:center top; background-repeat:no-repeat;
         }
         
   #barre { float:right;
   }
   #barre a { margin-right:1em; width:7em; color:#000; font-weight:900; text-decoration:none; }
   #barre a:hover { text-decoration:underline; }
         
 #styles {  position:absolute; top:0; right:110px; z-index:99; width:44px; overflow:hidden; }
 #styles a { display:block; width:36px; height:16px; font-size:1pt; margin:4px; border:1px solid #aaa; background-color:#fc0; }
 #styles a:hover { background-color:#d33; border:1px solid #fff; }
 #styles a.vert { background-color:#093; }
 #styles a.bleu { background-color:#069; }
         
 /* --------------------------------------- */
 
 
 #page h1 { font-size:130%; color:#b30; margin-bottom:0; }
 #page h2 { font-size:120%; color:#b30; margin-bottom:0;}
 #page h3 { font-size:110%; color:#f96; margin-bottom:0;}
 #page h4 { font-size:100%; color:#f96; margin-bottom:0;}
 #page ul { padding-top:0; padding-left:35px; margin-top:4px; }
 
  /* --------------------------------------- */
  
#menu ul { text-align:center;	}
#menu ul.top, #menu ul.top li { background-color:#fff; }
#menu a {
   display:block;
	color:#222;
	text-decoration:none;
	padding-top:2px; padding-bottom:2px;
	padding-left:5px; padding-right:5px;
	width:160px;  /*white-space: wrap;*/
}
#menu a:hover { color:#fff; }
#menu ul li{
   position:relative; top:0; left:0;   float:left; clear:both; display:block;
	margin-left : 0px;  width:100%;
	list-style-type:none;   /*white-space: nowrap;*/
	background-repeat:no-repeat; background-position:right center;
}
#menu ul li.c { background-image:url("images/fleche1.gif"); }

#menu li:hover { background-color:#f60;  }
#menu ul { padding:0; margin:0; width:170px; }
#menu li ul {
           position:absolute;
           top:-2px;
           right:-170px;
           border:0px solid #f60;
           background-color:#fc6;
}

#menu ul ul {		display:none;	}
#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {		display:block;	}
#menu li:hover ul ul, #menu li:hover li:hover ul ul {		display:none;	}


#menu p{  width:166px;
	clear:both;
	margin:0;
	padding:2px;
	border:0px solid;
	border-color:#f96 #930 #930 #f96;	background:#b30; 	color:#fff;
	text-align:center;
	font-size:1em;
}
  
  
  /* --------------------------------------- */
 
 #cale { height:800px; width:1px; float:left; }
 #pied { clear:both; height:1px; display:block; }
 
 .center { text-align:center; }
 .left  { float:left; margin-right:20px; }
 .right { float:right; margin-left:20px; }
 
 .print { display:none; }
 .cache { display:none; visibility:hidden; position:absolute; width:1px; height:1px; overflow:hidden; }