html, body { 
height : 100% ;
overflow : auto ;
} 
body { 
background : #000066 ;
margin : 0 ;
padding : 0 ;
background-image: url(zebra2.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 100%; 
}


#content { 
background : #000000 url(fond.jpg) no-repeat ;
width : 800px ;
height : 100% ;
margin : 0 0 0 120px ;
padding : 0 0 0 0 ;
font-size : 0.8em ;
font-family : arial ;
color : #ffffff ;
} 
#defile { 
position : absolute;
height : 370px;
width : 552px;
margin-top : 1px;
margin-left : 1px;
background-color : transparent;
overflow : scroll;
left : 117px;
top : 18px;
} 
html > body #content { 
height : auto;
min-height : 100%;
} 
#contenu { 
width : 800px;
padding : 0 0 0 0;
} 
#menu { 
position : absolute;
text-align : left;
list-style : none;
font-family : times;
font-size : 20px;
margin-left : 120px;
width : 200px;
height : 400px;
left : 590px;
top : 81px;
} 
ul[id="menu"] { 
position : absolute !important;
} 
html > body { 
overflow : visible !important;
} 
#menu ul { 
margin : 0;
padding : 0;
list-style : none;
} 
#menu li { 
margin : 0;
padding : 0;
list-style : none;
} 
#menu li a { 
display : block;
text-decoration : none;
color : #000066;
margin : 10px 0 0 0;
text-transform : uppercase;
line-height : 16px;
width : 10px;
background : #990000;
text-indent : 20px;
} 
#menu li p { 
display : block;
color : #000066;
margin : -8px 0 0 0;
text-transform : uppercase;
width : 190px;
} 
#menu li a:hover { 
text-decoration : none;
color : #000066;
background : white;
} 
#menu li #active { 
background : white;
} 
h1 { 
font-family : times;
margin : -5px 180px 0 20px;
padding : 10px 0 1px 0;
font-size : 1.5em;
text-transform : uppercase;
} 
h1 span { 
font-size : 0.6em;
font-style : italic;
text-transform : none;
} 
h2 { 
font-family : times;
margin : -2px 20px 10px 0;
padding : 10px 0 10px 20px;
font-size : 1em;
text-transform : uppercase;
} 
h3 { 
font-family : times;
margin : 10px 0 0 15px;
padding : 0 0 0 0;
font-size : 0.8em;
text-transform : uppercase;
} 
p { 
font-family : times;
margin : 10px 0 0 -20px;
font-size : 0.5em;
color : white;
text-transform : uppercase;
} 
#footer { 
background : transparent;
text-align : left;
font-size : 1em;
padding : 2px;
margin-top : 30px;
margin-left : 10px;
} 
#footer p { 
margin : 0;
} 
#footer a:hover { 
text-decoration : underline;
} 
#content p { 
margin : 0 0 0 0;
} 
p img { 
float : right;
margin : 10px 0 20px 20px;
} 
img { 
border : none;
} 
#haut { 
width : 69%;
height : 370px;
} 
#menuhaut { 
margin : 0 10px 0 10px;
width : 600px;
background : transparent;
height : 16px;
} 
#menuhaut ul { 
margin : 0 0 0 0;
padding : 0 0 0 0;
background : transparent;
float : left;
list-style : none;
} 
#menuhaut li { 
margin : 0 0 0 1px;
padding : 1px 1px 0 2px;
text-align : center;
float : left;
background : transparent;
text-transform : uppercase;
font-size : 17px;
font-weight : bold;
} 
#menuhaut li a { 
color : #ffffff;
} 
#menuhaut li:first-child { 
border : transparent;
} 
#menuhaut li a:hover { 
text-decoration : none;
} 
#soushaut { 
height : 15px;
width : 60%;
background : transparent;
margin : 5px 10px 10px 22px;
} 
a { 
text-decoration : none;
color : #eeeeee;
} 
a:hover { 
text-decoration : none;
color : #ffffff;
} 
.encart { 
background : transparent;
padding : 25px 10px 10px 0;
margin : 0 0 0 0;
} 
.encart p { 
background : transparent;
padding-left : 0;
} 
.encart img { 
float : left;
margin-bottom : 0;
} 
#speciaux { 
color : blue;
margin : 0 0 0 100px;
padding : 0 0 0 0;
text-transform : uppercase;
line-height : 15px;
text-align : right;
font-size : 12px;
} 
#adresse { 
color : white;
margin : 10px 0 0 1px;
text-transform : uppercase;
line-height : 20px;
text-align : left;
font-size : 10px;
} 
#expo { 
color : red;
font-family : times;
margin : 10px 10px 10px 10px;
text-transform : uppercase;
line-height : 20px;
text-align : left;
font-size : 18px;
} 
#image1 { 
background : url(zeb.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image2 { 
background : url(son.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image3 { 
background : url(kam.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image4 { 
background : url(son2.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image5 { 
background : url(projo.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image6 { 
background : url(expo.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image7 { 
background : url() no-repeat;
height : 370px;
width : 552px;
} 
#image8 { 
background : url(liens.jpg) no-repeat;
height : 370px;
width : 552px;
} 
#image9 { 
background : url(pintes.jpg) no-repeat;
height : 370px;
width : 552px;
}