body {

    	font: 100% Verdana, Arial, Helvetica, sans-serif;

    	background: #666666;

    	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; /* 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;

    }

    .oneColFixCtr #container {
	width: 800px;  /* 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 url(plage800.jpg) no-repeat;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left;

    }

.oneColFixCtr #containercadre {
	width: 800px;  /* 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 url(fond-cadre.jpg) no-repeat;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left;

    }

.oneColFixCtr #containerhebergement {
	width: 800px;  /* 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 url(fond-hebergement.jpg) no-repeat;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left;

    }

.oneColFixCtr #containerloisirs {
	width: 800px;  /* 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 url(fond-loisirs.jpg) no-repeat;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left;

    }

    .oneColFixCtr #mainContent {
	
	padding: 0 40px; /* 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 */
	margin-top: 250px;

    }
#colG-loisirs {
	float: left;
	width: 320px;
	margin-right: 10px;
	height: 643px;
	padding-left: 10px;
}

#colG {
	float: left;
	width: 350px;
	margin-right: 10px;
	height: 643px;
	padding-left: 10px;
}
#colD-loisirs {
	float: right;
	width: 350px;
	height: 643px;
	padding-right: 20px;
}

#colD {
	float: right;
	width: 320px;
	height: 643px;
	padding-right: 20px;
}

li {
	opacity: 1;
	list-style-position: outside;
	line-height: 2em;
	text-shadow: #83a05e 1px 1px 0;
	list-style-type: circle;
}

a {
	color: #ca4099;
	font-weight: bold;
}