body
{
background: url("fond.jpg") no-repeat center center fixed;
background-size: 100% 100%;
}

#sommaire
{
width: 390px;
height: 290px;
position: fixed;
top: 35%;
left: 1%;
}

.sommaireimg
{
position: relative;
width: 120%;
left: 7%;
top: 5%;
}

.boutonaccueil
{
width: 4%;
position: fixed;
top: 48%;
left: 5%;
}

.boutonlire
{
width: 4%;
position: fixed;
top: 48%;
left: 9.5%;
}

.boutonorigines
{
width: 4%;
position: fixed;
top: 48%;
left: 14%;
}

.boutonliens
{
width: 4%;
position: fixed;
top: 58%;
left: 5%;
}

.boutonmerci
{
width: 4%;
position: fixed;
top: 58%;
left: 9.5%;
}

form
{
position: fixed;
left: 35%;
top: 40%;
width: 29.5%;
height: 40%;
border: 1px #310F0B solid;
border-radius: 10px;
background-color: #310F0B;
padding-left: 5px;
padding-right: 5px;
opacity: 0.9;
}

p
{
color: #B16446;
font-size: large;
text-align: justify;
}

.mail
{
color: #B16446;
font-size: large;
}

#mail
{
position: absolute;
left: 27%;
top: 40%;
}

.abonnement
{
color: #B16446;
font-size: large;
}

#abonné
{
position: absolute;
left: 30%;
top: 48%;
}

#envoi
{
position: absolute;
left: 42%;
bottom: 33%;
}

#lecteurs
{
position: absolute;
left: 40.5%;
bottom: 1%;
}

#archive
{
position: relative;
left: 80.5%;
bottom: 1%;
}

.archives
{
color: #F2D5C1;
font-size: 0.8em;
}