body {
font: 78% sans-serif, Helvetica, arial, sans-serif;
    text-align: center; /*IE centering hack*/
    background:#FDEEB5;
    letter-spacing: 0.05em;   
}
#wrapper {
    width: 800px;
    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: 132px;
	padding: 5px;
	margin: 0;
	color: #666;
	background: #7DCE27 url(../../img/banniere_pit.jpg) no-repeat;
	a:link{../index.html}
    }
   
#container {
    position:relative; 
    width:770px; 
    height:800px; /*hauteur du cadre noir*/ 
    margin:00px 0px 3px 20px; /*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:540px; 
    height:800px; 
    top:-110px; /*variation de position vertical du cadre contenant photos par rapport au reste */ 
    left:-100px; 
    color:#fff; /* important: couleur du texte des légendes grandes photos. */
    font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	text-align:justify; letter-spacing:.1.5em; padding: 50px; /* la fonction padding= retrait du texte dans la boite*/	
	background:#666666;/* si couleur du cadre noir, alors 000 */
    }
#container a.gallery:hover img {
    border:2px solid #fff; /* si couleur du cadre noir, alors 000  */
    float:bottom; /*position du texte par rapport à l'image...enfin!*/
	margin:5px 5px -3px 5px;/* position de la photo dans le cadre */
    }
#container a.slidea {
    background: url(vauthier_bananier_b.jpg); 
    height:120px; 
    width:80px;
    }
#container a.slideb {
    background:  url(vauthier_halezie_b.jpg); 
    height:120px; 
    width:78px;
    }
#container a.slidec {
    background: url(vauthier_dampiere_b.jpg); 
    height:120px; 
    width:78px;
    }
#container a.slided {
    background:  url(vauthier_dampiere_detail01_.jpg); 
    height:120px; 
    width:78px;
	
    }
* html #container a.slided {
    width:120px; 
    w\idth:78px;
    } 
#container a.slidee {
    background: url(vauthier_persoonia_b.jpg); 
    height:120px; 
    width:78px;
    }
#container a.slidef {
    background: url(vauthier_persoonia_detail_b.jpg); 
    height:120px; 
    width:75px;
    }
* html #container a.slidef {
    width:120px; 
    w\idth:75px;
    }
#container a.slideg {
    background: url(vauthier_quassie_b.jpg); 
    height:120px; 
    width:80px;
    }
#container a.slideh {
    background: url(quassie_detail_b.jpg); 
    height:120px; 
    width:75px;
    }
/*#container a.slidei {
    background: url(); 
    height:90px; 
    width:75px;
    }
#container a.slidej {
    background: url(07_456_detail01_b.jpg); 
    height:110px; 
    width:120px;
    }*/
#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;
    }*/
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:200px; 
    height:386px;
    margin: 4px -14px 2px 4px; 
    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;
    }