body{
       background:#999999;
       text-align: center;
       margin: 0;
	   padding: 0;
       font-family:trebuchet ms,verdana, sans-serif;
	   font-size: 12px;
	   color:#000000;

}     


liens
a{text-decoration:none;}
a:link{color:black;}
a:visited{color:black;}
a:hover{color:black;/*font-size:12pt;*/font-family:arial;
font-weight:bold; text-decoration:underline;}
#container 
	{   padding:0;
		position: relative;
		background: #ccc;
		margin: 0 auto 0 auto;
		text-align: left;
 		width: 800px;
 	    height:800px;
 		/*border:2px solid #ffffff;*/
 		
	}

#pageHeader
	{
	   padding:0;
	   margin:0;
	   width:800px;
	   height:155px;
	    background: url(images/top2.gif) no-repeat;
		border-bottom:2px solid #ffffff;
	}


/*#maincontent 
	{ position: absolute;
	  width:750;height:400;
	border:2px solid red;
	  background:#ffffff;
	 text-align:left;
	 margin:0 auto 0 auto ;}*/
	
	  
	 


/* ---( pages)------------------------------------------ */

h4
{text-align:left;
color:#000;background:#c3ddf6;padding-left:15px;}
/****caractéristiques générales des pages***/
#bio,#biblio,#perso,#col,#cata,#chrono,#credit,#recom,#livre
{
     width:680px;height:auto;
     position:absolute;
     background:#fff8dc;
     font-size:12pt;
     text-align:left;
     /*border:1px solid #000000;*/
     /*font-family:Times;*/
     
     
     
}
/****id pour les photos dans les pages***/
#accueilfoto, #biofoto,#bibliofoto,#persofoto,
#colfoto,#catafoto,#chronofoto,#recomfoto
{   padding:0;
	position:absolute;
	border:2px solid black;
}
/* marges différentes pour les titres en gras**/
#accueil span, #bio span,#biblio span,#perso span,#col span,#cata span,
#chrono span,#recom span
{ font-weight:bold;
  font-size:12pt;}

/**marges différentes pour les non gras***/   
 #col span.span2, #biblio span.span2,#cata span.span2,#chrono span.span2,#perso span.span2,#recom span.span2
  {margin-left:4em;
font-weight:normal;font-size:12pt;}
  /**marges différentes pour les non gras***/   
 #col span.span3, #biblio span.span3,#cata span.span3,#chrono span.span3,#perso span.span3,#recom span.span3
  {margin-left:3em;
font-weight:normal;font-size:12pt;}
   
/* page accueil.htm*********/
#accueil
  {
        position:absolute; 
       width:280px;height:450;
       padding:0 10px 0 15px;
        margin:4em 0 0 38em;
       background:#E9DAC3;
       border:2px solid #000;
       font-family:trebuchet ms,verdana, sans-serif;
	    font-size: 15px;
	    color:#000000;
  } 
 
  
#accueil span{ 
  font-weight:bold;
  font-size:15pt;}
   
 #accueilfoto	
{        
       width:441;
       height:498;
       margin:4em 0 0 3em;
     
       background:  url(images/accueil.jpg) no-repeat;
	    border:10px solid #000;
	    }


/*page biographie.htm************************/
  
  #bio
 {
     margin:40px 0 0 30px;
      padding:30px 15px 40px 15px;
      line-height:25px;
      z-index:101;
} 

#biofoto	
{   
   
	  top:12em;
	  left:59em;	
	  width: 270;
	  height:250;
    background:url(images/atelier3.jpg) no-repeat;
     z-index:102;
	    }


/***page chronologie.htm*************************/
#chrono
{
     height:800px;
     margin:50px 0 0 30px;
     padding:30px 15px 0px 10px;
}
#chrono a{text-decoration:none;}
#chrono a:hover{text-decoration:underline;font-weight:bold;}
#chrono a:visited{text-decoration:none;color:blue;}

#chronofoto	
{   
    top:13em;
	  left:50em;	
	  width: 280;
    height:235;
    background:url(images/chrono.jpg)  no-repeat;
}
	    
#chronofoto2	
{  position:absolute; 
   top:14em;
	 left:50em;	
	 width: 220;
	 height:327;
background:url(images/gal2.jpg) no-repeat;
border:5px solid black;
	    }
