/*
 * Fichier : style.css
 * Date : 30/08/2005
 * Auteur : SamRay1024 - http://jebulle.net
 * 
 * Gnome style pour la version 0.7 d'AlBulle
 * (Non compatible IE)
 *
 */

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

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

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

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

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

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

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

/* cadre de titre */
h1 {
	color:					white;
	background-color:		#333333;
	border:					1px solid #000;
	margin:					3px 3px 3px 0px;
	padding:				20px 0px 20px 0px;
	font-size:				1.7em;
	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:		#333333;
	border:					1px solid #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:					23px;
    height:					23px;
}

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

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

.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 {
	position:				relative;
	background-color:		#222;
	background-position:	right top;
	background-repeat:		no-repeat;	
	border:					1px solid #000;
	margin:					3px;
	padding:				5px;
	font-size:				0.8em;
	text-align:				center;
	color:#FFFFFF;
}

/* cadre des dossiers pour les photos */
.dossiers					{ background-image: url(images/file-manager.png); }

/* cadre du panier */
.panier						{ background-image: url(images/archive_zip.png); }

/* titre des deux cadres */
.dossiers h2, .panier h2 {
	color:					black;
	text-align:				left;
	height:					30px;
	position:				relative;
}

.dossiers h2 span, .panier h2 span {
	border-bottom:			1px dotted black;
	position:				absolute;
	top:					10px;
	left:					10px;
}

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

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

/* menu des dossiers et du panier */
.menu						{ margin: 40px 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/dossier.png); }
.puceNoDossier				{ background-image: url(images/warning.png); }
.puceRemonter				{ background-image: url(images/remonter.png); }
.puceNoPhoto				{ background-image: url(images/info.png); }
.puceDownload				{ background-image: url(images/telecharger.png); }
.puceVider					{ background-image: url(images/poubelle.png); }

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

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

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

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

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

.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;
	padding-top:			4px;
	width:					160px;
	height:					160px;
	border:					1px solid #000;
	background-color:		#333;
	text-align:				center;
	font-size:				0.7em;
}

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

/* 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;
	color:#e4e2d4;
}

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

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

/* EOF */