*
{
font-family: Calibri, Arial;
}

body /* Marges de la page */
{
margin: auto;
margin-top: 10px;
width: 900px;
}

#logo
{
display: inline-block;
height: 100px;
vertical-align: top;
}

#titre
{
display: inline-block;
vertical-align: top;
padding-top: 3px; /* pour régler la hauteur du titre par rapport au logo */
margin-left: 20px;
color: #002454; /* Bleu AF, Anciens bleus foncés #1b3684, #001e5a */
}

.warn
{
color: red;
font-weight: bold;
text-decoration: underline;
}

.note
{font-weight: bold;
text-decoration: underline;
}

header h1
{
margin: 0px;
font-family: Verdana, Arial;
font-size: 2.8em;
text-shadow: -2px 2px 3px gray;
}

header h2
{
font-family: Verdana, Arial;
font-size: 1em;
text-shadow: -1px 1px 2px gray;
margin-top: 10px;
}

#contact
{
font-family: Verdana;
font-size: 0.9em;
font-weight: normal;
}

a
{color: black;}

a:hover
{color: blue;}

nav
{
margin-top: 10px;
}

nav ul
{
margin: 0px;
list-style-type: none;
text-align: center;
border: 1px solid #808080;
background-color: #f7f7f7; /* Ancien gris #f0f0f0 */
}

nav li
{
font-size: 1em;
display: inline-block;
height: 21px;
width: 170px;
padding: 5px;
}

nav a
{
padding: 5px;
font-family: Verdana, Arial;
font-size: 1em;
color: #808080; /* Anciennement gray */
text-decoration: none;
}

nav a:hover
{color: black;}

section
{
min-height: 200px;
margin-top: 20px;
margin-bottom: 20px;
text-align: justify;
font-size: 0.95em;
word-wrap: break-word;
}

section h3
{
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
border-bottom: 1px solid #808080;
color: #002454; /* Bleu AF */
margin: 0px;
margin-top: 30px;
}

section h4
{
font-family: Calibri, Arial, sans-serif;
font-size: 0.8em;
color: #808080;
margin: 0px 0px 10px 5px;
}

footer
{
display: inline-block;
width: 100%;
border-top: 1px solid #808080;
font-size: 0.7em;
color: #808080;
}

.capture
{
margin: 10px 0px 10px 20px;
}