/* ##########################################
	Feuille de styles
	Date de creation: mars 2006
	Auteur : Pernelle Rousselot
	Fonctionnalités: 
		Regroupe les styles pour la fabrication du menu vertical
		
	Historique des modifications:
		[date] [auteur] => [modifs]
		[27.03.2006] [pernelle] => [création de la css]
		[11.09.2007] [pernelle] => [adaptation pour integration page intermedia.Com]
		[09.04.2008] [pernelle] => [modification hauteur pour compatibilité firefox/IE]		
  ########################################## */
  

/**** MENU ****/

/* Positionnement du calque <menu>*/
#calque_menu_gal{
	margin:0 10px 0 0;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:160px;
}

#menu_gal, .item_gal, .item_actif_gal, ul, li{
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;					/* ===> Alignement du texte */
}
#menu_gal li, ul, li{
	margin:0 0 5px 0;					/* ===> Espacement entre chaque item de menu */
	list-style:none;
}

/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.item_gal{
	
	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.item_actif_gal{

	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


/* ======== STYLES POUR LES LIENS SUR LES ITEMS =========== */
/*
 * Attention l'ensemble des styles (couleur de fond, couleur de typos, marges etc) se situent dans les proprietes des liens
 *
*/

/* Couleur du libelle par defaut */
.item_gal a:link, .item_gal a:visited, .item_gal a:active{
	color:#5F4836;
	background:#FCFBF5;	

	/* partie de code a repeter */
	text-decoration:none;
	padding:2px 20px 2px 5px;
	margin:0;
	display:block;
	height:auto !important;
	height:11px;
	font-size:11px;
}
.item_gal a:hover{
	color:#FCFBF5;
	background:#5F4836;	

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 20px 2px 5px;
	margin:0;
	display:block;
	height:auto !important;
	height:11px;
	font-size:11px;
	
}

/* Couleur du libelle actif */
.item_actif_gal a:link, .item_actif_gal a:visited, .item_actif_gal a:active{
	color:#FCFBF5;
	background:#5F4836;	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 20px 2px 5px;
	margin:0;
	display:block;
	height:auto !important;
	height:11px;
	text-transform:uppercase;
	font-size:11px;
	
}

/*Couleur du libelle actif en survol */
.item_actif_gal a:hover{
	color:#FCFBF5;
	background:#5F4836;	
	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 20px 2px 5px;
	margin:0;
	display:block;
	height:auto !important;
	height:11px;
	font-size:11px;
	
}


/* ======== STYLES POUR LES PHOTOS =========== */
.galerie{
	width:100%;
	margin:0;
	padding:0;
}
.photo{
	padding:10px;
	margin:0px 10px 10px 0px;
	border:1px dotted #ccc;
	background:#fff;
	float:left;
	text-align:center;
	width:90px;
	height:160px;
}
/*  LARGEUR DU DIV CONTENANT L'IMAGE DE LA GALERIE  */
.photo table{
	width:90px;
	height:160px;
}

.photo td {
	text-align:center;
}

/* STYLES POUR LA PARTIE GALERIE PHOTO */
/* =================================== */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide img {
	border: 0px;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	color:#000;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}