<!--

html {
font-family : verdana ;
font-size: 100%;
}

body {
margin: 0;
padding: 0;
}

#lefond {
position : absolute ;
top : 0;
left:0 ;
z-index:1;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; 
top: 75;
left: 20;
z-index:100;
width: 100%; 
font-size: 12;
}

#menu dl {
color : rgb(0,155,78);
float: left;
width: 12em;
}

#menu dt  {
cursor: pointer;
color : rgb(0,155,78);
text-align: center;
font-weight: bold;
margin: 1px;
}

#menu dt a{
color: rgb(0,155,78) ;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a:hover, #menu dt a:focus {
color : rgb(91,255,173);
background: rgb(0,155,78);
}

#menu dd {
border: 1px solid rgb(0,62,91);
}

#menu li {
text-align: center;
background: rgb(203,229,242);
font-weight: bold;
}

#menu li a{
text-decoration: none;
color : rgb(0,62,91);
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus {
color: rgb(203,229,242);
background: rgb(0,62,91);
}

#site {
position: absolute;
z-index: 1;
top : 265px;
left : 10;
color: rgb(0,62,91);
font-size : 18 ;
}

#site td a{
cursor: pointer;
text-decoration: none;
margin: 5;
padding: 5;
font-size : 18;
color: rgb(0,62,91) ;
}

#site td {
text-decoration: none;
margin: 5;
padding: 5;
font-size : 18;
color: rgb(0,62,91) ;
}

#site h1 {
font-size : 20 ;
font-weight : bolder ;
}

#site a {
font-size : 16 ;
text-decoration: none;
color: rgb(0,62,91);
}

#site h3 {
font-size : 18 ;
font-weight : bolder ;
}

#site h4 {
font-size : 10 ;
font-weight : normal ;
}

#letableau td {
	text-align: center;
	margin: 1;
	padding: 1;
	font-size : 10;
	color: rgb(0,62,91) ;
}

#letableau td a {
	text-align: center;
	margin: 1;
	padding: 1;
	font-size : 10;
	color: rgb(0,62,91) ;
}

#album {
position: absolute;
z-index: 100;
left : 40;
top : 35;
color: rgb(0,62,91);
font-size : 12 ;
}

#album a {
text-decoration: none;
color: rgb(0,62,91);
}

#album h3 {
color: rgb(0,62,91);
font-size : 16 ;
border: 1px solid rgb(0,62,91);
background: rgb(203,229,242);
}

#titrehaut {
position: absolute;
z-index : 2;
top: 6px;
right : 20 ;
font-size : 10;
color : rgb(0,62,91);
}

#titrebulles1 {
position: absolute;
z-index : 4;
top: 28;
left : 12 ;
font-size : 30;
color : rgb(255,85,85);
font-weight : bolder ;
}

#titrebulles2 {
position: absolute;
z-index : 3;
top: 30;
left : 14 ;
font-size : 30;
color : rgb(255,221,221);
font-weight : bolder ;
}

#image {
z-index : 5;
position : absolute ;
top : 95 ;
left : 0;
}

#film {
z-index : 5;
position : absolute ;
top : 95 ;
left : 419;
}

#titre1 {
position: absolute ;
z-index : 6;
top: 122 ;
right : 18 ;
font-size : 70; 
color : rgb(255,221,221) ;
font-weight : bolder ;
}

#titre2 {
position: absolute ;
z-index : 7;
top: 120 ;
right : 20 ;
font-size : 70; 
color : rgb(255,85,85) ;
font-weight : bolder ;
}

#image1  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 200;
display: none;
}

#image2  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 201;
display: none;
}

#image3  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 202;
display: none;
}

#image4  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 203;
display: none;
}

#image5  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 204;
display: none;
}

#image6  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 205;
display: none;
}

#image7  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 206;
display: none;
}

#image8  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 207;
display: none;
}

#image9  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 208;
display: none;
}

#image10  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 209;
display: none;
}

#image11  {
position : absolute;
top : 440 ;
left : 180 ;
z-index : 210;
display: none;
}

#sitemf1 {
position: absolute;
z-index: 1;
top : 265px;
left : 10;
color: rgb(0,62,91);
font-size : 16 ;
}

#sitemf1 td a{
cursor: pointer;
text-decoration: none;
font-size : 14;
color : rgb(255,85,85) ;
}

#sitemf1 td {
text-decoration: none;
font-size : 16;
color: rgb(0,62,91) ;
}

#sitemf1 th {
text-decoration: none;
font-family : verdana  ;
font-weight: bold;
font-size : 18;
color: rgb(0,62,91) ;
border: 0 ;
color: red;
text-align: left;
}

#sitemf1 h1 {
font-size : 20 ;
font-weight : bolder ;
}

//-->