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

/* BLOCS GLOBAUX */

#ajax_loader { position: absolute; z-index: 50; left: 50%; top: 50%; width: 58px; height: 58px; margin-top: -34px; margin-left: -34px; padding: 10px 0 0 10px; }

#cache { position: absolute; height: 0px; width: 0px; overflow: hidden; }
#main { display: block; width: 955px; margin-left: auto; margin-right: auto; text-align: center; background-color: #4D4D4D; height: 100%; font-size: 12px; }
#precentre { display: block; height: 40px; clear: both; }
#centre { display: block; clear: both; font-size: 12px; }
#prefooter { display: block; clear: both; height: 50px; padding: 20px 0 0 0; }
#footer { display: block; margin: 20px 0 20px 192px; border-left: 1px solid #B3B3B3; padding-left: 15px; font-size: 12px; }
#footer2 { display: block; margin: 440px 0 20px 192px; border-left: 1px solid #B3B3B3; padding-left: 15px; font-size: 12px; }

/* typos */

#titre_print { display: none; }

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

.subtitle1 { width: 100%; border-bottom: 1px solid #FFFFFF; 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; text-transform: uppercase; font-variant: small-caps; color: #FFFFFF; margin: 30px 0 10px 0; font-size: 14px; line-height: 20px; }

.button_link { display: block; width: 120px; height: 20px; background: transparent url('../src/css/picto_button.png') no-repeat top left; margin: 0 0 4px 0; line-height: 14px; }
.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: block; width: 120px; height: 20px; background: transparent url('../src/css/picto_button-ok.png') no-repeat top left; margin: 0 0 4px 0; line-height: 14px; }
.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: block; float: left; padding: 0 10px 0 0; border-right: 1px solid #B3B3B3; }
#logo2 { display: none; }
#menu_top { display: block; float: left; width: 220px; height: 200px; padding: 0; text-transform: uppercase; font-variant: small-caps; }
#menu_top2 { display: block; float: left; width: 270px; height: 200px; padding: 0; border-right: 1px solid #B3B3B3; }
#menu_top3 { display: block; float: left; height: 160px; padding: 0 0 0 30px; }
#menu_top4 { padding-top: 5px; }
#menu_top4 li { display: inline; }
#menu_top6 { margin: 24px 0 24px 0; width: 220px; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; }

#header_coord { font-size: 12px; color: #FFFFFF; font-weight: bold; margin: 26px 0 0 0; }
#header_coord2 { display: none; }

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; }

.static_link_a { text-decoration: underline; }

/* 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: 180px; margin: 30px 20px 0 0; padding: 0 0 0 40px; }
#centre2 { display: block; float: left; padding: 30px 0 0 30px; width: 200px; }
#centre2 p { padding: 22px 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-4zz.gif') no-repeat top right; width: 100%; height: 440px; }
#detail_espaces2 { display: block; background: #4D4D4D url('../src/css/bulle-4zz.gif') no-repeat top right; width: 100%; height: 400px; }
#detail_espaces_1 { display: block; float: left; width: 410px; }
#detail_espaces_2 { display: block; float: left; width: 248px; }
#detail_espaces_3 { display: block; float: left; width: 268px; margin: 0 0 0 26px; }
#detail_espaces_3_contenu { height: 250px; } 
#detail_espaces_3_contenu ul { list-style-type:disc; font-size: 11px; margin-left: 14px; line-height: 15px; }
#detail_espaces_3_contenu li {}
#detail_espaces_print { display: block; background: #4D4D4D url('../src/css/picto_print.gif') no-repeat top left; width: 198px; border-top: 1px solid #FFFFFF; margin: 110px 0 0 0; padding: 10px 0 0 50px; height: 40px; }
#detail_espaces_download { display: block; background: #4D4D4D url('../src/css/picto_download.gif') no-repeat top left; width: 218px; border-top: 1px solid #FFFFFF; margin: 110px 0 0 0; padding: 10px 0 0 50px; height: 40px; }
#detail_espaces_download2 { display: block; background: #4D4D4D url('../src/css/picto_download.gif') no-repeat top left; width: 190px; border-top: 1px solid #FFFFFF; padding: 10px 0 0 50px;  }
#detail_espaces_3_contenu p.button_link { margin-top: 12px; }
#button_etages { display: block; float: left; width: 150px; }
#cartes_etages { display: block; float: left; width: 220px; }
.notice_etage { font-size: 10px; text-align: center; color: #282828; }

/* tableau_espaces */
#tableau_espaces { display: block; clear: both; margin: 0; padding: 0; text-align: left; width: 400px; }
#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: 500px; 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 restaurant */
#centre_restaurant { 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; }
#centre_restaurant_part1 { display: block; float: left; width: 244px; }
#centre_restaurant_part2 { display: block; float: left; }
#centre_restaurant_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: 500px; 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 references */
#centre_references { display: block; width: 896px; margin: 0 0 0 35px; }
#centre_references_main { display: block; width: 896px; background: #4D4D4D url('../src/css/references1.jpg') no-repeat top left; padding-top: 20px; }
#centre_references_cont { display: block; width: 716px; margin: 15px 0 0 144px; padding: 10px 0 50px 30px; background-color: #FFFFFF; font-size: 10px; }
#centre_references_bottom { display: block; width: 896px; height: 9px; background: #4D4D4D url('../src/css/references2.jpg') no-repeat top left; }

