/* modif by xr 20-9-06*/
/*html {color:#000; background:#fff;}*/
body {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	/*background: #fff;*/
	background-image: url(../img/xr_bgr_grey2.png);
	padding: 0;
	border: 0;
	margin: 60px 0 0 0;/*10*/
	
}
#wrapper {
	width: 960px;/*957*/
	margin: 0 auto;
	text-align: center;
	background: #f0f0f0;
}
/* menu déroulant */
#scrollbox {
	width: 145px; /* largeur */
	height: 630px; /* hauteur */
	background: #f4f4f4;
	overflow: auto; /* permet de faire apparaitre la barre de scrolling automatiquement */
	border: 0px solid Silver;
	margin-left: 3px; /* décalage du menu */
	margin-top: 6px;
}
/* fenetre generale de l'album */
#container {
	position: relative; /* car contenu dans la section wrapper */
	width: 960px;/*957*/
	height: 642px;/*630*/
	/*background: #efedec url(back1.gif);*/
	border: 1px solid Black;
	margin: 0 auto;
}

/* organistion des vignettes */
a.gallery, a.gallery:visited {
	display: block; /* permet de superposer les vignettes */
	color: #000;
	text-decoration: none; /* supprime les puces */
	border: 1px solid #000;
	width: 120px; /* taille vignette */
	height: 90px;
	margin-left: 3px; /* décalage des vignettes */ /*11*/
	margin-bottom: 3px; /*espace vertical entre vignettes */
	z-index: 50;
}
/* liste des vignettes */
a.slidea {background:url(t0.jpg);} /*garder le même nom pour ne pas avoir à réécrire*/
a.slideb {background:url(t1.jpg);}
a.slidec {background:url(t2.jpg);}
a.slided {background:url(t3.jpg);}
a.slidee {background:url(t4.jpg);}
a.slidef {background:url(t5.jpg);}
a.slideg {background:url(t6.jpg);}
a.slideh {background:url(t7.jpg);}
a.slidei {background:url(t8.jpg);}
a.slidej {background:url(t9.jpg);}
a.slidek {background:url(t10.jpg);}
a.slidel {background:url(t11.jpg);}

/* ? */  /* astuce pour l'affichage combiné des menus ? */
a.gallery span {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	overflow: hidden;
	/*background: #efedec url(back1.gif);*/ /*?*/
	z-index: 100;
}

/* image résidente de fond de fenêtre (appelée ds la section html avec l'indice z */
/*.slidez {
	display: block;
	position: absolute;
	width: 400px;
	height: 300px;
	top: 50px;
	left: 160px;
	padding: 0;
	border: 0px solid Black;
}*/

/* bordure vignette survolée */
a.gallery:hover {
	white-space: normal;
	border: 1px solid Red;
}
/*bordure vignette lors du click*/
a.gallery:active {
	border: 1px solid Blue;
}

/* bordure image flottante */
a.gallery:hover img {
	border: 1px solid Gray; /*bordure image */
	position: relative;
	z-index: 100; /* 100 permet de placer l'image au dessus */
}	
/* fenetre image principale flottante */
a.gallery:hover span {
	display: block;
	position: absolute;
	width: 802px;
	height: 620px;
	top: 6px;
	left: 152px; /*position bord de wrapper */
	/*padding-top: 0px;*/ /*padding image flottante*/
	font-style: italic;
	color: #000;
	/*background: #efedec url(back1.gif);*/
	z-index: 100;
}
/* bordure image fixe */
a.gallery:active img, a.gallery:focus img {
	border: 1px solid Gray;
	position: relative;
	top: 0px; /*=0 car position déjà englobée par l'attribut relatif (?)*/
	z-index: 50;
}
/* fixation de l'image */
a.gallery:active span, a.gallery:focus span {
	display: block;
	position: absolute;
	width: 802px;
	height: 620px;
	top: 6px; /* top image fixe */
	left: 152px; /* décalage à gauche 150*/
	/*padding-top: 0px;*/
	font-style: italic;
	color: Black; /* couleur texte commentaire */
	/*background: #efedec url(back1.gif);*/
	z-index: 50;
}
/* Commentaires: (4-3-06)
Placer le fichier css ds le même répertoire que thumb et images
*/