/*************** BOUTONS *************/

.photoButton{
	position:relative;		/* pour centrage vertical */
	cursor:pointer;
	margin: auto;
	
	border:solid;
	border-width:2px;
	border-color:#AAAAAA;
}

#boutonIndex{
	display:relative;
	top:15px;
}

/* ---- */




/********** TEXT ***********/
.navigationtext {
  font-family: Arial;
  font-weight: bold;
  background:#FFFFFF;
}

.navigationtext {
  font-family: Arial;
  font-weight: bold;
}

/*********************** LAYOUT ECRAN *********************/
/* Toute la "page" photo est contenue dans screenPhoto */
/*  div en position *absolute* recouvrant tout l'écran.
		Permet d'avoir un *z-index* et d'afficher les div contenus en tenant compte de ce z-index */
#screenPhoto{
		z-index:60;
		display:none;
		
		background-image: url(../images/bg_DarkerGray.jpg);	/* MODIFIABLE */
}


div.photoHeader{
	width:100%;
	
	height:100px;		/* MODIFIABLE */
	background-color:transparent;	/* MODIFIABLE */
}
div.photoFooter{
	width:100%;
	
	height:100px;		/* MODIFIABLE */
	background-color:transparent ;	/* MODIFIABLE */
}
div#photoLefter{
	margin: 0px; /* OBLIGATOIRE !! Sinon pb pour calculer taille max photo */
	
	width:50px;		/* MODIFIABLE */
	background-color: transparent;	/* MODIFIABLE */
}
div#photoRighter{	
	margin: 0px; /* OBLIGATOIRE !! Sinon pb pour calculer taille max photo */
	
	width:50px;		/* MODIFIABLE */
	background-color: transparent;	/* MODIFIABLE */
}
/**********************************************************/


/*************** WRAPPER PHOTO ****************/
/** Contient la photo et les infos associées **/
/**********************************************/
div#wrapperAffichagePhoto{
  
  background-color: black; /* MODIFIABLE */ 
	background-image: url(../images/bg_DarkGray.jpg);	/* MODIFIABLE */
}




/************** PHOTO *************/
/** Contient la photo **/

div#divPhoto{
	position:relative;		/* pour centrage vertical */
	cursor:default;
	
	background-color: black;			/* MODIFIABLE */ 
  border: solid 5px white;		  /* MODIFIABLE */	
  -moz-border-radius: 8px;			/* MODIFIABLE */
	-webkit-border-radius: 8px;		/* MEME VALEUR */
}

.mainPhoto{	/* La photo proprement dite. Classe ajoutée au runtime */
	margin: 0px;
	
	border: solid 5px black; 	/* MODIFIABLE */ /* Le border size à accorder avec galleryPresentation.js */
}

/************************************/


/************* Spinner **************/
/** Image affichée au centre de divPhoto au moment du load **/
.Spinner{
	position:relative;		/* pour centrage vertical */
	border: none;
	cursor:progress;
}
/*************************************/

/*************** Légende  ******************/
div.photoLegend {
	width:auto;
	font-family: Arial;
	font-weight: bold;
	border: solid;
	border-width: 0px; /*OBLIGATOIRE SINON BUG SOUS IE6 */
	padding : 5px 0px 0px 0px;
	
	font-size:0.7em;									/* MODIFIABLE */
	font-family:"Trebuchet MS1", Helvetica, sans-serif;  /* MODIFIABLE */
	color:#281608;										/* MODIFIABLE */ 
	background-color:/*#c8c4c1*/ white;					/* MODIFIABLE */
	border-color: white;							/* MODIFIABLE */
}
/**************************************/
	
/********************* Titre ******************/
div#photoTitle{
	padding:0px 0px 5px 0px;
	
	font-size:0.7em;		/* MODIFIABLE */
	font-family:"Comic Sans MS", "Comic Sans MS5", cursive;		/* MODIFIABLE */ 
	font-style:normal;		/* MODIFIABLE */ 
	color:black;			/* MODIFIABLE */ 
	background-color:white;	/* MODIFIABLE */ 
}