body {
font: 78% sans-serif, Helvetica, arial, sans-serif;
    text-align: center; /*IE centering hack*/
    background:#000; /*fond noir au lieu de jaune clair comme dans page d'index*/
    letter-spacing: 0.05em;   
}
#wrapper {
    width: 1100px;
    background: #000;
    color: #000;
    border: 5px solid #000;
	margin: 0px auto; /*center for compliant browsers*/
    text-align: left; 
    padding: 5px;
    }
#header {
    /*border-bottom: 2px solid #000000;*/
    margin-bottom: 20px;
	height: 0px; /*hauteur de l'image bannière "le magasin pittoresque"*/
	padding: 0px;
	margin: 0;
	color: #000;
    }
   
#container {
    position:relative; 
    width:700px; 
    height:650px; /*hauteur du cadre noir*/ 
    margin:00px 0px 3px 00px; /*placement du contenu des vignettes*/ 
	padding: 5px;
    /*background:#000000 url(./galerie01/images/logo_big_lausanne.jpg) 75px 10px no-repeat ; /*couleur noire+image fixe dans compartiment principal*/
	color:#666666;
	font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif; 

	
    } 		
/* Removing the list bullets and indentation */
#container ul {
    padding:23; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:0; 
    overflow:hidden; 
    background:#fff;
	text-color:#fff
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:5px 5px 1px 4px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span = le cadre contenant les grandes photos */
#container a.gallery:hover span {
    position:absolute; 
    width:1200px; 
    height:350px; 
    top:160px; /*variation de position vertical du cadre contenant photos par rapport au reste */ 
    left:-50px; /* position du cadre, ici à gauche toute... */
    color:#666666; /* important: couleur du texte des légendes grandes photos. */
    font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	text-align:left; letter-spacing:.1.5em; padding: 00px; /* la fonction padding= retrait du texte dans la boite*/	
	background:#000;/* si couleur du cadre noir, alors 000 */
    }
#container a.gallery:hover img {
    border:0px solid #fff; /* si couleur du cadre noir, alors 000  */
    float:left; /*position du texte par rapport à l'image...enfin!*/
	margin:0px 10px 00px 00px;/* position de la photo dans le cadre */
    }
#container a.slide01 {
    background: url(fleche092_int.jpg); 
    height:96px; 
    width:120px;
    }
#container a.slidea {
    background: url(japan_arch_b.jpg); 
    height:96px; 
    width:100px;
    }
#container a.slideb {
    background:  url(ikebana01_b.jpg); 
    height:96px; 
    width:100px;
    }
#container a.slidec {
    background: url(decade01_b.jpg); 
    height:96px; 
    width:100px;
    }
#container a.slided {
    background:  url(japan_invitation_01_b.jpg); 
    height:96px; 
    width:100px;
	
    }
* html #container a.slided {
    width:120px; 
    w\idth:100px;
    } 
#container a.slidee {
    background: url(japon_fav_b.jpg); 
    height:96px; 
    width:100px;
    }
#container a.slidef {
    background: url(midorikawa_b.jpg); 
    height:96px; 
    width:160px;
    }
/** html #container a.slidef {
    width:120px; 
    w\idth:75px;
    }
#container a.slideg {
    background: url(.jpg); 
    height:96px; 
    width:100px;
    }
#container a.slideh {
    background: url(); 
    height:96px; 
    width:100px;
    }
#container a.slidei {
    background: url(); 
    height:99px; 
    width:100px;
    }
*/#container a.slidej {
    background: url(hokusai01_b.jpg); 
    height:96px; 
    width:140px;
    }
/*#container a.slidek {
    background: url(../images/logo_big_neuch.jpg); 
    height:220px; 
    width:147px;
    }
* html #container a.slidek {
    width:220px; 
    w\idth:147px;
    }
#container a.slidel {
    background: url(); 
    height:60px; 
    width:93px;
    }*/
/* position des photos vignettes*/
#container ul {/*change la position colonne vignette*/
    width:1200px; /*longueur sur hauteur*/
    height:50px;
    margin: -8px 00px 00px 4px; 
    float:none; /*change la position dans les vignettes photo*/
    }
#container li {
    float:left;
	align-text:justify;
    }
	
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }

#container2 {
        border: 2px solid #a28465;
   	  	margin-top: 10px;
        padding-top: 5px;
        padding-left: -90px;
        padding-right: 60px;
}
#container2 p {
    font-weight: bold; 
    background-color: #ffffff;
    color: #a28465;
    text-align: justify;
    }  

/* #footer */

#footer {
    border-top: 0px solid #999;/* ligne de bas de page */
    margin-top: -20px;
    padding-top: 90px;
	margin-right: -90px;
	color:#666666;
	font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	background: #000 url(lauffer.jpg) no-repeat;
	a:link{../index.html}
    }  
    
#footer p {
    font-size: 0.9em;
    text-align: center; 
    font-weight: bold; 
    color: #a28465;
		
    } 

#footer a {
    color: #a28465;
    text-decoration: none;
    }
    
#footer a:hover {
    text-decoration: underline;
    }