html, body {
height: 100%;
width: 100%;
}

body {
font-family: Garamond, Bookman Old Style, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
background-color: #000056;
}

#haut {
height: 200px;
background: url("images/bandeau4.jpg") top left no-repeat;
}

#bas {
width: 100%;
line-height: 30px;
background: url("images/menu.gif") top left repeat-x;
text-align: center;
font-size: 0.9em;
height: 30px;
}

#bas p {
color: black;
}

#bas a {
color: blue;
}

#contenu {
padding: 10px;
}

#menu {
width: 100%;
line-height: 30px;
background: url("images/menu.gif") top left;
text-align: center;
height: 30px;
}

#contenu ul, #contenu li {
list-style-type: disc;
margin-top: 3px;
margin-bottom: 3px;
color: #fff;
}

#menu ul, #menu li {
list-style-type: none;
font-weight: bold;
}

#menu li {
font-size: 1.1em;
display: inline;
}

#menu li a {
color: #000;
text-decoration: none;
}

#menu li a:hover {
color: #fff;
}

h1 {
font-size: 1.8em;
font-weight: bold;
margin: 8px;
color: #666666;
}

h2 {
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
margin: 5px;
margin-top: 10px;
color: #fbff71;
}

h3 {
font-size: 0.9em;
margin: 3px;
margin-top: 8px;
font-weight: bold;
color: #fbff71;
}

h4 {
font-size: 1.3em;
margin: 3px;
margin-top: 8px;
font-weight: bold;
color: #ffca5f;
margin-left: 20px;
}

p {
font-size: 1em;
margin: 5px;
color: white;
}

hr {
width: 95%;
height: 2px;
margin-top: 1em;
margin-bottom: 1em;
clear: both;
}

a {
color: #ffff00;
}

a:visited {
color: #ffbb00;
text-decoration: none;
}

.gauche {
float: left;
border: 1px solid black;
margin: 8px;
}

.droite {
float: right;
border: 1px solid black;
margin: 8px;
}

.gras {
font-weight: bold;
}

.vignette {
display: block;
float: left;
margin: 10px;
width: 250px;
height: 235px;
font-size: 1em;
text-align: center;
border: none;
padding: 10px;
text-decoration: underline;
color: white;
}

a.vignette:visited {
text-decoration: underline;
color: white;
}

.imgvignette {
border: 1px solid black;
margin: 5px;
width: 220px;
text-decoration: none;
}

.ptvignette {
display: block;
float: left;
margin: 5px;
width: 120px;
height: 100px;
text-align: center;
text-decoration: underline;
color: black;
}

.imgptvignette {
margin: 5px;
width: 110px;
border: 2px solid black;
}

a.ptvignette:visited {
text-decoration: underline;
color: black;
}

#galerie {
text-align: center;
}

.annonce {
margin: 10px;
width: auto;
font-size: 1em;
border: 3px black;
border-style: double;
padding: 10px;
color: black;
}

.annoncephoto {
margin: 10px;
width: auto;
font-size: 1em;
border: 3px black;
border-style: double;
padding: 10px;
color: black;
height: 180px;
}

.imgannonce {
border: 1px solid black;
float: left;
text-decoration: none;
margin-right: 10px;
}

div #news {
height: 7em;
width: 95%;
overflow: auto;
text-align: left;
}

.retour {
display: block;
float: left;
font-size: 1.3em;
font-weight: bold;
color: #ffbb00;
}

.lang {
border: 1px solid black;
float: right;
text-decoration: none;
margin-right: 3px;
}

.impression {
display: none;
}