/* ******************** General ********************* */
* { margin: 0; padding: 0; }

/* Modifier les valeurs : */
/* background-color pour modifier la couleur de fond du site */
/* font-family pour la typo par defaut */
/* font-size pour la grandeur de la typo par defaut */
/* line-height l'espacement entre 2 lignes du texte */
body { background-color: #665965; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height:20px; }

.spacer { clear: both; }
/* ************************************************** */

/* ******************** Contenu ********************* */
#conteneur_general { width: 1000px; min-height: 100%; margin: 0 auto 0 auto; padding: 0; text-align: center; }
#conteneur_right { width: 770px; float: left; }
/* ************************************************** */

/* ********************* Entete ********************* */
#header { width: 1000px; }
#header_left { width: 230px; float: left; }
#header_right { width: 770px; float: left; }
#logo { width: 770px; height: 188px; text-align: left; }
/* ************************************************** */

/* ********************* Menu *********************** */

/* Modifier la valeur de background-color pour modifier la couleur du menu */
#menu { width: 770px; height: 37px; background-color: #80627e; text-align: left; }

#menu ul, #menu ul li { margin: 0; padding: 0; float: left; list-style: none; }
#menu ul li { height: 37px; text-align: center; }

/* Les elements individuels du menu */
#menu ul li.menu_1 { width: 48px; }
#menu ul li a.menu_1 { width: 48px; height: 37px; display: block; }

#menu ul li.menu_3 { width: 59px; }
#menu ul li a.menu_3 { width: 59px; height: 37px; display: block; }

#menu ul li.menu_4 { width: 84px; }
#menu ul li a.menu_4 { width: 84px; height: 37px; display: block; }

#menu ul li.menu_5 { width: 76px; }
#menu ul li a.menu_5 { width: 76px; height: 37px; display: block; }

#menu ul li.menu_6 { width: 61px; }
#menu ul li a.menu_6 { width: 61px; height: 37px; display: block; }

#menu ul li.menu_7 { width: 69px; }
#menu ul li a.menu_7 { width: 69px; height: 37px; display: block; }

#menu ul li.menu_8 { width: 165px; }
#menu ul li a.menu_8 { width: 165px; height: 37px; display: block; }

/* Modifier la valeur de background-color pour modifier la couleur du ROLLOVER du menu */
#menu ul li a:hover.menu_1, #menu ul li a:hover.menu_2, #menu ul li a:hover.menu_3, #menu ul li a:hover.menu_4, #menu ul li a:hover.menu_5, #menu ul li a:hover.menu_6, #menu ul li a:hover.menu_7, #menu ul li a:hover.menu_8  { background-color: #a6375d; }

#menu ul li.menu_selection { background: url(../images/menu/selecteur.gif) no-repeat center bottom; }
#menu ul li a:hover.menu_selection { background-color: transparent; }
/* ************************************************** */

/* **************** Corps - General ***************** */
#main { width: 1000px; background: url(../images/bg_main.gif) repeat-y left top; }
#main_left { width: 230px; text-align: left; float: left; }
#main_right { width: 710px; padding:0 30px 30px 30px; text-align: left; float: left;}
#main_right_gauche { width: 400px; padding-top: 5px; float: left;}
#main_right_gauche p { margin-top: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #484e30; }
#main_right_drotie { width: 310px; padding-top: 25px; float: left;}

/* La mise en page pour les titres */
#main h1 { font-size:18px; margin-bottom:10px; margin-top:20px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; color:#484e30; }
#main h2 { font-size:14px; margin-bottom:10px; margin-top:10px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#463045; }
#main h3 { margin: 0 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #484e30; font-weight: bold; font-style: normal; }
#main *.marge_fine { margin-bottom:10px; margin-top:10px; }
/* La mise en page pour les paragraphes */
#main p { padding: 0 0 10px 0; }
#main p.marge_debut { padding-top: 30px; }

/* La mise en page pour les listes */
#main li, ul { margin-left: 30px;}
/* La mise en page des couleurs de liens (blanc) */
#main a { color:#fff; }
#main a:hover { text-decoration: none; }

#page_reservation p { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #363b24; }
#page_reservation p.msg_erreur { width: 460px; margin: 10px 0 10px 0; padding: 10px; border: 1px solid #BC1616; font-size: 11px; line-height: 15px; font-weight: bold; color: #BC1616; }

#formulaire_reservation { width: 530px; padding: 15px 10px 10px 10px; background-color: #ddddbb; }
#formulaire_reservation p.gauche { width: 95px; font-size: 13px; margin-bottom: 5px; float: left; }
#formulaire_reservation p.droite { width: 435px; margin-bottom: 5px; float: left; }
#formulaire_reservation input.txt_field { width: 137px; height: 24px; padding: 0 5px 0 5px; background: url(../images/form/tb_sujet.gif) no-repeat left top; border: 0; }
#formulaire_reservation textarea.txt_area { background-color: #b5c095; border: 0; }
.rouge { color: #c01e1f; }
/* ************************************************** */

/* ********* Corps - Formulaire de contact ********** */
.nomLigne { width: 80px; float: left; }
.donneesLigne { float: left; }
/* ************************************************** */

/* ****************** Pied de page ****************** */
/* Modifier les valeurs : */
/* background-color pour modifier la couleur du pied de page */
/* color pour la couleur de la typo */
#footer { width: 1000px; height: 35px; background-color: #674765; text-align: center; padding-top:10px; font-size:11px; color:#c88ac4; }

/* Modifier la valeur de color pour modifier la couleur des liens */
#footer a { color:#FFF; text-decoration:underline; }

/* Modifier la valeur de color pour modifier la couleur du ROLLOVER des liens */
#footer a:hover { color:#FFF; text-decoration:none;}
/* ************************************************** */