body {
	/* Full white zone */
	background-color: #2A3224;
	/*background-image: url(img/fond_vert.gif);*/
	margin: 0;
	padding: 0;
	/* Default text properties */
	font-family: "Trebuchet MS",Verdana,Arial, Helvetica,sans-serif;
	font-size: small;
	line-height: normal;
	color: #000000;
}
.main {
	/* Centered zone occupying 90% of the width, with a right-aligned light green background */
	margin: 1em 4% 0 4%;
	background-image: url(/img/ombre_droite_vert.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #CCD8BF;
	/*max-width: 60em;*/
	padding: 0;
	padding-right: 45px; /*colonne.margin.right*/ /*background-image.width*/
}
.main2 {
	margin: 0;
	padding: 0;
	padding-left: 45px; /* background-image.width */
	background-image: url(/img/ombre_gauche_vert.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.main3 {
	/* White column, left-aligned, variable width, with padding for the main content. */
	/* In strict CSS convention, this could be realized with padding properties,
	   but embedding two div with margins only ensures the same results on IE and
	   CSS-compliant browsers. */
	background-color: #FFFFFF;
	margin-right: 1.5em; /*colonne.width+colonne.padding.left+colonne.padding.right*/
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 3em;
	padding-right: 3em;
	padding-top: 3.5em;
	padding-bottom: 1em;
}
h1 {
	margin: 0.8em 0 1.1em;
	font-size: 300%;
	text-align: center;
}
h2 {
	font-size: 130%;
	margin: 0 0 1em 0;
}
.damier tr {
	margin: 1em;
}
.damier td {
	border-width: 1em;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 1em 1.5em;
	width: 45%;
	vertical-align: top;
}
.case1 {
	background-color: #CCD8BF;
}
.case2 {
	background-color: #E5E5E5;
}
.legal {
	margin-top: 4em;
	font-size: 80%;
}
.damier td ul {
	list-style: none;
	padding: 0;
	margin: 0;
}