* {margin: 0; padding: 0;}




body {
text-align: center;
background-image: url(../img/fond_body.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #120e09;
}

a:link { color: #663300;} 

a:visited { color:#663300; }

a:hover { color: #996633; }

a:active { color: #663300; }

#entete {
margin-left: auto;
margin-right: auto;
width: 600px;
text-align: left;
height: 150px;
background-image: url(../img/entete.jpg);
border-bottom: 1px solid #330000;
}

#navbar {
margin-left: auto;
margin-right: auto;
width: 600px;
height: 20px;
padding: 0;
border-bottom: 1px solid #330000;
}

#navbar ul, #navbar li {
list-style-type: none;
margin:0;
padding:0;
}

#navbar ul {
background: transparent url(../img/navbarfr.jpg) top left no-repeat;
height: 20px;
width: 600px;
text-align: center;
}

#navbar li { 
float: left; }

#navbar li a {
display: block;
height: 20px;
width: 100px;
}

#navbar li a:hover { background: transparent url(../img/navbarfr.jpg) top left no-repeat; }

#navbar a#bt1:hover { background-position: -600px 0%; }

#navbar a#bt2:hover { background-position: -700px 0%; }

#navbar a#bt3:hover { background-position: -800px 0%; }

#navbar a#bt4:hover { background-position: -900px 0%; }

#navbar a#bt5:hover { background-position: -1000px 0%; }

#navbar a#bt6:hover { background-position: -1100px 0%; }

#conteneur {
width:600px;
margin-left:auto;
margin-right:auto;
background-color: #fef3d0;
border: 1px solid #330000;
}

#contenu {
width: 520px;
margin-left: auto;
margin-right: auto;
background-color: #fef3d0;
font-size: x-small;
text-align:left;
padding-left: 40px;
padding-bottom: 10px;
padding-right: 40px;
padding-top: 5px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;}

#pied {
width:520px;
margin-left:auto;
margin-right:auto;
height:20px;
background-color: #fef3d0;
padding-bottom:5px;
text-align: center;
font-size: xx-small;
font-family: Verdana, Helvetica, Arial, sans-serif; }

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; 
text-align: right;
margin-top:5px;}

h1  a:link { color: #333300;}

h1 a:visited { color:  #333300;}

h1 a:hover { color: #999966;}

h1 a:active { color: #333300;}

h2, h3, h4, h5 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small;
margin-top:20px;
margin-bottom: 10px;
color: #330000;
}

h6 {
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small;
margin-top:50px;
margin-bottom: 10px;
color: #330000;
}

p.text {
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small;
margin-top:20px;}

p.titre {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; 
text-align: center;
margin-top:5px;
text-decoration: none;
font-weight:bold;}


p.titre a:link { color:#330000;}

p.titre a:visited { color: #996633}

p.titre a:hover { color:#CC6633;}

p.titre a:active { color: #CC9966;}



p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small;
margin-top:10px;
}

p.indent { text-indent: 15px; }

.photo img {
float: left;
margin-right: 15px;
margin-top:15px;
margin-bottom:5px;

}

.none {
display: none; }

p.popup {
font-size: xx-small; }

.photo2 img {
float:left;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 7px;}

.photo3 img {
float:right;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
margin-top:5px;}