*
{
margin:0;
padding:0;
}

body
{
background-image: url('3254309.jpg');
font-family: Baskerville, Times New Roman, Calibri;
width:100%;
}

header
{
position:fixed;
left:1%;
width:98%;
padding-bottom:1%;
background-color:#0B2161;
color:white;
font-weight:bold;
text-align:center;
}

section
{
margin-right:5%;
margin-left:5%;
padding-left:3%;
padding-right:2%;
padding-top:7%;
padding-bottom:2%;
}

navigation
{
position:fixed;
left:60%;
top:20%;
height:30%;
width:30%;
}

footer
{
position:fixed;
left:0%;
bottom:1%;
width:100%;
font-size:15px;
text-align:center;
font-weight:normal;
}

a:link
{
text-decoration:none;
}

h1
{
font-size:1.5em;
padding-top:1%;
color:white;
}

h2
{
text-indent:2%;
font-size:1.3em;
}

h3
{
color:#0B2161;
font-size:1.5em;
text-align:center;
}

h4
{
text-indent:2%;
color:#0B2161;
font-size:1.3em;
}

h5
{
font-size:1.3em;
}

h6
{
text-indent:0%;
font-size:1.05em;
color:red;
}

p
{
text-indent:2%;
text-align:justify;
font-size:1em;
padding-top:0.3%;
padding-bottom:0.8%;
}

table
{
width:90%;
text-align:center;
}

a:link
{
color:blue;
}

a:hover
{
background-color:gold;
}

.titre
{
margin-top:2%;
font-size:1em;
}

.livre
{
float:right;
margin-left:4%;
padding-bottom:10%;
}

figcaption
{
text-align:center;
margin-right:20%;
}

.heart
{
float:right;
margin-top:5%;
margin-right:-40%;
}

.echos
{
float:left;
margin-right:1%;
margin-top:1.5%;
margin-bottom:4%;
font-size:0.8em;
}

.balance
{
float:left;
margin-right:1%;
margin-top:2%;
margin-bottom:1%;
font-size:0.7em;
}

.shorttall
{
float:right;
margin-top:-2%;
font-size:0.7em;
}

cite
{
color:red;
}


@media screen and (max-width : 480px)
{
section
{
padding-top:22%
}
}