html,body {
	font-family: Verdana, geneva;
	font-size: 10pt;
	background-color: #0069b3;
	margin:0;
	height:98%;
	cursor: default;
	}
a{
	color: #0074c7;
	text-decoration:underline;
}
a:hover {
	color: #0074c7;
	text-decoration:none;
}
div.page{
	background-color:#0074c7;
	border: 3px solid #fff;
	/*background-image:url(tour.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	background-attachment:fixed;padding-bottom:40px;*/
	z-index:9;
	min-height:100%;
	height:99%;	
}
div[class].page {
   height:auto;
   }
div.background{
	z-index:10;
	position: absolute;
	margin-bottom:0px;
	left:8%;
	width:80%;
	height:100%;
}
img.background{
	width:25%;
}
/*div.cen{
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
}*/
div.top{
	width: 100%;
	position:relative;
	text-align:center;
	z-index:11;
	top:20px;
}
div.centrepre{
	position:relative;
	color:#fff;
	text-align:justify;
	top:40px;
	left:20%;
	margin-bottom:60px;
	width:59%;
	z-index:12;
	font-size: 9pt;
}
div.spacer{
	clear:both;
}
div.menu{
	position: absolute;
	margin-top:40px;
	width:16%;
	left:2%;
	z-index:13;
}
div.menud{
	margin-top:40px;
	position: absolute;
	width:16%;
	left:81%;
	text-align:center;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu dt {
	cursor: pointer;
	margin: 2px 0;
	padding-top:1px;
	padding-bottom:1px;
	line-height: 18px;
	text-align: left;
	font-weight: bold;
	/*border: 1px solid #00623b;
	background: #7bc078;*/
	color: #00623b;
	font-size: 8pt;
	letter-spacing : -0.7pt; 
}
#menu dd {
	/*border: 1px solid #00623b;*/
	font-weight: 580;
}

#menu dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	border-color:#7bc078;
	border-style:solid;
	border-width:0 0 3px 0;
}
#menu li a {
	color: #7bc078;
	text-decoration: none;
	display: block;
}
a.menuli {
	margin:0;
	padding:0;
	color: #7bc078;
	text-decoration: none;
	display: block;
}
a.menuli:hover {
	background-color: #7bc078;
	color: #0074c7;
}
#menu dt a:hover {
	color: #7bc078;
}
p.lettrine{
	margin:0;
}
p.lettrine:first-letter {
	color: #7bc078;
}
a.nav{
	display:block;
	width:100%;
	background-color:#7bc078;
	text-decoration:none;
	color:#00623b;
	margin-top:2px;
	/*padding:2px;*/
	font-weight : bold ;
	/*-moz-border-radius: 5px;*/
}
a.nav:hover{
	color:#fff;
	background-color:#7bc078;
	/*background-color: transparent;*/
}
a.nav span.n{
	display: none;
	text-decoration:none;
}
a.nav:hover span.n{
	display:block;
	text-decoration:none;
}
a.nav span.o{
	display: block;
	text-decoration:none;
}
a.nav:hover span.o{
	display:none;
	text-decoration:none;
}
div.onglethaut{
	width:320px;
	height:21px;
	vertical-align: middle;
	background : url(imgpage/haut.gif) no-repeat;
	color:#7bc078;
	font-style:italic;
	font-weight:bold;
	font-size:13pt;
	text-align:center;
	padding-top:4px;
}
div.ongletcorhaut{
	background :#FFFFE6 url(imgpage/ss_arrondi_ht_d.gif)  no-repeat right top;
	height:25px;
}
div.ongletcor{
	position:relative;
	background-color:#FFFFE6;
	color:#0074c7;
	padding:5px 25px;
}
hr.onglet{
	height: 1px;
	border: 0;
	margin-top:5px;
	margin-bottom: 5px;
	text-align:center;
	color:#0074c7;
	background-color:#0074c7;
	width:90%;
}
div.ongletbas{
	position:relative;
	color:#0074c7;
	width:100%;
	height:17px;
	float:left;
	text-align:right;
	background :url(imgpage/arrondi_bas_g.gif)  no-repeat left top;
	margin-bottom: 3px;
}
div.spacer{
	clear:both;
}
img.gauche{
	float:left;
	margin:10px 10px 0 10px;
}
img.droite{
	float:right;
	margin:0 10px 10px 10px;
}
img.centre{
	text-align:center;
	margin:10px 10px 10px 10px;
}
div.gauche70{
	position:relative;
	float:left; 
	width:70%; 
}
div.droite30{
	position:relative;
	float:right; 
	width:30%; 
}
div.gauche20{
	position:relative;
	float:left; 
	width:30%; 
}
div.droite80{
	position:relative;
	float:right; 
	width:70%; 
}
div.nav{
	position:absolute;
	top:230px;
}
div.prong{
	position:absolute;
	width:615px;
	left:185px;
	top:230px;
}