body {
	font: 78%/1.5 verdana, tahoma, arial, helvetica, serif;
	background-color:#f5f5cd;
	color:#000;	
	text-align: left;
	padding: 0;
	margin: 1em;     }  
h1, h2, h3  {
    text-align: left;
	font-family: "tempus sans ITC",  verdana, tahoma, arial, helvetica, serif; 	} 
h4  {
    text-align: center;
	font-family: "tempus sans ITC", verdana, tahoma, arial, helvetica, serif; 	} 	
h5  {
    text-align: center;
	font-family:  verdana, tahoma, arial, helvetica, serif; 	} 		
h6  {
    text-align: left;
	font-family:  verdana, tahoma, arial, helvetica, serif; 	}  
#containeur {
	width:95%; 
	text-align: left;
	margin: -5px auto;     } 
	
.bloc1 { 			  }
.bloc2   { height:40px; }
.bloc3   { margin-top:20px; }
.bloc4   { text-align: center;} 
.bloc5   { margin-top:60px; }
.bloc8   { margin-top:120px; } 
  
 
.cache {position: absolute;
      	  left:10000px;
      	  top:-10000px;  }  
.gauche  {float:  left; }
.ps {  font-size:0.75em}		  
q.s { font-size:0.8em}
q.t { font-size:0.9em}
p#trois  {  width :110px; height: 30px; font-size: 0.8em;  text-align:left;  }
p#quatre { }  


/* menu principal*/	  
/* A #nav {
	    float: left;
	    width:60em;
	    list-style:  none;
	    line-height: 1em;   	              
	    font-size:   100%;
	    font-weight: normal; 	              
	    padding: 0;				              
	    border-top:1px solid black; 
	    margin: 0 0.3em;         }
#nav ul {
	    float: left;	
	    width:8em;
	    list-style:  none; 	                
	    font-size:   100%;
	    font-weight: normal;	               
	    padding:;          }		
#nav a {
	    display: block;
	    width: 6px;
	    color: gray;
	    background-color: #f5f5cd;	    
	    text-decoration: none;	   } 	     
#nav li {			                             
	    float:left;	
		padding: 0;
	    width: 8em;	           }
#nav li ul {
	    position: absolute;
	    left: -999em;
	    height: auto;
        width: 0.5em;	   
		font-size:90%;
	    font-weight: normal; 
		border-top:1px solid black;		   
	    margin: 0;		} 
 #nav li ul a {							    
	    width: 9em;
		margin: 5px 0; }
#nav li:hover ul,  #nav li.sfhover ul  {
	   left: -999em;} 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	   left: auto;	background-color: #eda;
	   } 	   A*/
	   /* si on veut colorer le background des menus quand on survole à la souris:
 #nav li:hover, #nav li.sfhover { background-color: ;  } */
 /* B #nav li a:hover { 
        
		color:#000;
		font-weight: bold;	
		}	B */
			
		/* si on veut colorer le background des sous-menus quand on survole à la souris:				
		background-color:#eda; */  
/* C #nav li a#current {
		font-weight: normal;	
		color:#000;
		 }		c */				
		 
	#nav
		{
			padding: 3px 0;
			margin-left: 0;
			border-bottom: 1px solid #778;
			font: bold 12p, Verdana, "sans-serif";
		}
		
		#nav li
		{
			list-style: none; 
			margin: 0;
			display: inline;
		}
		 	
		
		#nav li a
		{
			padding: 3px 0.5em;
			margin-left: 3px;
			border-bottom: none;
			background: #f5f5dc;
			text-decoration: none;
		}
		 
		
		
		#nav li a:link { color: #448; }
		#nav li a:visited { color: #667; }
		
		#nav li a:hover
		{
			color: #000;
			background: #fad452; 
			border-color:   #227; 
			font-weight: bold;
		}
		
		#nav li a#current
		{
			background: white;
			border-bottom: 1px solid white;
		}  	 
		 
		 		  
#content {                                     
	     clear: left; }	
		   
 /* Page Arts Premiers*/
#container {position:relative; width:770px; height:396px;  margin:18px auto 0 auto; color:#000; background:url(images/souris.jpg) 75px 10px no-repeat;}     /* tout le container*/
#container ul {width:230px; height:386px; padding:0; margin:0 ; list-style-type:none; float:right; }  
#container li {float:left;}
#container a.gallery,#container a.gallery:visited {display:block;  text-decoration:none;		
                     border:1px solid #000; margin:0 2px; text-align:left; cursor:default;}     