/**********page bibliographie.htm*************************/
 #biblio
  {
     height:600;
      margin:50px 0 0 30px;
      padding:30px 15px 40px 15px;
      line-height:20px;/*pour firefox*/
      z-index:101;
      
} 
#biblio a {text-decoration:underline;/*font-family:times;*/font-size:12pt;color:#000;}

#biblio a:hover {text-decoration:none; font-family:trebuchet ms,verdana, sans-serif;font-size:12pt;color:#000;}

   
 #bibliofoto	
{
	top:14em;
	left:60em;	
    width: 218;
	height:295;
   background: url(images/biblio.jpg) no-repeat;
	 z-index:102;
	    }

/**************page expos perso.htm****************************/
#perso
{
     width:680px;height:200px; 
     margin:30px 0 0 30px;
     padding:30px 15px 40px 15px;
 }

#persofoto	
{   
    top:13em;
	left:58em;	
	width: 250;/*w 237 h 350 expoperso.jpg*/
	height:268;
  background:url(images/atelier1.jpg) no-repeat;
	    z-index:102;
	    }

/****page expos collectives.htm************************/
#col
{
    
     margin:50px 0 0 30px;
     padding:30px 15px 40px 15px;
}

#colfoto	
{   
     top:13em;
	 left:57em;	
	 width: 250;
	 height:268;
	 background:url(images/bio.jpg) no-repeat;
	  z-index:102;
	    }



/***page catalogues.htm*****************************/
#cata
{
  
    margin:75px 0 0 50;
    
     
 }

#catafoto	
{       
     top:12em;
	 left:60em;	
	 width: 220;
	 height:327;
background:url(images/catalogue.jpg) no-repeat;
	    z-index:101;
	    }



#credit
{
   
   height:400;
    margin:25px 0 0 30px;
	padding:20px 15px 20px 10px;
	
}
/**************page expos recompenses.htm****************************/
#recom
{
   
     margin:50px 0 0 30px;
     padding:30px 15px 40px 15px;
 }

#recomfoto	
{   
    top:13em;
	left:57em;	
	width: 226;
	height:300;
background:url(images/divers.jpg) no-repeat;
	    z-index:101;
	    }


#livre
{
   height:480;
     margin:50px 0 0 30px;
     padding:30px 15px 40px 15px;
 }





/*************************
    menus déroulants horizontaux*/




dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu */
top: 7.8em;/*8.5*/
left: 0;
z-index:103;
width: 100%; /* correction pour Opera */
font-size:11pt;
}

#menu dl {
float: left;
width: 8em;
}
#menu dt {
cursor: pointer;/*taille et hauteur du menu*/
text-align: center;
padding-top:5px;
font-weight: bold;
/*border:1px solid #000;*/
margin: 1px 0px 0 0;
width: 120px; 
height:34px;
}

#menu dd {
display: none;
border: 1px solid #000;
width: 100%;


}

#menu li {
text-align: center;
background:#fff;/*filter:alpha(opacity=80);*/
width: 100%;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, 
#menu dt a:focus {
background: #c3ddf6;
font-family:arial;font-weight:bold;

}

/**************galeries*************/

/*titre de l'oeuvre*/         
 .titre{font: 20pt Geneva,arial; 
      text-align:center;  
     }

//*légende du bas nom et dimensions de l'oeuvre*/
.legende{
    font: 14pt Geneva,arial;  
    text-align:center;
    color:#ffffff;
    }
 
 /*cadre autour de l'image( taille des images pour rappel = 500 x410px*/  
    
  .cadre{
  border:solid 10px #ffffff;margin:3px 0 0 0;
   }
   #bord
   {border:10px double #cccccc;
   padding:3px 3px -2px 5px;
   }
/*********boites popup**********************
#pop 
{
display: none;
position: absolute;
top:0em;
left:15em; 
width:40em;
border: 5px double black;
background: #ffffff;

z-index:102;
cursor: pointer;
font-size:75%;
}
#pop p {
margin: 2 0.3em;
}
#pop h1 {
font-size:200%;
margin: 1em 0 0.5em 0;
color: black;
text-align: center;
}

.fermer {
margin: 0.5em 0 0 0;
color: black;
text-align: center;
text-indent:2em;}


/**********************************/









/*********footer ***/
/*#footer 
	{ 
	    width:800px;
		 border:2px solid #ffffff;
		border: 3px solid #CDC4AC;
		text-align: center;
	     background:#eeeeee;
	    margin:100px auto 0 auto;
	}
	
#footer a:link, a:visited 
	{ color: #000;
text-decoration: none;
		
		}*/


/*************************/