body
{
margin:0;
padding:0;
background:white;
color:black;
font-size:80%;
font-family:georgia;
}

#header
{
height:169px;
background: black url(bayonne1.png) top right no-repeat;
border-top:1px solid white;

}

#header img
{
float:left;
margin:0 0;
border-left:1px solid white;
border-right:1px solid white;
margin-right:10px;
}

#header h1
{
font-size:2.3em;
margin-top:26px;
margin-left:20%;
line-height:0;
color:white;
}


#header p
{
margin:45px 0 0 200px;
font-weight:bold;
color:white;
font-size:1.1em;
}

#foot
{position:relative;
top:0px;
width:100%;
height:50px;
background:black;
}

#foot p
{
color:#adff2f;
margin-left:50%;
font-family:georgia;
font-size:14px;
margin-top:16px;
}

#foot p img
{
float:right;
margin-top:-30px;
margin-right:24%;
}

.lion
{
margin-top:3px;
margin-left:38%;
}

#menuhaut
{
position:absolute;
top:168px;
left:0;
width:100%;
margin:0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type:none;
background-color:black;
color:white;
text-align:right;
border-top:1px solid white;

}

#menuhaut li
{
display:inline;
}

#menuhaut a
{
color:white;
text-decoration:none;
margin-right:4px;
}

#menuhaut a:hover
{
text-decoration:underline;
}

#menu
{
position:relative;
float:left;
z-index:1;

background-color:black;
margin-top:7px;
width:224px;
height:582px;

}

#corpus
{
margin-top:6px;
margin-left:226px;
height:582px;
width:auto;

}
#corpus p
{
font-family:georgia;
font-size:1.2em;
line-height:1em;
padding-top:0px;
padding-left:6px;
text-align:justify;
}
#corpus img
{
float:left;
margin-right:6px;
margin-top:6px;
padding-left:6px;



}

#corpus h1
{
font-weight:bold;
font-size:150%;
padding-bottom:0.2em;
border-bottom:3px solid #000;
font-variant:small-caps;
text-indent:5px;
color:#250;
}

#corpus h2
{
margin-top:1em;
margin-bottom:1em;
font-size:110%;
font-weight:bold;
color:black;

}

#encart
{
float:right;
width:250px;
margin:6px 5px 5px 5px;
padding-top:30px;
border:1px solid black;
background:#eeeeee;
}

#encart h3
{
font-size:130%;
margin:0 0 0 40px;
}

#cadre
{
padding:0 0 25px 40px;

}

#cadre ul
{
margin: 1em 0 0 1.4em;
padding:0;
}

#cadre li
{
margin:0;
list-style-image:url(postpuce.png);
}

#cadre li a
{
color:black;
text-decoration:none;

}

#cadre li a:hover
{
text-decoration:underline;
}

a
{ color:blue;
}
a span
{
display:none;
}
a:hover span
{
display:inline;
position:absolute;
top:60%;
right:30%;
width:200px;
height:100px;
background:#ffc;
text-align:center;
color:black;
text-decoration:none;
border:1px solid #900;

}
.aa
{
padding-top:20px;
color:black;
}

.aaa
{
padding-top:20px;
color:green;
}

img
{ margin-top:5px;
float:left;
}

#rig
{}

#rig img
{
margin-top:-107px;
margin-left:130px;
}