html { height: 100%; background-color: #FFFFFF; }
body { margin : 0; padding: 0; background-color: #FFFFFF; }
img { border: none; }
p,div,span,h1,h2,h3,ul,a { margin: 0; padding: 0; font-family: Helvetica, sans-serif; font-size: 12pt; color: #B3B3B3; text-align: left; font-weight: normal; }
ul { list-style-type: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* BLOCS GLOBAUX */

#cache { display: none; }
#main { display: block; }
#precentre { display: block; height: 40px; clear: both; }
#centre { display: block; clear: both; }
#prefooter { display: block; clear: both; }
#footer { display: none; }
#footer2 { display: none; }

/* typos */

#titre_print { font-size: 15pt; font-weight: bold; }

.contenu { line-height: 18px; }
.contenu b { font-weight: normal; color: #FFFFFF; }

.subtitle1 { width: 100%; border-bottom: 1px solid #FFFFFF; font-weight: bold; text-transform: uppercase; font-variant: small-caps; color: #FFFFFF; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; }
.subtitle2 { width: 100%; border-bottom: 1px solid #FFFFFF; font-weight: bold; text-transform: uppercase; font-variant: small-caps; color: #FFFFFF; margin: 20px 0 10px 0; font-size: 14px; line-height: 20px; }

.button_link { display: none; }
.button_link a { margin-left: 10px; font-size: 10px; color: #4D4D4D; }
.button_link a:hover { margin-left: 10px; font-size: 10px; color: #FFFFFF; text-decoration: none; }

.button_link-ok { display: none;  }
.button_link-ok a { margin-left: 10px; font-size: 10px; color: #FFFFFF; }
.button_link-ok a:hover { margin-left: 10px; font-size: 10px; color: #B3B3B3; text-decoration: none; }

/* header */

#logo { display: none; }
#logo2 { display: block; float: left; padding: 0 10px 0 0; }
#menu_top { display: none; }
#menu_top2 { display: none; }
#menu_top3 { display: block; float: left; height: 160px; padding: 0 0 0 30px; }
#menu_top4 { display: none; }
#menu_top5 { display: none; }
#menu_top6 { display: none; }

#header_coord { font-size: 14px; font-weight: bold; margin: 26px 0 0 0; }
#header_coord2 { font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }

div#menu_top ul, div#menu_top2 ul { padding-top: 25px; }

ul#ul_menu_top > li > a:link, ul#ul_menu_top > li > a:visited, ul#ul_menu_left2 > li > a:link, ul#ul_menu_left2 > li > a:visited { display: block; background: #4D4D4D url('../src/css/hover_a_0.gif') no-repeat top left; padding: 2px 0 2px 26px; }
ul#ul_menu_top > li > a:hover, ul#ul_menu_top > li > a.static_link_a, ul#ul_menu_left2 > li > a:hover, ul#ul_menu_left2 > li > a.static_link_a { display: block; background: #4D4D4D url('../src/css/hover_a_1.gif') no-repeat 0% 50%; padding: 2px 0 2px 26px; }
ul#ul_menu_top > li > a.static_link_a, ul#ul_menu_left2 > li > a.static_link_a { color: white; font-weight: bold; }

ul#ul_menu_left6 > li > a:link, ul#ul_menu_left6 > li > a:visited { width: 240px; color: white;  padding : 8px 0 8px 0; line-height: 30px; text-transform: uppercase; font-variant: small-caps; }
ul#ul_menu_left6 > li > a:hover { color: white;  padding : 8px 0 8px 0; line-height: 30px;  text-transform: uppercase; font-variant: small-caps; }

/* footer */
#menu_footer { font-size: 11px; }
#menu_footer li { display: inline; width: auto; }

/* blocs accueil */

#centre_accueil { display: block; background: #4D4D4D url('../src/css/bulle-2.gif') no-repeat top right; }
#centre_actus { display: block; width: 680px; float: left; border-right: 1px solid #B3B3B3; }
#cont_actus { display: block; float: left; }
#centre1 { display: block; float: right; width: 200px; margin: 30px 0 0 0; padding: 0 0 0 40px; }
#centre2 { display: block; float: left; padding: 30px 0 0 30px; width: 200px; }
#centre2 p { padding: 40px 0 0 40px; width: 200px; color: white; font-size: 16px; font-style:italic; font-weight: bold; }

/* blocs espaces */
#detail_espaces { display: block; background: #4D4D4D url('../src/css/bulle-4.gif') no-repeat top right; width: 100%; height: 440px; }
#detail_espaces_1 { display: block; float: left; width: 300px; font-size: 10px; }
#detail_espaces_2 { display: none; }
#detail_espaces_3 { display: block; float: left; width: 500px; margin: 20px 0 0 0; }
#detail_espaces_3_contenu { } 
#detail_espaces_3_contenu ul { list-style-type:disc; margin-left: 14px; line-height: 15px; }
#detail_espaces_3_contenu li {}
#detail_espaces_print { display: none; }
#detail_espaces_download { display: none; }
#detail_espaces_download2 { display: none; }
#detail_espaces_3_contenu p.button_link { margin-top: 12px; }
#button_etages { display: block; float: left; width: 150px; }
#cartes_etages { display: block; float: left; }
.notice_etage { font-size: 10px; text-align: center; color: #282828; }

/* tableau_espaces */
#tableau_espaces { display: block; margin: 0; padding: 0; text-align: left; width: 700px; font-size: 11px; }
#tableau_espaces td { text-align: right; padding: 4px; }
#tableau_espaces th { text-align: center; padding: 4px; }
table#tableau_espaces>tr+td, #tableau_espaces th>td { text-align: left !important; }
.td_ok { color: #FFFFFF; font-weight: bold; }

/* blocs cuisine */
#centre_cuisine { display: block; float: left; width: 506px; background: #4D4D4D url('../src/css/bulle-3.gif') no-repeat top right; margin: 0 0 0 26px; border-left: 1px solid #B3B3B3; padding: 0 0 0 20px; height: 368px; }
#centre_cuisine_part1 { display: block; float: left; width: 244px; }
#centre_cuisine_part2 { display: block; float: left; }
#centre_cuisine_part2 span { display: block; height: 200px; margin: 42px 0 0 70px; width: 150px; color: white; font-size: 16px; font-style: italic; font-weight: bold; }

/* blocs evenements */
#centre_evenements { display: block; float: left; width: 506px; background: #4D4D4D url('../src/css/bulle-3.gif') no-repeat top right; margin: 0 0 0 26px; border-left: 1px solid #B3B3B3; padding: 0 0 0 20px; height: 368px; }
#centre_evenements_part1 { display: block; float: left; width: 244px; }
#centre_evenements_part2 { display: block; float: left; }
#centre_evenements_part2 span { display: block; height: 200px; margin: 42px 0 0 70px; width: 150px; color: white; font-size: 16px; font-style: italic; font-weight: bold; }

/* blocs histoire */
#histoire { display: block; width: 950px; height: 420px; background: #4D4D4D url('../src/histoire/histoire-off.jpg') no-repeat top left; position: absolute; }
#histoire2 { display: block; width: 950px; height: 420px; background: #4D4D4D url('../src/histoire/histoire-on.jpg') no-repeat top left; }
.annee a { font-size: 16px; color: #FFFFFF; font-weight: bold; }
.annee a:hover { font-size: 16px; color: #4D4D4D; font-weight: bold; text-decoration: none; }
#a1862 { position: absolute; left: 70px; top: 30px; }
#a1867 { position: absolute; left: 80px; top: 280px; }
#a1870 { position: absolute; left: 400px; top: 95px; }
#a1980 { position: absolute; left: 610px; top: 120px; }
#a2001 { position: absolute; left: 580px; top: 320px; }
#a2002 { position: absolute; left: 800px; top: 330px; }
#a2008 { position: absolute; left: 840px; top: 60px; }
#contenu_histoire { position: absolute; left: 460px; top: 380px; width: 460px; color: #4D4D4D; }
#fermeture_histoire { position: absolute; left: 820px; top: 510px; color: #4D4D4D; }
#annee_histoire { position: absolute; left: 460px; top: 350px; font-weight: bold; font-size: 16px; letter-spacing: 2px; color: #4D4D4D; }

/* sliders */
#slide-show { display: none; height: 223px; width: 950px; border: 1px solid #4D4D4D; }
#slide-show a:hover { color: white; }
#cartouche_slider { display: block; height: 25px; width: 225px; margin: 180px 0 0 700px; background: url('../src/slide/cartouche.png') no-repeat; }
#cartouche_slider p, #cartouche_slider2 p, #cartouche_slider3 p { padding: 4px 0 0 20px; }
#cartouche_slider span, #cartouche_slider2 span, #cartouche_slider3 span { margin: 0 8px 0 8px; }

#slide-show2 { display: none; height: 365px; width: 365px; border: 1px solid #4D4D4D; float: left; margin: 0 0 0 20px; }
#cartouche_slider2 { display: block; height: 25px; width: 225px; margin: 330px 0 0 130px; background: url('../src/slide/cartouche.png') no-repeat; }

#slide-show3 { display: none; height: 248px; width: 248px; border: 1px solid #4D4D4D; margin: 0 0 0 0; }
#cartouche_slider3 { display: none; height: 25px; width: 225px; margin: 210px 0 0 10px; background: url('../src/slide/cartouche.png') no-repeat; }


/* actus */

.elem_actus {}
.date_actus { display: block; float: left; width: 150px; text-align: right; padding: 30px 40px 0 0; background: #4D4D4D url('../src/css/hover_a_3.gif') no-repeat top right; }
.txt_actus { display: block; float: left; width: 190px; border-left: 1px solid #B3B3B3; padding: 30px 0 0 30px; background: #4D4D4D url('../src/css/hover_a_2.gif') no-repeat top left; font-size: 10px; }
.date_actus_y { color: #B3B3B3; font-weight: bold; }
.date_actus_m { font-weight: bold; }
.date_actus_d { color: white; font-weight: bold; }

/* form devis */

form#devis h3 { margin: 0; padding: 0; font-weight: bold; }
form#devis input { margin-bottom: 8px; border: 1px solid #B3B3B3; padding: 2px; }
form#devis input, form#devis select { font-size: 11px; }
.inputdate { background: #FFFFFF url(../src/icon_cal.gif) no-repeat 98% 50%; }
.button { background-color: #B3B3B3; color: #4D4D4D; }
.button:hover { background-color: #4D4D4D; color: #FFFFFF; }

#form_elem1 { display: block; width: 295px; border-right: 1px solid #B3B3B3; float: left; padding: 10px; height: 400px; }
form#devis>#form_elem1 label { display: block; float: left; margin-right: 10px; width: 100px; }
form#devis>#form_elem1 select { width: 160px; margin-bottom: 8px; color: #4D4D4D; }
form#devis>#form_elem1 input { width: 166px; color: #4D4D4D; }

#form_elem2 { display: block; width: 335px; border-right: 1px solid #B3B3B3; float: left; padding: 10px; height: 400px; }
form#devis>#form_elem2 label { display: block; float: left; margin-right: 10px; width: 150px; }
form#devis>#form_elem2 select { width: 170px; margin-bottom: 8px; color: #4D4D4D; }
form#devis>#form_elem2 input { width: 166px; color: #4D4D4D; }

#form_elem3 { display: block; width: 240px; float: left; padding: 10px; }
form#devis>#form_elem3 label { display: block; float: left; margin-right: 10px; width: 150px; }
form#devis>#form_elem3 input { }
form#devis>#form_elem3 input:hover { }
form#devis>#form_elem3 textarea { width: 240px; height: 80px; margin: 0 0 8px 0; font-size: 11px; color: #4D4D4D; border: 1px solid #B3B3B3; }
form#devis>#form_elem3 p { margin: 20px 0 0 0; }

#mssg { position: absolute; z-index: 10; border: 1px solid red; padding: 12px; background-color: #B3B3B3; color: #4D4D4D; width: 300px; top: 300px; left: 400px; }
#mssg a, #mssg a:hover { color: #4D4D4D; margin-left: 250px; }


/* calendar */

#fc { position: absolute; z-index: 50; width: 172px; margin: 0 0 0 1px; border-collapse: collapse; background-color: #FFFFFF; border: 1px solid #876738; color: #4D4D4D; font-size: 10px; }
#fc td { cursor: pointer; text-align: center; }
.fc_days { color: white; font-size: 11px; background-color: #876738; }
.fc_head { color: black; font-size: 12px; }