/* G?n?ral */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(img/fond.gif);
background-repeat: repeat-x;
background-color: #fff;
scrollbar-face-color:#6e2b28;
scrollbar-highlight-color: #fbbb00;
scrollbar-3dlight-color: #fbbb00;
scrollbar-darkshadow-color: #fbbb00;
scrollbar-shadow-color: #fbbb00;
scrollbar-arrow-color: #fbbb00;
scrollbar-track-color: #cfd0d0;
}

/* Contenu */

h1 {
font-size: 19px;
font-weight: bold;
color: #7e3a37;
margin: 0;
padding: 3px 20px 3px 20px;
}

h2 {
font-size: 17px;
font-weight: bold;
color: #fb9a00;
margin: 0;
padding: 3px 20px 3px 20px;
}

#fond-texte {
background-image: url(img/texte-fond.gif);
background-repeat: repeat-y;
}

.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

.texte11 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.texte a {
color: #7e3a37;
}

.texte a:hover {
text-decoration: none;
color: #fb9a00;
}

.texte2 {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 13px;
font-weight: bold;
}

.texte2 a {
color: #7e3a37;
}

.texte2 a:hover {
text-decoration: none;
color: #fb9a00;
}

.texte p {
margin: 3px 25px;
}

.texte2 p {
margin: 3px 20px 3px 30px;
}

p {
margin: 10px 0 0 0;
}

.centre {
text-align: center;
}

.right {
text-align: right;
}

/* Menu */
ul#accueil {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#accueil li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#accueil li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 129px ;
line-height: 52px ;
background: url(img/menu-accueil.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#accueil li a:hover {
background: url(img/menu-accueil.jpg) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#presentation {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#presentation li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#presentation li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 130px ;
line-height: 52px ;
background: url(img/menu-presentation.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#presentation li a:hover {
background: url(img/menu-presentation.jpg) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#photo {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#photo li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#photo li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 130px ;
line-height: 52px ;
background: url(img/menu-photos.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#photo li a:hover {
background: url(img/menu-photos.jpg) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#contact {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#contact li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#contact li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 129px ;
line-height: 52px ;
background: url(img/menu-contact.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#contact li a:hover {
background: url(img/menu-contact.jpg) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#livre {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#livre li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#livre li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 130px ;
line-height: 52px ;
background: url(img/menu-livre-dor.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#livre li a:hover {
background: url(img/menu-livre-dor.jpg) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

/* Pied de page */
#footer {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7e3a37;
}

#footer a {
color: #7e3a37;
}

#footer a:hover {
text-decoration: none;
color: #fb9a00;
}

p {margin: 3px 10px 3px 10px;}

/* Mise en forme formulaires */
input, select, option, textarea {
border:1px solid #7e3a37;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#7e3a37;
font-size: 12px;
}