body
{
background-color: #ffffff;
font-family: Century Gothic, serif;
}
#fond{
width: 100%;
height: 400px;
position:absolute;
left: 0%;
top: 50%;
margin-top: -200px;
background-image: url("media/fond.png");
background-repeat: repeat-x;
background-position: 0px 0px;
}
#photo
{ 
background-image: url("media/couv.jpg");
background-repeat: no-repeat;
background-position: 0px 0px ;
width: 360px;
height: 540px;
position:absolute;
left: 75%;
margin-left: -180px;
top: 50%;
margin-top: -270px;
}
#logo
{
background-image: url("media/logo400.png");
background-repeat: no-repeat;
background-position: 0px 0px ;
width: 400px;
height: 203px;
position:absolute;
left: 30%;
margin-left: -200px;
top: 50%;
margin-top: -103px;
}
a h2
{ 
color: #0c3f84;
font-size: 16px;
text-decoration: none;
}
#fr
{
position: absolute;
left: 30%;
top: 85%;
margin-top: -16px;
margin-left: -150px;
display:none !important; 
display: block;
}
#fr:hover > a h2
{
color: #456084;
}
#en
{
position: absolute;
left: 30%;
top: 85%;
margin-top: -16px;
margin-left: 100px;
display:none !important;
display: block;
}
#en:hover > a h2
{
color: #456084;
}
#fond:hover > #fr
{
display:block !important;
}
#fond:hover > #en
{
display:block !important;
}