body {
background: url('fond.png');
margin: 0
}

/* EN TETE //////////////////////// */

#header {
width: 100%;
height: 50px;
background-color: #007FFF;
border-bottom: solid 1px black;
position: fixed;
top: 0px;
}

#header h1 {
float: left;
font-family: impact;
color: white;
padding-left: 200px;
margin-top: 0px;
padding-top: 5px;
}

#header h1 a {
color: white;
}

/* CONTENU //////////////////////// */

#contenu {
margin-top: 100px;
margin-left: 25%;
width: 50%;
color: #303030;
font-family: Arial;
}

#contenu h1 {
text-align: center;
font-family: Impact;
color: #303030;
}

.image_gauche {
float: left;
margin-right: 5px;
margin-bottom: 0px;
}

.image_droite {
float: right;
margin-left: 5px;
margin-bottom: 0px;
}

#contenu hr {
clear: both;
}

#contenu p {
text-align: justify;
}

.center {
margin-left: 70px;
}

#photos {
margin-left: 70px;
}

.codehtml {
border: solid 1px black;
padding-top: 5px;
padding-bottom: 5px;
}

.codehtml h4 {
font-style: italic;
}

/* BOTTOM ///////////////////// */

#bottom {
width: 100%;
height: 50px;
background-color: #007FFF;
border-top: solid 1px black;
position: fixed;
bottom: 0px;
}

#bottom h3 {
font-family: impact;
color: black;
padding-left: 60%;
margin-top: 0px;
padding-top: 5px;
}