body {
font: 78% sans-serif, Helvetica, arial, sans-serif;
    text-align: center; /*IE centering hack*/
    background:#000;
    letter-spacing: 0.05em;   
}
#wrapper {
    width: 1000px;
    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: 10px;
	margin-left: 40px;
	width: 570px;
	height: 48px;
	padding: 00px;
	color: #666;
	background: #7DCE27 url(banniere_pit.jpg) no-repeat;
	a:link{../../index.html}
    }
   
#container {
    position:relative; 
    width:1000px; 
    height:900px; /*hauteur du cadre noir*/ 
    margin:00px 00px 0px 00px; /*placement du contenu des vignettes*/ 
	padding: 00px;
    /*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:0px solid #000; 
    margin:5px 5px 1px 4px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:0px solid #fff; 
    }
/* styling the :hover span = le cadre contenant les grandes photos */
#container a.gallery:hover span {
    position:absolute; 
    width:570px; 
    height:750px; 
    top:00px; /*variation de position vertical du cadre contenant photos par rapport au reste */ 
    left:-10px; 
    color:#666; /* important: couleur du texte des légendes grandes photos. */
    font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	text-align:justify; letter-spacing:.1.8em; padding: 65px; /* 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:bottom; /*position du texte par rapport à l'image...enfin!*/
	margin: /* position de la photo dans le cadre */
    }
#container a.slidea {
    background: url(arturschnabel.jpg); 
    height:235px; 
    width:180px;
    }
#container a.slideb {
    background: url(schnab02_b.jpg); 
    height:230px; 
    width:210px;
    }
#container a.slidec {
    background: url(schnab01_b.jpg); 
    height:212px; 
    width:180px;
    }

#container a.slided {
    background: url(banniere_pit2.jpg); 
    height:57px; 
    width:207px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:190px; 
    height:386px;
    margin: 0px 00px 9px 12px; 
    float:right; /*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: 10px;
        padding-right: 10px;
}
#container2 p {
    font-weight: bold; 
    background-color: #ffffff;
    color: #a28465;
    text-align: justify;
    }  

/* #footer */

#footer {
    border-top: 1px solid #999;/* ligne de bas de page */
    margin-top: 10px;
    padding-top: 5px;
	color:#666666;
	font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
    }  
    
#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;
    }