/*
 * Fichier : style.css
 * Date : 30/08/2005
 * Auteur : SamRay1024 - http://jebulle.net
 * 
 * AlBulle style - 0.6
 *
 */

/*******************/
/* STYLES GENERAUX */
/*******************/

/* pour tout le monde */
* {
    font-family:			verdana, arial, helvetica, sans-serif;
    color:					#000000;
    font-size:				1em;
    margin:					0px;
    padding:				0px;
}

/* corps du fichier */
body {
	background-color:		#fff;
	height:					100%;
}

/* liens */
a							{ text-decoration: none; }

/* survol des liens */
a:hover {
    text-decoration:		none;
    font-weight:			bold;
    color:					#f90;
}

/* images */
img							{ border: 0px; }

/* pour agrandir les div automatiquement */
.spacer						{ clear: both; }

/* cadre de titre */
h1 {
	background-color:		#eee;
	border:					1px dotted #000;
	margin:					3px 3px 3px 0px;
	padding:				2px 0px 2px 0px;
	font-size:				1.1em;
	font-style:				italic;
	text-align:				center;
}

/************************************/
/* ORGANISATION GENERALE DE LA PAGE */
/************************************/

/* colonne gauche */
.gauche {
	float:					left;
	width:					25%;
}

/* colonne droite */
.droite {
	float:					right;
	width:					75%;
}

.gauche,
.droite {
	height:					100%;
}

/********************/
/* ELEMENTS SIMPLES */
/********************/

/* cadre d'accueil si aucun dossier sélectionné */
.accueil {
	background-color:		#eee;
	border:					1px dotted #000;
	margin:					3px 3px 3px 0px;
	padding:				10px;
	font-size:				0.8em;
	text-align:				justify;
}

/* les puces de liens d'ajout et de retrait */
.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;
}

/* le copyright */
.copyright {
	font-size:				0.7em;
	margin:					2px;
	text-align:				center;
}

/**********************************/
/* MENU DES DOSSIERS ET DU PANIER */
/**********************************/

/* pour les deux cadres */
.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;
}

/* cadre des dossiers pour les photos */
.dossiers {
	background-color:		#cdf;
	background-image:		url(images/albulle_dossiers_dispos.jpg);
}

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

/* le texte qui contient le nombre de fichiers dans le panier */
.panier p					{ margin-top: 70px; }

/* permet de centrer les boutons d'ajout/retrait globaux comme ils sont passés en float */
.panier .center {
	width:					42px;
	text-align:				center;
	margin:					auto;
}

/* menu des dossiers et du panier */
.menu						{ margin: 75px 0px 0px 5px; text-align: left; }
.panier .menu				{ margin: 10px 0px 0px 15px; }

/* menu des sous-dossiers */
.puceSousDossier			{ margin: 1px 0px 1px 10px; border-left: 1px dotted #009; }

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

/* cas particulier de la puce du sous-dossier : on décale l'icone du border */
/* il faut alors augmenter d'autant le padding-left. */
.puceSousDossier {
	background-position:	4px 0px;
	padding-left:			34px;
}

/* hauteur différente pour les icones du menu du panier */
.puceDownload,
.puceVider					{ line-height: 32px; }

/* chemin des icones */
.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); }

/*******/
/* FIN */
/*******/

/***********************/
/* BARRE DE NAVIGATION */
/***********************/

.navigation					{ margin: 6px 0px; font-size: 0.8em; }

/* liens vers les pages */
.page,
.pageAccueil {
	border:					1px dotted #000;
	background-color:		#eee;
	padding:				2px;
}

/* page courante */
.pageActive {
	border:					1px solid #000;
	background-color:		#aaa;
	padding:				2px;
	font-weight:			bold;
	color:					#c33;
}

.page,
.pageActive					{ margin: 0px 1px 0px 1px; }
.pageAccueil				{ margin: 0px 10px 0px 0px; }

/*******/
/* FIN */
/*******/

/*************/
/* VIGNETTES */
/*************/

/* Une vignette contient : une image miniature, les infos de l'image qu'elle représente
   un lien pour l'ajouter au panier. */

/* cadre de la vignette */
.vignette {
	float:					left;
	position:				relative;
	margin:					0px 3px 3px 0px;
	padding:				2px;
	width:					160px;
	height:					160px;
	border:					1px dotted #000;
	background-color:		#ccc;
	text-align:				center;
	font-size:				0.7em;
}

/* survol de la vignette */
.vignette:hover				{ background-color: #eef; }

/* classe de l'image dans la vignette */
.miniature					{ border: 1px solid #000; }

/* fiche infos de l'image */
.infosImg {
	position:				absolute;
	left:					4px;
	bottom:					4px;
	font-size:				0.9em;
	text-align:				left;
}

/* bouton d'ajout / retrait du panier */
.puce {
	position:				absolute;
	right:					4px;
	bottom:					4px;
}

/*******/
/* FIN */
/*******/

/* EOF */