#liste_references div { display: block; width: 160px; margin: 10px 10px 10px 0; float: left; font-size: 10px; text-align: center; }
#liste_references div>p { display: block; width: 100px; height: 100px; text-align: center; margin-left: 30px; }
#liste_references img { width: 100px; }

#references_secteurs_1 { display: block; width: 150px; margin: 0 20px 20px 0; float: left; font-size: 10px; }
#references_secteurs_2 { display: block; width: 150px; margin: 0 20px 20px 0; float: left; font-size: 10px; }
#references_secteurs_3 { display: block; width: 150px; margin: 0 20px 20px 0; float: left; font-size: 10px; }
#references_secteurs_4 { display: block; width: 150px; margin: 0 20px 20px 0; float: left; font-size: 10px; }

#references_cont_1 { display: block; width: 150px; margin: 10px 20px 10px 0; float: left; font-size: 10px; }
#references_cont_2 { display: block; width: 150px; margin: 10px 20px 10px 0; float: left; font-size: 10px; }
#references_cont_3 { display: block; width: 150px; margin: 10px 20px 10px 0; float: left; font-size: 10px; }
#references_cont_4 { display: block; width: 150px; margin: 10px 20px 10px 0; float: left; font-size: 10px; }

/* acces */ 
#centre_acces { display: block; width: 926px; height: 356px; background: #4D4D4D url('../src/css/acces.gif') no-repeat top left; }
#acces_map { display: block; margin: 20px 60px 0 165px; width: 265px; float: left; }
#acces_info { display: block; margin: 15px 0 0 0; width: 415px; float: left; color: #4D4D4D; font-size: 11px; }
#acces_info2 { display: block; height: 290px; color: #4D4D4D; }
#acces_info_1 { color: #4D4D4D; padding-bottom: 20px; border-bottom: 1px solid #B4B4B4; margin-bottom: 20px; }
#acces_info ul { color: #4D4D4D; }
#acces_info li { color: #4D4D4D; margin: 2px 0 2px 0; }
#ressources_acces { margin-top: 0px; }
#acces_print { display: block; background: transparent url('../src/css/picto_print.gif') no-repeat top left; width: 160px; margin: 0; padding: 0 0 0 50px; height: 50px; float: left; }
#acces_download { display: block; background: transparent url('../src/css/picto_download.gif') no-repeat top left; width: 140px; margin: 0; padding: 0 0 0 50px; height: 50px; float: left; }
#acces_print p, #acces_download p { margin-top: 10px; }

/* hotel */
#centre_hotel { display: block; width: 896px; margin: 0 0 0 35px; }
#centre_hotel_main { display: block; width: 896px; background: #4D4D4D url('../src/css/references1.jpg') no-repeat top left; padding-top: 20px; }
#centre_hotel_cont { display: block; width: 716px; margin: 15px 0 0 144px; padding: 10px 0 10px 30px; background-color: #FFFFFF; font-size: 10px; color: #4D4D4D; }
#liste_hotels div { display: block; width: 220px; height: 170px; margin: 10px 5px 0 10px; font-size: 12px; float: left; color: #4D4D4D; }
#liste_hotels div a, #liste_hotels div a:hover { color: #4D4D4D; }
#centre_hotel_bottom { display: block; width: 896px; height: 9px; background: #4D4D4D url('../src/css/references2.jpg') no-repeat top left; }

