@charset "ISO-8859-1";

    body {
	margin: 5px 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    }
.oneColFixCtrHdr #container  {
	width: 715px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	z-index: 10;
	position: relative;
    }
#menu {
	z-index: 10;
	position: relative;
	background-image: url(../img/fond-menu.png);
	height:27px
}
.oneColFixCtrHdr #header  {
	z-index: 10;
	position: relative;
    }
.oneColFixCtrHdr #mainContent  {
	background: #FFFFFF;
    }

    .oneColFixCtrHdr #footer {
	padding: 0 10px;
    }

    .oneColFixCtrHdr #footer p {

    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */

    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */

    }
.oneColFixCtrHdr #container #header h1 {
}
#contenu2 {
	position: relative;
	width: 100%;
	margin-top: 11px;
	height: 131px;
	z-index: 10;
}
.Style1 {
	font-size: 10px
}
.Style2 {color: #808080}
.Style4 {color: #808080; font-style: italic; }
.oneColFixCtrHdr #crasse {
	position: absolute;
	z-index: 1;
	left: -140px;
	top: 75px;
}
#apDiv1 {
	position:absolute;
	left:369px;
	top:3px;
	z-index:11;
}
.Style5 {
	font-size: 50px;
	font-weight: lighter;
}
#accueil-fleche {
	background-image: url(../img/accueil-fleche.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 222px;
	top: -5px;
	position: relative;
	left: 4px;
	font-size: 12px;
	cursor: pointer;
}
#accueil-txt-cellule {
	position: relative;
	top: -10px;
}
.Style6 {color: #FFFFFF}
.Style7 {color: #006600}
.Style8 {color: #009900}
.Style9 {
	font-size: 42px;
	color: #FFFFFF;
}
.Style13 {
	font-size: 36px;
	color: #316335;
}
.marge {
	padding-left: 5px;
}
.Style12 {
	font-size: 18px;
	font-weight: bold;
	color: #DF001A;
}
#texte {
	position: relative;
	width: 460px;
	left: 240px;
	padding-top: 140px;
	padding-bottom: 10px;
	border-left: 1px solid #CCCCCC;
}
#accroche {
	position: absolute;
	left: 241px;
	top: 6px;
	width: 461px;
	height: 129px;
}
#image {
	position: absolute;
	left: 21px;
	top: 140px;
	background-color: #666666;
}
#rappel {
	position: absolute;
	left: 204px;
	top: 97px;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
.Style14 {
	color: #999999;
	font-size: 14px;
}
#onenparle {
	position: absolute;
	width: 231px;
	top: 80px;
	left: 70px;
	background-color: #DF001A;
	height: 190px;
}
#onenparle_EN {
	position: absolute;
	width: 231px;
	top: 40px;
	left: 70px;
	background-color: #DF001A;
	height: 237px;
}