body
{
background:url("./images/back.jpg") repeat;
font-family:amienne,verdana,"sans-serif";
font-size:1em;
color:#999;
margin:10;
padding:0;
a{text-decoration:none;}
}
div#header
{
height:270px;
width:900px;
background:url("./images/header.png") no-repeat;
font-family: garamond,verdana,"sans-serif";
font-size:2.5em;
font-weight:bold;
margin:10px auto;
padding:10px;
}
div#menu
{
width:800px;
margin:0 auto;
padding:0 10px;
font-size:2.5em;color:#999;
list-style-type:none;
}
div#menu a {text-decoration:none;color:#999;}
        li {display:inline;padding:0;text-align:center;}
        a:hover {color:#fff;font-weight:bold;}

div#sepa {width:750px;height:1px;border-bottom: dotted #333;margin:auto;}
div#sepas {width:580px;height:1px;border-bottom:1px solid #999;margin:auto;}

div#contenu
{
background: url("./images/backblok.png") no-repeat;
width:900px;
height:auto;
margin:auto;
}
div#contenu p {font-size:1.8em;text-align:justify;padding-left:35px;padding-right:35px;}
div#anim 
{
width:750px;
height:105px;
margin:auto;
}
div#anim img {display:inline;}
div#bloc
{
width:580px;
height:auto;
margin:auto;
padding:0 10px;
font-size:1em;
}
div#bloc h1 {font-size:1.8em;text-align:center;}
div#bloc p {font-size:1.4em;text-align:justify;}

div#blocb
{
background: url("./images/backblok.png") no-repeat;fixed;
overflow:scroll;
width:920px;
height:580px;
margin:auto;
padding:0 10px;
font-size:1.3em;
text-align:center;
}
a:hover{font-weight:bold;}
h1 {font-size:1.5em;font-weight:bold;}
div.clear {clear:both;}

div#gauche
{
width:360px;
height:1100px;
float:left;
}
div#droite
{
width:360px;
height:1100px;
float:right;
}
div#sepaxs
{width:360px;border-bottom:dotted;height:1px;color:#333;}

div#footer {background:url("./images/footer.png");
width:900px; 
height:80px;
text-align:center;
font-size:1.2em;
margin:auto;}