.logo_hotel { display: block; float: left; width: 32px; height: 32px; margin: 0 10px 0 0; }
.nom_hotel { display: block; float: left; font-weight: bold; color: #4D4D4D; }
.nom_hotel span { font-weight: normal; color: #4D4D4D; }
.info_hotel { display: block; clear: both; color: #4D4D4D; margin: 10px 0 0 0; }

/* 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; position: absolute; }
.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: 230px; top: 140px; width: 460px; color: #4D4D4D; }
#fermeture_histoire { position: absolute; left: 560px; top: 270px; color: #4D4D4D; }
#annee_histoire { position: absolute; left: 230px; top: 100px; font-weight: bold; font-size: 16px; letter-spacing: 2px; color: #4D4D4D; }

#histoire_ajax { position: absolute; z-index: 50; top: 250px; left: 555px; }
#histoire_ajax_inner { width: 545px; height: 265px; background: transparent url('../src/histoire/historique_ajax.png') no-repeat top left; }
#contenu_histoire2 { position: absolute; left: 20px; top: 60px; width: 460px; color: #4D4D4D; width: 410px; }
#fermeture_histoire2 { position: absolute; left: 340px; top: 190px; color: #4D4D4D; }
#annee_histoire2 { position: absolute; left: 20px; top: 30px; font-weight: bold; font-size: 16px; letter-spacing: 2px; color: #4D4D4D; }

/* picto DD */
#developpement_durable { float: left; }
#developpement_durable img { margin: 0 10px 0 0; }
a.tt { position:relative; z-index:24; }
a.tt span { display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{ display: block; position: absolute; top: -240px; left: -70px; width: 425px; height: 190px; background: transparent url('../src/histoire/bulle-DD.png') no-repeat top left; padding: 50px 50px 0 80px; color: #000000; }


/* sliders */
#slide-show { display: block; 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: block; 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: block; height: 248px; width: 248px; border: 1px solid #4D4D4D; margin: 0 0 0 0; }
#cartouche_slider3 { display: block; 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; }

/* mentions legales */

#centre_mentions { display: block; float: left; }
#mentions1 { display: block; float: left; margin: 0 0 0 218px; width: 447px; padding: 0 20px 0 0; border-right: 1px solid #B3B3B3; }
#mentions2 { display: block; float: left; width: 230px; margin: 30px 0 0 26px;	 }

/* sitemap */

#centre_sitemap { display: block; margin: 0 0 0 192px; width: 470px; border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; padding: 0 0 0 20px; }
.sitemap_partA { font-weight: bold; margin: 8px 0 0 0; }
.sitemap_partB { font-weight: bold; margin: 0 0 0 10px; }

/* contact */

#centre_contact { display: block; float: left; width: 728px; background: #4D4D4D url('../src/css/bulle-3.gif') no-repeat top right; margin: 0 0 0 192px; border-left: 1px solid #B3B3B3; padding: 0 0 0 20px; height: 368px; }
#centre_contact_part1 { display: block; float: left; width: 260px; }
#centre_contact_part2 { display: block; float: left; }
#centre_contact_part2 span { display: block; height: 200px; margin: 42px 0 0 286px; width: 150px; color: white; font-size: 16px; font-style: italic; font-weight: bold; }

/* documents */

#centre_documents { display: block; margin: 0 0 0 192px; width: 450px; border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; padding: 0 20px 0 20px; }
#centre_documents p { font-weight: bold; margin: 0 0 0 10px; color: #FFFFFF; }
#centre_documents ul { margin: 10px 0 10px 20px; }


/* form devis */

form#devis h3 { margin: 0; padding: 0; font-weight: bold; }
form#devis sup { color: #92062B; }
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_elem1 label { display: block; float: left; margin-right: 10px; width: 100px; }
#form_elem1 select { width: 170px; margin-bottom: 8px; color: #4D4D4D; }
#form_elem1 input { width: 166px; color: #4D4D4D; }

#form_elem2 { display: block; width: 340px; border-right: 1px solid #B3B3B3; float: left; padding: 14px; height: 400px; z-index: 0; }
#form_elem2 label { display: block; float: left; margin-right: 10px; width: 150px; }
#form_elem2 select { width: 162px; margin-bottom: 8px; color: #4D4D4D; z-index: 0; }
#form_elem2 input { width: 158px; color: #4D4D4D; z-index: 0; }
#form_elem2 span { display: block; font-size: 10px; }

#form_elem3 { display: block; width: 240px; float: left; padding: 42px 10px 10px 10px; }
#form_elem3 label { display: block; float: left; margin-right: 10px; width: 120px; }
#form_elem3 input { }
#form_elem3 input:hover { }
#form_elem3 textarea { width: 240px; height: 100px; margin: 15px 0 8px 0; font-size: 11px; color: #4D4D4D; border: 1px solid #B3B3B3; }
#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; }

#alert_devis { display: block; padding: 10px; background-color: #900629; border: 1px solid #FFFFFF; margin: 0 270px 20px 190px; }
#alert_devis p { color: #FFFFFF; }
#devis_success { display: block; margin: 0 0 0 190px; }


/* 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: #FFFFFF; font-size: 11px; background-color: #900629; }
.fc_head { color: #4D4D4D; font-size: 12px; }