body {
	color: #03F;
	font-size: 14px;
	height: 100%;
	font-family: verdana, arial, sans-serif;
	background-color: #6FF;
	}
p {
		padding: 5px;
}

h1 {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	width: auto;
	display: block;
	overflow: auto;
	vertical-align: middle;
	padding: 5px;
	left: auto;
	right: auto;
	margin: 10px;
}
.promo {
	font-size: 9px;
	text-align: left;
	width: auto;
	left: auto;
	right: auto;
	text-indent: 3px;
	display: block;
	margin: 10px;
	position: relative;
}

.news {
	font-size: 10px;
	color: #006;
	text-align: left;
	text-indent: 3;
	display: block;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 5px;
	position: relative;
}
.swf {
	width: auto;
	margin-right: 5%;
	margin-left: 5%;
}


h2 {
	font-size: 12pt;
	font-style: italic;
	text-align: center;
	color: #006;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
}

.liste {
	list-style-type: disc;
	list-style-position: outside;
}




.souligne {  text-decoration: underline}

#swf {
	text-align: center;
	width: 600px;
}
.story{
	font-size: 80%;
	text-align: left;
	text-indent: 5px;
	color: #0000CC;
	}


.haut {
	width: 80%;
	height: auto;
	background-color: #06C;
	color: #fff;
	font-size: 36px;
	padding: 10px;
	vertical-align: middle;
	left: auto;
	right: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.conteneur {
height: 338px;
width: 100%;
}
.gauche {
position: absolute;
left: 0;
width: 200px;
height: 338px;
background-image: url(../gauche.gif);
}
.frame {
	margin-left: 180px; /* on place ce bloc ? droite du bloc menu de 180px de large */
	width: auto;
	height:600px;
	overflow: auto; /* cette propri?t? va permettre le scroll de ce bloc */
	left:0px;
/*font-size: 14px;*/
}
.bas {
width: auto;
height: 30px;
background-color: #06C;
color: #fff;
font-size: 12px;
padding: 10px;
}

#navcontainer {
	width: 200px;
	float: left;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 200px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
#Layer1 {
	position:relative;
	left:0px;
	top:0px;
	display: block;
	vertical-align: middle;
}
#Layer2 {
	position:relative;
	top:20px;
	height:204px;
	margin-left: 0px;
}
ul {
	background-color: #CCC;
	text-align: left;
	text-indent: 40px;
	display: block;
	font-size: medium;
	width: 80%;
	line-height: 24px;
	left: auto;
	list-style-type: circle;
	list-style-position: outside;
}
#middle {
	background-image: url(/images/sand.jpg);
	margin-right: 100px;
	margin-left: 100px;
	width: 600px;
}