div#tetiere {
	height: 400px;
}
div#tetiere img#imgSuccesseur {
	position: absolute;
	z-index: 1;
	top: 0px; 
	left: 0px;
}
div#tetiere img#imgCourante {
	position: absolute;
	z-index: 2;
	top: 0px; 
	left: 0px;
}
div#tetiere img.logo {
	position: relative;
	z-index: 10;
	float: left;
	width: 360px;
	height: 230px;
	/* border: 1px solid red; */
	margin: 0px 0px 0px 40px;
}
div#tetiere div.menuOnglets {
	position: relative;
	z-index: 10;
	/* Distance du logo au menu. */
	/*margin-top: 165px;*/
	/* FF : le margin n'est pas pris en compte ? */
	padding-top: 145px;
}

/* Zone de contenu entre la tétière et le pied de page. */
div.contenu {
	clear: both;
	margin-bottom: 5px;
}
div.rubrique {
	float: left;
	/* 980/4=245 */
	width: 243px;
}
div.bggris {
	border-left: 2px solid #CCCCCC;
}
div.contenu div.h1 {
	margin: 0px;
}
h1 {
	/*width: 120px;*/
	white-space: nowrap;
	margin-bottom: 15px;
	float: left;
}
h2 {
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
div.texte {
	clear: both;
	background-color: #FFFFFF;
	margin: 0px;
	/* Calé en hauteur le 20/05 pour la sortie officielle. */
	height: 280px;
}
div.paragraphe {
	position: relative;
	clear: both;
	/*background-color: #FFFFFF;*/
	margin: 6px;
}
/* Logo Apféé dans rubrique présentation. */
div.position2 {
	/* en haut à gauche en flotant. */
	margin: 0px 10px 10px 0px;
}
div.position3 {
	/* en haut à droite en flottant. */
	float: right;
	margin: 0px 0px 2px 10px;
}
div.position4 {
	text-align: center;
}
div.paragraphe img {
	border: none;
}
p.enSavoirPlus {
	/* Bleu clair du logo coup de pouce clé. */
	color: #006CAA;
	text-align: left;
	height: 16px;
	vertical-align: middle;
}
a.enSavoirPlus {
	background-image: url(/img/EnSavoirPlus.png);
	background-repeat: no-repeat;
	padding-left: 90px;
	height: 16px;
	vertical-align: middle;
	/* Bleu clair du logo coup de pouce clé. */
	color: #006CAA;
	/*border: 1px solid red;*/
	/* FF: le display est indispensable en cas de retour à la ligne dans le lien sinon retour en début de ligne. */
	/* IE : non obligatoire sous IE. */
	display: inline;
}
a.enSavoirPlus:hover {
	background-image: url(/img/EnSavoirPlus.hover.png);
}
a.lireLaSuite {
	background-image: url(/img/LireLaSuite.png);
	background-repeat: no-repeat;
	padding-left: 90px;
	height: 16px;
	vertical-align: middle;
	/* Bleu clair du logo coup de pouce clé. */
	color: #006CAA;
	/*border: 1px solid red;*/
	/* FF: le display est indispensable en cas de retour à la ligne dans le lien sinon retour en début de ligne. */
	/* IE : non obligatoire sous IE. */
	display: inline;
}
a.lireLaSuite:hover {
	background-image: url(/img/LireLaSuite.hover.png);
}

/* Couleurs des rubriques. */
/* ======================= */
div.actus {
	background-color: #CC0000;
	width: 273px;
}
div.actus h1 span.end {
	color: #CC0000;
}
div.regions {
	background-color: #FFCC00;
	width: 273px;
}
div.regions h1 span.end {
	color: #FFCC00;
}
div.def {
	background-color: #009933;
	width: 183px;
}
div.def h1 span.end {
	color: #009933;
}
div.temoin {
	background-color: #006CAA;
	width: 251px;
}
div.temoin h1 span.end {
	color: #006CAA;
}