h1 {
	color: green;
	text-align: center;
/* Pour centrer le titre */
	font-family: Arial, Verdana, serif;
	font-weight: bold;
}
.policeital {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
}
.policenormal {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	color: black;
}
.policenormd {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	text-align: right;
}
.fondbrun {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: black;
	background-color: rgb(233,233,210);
}
.fondrose {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: black;
	background-color: rgb(233,210,210);
}
.fondbleu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size:14px;
	color: black;
	background-color: rgb(210,210,233);
}
.fondvert {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: black;
	background-color: rgb(210,233,210);
}
.fondverdatre {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: black;
	background-color: rgb(220,233,220);

}
.policerouge {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: red;
}
.policenoire {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
}
.policevertgg {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	color: green;
}
.policevertnorm {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: green;
}
.policepetited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	text-align: right;
}
.policeitalgg {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
}
.policebrune {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: brown;
	text-align: center;
}
.policeitalgh {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}
.policeitalggc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
.policeitalghc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.policeitalvert {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: green;
	text-align: right;
}
.alineapos {
	text-indent: 2%;
}
body {
	background-color: rgb(233,252,220);
	text-align: justify;
	margin: 0;
	padding: 0;
}
a:hover
/* Quand le visiteur pointe sur le lien */
 {
	text-decoration: underline;
/* Le lien deviendra souligné quand on pointera dessus */
	color: green;
/* Le lien sera écrit en vert quand on pointera dessus */
}
div {
position: absolute;
left: 10px;
top: 210px;
padding: 3px, 3px;
}

/* On met cinq images en bandeau en haut */
#logo1 {
/* boîte haut trois images  Trôo & Café*/
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 10px;
	height: 191px;
	width: 280px;
}
#logo2 {
/* boîte gauche fixe -> aller pages... */
	position: absolute;
	z-index: 2;
	top: 8px;
	left: 291px;
	height: 191px;
	width: 280px;
}
#logo3 {
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 572px;
	height: 191px;
	width: 280px;
}
#boitegauche1 {
	position: absolute;
	z-index: 4;
	top: 200px;
	left: 0;
	width: 200px;
	height: 250px;
}
#boitegauche2 {
	position: absolute;
	z-index: 5;
	top: 605px;
	left: 0;
	width: 200px;
	height: 400px;
	background-color: rgb(200,200,200);
}

#boitedroite {
	position: absolute;
	z-index: 6;
	top: 220px;
	left: 202px;
	height: 500px;
	width: 650px;
}
#piedpage {
	position: absolute;
	z-index: 7;
	top: 780px;
	left: 202;
	height: 100px;
	width: 855px;
}
#textboiteg1 {
	position: absolute;
	z-index: 8;
	top: 203px;
/* auparavant: Z03px */
	left: 15px;
	width: 196px;
	height: 240px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background-color: rgb(210,210,210);
}
#textboiteg2 {
	position: absolute;
	z-index: 9;
	top: 445px;
	left: 15px;
	width: 196px;
	height: 420px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background-color: rgb(205,205,205);
}
#textboited {
	position: absolute;
	z-index: 10;
	top: 230px;
	left: 215px;
	height: 793px;
	width: 645px;
	color: green;
	/*font: 15px Arial, Verdana, Helvetica, sans-serif;
*/
	background-color: rgb(233,252,220);
}
#textpiedpage {
	position: absolute;
	z-index: 11;
	top: 795px;
	left: 215px;
	height: 100px;
	width: 645px;
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	background-color: rgb(233,252,220);
}
#logo4 {
	position: absolute;
	z-index: 12;
	top: 8px;
	left: 10px;
	height: 191px;
	width: 850px;
}

#textlogo4 {
position: relative;
z-index: 13;
top: 10px;
left: 15px;
height: auto;
width: auto;
padding: 10px, 10px;
color: green;
}
#texthaut {
position: absolute;
z-index: 14;
top: 10px;
left: 60px;
width: 650px;
padding: 3px, 10px;
}
#boiteflot1 {
	z-index: 15;
	float: left;
	width: 200px;
	height: 350px;
	border: thin solid #000000;
}
#textphoto {
position: absolute;
z-index: 16;
top: 210px;
left: 20px;
width: 750px;
padding: 3px, 10px;
}