body {
margin : 0px;
padding: 0px;
background-color: #106308;
color: #4f3618;
font-size: 15px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
text-align: center;
background-image: url(../images/background.jpg);
background-position:center;
background-attachment:fixed;}

#contenant {
margin-left:auto;
margin-right:auto;
width: 740px;
background-color: #fff;
text-align: left;
position:relative;
border: 1px solid #639442;
border-top: none;}

#banniere {
height: 90px;
background-image: url(../images/banniere.jpg);
background-repeat: no-repeat;}

#titre {
padding: 10px 5px 5px 5px;
margin: 0px;
border-top: 1px solid #639442;
border-bottom: 1px solid #639442;
background-image: url(../images/titre.jpg);
background-repeat: no-repeat;
background-position: left ;}







#boitemenu {
float: left;
padding: 0px;
margin: 20px 0px 0px 0px;}

#menu {
width: 200px;
padding: 0px;
margin: 0px;
border-right: 1px solid #639442;}

#image-s-menu {
width: 200px;
height: 250px;
margin-top: 50px;}

#menu a.sousmenu{                    /*  pour ancres du menu  */
color: #867056;
font-size: 14px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
text-decoration: none;
padding-left: 40px;}

#menu ul{
list-style-type: none;
margin-left: 0px;
padding: 0px 0px 0px 0px;}

#menu li{
display: inline;
padding: 0;
margin: 0;}

#menu a{
display: block;
color: #4f3618;
font-size: 19px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
text-decoration: none;
padding: 0px 0px 0px 30px;
margin: 0px;
margin-bottom:3px}

#menu a.actif{
background-color: #E7F6DD;}

#menu a:hover{
background-color: #639442;
color: white;}

#image-s-menu {                                      /*  pour images sous le menu  */
background-image: url(../images/fond.gif);
background-repeat: no-repeat;
background-position:20px 0;}







#contenu {
margin-left: 200px;
padding: 15px 30px 20px 30px;}

h1{
text-align:center;
color: #867056;
font-size: 25px;
font-variant: small-caps;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
font-weight:normal;}

h1:first-letter{
padding-right: 1px;
font-size: 32px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;}

h2{
margin-left: -15px;
color: #867056;
font-size: 21px;
font-variant: small-caps;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
font-weight:normal;}

h2+p
{margin-top:0;
padding-top:0;}

h2:first-letter{
padding-right: 1px;
font-size: 27px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;}

h2+ul
{margin-top:0;
padding-top:0;}

h3{
margin-left: -15px;
color: #867056;
font-size: 17px;
font-weight: bold;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;}

h3+p
{margin-top:0;
padding-top:0;}


h3+ul
{margin-top:0;
padding-top:0;}

#contenu p{
padding-left: 15px;
line-height: 21px;
letter-spacing: 1px;
text-align:justify;}

#contenu ul{
list-style-type: none;
margin-left: 15px;
padding: 0px 0px 0px 0px;}

#contenu ul.apuces{
list-style-type: disc;
margin-left: 30px;
padding: 0px 0px 0px 0px;}

#contenu li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;}

.hyperlien {text-decoration: none;
color: #4f3618;
font-weight: bolder;}

.hyperlien:hover {color: #639442;}

.image {
padding: 2px;
border: 1px solid #867056;
margin: 0px 0px -3px 0px;}

.boiteImageDroite {
float: right;
margin: 5px 0px 5px 15px;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
text-align: center;
font-size: 115%;
font-style: italic;}

.boiteImageCentree {
margin: 5px auto 10px auto;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
text-align: center;
font-size: 115%;
font-style: italic;}

#contenu a.retourenhaut {
text-decoration: none;
color: #98C47A;
font-weight: normal;}

#contenu a.retourenhaut:hover {color: #4f3618;}

h4.texteadroite{
text-align: right;
padding: 0px;
margin: -5px 0px 15px 0px;}







#pied {
clear: both;
margin: 0px;
padding: 7px 0px;;
background-color: #639442;
text-align: center;}

#pied ul{
list-style-type: none;
margin: auto;
padding:0px;}

#pied li{
display: inline;}

#pied a{
font-weight:bold;
color : #fff;
font-family: "hoefler text", Georgia, "Times New Roman", Times, serif;
font-size: 85%;
font-variant: small-caps;
text-decoration: none;
padding: 0px 8px 0px 8px;
margin: 10px;}

#pied a:hover{
color : #e3deb4;
border-left : 2px solid #e3deb4;
border-right : 2px solid #e3deb4;
padding: 0px 6px 0px 6px;}







table{
text-align: center;
border: 2px solid #4f3618;
background-color: white;
border-collapse: collapse;
width: 97%;
margin: 10px 10px 25px 15px;
padding: 0px;
caption-side: top;}

caption{
font-size: 21px;
font-variant: small-caps;
margin-bottom: -6px;}

th {
border-right: 1px solid #e3deb4;
padding: 4px 0px;
background-color: #4f3618;
color: white;}

td {
padding: 4px 0px;
font-size: 90%;
width: 45%;
color: #4f3618;
border: 1px solid #e3deb4;}