* {margin: 0; padding: 0;}

body {
text-align: center; background-image:url(../img/fond_body2008.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: 602px;
text-align: left;
height: 100px;
background-image: url(../img/entete2008.jpg);
border-bottom: 1px solid #330000;
}

#navbar {
margin-left: auto;
margin-right: auto;
width: 602px;
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/navbar2008.jpg) top left no-repeat;
height: 20px;
width: 602px;
text-align: center;
}

#navbar li { 
float: left; }

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

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

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

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

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

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

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

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

#navbar a#bt7:hover { background-position: -1118px 0%;}

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

#contenu {
width: 520px;
margin-left: auto;
margin-right: auto;
background-color: #E1D9D0;
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: #E1D9D0;
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.centre {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small;
margin-top:20px;
margin-bottom:10px;
text-align: center; }

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;}

hr {color: #330000;}
b {color:#330000;}