/* Styles par défaut de la page (polices, tailles, couleurs, fonds ...) */
html {font-size: 90%; }
body {background:url(images/fondepage.bmp) repeat-x; background-color:#fbeab4; background-attachment: fixed; font-family: Arial, Helvetica, sans-serif; }
html, body {height: 100%;}

/* Styles des liens */
a:link {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; font-style: normal; color: #a05d1c;}
a:visited {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; font-style: normal; color: #a05d1c;}
a:hover {text-decoration: underline; color: #331100;}
a:active {text-decoration: underline; color: #331100;}

/* Styles de hierarchie */
h1 {font-family: Times New Roman, Times, serif; font-size: 200%; font-weight: normal; color: #331100; line-height: 120%; }
h2 {font-family: Times New Roman, Times, serif; font-size: 200%; font-weight: normal; color: #331100; line-height: 120%; font-style: italic; }
h3 {font-family: Times New Roman, Times, serif; font-size: 150%; font-weight: normal; color: #331100; line-height: 120%;}
.grasnoir {font-weight: bold; color: #331100;}
.comme_lien {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; font-style: normal; color: #a05d1c;}

/* Styles et mise en page */
#centre {position: relative; width: 980px; margin: auto; padding: 0px; background-color:#fbeab4; min-height: 100%; }

#entete {height:120px; 
background: #f8db93; font-family: Times New Roman, Times, serif; color: #331100; text-align:center; 
border-top: 1px #331100 solid; border-bottom: 1px #331100 solid;}

#menu {width:230px; float: left; padding-top: 20px; padding-left: 5px; padding-right: 15px; padding-bottom: 20px; margin-top: 40px; margin-bottom: 40px;
background-color: #f8db93; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #331100; line-height: 200%; text-align:left;
border-top: 1px #331100 solid; border-bottom: 1px #331100 solid;}

#contenu {margin-left: 250px; padding-top: 20px; padding-left: 5px; padding-right: 5px;
font-family: Arial, Helvetica, sans-serif; color: #331100; line-height: 120%; text-align:justify; }

#piedpage {position: absolute; bottom: 30px; left: 0; width: 100%; 
background-color: #f8db93; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #331100; line-height: 160%; text-align:center; border-top: 1px #331100 solid; border-bottom: 1px #331100 solid;}


/* Mise en page à deux colonnes */
.gauche {position: absolute; width: 45%; height:100%; right: 50%; padding: 20px;}
.droite {position: absolute; width: 45%; height:100%; left: 50%; padding: 20px;}

/* Style de l'info salons */
.salons {line-height: 85%;}

textarea {width:500px; height:80px;}
blockquote {line-height: 3ex;}