html{
background-color : #ffffff;
margin:0px;
padding:0px;

}

body{
margin:0px;
padding:0px;
}

a img{border:0px;}

div.histoire{
position:absolute;
left: 50%; 
top: 50%;
width: 800px;
height: 600px;
margin-top: -300px; 
margin-left: -400px; /* moitié de la largeur */
font-family: Palatino;
font-size:80%;
}


div.histoire-haut{
background: url(histoire-haut.jpg);
text-align:center;
height:308px;
width:800px;
margin:0px;
padding:0px;
font-family: Palatino;
}

div.histoire-milieu{
margin:0px;
padding:0px;
height:22px;
}

div.histoire-bas{
background: url(histoire-bas.jpg);
width:800px;
height:270px;
}

div.gauche{
float:left;

}

div.textehtgauche{
padding-top:10px;
color:white;
padding-left:5px;
width:380px;
text-align:justify;
}

div.textebasgauche{
color:white;
padding-left:5px;
width:300px;
text-align:justify;
}

span.gras{
font-weight:bold;}



div.droite{
margin-left:390px;
}

div.textehtdroite{
padding-top:10px;

color:white;
padding-left:25px;
width:375px;
text-align:justify;
}

div.textebasdroite{
color:white;
padding-left:105px;
width:295px;

text-align:justify;
}

a.suite{
color:black;
font-weight:bold;
text-align:right;}

a.suite:hover{
color:white;
font-weight:bold;}

div.logo{
position:absolute;
left: 322px; 
top: 484px;
width: 156px;
height: 106px;
/*margin-top: -300px; 
margin-left: -400px; /* moitié de la largeur */
}

div.lienpage{

text-align:right;}