/**
 * Roberge — pied de page révélé.
 *
 * Le contenu de la page glisse par-dessus le pied de page, qui reste immobile
 * en dessous et se découvre à mesure qu'on approche du bas. Rien ne bouge
 * réellement : le pied de page est fixé, le contenu passe devant.
 *
 * Toutes les règles sont conditionnées à la classe `rb-reveal`, posée par
 * roberge-footer.js uniquement quand l'écran est assez grand. Sans JS, ou sur
 * mobile, le pied de page reste un bloc normal en fin de page.
 */

html.rb-reveal {
	background: #FFFFFF;
}

html.rb-reveal body {
	background: transparent;
}

html.rb-reveal #brx-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	/* Le pied de page n'avait pas de fond propre : il empruntait celui du body.
	   Une fois fixé, il lui en faut un, sinon le contenu transparaît. */
	background: #FFFFFF;
}

/* Le contenu passe devant, avec un fond opaque qui masque le pied de page
   tant qu'on n'est pas arrivé en bas. */
html.rb-reveal #brx-content {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
}

/* L'en-tête collant (998) et les popups (10000) restent au-dessus des deux. */