body {
    background: #e8ebed;
	}

#banniere {
	text-align:center;
}

#banniere_espace_top {
	height: 10px;
	}

#accueilMenu {
	width : 724px;
	margin:auto;
	}

#menu2 {
	width: 907px;
	margin:auto;
	margin-top:6em;
	margin-bottom:6em;
	}
	
#menu2 img {
	display:block;
	}

.left {
	float:left;

	}
	
#pageWrapper {
	background: white;
	}
	
.menuSub img {
	}
	
div.separator {
	height: 3px;
	background: url( '../images/separator.jpg' ) top center no-repeat;
	}

#pageFooter div {
	margin : 2em 0 0 0;
	}

div#initiative {
	font-family: Verdana, arial, sans-serif;
	margin-left : 23em;
	margin-right : 5em;
	}

.noheight {
	height:0;
	display:none;
	}
	
/*** 
Menu Sélection Passé/Présent/Futur
****/

.menuPPF {
  background: url('../images/menu2/mid2Oo.jpg'); /* Bord gauche et contenu du bouton */
  float: left; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
  margin: 7px; /* Espacer les boutons entre eux, rien à voir avec la technique des portes coulissantes */

  /* Ce qui change par rapport à l'exemple précédent : */
  display: block; /* Pour pouvoir assigner une taille */
  text-decoration: none; /* On utilise un lien au lieu d'un div. Un lien est souligné par défaut, mais on veut le même look qu'avant */
  cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc, quelques lignes plus haut */
}

.menuPPF span {
  /*background: url('images/bouton-droite.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
  height: 193px; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
  line-height: 30px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 104px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; /* Le bouton est bleu foncé, le texte doit être clair */

  /* Ce qui change par rapport à l'exemple précédent : */
  display: block; /* Pour pouvoir assigner une taille */
}



.menuPPF:hover,
.menuPPF:focus,
.menuPPF:active {
  background-color: yellow; /* On n'utilise pas la forme courte "background: ...;" car on devrait alors re-spécifier l'URL vers l'image */
  background-position: 0 -193px; /* On remonte l'image de 30 pixels (la moitié de sa hauteur) pour voir la partie jaune */
}

.menuPPF:hover span,
.menuPPF:focus span,
.menuPPF:active span {
  background-position: 100% -193px; /* Toujours aligné à droite, mais remonté de 30 pixels (la moitié de sa hauteur) pour voir la partie jaune */
  color: black; /* Le fond devient jaune, donc le texte doit être noir pour être visible */
}

#topBanner {
	height:1em;
	background:#cd071e;
	}
#topGradient {
	position:relative;
	height:10px;
	background: transparent url('../images/vertical-gradient.png');
	z-index:11;
	}
	
#pageWrapper {
	position:relative;
	margin-top:-10px;

	}
	
#bottomGradient {
	position:relative;
	height:10px;
	background: transparent url('../images/vertical-gradient-bottom.png');
	margin-top:-10px;
	z-index:11;
	}	
#bottomBanner {
	border-top:solid 1px #6a6a6a;
	height:1em;
	background:#cd071e;

	width: 100%;
	}