@charset "UTF-8";
/* CSS Document */


body {
	margin: 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;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-repeat: repeat;
	color: #666;
}
.oneColFixCtr #container {
	width: 800px;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}


.oneColFixCtr #mainContent {
	padding: 0 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}
.bandoHo {
	background-image: url(images/bando_ho.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
	padding: 0 0px 15px 0px;
	width: 800px;
}
.zoneCentrale {
	background-image: url(images/zone_centrale.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 825px;
	width: 790px;
	padding: 30px 0px 25px 10px;
}
.oneColFixCtr #container #mainContent .bandoHo .zoneLogo {
	width: 234px;
	float: left;
}
.oneColFixCtr #container #mainContent .bandoHo .zoneMenu {
	padding: 5px 0 0 150px;
	float: left;
}
.oneColFixCtr #container #mainContent .bandoHo .menu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	text-decoration: none;
	padding: 0 5px 0 0;
}
.oneColFixCtr #container #mainContent .bandoHo .menuActif {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #00C2FF;
	text-decoration: none;
	padding: 0 5px 0 0;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #00C2FF;
	text-decoration: none;
}
.lienBleu {
	color: #02C2FF;
	text-decoration: none;
}
.lienBleu:hover {
	color: #666;
	text-decoration: none;
}
.titre {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
.Bleu {
	color: #00C2FF;
	text-decoration: none;
}
.oneColFixCtr #container #mainContent .zoneCentrale .sousZoneCentrale1 .sousZoneCentrale1Colonne1 {
	font-size: 80%;
	text-decoration: none;
	float:left;
	width: 540px;
	padding: 0 50px 50px 0;
}
.oneColFixCtr #container #mainContent .zoneCentrale .sousZoneCentrale1 .sousZoneCentrale1Colonne2 {
	font-size: 80%;
	text-decoration: none;
	padding: 150px 0px 0px 0px;
}

.oneColFixCtr #container #mainContent .zoneCentrale .sousZoneCentrale2 .sousZoneCentrale2Colonne1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	text-decoration: none;
	padding: 30px 20px 0px 0px;
	float: left;
	width: 450px;
}

.oneColFixCtr #container #mainContent .zoneCentrale .sousZoneCentrale2 .sousZoneCentrale2Colonne2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	color: #00C2FF;
	text-decoration: none;
	padding: 110px 0px 0px 0px;
	float: left;
	width: 310px;
}
.oneColFixCtr #container #mainContent .zoneCentralePt {
	background-image: url(images/zone_centrale_lien.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 800px;
	height: 550px;
	padding: 40px 0px 0px 10px;
}
.oneColFixCtr #container #mainContent .zoneCentralePt .Colonne1 {
	font-size: 75%;
	text-decoration: none;
	width: 400px;
	float: left;
}
.oneColFixCtr #container #mainContent .zoneCentralePt .Colonne2 {
	font-size: 80%;
	text-decoration: none;
	width: 250px;
	float: left;
}
.oneColFixCtr #container #mainContent .zoneCentrale .sousZoneCentrale2 .sousZoneCentrale2Colonne1Traduc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	text-decoration: none;
	padding: 80px 100px 0px 0px;
	float: left;
	width: 300px;
}