#container a.slidea {background:url(masques/01s.jpg); height:60px; width:38px;  font-weight: bolder;}
#container a.slideb {background:url(masques/02s.jpg); height:60px; width:34px;  font-weight: bolder;}
#container a.slidec {background:url(masques/03s.jpg); height:60px; width:34px;  font-weight: bolder;}
#container a.slided {background:url(masques/04s.jpg); height:60px; width:34px;  font-weight: bolder;}
#container a.slidee {background:url(masques/05s.jpg); height:60px; width:35px;  font-weight: bolder;}
#container a.slidef {background:url(masques/06s.jpg); height:48px; width:38px;  font-weight: bolder;}
#container a.slideg {background:url(masques/07s.jpg); height:48px; width:38px;  font-weight: bolder;}
#container a.slideh {background:url(masques/08s.jpg); height:48px; width:35px;  font-weight: bolder;}
#container a.slidei {background:url(masques/09s.jpg); height:48px; width:35px;  font-weight: bolder;}
#container a.slidej {background:url(masques/10s.jpg); height:48px; width:35px;  font-weight: bolder;}
#container a.slidek {background:url(masques/11s.jpg); height:60px; width:43px;  font-weight: bolder;}
#container a.slidel {background:url(masques/12s.jpg); height:60px; width:66px;  font-weight: bolder;}
#container a.slidem {background:url(masques/13s.jpg); height:60px; width:36px;  font-weight: bolder;}
#container a.sliden {background:url(masques/14s.jpg); height:60px; width:36px;  font-weight: bolder;}
#container a.slideo {background:url(masques/15s.jpg); height:60px; width:39px;  font-weight: bolder;}
#container a.slidep {background:url(masques/16s.jpg); height:60px; width:47px;  font-weight: bolder;}
#container a.slideq {background:url(masques/17s.jpg); height:60px; width:48px;  font-weight: bolder;}
#container a.slider {background:url(masques/18s.jpg); height:60px; width:41px;  font-weight: bolder;}
#container a.slides {background:url(masques/19s.jpg); height:60px; width:44px;  font-weight: bolder;}
#container a.slidet {background:url(masques/20s.jpg); height:60px; width:44px;  font-weight: bolder;}
#container a.slideu {background:url(masques/21s.jpg); height:60px; width:23px;  font-weight: bolder;}
#container a.slidev {background:url(masques/22s.jpg); height:60px; width:38px;  font-weight: bolder;}
#container a.slidew {background:url(masques/23s.jpg); height:60px; width:50px;  font-weight: bolder;}
#container a.slidex {background:url(masques/24s.jpg); height:33px; width:23px;  font-weight: bolder;}
#container a.slidey {background:url(masques/25s.jpg); height:33px; width:62px;  font-weight: bolder;}
#container a.slidez {background:url(masques/26s.jpg); height:33px; width:62px;  font-weight: bolder;}
#container a.slideza {background:url(masques/27s.jpg); height:33px; width:21px;  font-weight: bolder;}
#container a.gallery span {position:absolute; width:1px; height:1px; top:0; left:0; 
                           overflow:hidden;}
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px; }
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
#container a.gallery:hover span {position:absolute; width:480px; height:372px;  
                                color: #000; background:#f5f5dc; }	
								
								
/* Page Divers*/								
#container1 {position:relative; width:770px; height:396px; margin:18px auto 0 auto; color: #000; background:url(images/souris.jpg) 75px 10px no-repeat;	} 
#container1 ul {width:270px; height:386px; padding:0; margin:0; list-style-type:none; float:right;}
#container1 li {float:left;}
#container1 a.gallery, 
#container1 a.gallery:visited {display:block;  text-decoration:none; border:1px solid #000; 
                               margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container1 a.slidea1 {background:url(divers/d01s.jpg); height:60px; width:78px;  font-weight: bolder;}
#container1 a.slideb1 {background:url(divers/d02s.jpg); height:60px; width:87px;  font-weight: bolder;}
#container1 a.slidec1 {background:url(divers/d03s.jpg); height:60px; width:70px;  font-weight: bolder;}
#container1 a.slided1 {background:url(divers/d04s.jpg); height:60px; width:60px;  font-weight: bolder;}
#container1 a.slidee1 {background:url(divers/d05s.jpg); height:60px; width:66px;  font-weight: bolder;}
#container1 a.slidef1 {background:url(divers/d06s.jpg); height:60px; width:43px;  font-weight: bolder;}
#container1 a.slideg1 {background:url(divers/d07s.jpg); height:60px; width:45px;  font-weight: bolder;}
#container1 a.slideh1 {background:url(divers/d08s.jpg); height:60px; width:52px;  font-weight: bolder;}
#container1 a.slidei1 {background:url(divers/d09s.jpg); height:60px; width:40px;  font-weight: bolder;}
#container1 a.slidej1 {background:url(divers/d10s.jpg); height:60px; width:48px;  font-weight: bolder;}
#container1 a.slidek1 {background:url(divers/d11s.jpg); height:60px; width:41px;  font-weight: bolder;}
#container1 a.slidel1 {background:url(divers/d12s.jpg); height:60px; width:76px;  font-weight: bolder;}
#container1 a.slidem1 {background:url(divers/d13s.jpg); height:60px; width:47px;  font-weight: bolder;}
#container1 a.sliden1 {background:url(divers/d14s.jpg); height:60px; width:60px;  font-weight: bolder;}
#container1 a.slideo1 {background:url(divers/d15s.jpg); height:60px; width:60px;  font-weight: bolder;}
#container1 a.gallery span {position:absolute; width:1px; height:1px; top:0; left:0; 
                            overflow:hidden;}
#container1 a.gallery:hover {border:1px solid #fff;}
#container1 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container1 a.slideb:hover img,
#container1 a.slidei:hover img {float:right;}
#container1 a.gallery:hover span {position:absolute; width:480px; height:372px; 
                                  color:#000; background:#f5f5dc;}
								  
/* Page exposition */	
  #menu1 {	  position:relative; 	  padding:0;     margin-top:5em;      width:0;	   }	
  #menu1 li {  list-style-type:none;      margin:0 0 0.25em 0;	    } 
  #menu1 a span {    display:none;	    }        
  #menu1 a:hover span {		 
  display:block; 
  position:absolute; 
  left:10em; 
  top:0; 
  text-align:left; 
  padding:0.5em;  
  width:60em; 
  background:#eee; 
  color:#000; 
  border:1px solid #808;  }
 #menu1 img {
  border:1px solid #000; 
  float:left;
  margin:0.25em 1em 0 0;  }
  #menu1 a:hover  {
  font-weight:bold;
  background:#ddd;
  font-size:1.05em;
  color:#808; 			 }
  #menu1 a, #menu1 a:visited {  
  display:block;
  width:9em;
  border:1px solid #cccc99;  
  font-family: arial, verdana, sans-serif;
  font-size:1em;
  text-align:left;
  text-decoration:none;
  background:#fad452;	
  color:#000000; 
  padding:0.25em;   }