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

#chapitretitre
{
width: 32%;
position: fixed;
left: 34%;
top: 32%;
}

#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%;
}

.boutonnotice
{
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%;
}


section
{
position: fixed;
left: 35%;
top: 45%;
width: 29.5%;
height: 45%;
overflow: auto;
}


.séparateur
{
position: absolute;
width: 80%;
left: 12%;
top: 40%;
}


.versionadobe
{
position: absolute;
left: 42%;
top: 0.5%;
color: black;
text-align: center;
font-size: large;
}
.versiontablette
{
position: absolute;
left: 42%;
top: 50%;
color: black;
text-align: center;
font-size: large;
}

#chapitretitre
{
width: 35%;
position: fixed;
left: 32%;
top: 32%;
}

.chapitre1
{
position: absolute;
width: 10%;
left: 1%;
top: 15%;
}

.chapitre2
{
position: absolute;
width: 10%;
left: 12%;
top: 15%;
}

.chapitre3
{
position: absolute;
width: 10%;
left: 23%;
top: 15%;
}

.chapitre4
{
position: absolute;
width: 10%;
left: 34%;
top: 15%;
}

.chapitrea
{
position: absolute;
width: 10%;
left: 1%;
bottom: 20%;
}

.chapitreb
{
position: absolute;
width: 10%;
left: 12%;
bottom: 20%;
}

.chapitrec
{
position: absolute;
width: 10%;
left: 23%;
bottom: 20%;
}

.chapitred
{
position: absolute;
width: 10%;
left: 34%;
bottom: 20%;
}