html, body {
	margin: 0;
	padding: 0;
	background: #000 ;
	text-align: center;
	color: #000;
}

/* pour supprimer les espaces entre deux images */
img {
	display: block;
	border:0;
}

#page {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1002px;
	padding: 0;
	/*border: #fff solid 1px;*/

}

#header {
	margin: 0;
	padding: 0px;
	width: 1002px;
	height: 59px;
	/*background: #0f0;*/
}

#col_gauche {
	width: 170px;
	float: left;
	padding: 0px;
	spacing: 0px;
	padding-top: 0px;
	/*background: #ccc;
	border: 1px solid #fff;*/
}

#accueil {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	font-weight: bold;
	color: #615F5F;
	margin-top: 248px;
	margin-left: 20px;
	float: left;
}

#main {
	width: 637px;
	float: left;
	text-align:center;
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
	/*background: #ff0;*/
	/*border: 1px solid #fff;*/
}

#rubriques {
	width: 637px;
	height: 94px;
	float: left;
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
	/*background: #ff0;*/
	/*border:1px solid #ccc;*/

}

#rubriques img {
	display: inline;
	border:0;
}

.image_centre {
	width: 558px;
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background: #0f0;*/
	/*border: 1px solid #fff;*/
}

.image_centre img {
	display: inline;
	border:0;
}

.image_infos {
	width: 606px;
	padding: 0px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background: #0f0;*/
}

.image_infos img {
	display: inline;
	border:0;
}

#col_droite {
	width: 195px;
	float: left;
	padding: 0px;
	/*background: #ccc;*/
	cursor: default;

}

#col_droite img {
	float: left;
	margin-top: 13px;
	margin-left: 14px;
	display: inline;
	border:0;
}

.cache {
	position: absolute;
	top: -5000px;
	display: none;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0px;
	width: 1002px;
	height: 103px;
	background: #000;
}


/* liens par défaut - notamment pour que fonctionne correctement le :active sur IE - nécessaire au bon fonctionnement de la galerie */
a, a:visited, a:hover, a:active {
text-decoration:none;
}

/* GALERIE VIGNETTES/IMAGES */
/* Très largement inspiré du travail de l'excellent Stu Nicholls - http://www.cssplay.co.uk/menu/photo_album ! Merci !! */

#album_filles {
width:637px; 
height:651px; 
background:#000 url(images/filles/images_centrales/f1.jpg) center no-repeat;
float:left;
}

#album_enfants {
width:637px; 
height:651px; 
background:#000 url(images/enfants/images_centrales/e1.jpg) center no-repeat;
float:left;
}

#album_perso {
width:637px; 
height:651px; 
background:#000 url(images/perso/images_centrales/p1.jpg) center no-repeat;
float:left;
}

#album_bd {
width:637px; 
height:651px; 
background:#000 url(images/bd/images_centrales/bd1.jpg) center no-repeat;
float:left;
}

.gallery {
padding:0; 
margin:0; 
margin-right:-137px;
margin-top:0px;
list-style-type:none; 
position:relative; 
width:195px;
float:left;
}

/* on supprime la bordure des vignettes */
.gallery img {
border:0;
}
/* on ordonne les vignettes */
.gallery li {
float:left;
display: inline;
}
/* on gère l'espacement entre les vignettes */
.gallery li a, .gallery li a:visited {
float:left; 
width:80px; 
height:70px; 
margin-top: 13px;
margin-left: 14px;
}

/* on place les images dans la page et on les cache */
.gallery li a img {
position:absolute; 
top:0; 
left:0; 
visibility:hidden; 
border:0;
}

/* on place les images par rapport aux vignettes */
.gallery li a img.image_centre {
top:81px;
left:-612px;
visibility:hidden; 
}

/* pour IE */
.gallery li a:active, .gallery li a:focus {
background:#000; 
visibility:visible;
}
/* les images apparaissent pour les valeurs active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

/****************** vignettes filles ******************/
#vf1 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf1.jpg); }
#vf2 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf2.jpg); }
#vf3 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf3.jpg); }
#vf4 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf4.jpg); }
#vf5 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf5.jpg); }
#vf6 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf6.jpg); }
#vf7 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf7.jpg); }
#vf8 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf8.jpg); }
#vf9 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf9.jpg); }
#vf10 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf10.jpg); }
#vf11 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf11.jpg); }
#vf12 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf12.jpg); }
#vf13 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf13.jpg); }
#vf14 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf14.jpg); }
#vf15 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf15.jpg); }
#vf16 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf16.jpg); }
#vf17 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf17.jpg); }
#vf18 {width:80px; height:70px; background-image: url(images/filles/vignettes/vf18.jpg); }
/****************** vignettes enfants ******************/
#ve1 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve1.jpg); }
#ve2 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve2.jpg); }
#ve3 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve3.jpg); }
#ve4 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve4.jpg); }
#ve5 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve5.jpg); }
#ve6 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve6.jpg); }
#ve7 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve7.jpg); }
#ve8 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve8.jpg); }
#ve9 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve9.jpg); }
#ve10 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve10.jpg); }
#ve11 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve11.jpg); }
#ve12 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve12.jpg); }
#ve13 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve13.jpg); }
#ve14 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve14.jpg); }
#ve15 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve15.jpg); }
#ve16 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve16.jpg); }
#ve17 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve17.jpg); }
#ve18 {width:80px; height:70px; background-image: url(images/enfants/vignettes/ve18.jpg); }
/****************** vignettes perso ******************/
#vp1 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp1.jpg); }
#vp2 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp2.jpg); }
#vp3 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp3.jpg); }
#vp4 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp4.jpg); }
#vp5 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp5.jpg); }
#vp6 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp6.jpg); }
#vp7 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp7.jpg); }
#vp8 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp8.jpg); }
#vp9 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp9.jpg); }
#vp10 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp10.jpg); }
#vp11 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp11.jpg); }
#vp12 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp12.jpg); }
#vp13 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp13.jpg); }
#vp14 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp14.jpg); }
#vp15 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp15.jpg); }
#vp16 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp16.jpg); }
#vp17 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp17.jpg); }
#vp18 {width:80px; height:70px; background-image: url(images/perso/vignettes/vp18.jpg); }
/****************** vignettes bd ******************/
#vbd1 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd1.jpg); }
#vbd2 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd2.jpg); }
#vbd3 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd3.jpg); }
#vbd4 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd4.jpg); }
#vbd5 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd5.jpg); }
#vbd6 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd6.jpg); }
#vbd7 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd7.jpg); }
#vbd8 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd8.jpg); }
#vbd9 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd9.jpg); }
#vbd10 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd10.jpg); }
#vbd11 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd11.jpg); }
#vbd12 {width:80px; height:70px; background-image: url(images/bd/vignettes/vbd12.jpg); }