body {
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size : small; 
	background-color : #ffff00; 
	width : 96%;
	} 

html > body .fixe {
position : fixed; 
} 

#page {
	background-color : #fff; 
	border : 2px solid #000; 
	margin-left : 0.1em; 
	margin-right : 0.1em; 
	height : auto; 
	width : 100%; 
	} 

#bandeau {
	background-color : #feba18; 
	background-image : url(images/fond-lac.jpg); 
	background-position : 100% 50%; 
	background-repeat : no-repeat; 
	height : 10em; 
	}
 
#bandeau h1 {
	margin-top : 0.5em; 
	text-align : left; 
	font-size : 1.5em; 
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #627a84; 
	margin-left : 1.5em; 
	}
 
#bandeau h1:first-letter {
	margin-top : 0.5em; 
	margin-left : 0.3em; 
	text-align : left; 
	font-size : 2em; 
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #627a84; 
	}

#bandeau h2 {
	margin-top : 0.5em; 
	text-align : left; 
	font-size : 1.5em; 
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #627a84; 
	margin-left : 1.5em; 
	}

 
#zonemenu {
	position : absolute; 
	voice-family : "\"}\""; 
	voice-family : inherit; 
	top : 10em; 
	left : 20px; 
	width : 200px; 
	padding-top : 5em; 
	padding : 0.3em; 
	overflow : hidden; 
	text-align : center; 
	} 

#zonemenu img {
	border : 1px solid #000000; 
} 

#menuverti2 h2 {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 1.4em; 
	color : #000000; 
	border-bottom : 2px dotted #000000; 
	margin-left : 8px; 
	text-align : right; 
	padding-top : 0.5em; 
	} 

#menuverti2 ul {
	padding-left : 0.3em; 
	padding-bottom : 1em; 
	}
 
#menuverti2 {
	margin-top : 4em; 
	margin-bottom : 4em; 
	text-align : left; 
	border : 1px solid #b3cde3; 
	padding-right : 0.4em; 
	} 

#menuverti2 a:hover {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.9em; 
	color : #feba18; 
	text-decoration : none; 
	margin-left: 15px;
	} 

#menuverti2 li {
	list-style-type : none; 
	margin : 2px; 
	padding-top : 0.3em; 
	padding-bottom : 0.3em; 
	padding-left : 0.1em; 
	border : 1px solid #000000; 
	background-color : #ffde98; 
	}
 
#menuverti2 li:hover {
	border : 1px solid #feba18; 
	background-color : #f9ff99; 
	} 

#menuverti2 a {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.9em; 
	margin-left: 15px;
	color : #000000; 
	text-decoration : none; 
	font-weight : bold; 
	}
 
#zonecontenu {
	margin-left : 225px; 
	margin-right : 3%; 
	margin-bottom : 4em; 
	overflow : hidden; 
	} 

#contenu {
	margin-top : 0; 
	margin-left : 1em; 
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : #336699; 
	padding : 1em; 
	background-color : #ffffff; 
	text-align: justify;
	} 

#contenu h1 {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 2em; 
	font-weight : bold; 
	font-variant : small-caps; 
	} 

#contenu h1:first-letter {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 1.8em; 
	font-weight : bold; 
	} 

#contenu h2 {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 1.6em; 
	font-weight : bold; 
	border-top : thin dotted #ffcc66; 
} 

#contenu a {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : #d37638; 
	text-decoration : none; 
	} 

#contenu a:hover {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : #000; 
	text-decoration : underline; 
	} 

#contenu legend {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : #d37638; 
	font-weight : bold; 
	} 

.etape span {
	font-weight : bold; 
	color : #547e7e; 
	text-decoration : underline; 
	} 

.imagesbords1 {
	float : right;
	margin-left: 5px;
	} 

.imagesbords2 {
	float : left;
	margin-right: 5px;
	} 

.imagesbords3 {
	border: 2px dashed orange;
	float : right;
	margin-left: 5px;
	} 

.imagesbords4 {
	border: 2px dashed orange;
	float : left;
	margin-right: 5px;
	} 

.imagesbords5 {
	float : center;
	} 


.imagesansbords {
	border : 0;
	}	
 

#validator {
	position : absolute; 
	voice-family : "\"}\""; 
	voice-family : inherit; 
	top : 40em; 
	left : 20px; 
	width : 150px; 
	padding-top : 5em; 
	padding : 0.3em; 
	overflow : hidden; 
	text-align : center; 
	} 

#copyright {
	voice-family : "\"}\""; 
	voice-family : inherit; 
	width : 100%; 
	padding-top : 5em; 
	padding : 0.3em; 
	overflow : hidden; 
	text-align : center; 
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : #336699; 
	} 

#copyright a {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 0.95em; 
	color : red; 
	text-decoration : none; 
}

#copyright a:hover {
	font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 1.1em; 
	color : black; 
	text-decoration : none; 
}

.dessous
{
   clear: both;
}

.poeme
{
text-align: center;
font-style: italic;
}

.right
{
text-align: right;
}

.left
{
text-align: left;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

#validator2
{
border-top : 1px solid #000000; 
}