.puceAjout, .puceRetrait, .puceAjoutPage, .puceRetraitPage {
    overflow:				hidden;
    text-indent:			-10000em;
    display:				block;
    width:					16px;
    height:					16px;
}

.puceAjout,
.puceAjoutPage				{ background-image: url(images/puce_ajout.jpg); }

.puceRetrait,
.puceRetraitPage			{ background-image: url(images/puce_retrait.jpg); }

.puceAjoutPage,
.puceRetraitPage {
	float:					left;
	margin:					2px;
}

.dossiers, .panier {
	background-position:	center top;
	background-repeat:		no-repeat;	
	border:					1px dotted #009;
	margin:					3px;
	padding:				5px;
	font-size:				0.8em;
	text-align:				center;
}

.dossiers {
	background-color:		#cdf;
	background-image:		url(images/albulle_dossiers_dispos.jpg);
}

.panier {
	background-color:		#abf;
	background-image:		url(images/albulle_panier.jpg);
}

.panier p					{ margin-top: 70px; }

.panier .center {
	width:					42px;
	text-align:				center;
	margin:					auto;
}

.menu						{ margin: 75px 0px 0px 5px; text-align: left; }
.panier .menu				{ margin: 10px 0px 0px 15px; }

.puceSousDossier			{ margin: 1px 0px 1px 10px; border-left: 1px dotted #009; }

.pucePhotos,
.puceNoDossier,
.puceRemonter,
.puceNoPhoto,
.puceSousDossier,
.puceDownload,
.puceVider {
	list-style-type:		none;
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			30px;
	line-height:			24px;
}

.puceSousDossier {
	background-position:	4px 0px;
	padding-left:			34px;
}

.puceDownload,
.puceVider					{ line-height: 32px; }

.pucePhotos, 
.puceSousDossier			{ background-image: url(images/albulle_puce_dossier_photo.jpg); }
.puceNoDossier				{ background-image: url(images/albulle_puce_aucun_dossier_photos.jpg); }
.puceRemonter				{ background-image: url(images/albulle_puce_remonter.jpg); }
.puceNoPhoto				{ background-image: url(images/albulle_puce_aucune_photo.jpg); }
.puceDownload				{ background-image: url(images/albulle_download.jpg); }
.puceVider					{ background-image: url(images/albulle_poubelle.jpg); }
.navigation					{ margin: 6px 0px; font-size: 0.8em; }


.page,
.pageAccueil {
	/*border:					1px dotted #01AEFD;*/
	border:					1px dotted #09B31C;
	background-color:		#FFF;
	padding:				2px;
	color :  				#09B31C;
	/*color :  				#01ACFA;*/
}

.pageActive {
	border:					1px solid #01AEFD;
	background-color:		#8ED3F4;
	padding:				2px;
	font-weight:			bold;
	color:					#FFF;
}

.page,
.pageActive					{ margin: 0px 1px 0px 1px; }
.pageAccueil				{ margin: 0px 10px 0px 0px; }
.boite_vignette{
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
}
.vignette {
	float:					left;
	position:				relative;
	margin:					5px 5px 5px 0px;
	margin-left:			12;
	padding:				2px;
	width:					160px;
	height:					160px;
	border:					1px dotted #01AEFD;
	background-color:		#e9cd00;
	text-align:				center;
	font-size:				0.7em;
}

.vignette:hover				{ background-color: #eef; }

.miniature					{ border: 1px solid #01AEFD; }

.infosImg {
	float:					center;
	position:				absolute;
	left:					4px;
	bottom:					4px;
	font-size:				0.9em;
	text-align:				left;
}

.puce {
	position:				absolute;
	right:					4px;
	bottom:					4px;
}