html {font-size: 100%;
	 height: 100%;
	 overflow:hidden;} /* Important pour ie6 */

body {
  padding:0px;
  border:0px;
  margin:0px;
  height:100%;  /* Indispensable pour que les div puissent avoir height=100% */
  						  /* voir : http://www.alsacreations.com/actu/lire/92-vous-avez-dit-height100.html */
  overflow:hidden; /* Important pour ie6 */
  text-align:center;
  font-size:1em;
  
  background-color: #222222;						/* MODIFIABLE - Couleur affichée dès le début */
}

/* Liens --> Normalement surchargé mais utile si lien placé sur page principale */
/* On l'air de ne pas êtres surchargés sous IE6 */
a:link {color: black;}
a:visited {color: black;}
a:active {color: black;}



/* **** Progress bar. voir http://digitalbush.com/projects/progress-bar-plugin/ **** */

/* boite de chargement */
#progressbarWrapper{
		display:none; 
	 	position: absolute;
		z-index:100;
		padding:10px;
		width:240px;
		text-align:left;
		font-weight:bold;
		text-transform: uppercase; 
		border:solid;
		border-width:3px;
		
		color:black;		      /* MODIFIABLE */
		background-color:#DBDFDD; /* MODIFIABLE */
		border-color: #4B6263; /* MODIFIABLE */
}

/* progress bar container */
#progressbar{
        width:100%;
        height:20px;
        position:relative;
		display:block;
		
        border:2px solid black;		/* MODIFIABLE */
        color:black; 				/* MODIFIABLE */
}
/* color bar */
#progressbar div.progress{
        position:absolute;
        width:0;
        height:100%;
        overflow:hidden;
		
        background-color:#369;		/* MODIFIABLE */
}
/* text on bar */
#progressbar div.progress .text{
        position:absolute;
        text-align:center;
		
        color:white;				/* MODIFIABLE */
}
/* text off bar */
#progressbar div.text{
        position:absolute;
        width:100%;
        height:100%;
        text-align:center;
}

.textFooter {	
	display:none;
	float:right;		/* MODIFIABLE */
	color:#354255;		/* MODIFIABLE */
	margin-left:60px;   /* MODIFIABLE : doit correspondre à la largeur des flèches next/prev */
	margin-right:60px;   /* MODIFIABLE : doit correspondre à la largeur des flèches next/prev */
	font-size:0.7em;
	font-style:italic;
	font-family: Arial,Helvetica,sans-serif;
}



/********************************************************************/
/* Zone s'affichant à coté de flottants dans un design 2/3 colonnes */
/********************************************************************/
/* ATTENTION : NE PAS LUI DEFINIR DE MARGE LATERALE */
/* Bug possible concernant "overflow" sous ie6. voir pour correctif :  */
/* http://www.alsacreations.com/tuto/lire/588-design-trois-colonnes-positionnement-flottant.html */
/* Dans un design 3 colonnes, les float gauche et droites doivent être
 * placés dans le html AVANT la zone centrale.
/**********************************************************************/
.centralZone{
	height:100%; 
  overflow: hidden; /* Pour ne pas s'étendre sous les flottants. */
}
/* Zone à gauche */
.leftZone{
	float:left;
	height:100%;
}
/* Zone à droite */
.rightZone{
	float:right;
	height:100%;
}
/* Pied de page */
.footer{
	position:relative;
	margin-top:-3em;
}

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

.fullScreen{
	/* 	position: absolute; */
		padding:0px;
		margin:0px;
		/*top:0px;
		left:0px;*/
		width:auto;
		height:100%;
}