/* ------------------------ HEADER STYLES -----------------------*/
#entete { position: relative; padding: 1px 0; }
#entete_top { position: relative; width: 906px; height: 308px; }
#entete_statique { float: left; }
#entete_flash { position: relative; float: left; }
#menu { margin-top: 7px; margin-botton: 7px; width: 910px; clear: both; text-align: left; }
#language { padding-top: 3px; padding-right: 15px; height: 21px; text-align: right; font-size: 0.8em; color: #686866; }

/* ------------------------ CONTENT STYLES ----------------------- */
#contenu{ float: left; width: 888px; margin: 20px 0px; padding: 1px 0; }
#contenu A {position: relative; text-decoration: underline; color: blue; z-index: 15;}
#contenu_top { position: relative; margin: 0px auto; overflow:hidden;  z-index: 5; }

.boite_infos { position: relative; width: 536px; height: 339px;  float: left;  background-image: url(/skins/fr/images/boite_photos_bg.gif); text-align: left;}
.boite_infos .big_pic { position: relative; float: left; width: 265px; height: 214px; margin: 5px 0px 5px 5px; }
.boite_infos .bp_texte { position: relative; float: right; width: 255px; height: 210px;  margin: 5px 5px 5px 0px; font-family:Arial; }
.boite_infos .bp_texte H1 { font-size: large; color: #000; margin: 0px; padding: 0px; font-weight: bold;}
.boite_infos .bp_texte H2 { font-size: small; color: #787775; margin: 0px; padding: 0px; font-weight: bold;}
.boite_infos .bp_texte P {font-size: x-small; line-height: 1.6;  }
.boite_infos .bp_texte A { font-size: small; color: #00f; font-weight: bold; }
.boite_infos .boite_photos { position: relative; margin: 10px auto; width: 490px; height: 83px; }
.boite_infos .hr { position: relative; width: 95%; height: 1px; border-bottom: 1px solid #d0d0cf; margin: 5px auto; padding: 0px; }

#reservation_wrapper {  position: relative;  float: right; } 
#reservations { position: relative; width: 348px; height: 338px; background-image: url(/skins/fr/images/reserver_maintenant_bg.jpg); }
#reservation_formulaire { position: absolute; top: 155px; left: 50px; width: 285px; float: right; text-align: right; margin: 0px; padding: 0px; font-size: small; font-family: Arial; }
#reservation_formulaire TABLE { float: right; }
#reservations #soumettre { position: absolute; top: 275px; left: 8px; margin: 0px auto 0px auto; padding: 0px; width: 331px; height: 43px; }
#reservations #soumettre A.submit_btn { display: block; background: url(/skins/fr/images/btn_soumettre_reservation.gif); no-repeat top left; width: 331px; height: 43px; }
#reservations #soumettre A.submit_btn:hover { 	background-position:100% -43px; }
#reservations #soumettre A.submit_btn SPAN { display: none; }

#tarifs_wrapper { position: relative; overflow: auto; width: 525px;  float: left;}
#tableau_tarifs { position: relative; width: 99%; background: url(/skins/fr/images/tarification_bg.gif); no-repeat top left;  text-align: left; }
#tableau_tarifs H2 { padding: 0px; margin: 20px 0px 0px 5px; font-size: medium; }
#tableau_tarifs P { padding: 0px; margin: 0px 10px; font-size: small;}
#tableau_tarifs TABLE { font-size: small; margin: 10px 5px;  }
#tableau_tarifs TABLE TD { font-weight: bold; height: 20px; font-size: 0.9em; text-align: center;}
#tableau_tarifs TABLE TD.top-left { border: 1px solid #415c81; background-color: #c2ddf3; }
#tableau_tarifs TABLE TD.top-cntr { border: 1px solid #415c81; border-left: 0px ; background-color: #c2ddf3; }
#tableau_tarifs TABLE TD.top-right { border: 1px solid #415c81; border-left: 0px ; background-color: #c2ddf3; }
#tableau_tarifs TABLE TD.mid-topleft { border: 1px solid #415c81; background-color: #c2ddf3; }
#tableau_tarifs TABLE TD.mid-left { border: 1px solid #415c81; border-top: 0px ; background-color: #c2ddf3; }
#tableau_tarifs TABLE TD.mid-topcntr { font-weight: normal; border-top: 1px solid #7e8085; border-right: 1px solid #7e8085; background-color: #eee9d7; }
#tableau_tarifs TABLE TD.mid-botcntr { font-weight: normal;border-top: 1px solid #7e8085; border-right: 1px solid #7e8085; border-bottom: 1px solid #7e8085;background-color: #eee9d7; }
#tableau_tarifs TABLE TD.mid-topcntr2 { font-weight: normal; border-top: 1px solid #7e8085; border-right: 1px solid #7e8085; background-color: #e0dac6; }
#tableau_tarifs TABLE TD.mid-botcntr2 { font-weight: normal; border-top: 1px solid #7e8085; border-right: 1px solid #7e8085; border-bottom: 1px solid #7e8085;background-color: #e0dac6; }
#tableau_tarifs TABLE TD.mid-botright2 { font-weight: normal;border-top: 1px solid #7e8085; border-right: 1px solid #7e8085; border-bottom: 1px solid #7e8085;background-color: #e0dac6; }

.forfaits_wrapper { border: 0px solid red; position: relative; width: 888px; font-family: Arial; text-align: left;}
.forfaits { border: 0px solid orange; position: relative; margin: 0px auto; }
.forfait_item {  float:left ;border: 0px solid blue; padding: 1px 0px; margin: 5px auto; background-color:#F3F1EC; }
.forfait_box {  padding: 1px 0px; position: relative; width: 868px; height: auto; border:1px solid #b1b4aa; float:left; margin: 10px 10px;  text-align: left;}
.forfait_box IMG {position: relative; float: left; margin: 12px 10px 12px 10px; }
.forfait_box H1 { padding: 0px, margin: 0px; font-size: large; font-weight: bold; color: #000;}
.forfait_box H1 SPAN {font-size: small; font-style: italic; color: #18344c;} 
.forfait_infos { float:right; width:600px; }
.forfait_infos h3{  width:575px; }
.forfait_infos h2{  width:575px; }
.forfait_infos div { width:575px; }
.forfait_box .details { font-size: 11px; color: #626262; font-weight: bold; line-height: 1.2; }
.forfait_box .notes { font-size: 10px; color: #626262; font-weight: bold; font-style: italic;  line-height: 1.4; margin-bottom:43px;}
.forfait_item .prix { position: absolute; top: 100; bottom:0; left: 722px; font-weight: bold; font-family: arial; font-size: large; color: #fff; background-color:#aeb380; width:auto; padding:6px 6px 3px 6px; font-size:12px;}

#agences_wrapper { position: relative; width: 888px;  margin-top: 20px; font-family: Arial; text-align: left;}
#agences_wrapper .agence_voyage { margin: 0px auto; height: 315px; overflow: auto;  background-image: url(/skins/fr/images/agences_bg.gif); background-repeat: repeat-x;}
#agences_wrapper .agence_voyage .hrule { border-bottom: 1px solid #abd6e8; padding: 3px 0px; }
#agences_wrapper .agence_details { position: relative; overflow: auto;  float: left; width: 557px; height: 286px; margin: 15px 0px 0px 10px; background-image: url(/skins/fr/images/agences_details_bg.gif); }
#agences_wrapper .correspondence { position: relative; float: right; width: 297px; height: 286px; margin: 15px 10px 0px 0px; background-image: url(/skins/fr/images/correspondence_bg.gif); }
.agence_details IMG { border: 7px solid #638aa9; float: left; margin: 10px 0px 0px 10px; }
.agence_details .text { float: right; width: 235px; height: 260px; margin: 10px 5px 0px 0px; }
.agence_details .text H1 { padding: 0px; margin: 0px; font-size: large; color: #434339; }
.agence_details .text H2 { padding: 0px; margin: 0px; font-size: small; font-style: italic; color: #0f3858; }
.agence_details .text P { padding: 4px; margin: 0px; line-height: 1.4; font-size: 0.7em; color: #0f3858; }
.agence_details .text P A { font-weight: bold; color: #0000ff; font-size: medium; }
.correspondence IMG { float: left; margin: 10px 0px 0px 10px; }
.correspondence .header { position: relative; float: left; width: 215px; height: 45px; float: right; margin: 10px 0px 0px 5px;  }
.correspondence .text { float: right; width: 280px; height: 200px; margin: 10px 5px 0px 0px; font-size: small; font-size: 0.8em;}
.correspondence .header H1 { padding: 0px; margin: 0px; font-size: large; color: #434339; }
.correspondence .header H2 { padding: 0px; margin: 0px; font-size: small; font-style: italic; color: #0f3858; }
.correspondence .text .label { border: 0px solid orange; line-height: 1.4; color: #0f3858; width: 65px; float: left; margin: 5px 2px 0px 0px;}
.correspondence .text .address { border: 0px solid red; line-height: 1.4; color: #0f3858; font-weight: bold; width: 205px; float: left; margin: 5px 0px 0px 0px}

#chambre_wrapper { 	position: relative; width: 888px; margin-top: 10px; float:left;}
#chambres { margin: 0px auto; overflow: auto;}
.chambre_item_green { margin: 5px 3px; float: left; position: relative; width: 436px; height: 393px; background-image: url(/skins/fr/images/chambre_green_bg.gif); background-repeat: no-repeat; }
.chambre_item_blue { margin: 5px 3px; float: left;position: relative; width: 436px; height: 393px; background-image: url(/skins/fr/images/chambre_blue_bg.gif); background-repeat: no-repeat; }
.chambre_titre { position: absolute; top: 17px; left: 290px; color: #fff; font-weight: bold;}
.chambre_dimensions { position: absolute; top: 21px; left: 370px; color: #000; font-weight: normal; font-size: small;}
#agences_pics {position: relative; width:888px; height: 234px; float: left; background-image: url(/skins/fr/images/photo_hotel_exterieur.jpg); }  
#agences_pics SPAN { display: none; }

#services { position: relative; margin-top: 10px;}
#services_wrapper { position: relative; width: 100%; height: 848px; background-image: url(/skins/fr/images/services_bg.gif); background-repeat: repeat-x; font-family: Arial; text-align: left;}
#services_wrapper H1 {padding: 20px 0px 5px 15px; margin: 0px; font-size: large;}
#services_wrapper .hrule { position: relative; height: 1px; border-bottom: 1px solid #a7d4e7;  padding: 0px; margin: 0px 15px; }
.each_unit_box { position: relative; width: 591px; height: 468px; float: left; margin: 10px 0px 10px 10px; background-image: url(/skins/fr/images/each_unit_bg.gif); background-repeat: no-repeat; }
.each_unit_box IMG { padding: 20px 0px 10px 15px; margin: 0px; float: left; }  
.each_unit_box .text_list { margin: 20px 10px 0px 15px; float: right; width: 375px; height: 255px; font-size: small; color: #000; line-height: 1.4; }  
.each_unit_box .text_services { margin: 10px 10px 0px 15px; float: left; width: 560px; height: 100px; font-size: small; color: #000; line-height: 1.4; }
.services_right_box { position: relative; width: 269px; height: 468px;  float: right; margin: 10px 10px 10px 0px; background-image: url(/skins/fr/images/services_right_box_bg.gif); background-repeat: no-repeat; }
.services_right_box .images { position: relative; width: 248px; height: 444px;  margin: 10px auto; }
.services_bottom_box { position: relative; overflow: auto; width: 868px; height: 343px; clear: both;  margin: 5px 10px 10px 10px; background-image: url(/skins/fr/images/services_bottom_box_bg.gif); background-repeat: no-repeat; }
.services_bottom_box .images { position: relative;  height: 322px;  margin: 0px; }
.services_bottom_box .images IMG {float: left; margin: 9px 0px 0px 8px; }


#contact_wrapper { position: relative; width: 535px; font-family: Arial; text-align: left;}
#by_phone { margin: 10px auto; overflow: auto; position: relative; width: 535px; height: 166px;  background-image: url(/skins/fr/images/by_phone_bg.gif); background-repeat: no-repeat;}
#by_phone_wrapper {position: relative; margin: 22px auto 0px auto; width: 487px; height: 122px;}
#contact_wrapper .picture { width: 146px; float: left;} 
#contact_wrapper .content { width: 337px; height: 120px; float: left; } 
#contact_wrapper .content H1 { padding: 0px; margin: 0px; font-size: large; font-weight: bold; }
#contact_wrapper .header { padding-left: 10px; } 
#contact_wrapper .header .hrule { position: relative; width: 100%; border-bottom: 1px solid #abd6e8; }
#contact_wrapper .infos { padding: 10px 0px 0px 10px; line-height: 1.5;}
#contact_wrapper .label { font-weight: bold; font-size: small; color: #000;}
#contact_wrapper .details { font-style: italic; font-size: small; color: #1287d2;  font-weight: bold;}  
#by_mail { margin: 18px auto 0px auto; overflow: auto;  position: relative; width: 535px; height: 282px; font-family: Arial; background-image: url(/skins/fr/images/correspondence_bg2.gif); background-repeat: no-repeat;}
#by_mail_wrapper {position: relative; width: 487px; height: 240px; margin: 19px auto 0px auto; }

#attractions { position: relative; width: 100%; height: 764px; overflow: auto; background-image: url(/skins/fr/images/attractions_touristiques_bg.gif); background-repeat: repeat-x; font-family: Arial; text-align: left; }
#attractions_wrapper { position: relative; width: 888px;  }
.near_wrapper { position: relative; width: 872px; height: 177px; margin: 10px auto; padding: 0px; background-image: url(/skins/fr/images/near_box_bg.gif); background-repeat: no-repeat;}
.near_wrapper .near_box { position: relative; width: 860px; height: 170px; margin: 7px auto 0px auto; }
.near_wrapper P.midpage { font-size: large; text-align: center } 

.near_box .images { position: relative; width: 528px; height: 150px; margin: 10px 0px 0px 0px; float: left; }
.near_box .images IMG { padding: 0px 4px; }
.near_box .content_wrapper { position: relative; width: 320px; height: 149px; float: left; margin: 10px 0px 0px 5px; padding: 0px;}  
.near_wrapper H1 {  padding: 0px; margin: 0px; font-size: large; }
.near_wrapper  .hrule {  position: relative; width: 99%; height: 3px; border-bottom: 1px solid #000;  padding: 0px; margin: 0px; }
.near_wrapper P { font-size: small; line-height: 1.5; }
.near_wrapper A { color: #0000ff; text-decoration: underline; }

.festivals_wrapper { overflow: auto; position: relative; width: 872px; height: 177px; background-image: url(/skins/fr/images/festivals_box_bg.gif); background-repeat: no-repeat;  } 
.festivals_wrapper .festivals { position: relative; width: 860px; height: 160px; margin: 7px auto 0px auto;}
.festivals_wrapper .festivals IMG { float: left; margin-top: 5px;}
.festivals_wrapper .festivals .text_box { width: 280px; height: 149px; float: left; margin: 7px 0px 0px 7px; }

.other_attractions_wrapper { overflow: auto; position: relative; width: 872px; height: 305px; margin-top: 25px; background-image: url(/skins/fr/images/other_attractions_box_bg.gif); background-repeat: no-repeat;  } 
.other_attractions_wrapper .other_attractions { position: relative; width: 860px; height: 285px; margin: 7px auto 0px auto;}
.other_attractions_wrapper .other_attractions .images { position: relative; width: 298px; height:270px;  float: left; margin: 6px 0px; } 
.other_attractions_wrapper .other_attractions .text_box { position: relative; width: 550px; height:270px;  float: right; margin: 6px 0px; } 

.lower_section { position: relative; width: 885px; height: 375px; margin: 20px auto; }
.lower_section .hotel_wrapper { position: relative; width: 510px; height: 370px; float: left; padding-right: 5px;} 
.tagline {font-size: small; color: #0f3858;}

#attractions_touristiques { position: relative; width: 	919px; height: 236px; background-image: url(/skins/fr/images/attractions_touristiques_boite_bg.jpg); background-repeat: no-repeat; margin-left: -25px; float: left; }
#attractions_touristiques H2 { position: absolute; padding: 0px; margin: 0px; left: 135px; top: 25px; border: 0px solid blue; }
#attractions_touristiques H2 SPAN { display: block; font-family: Arial; font-size: medium; font-weight: bold; text-align: left; }

#photos_chambres_wrapper { position: relative; width: 885px; margin: 20px auto; }
#photos_chambres {  position: relative; height: 207px; background-image: url(/skins/fr/images/beige_bot_bg.gif); background-repeat: repeat-x; }
#images { position: relative; overflow: auto; text-align: center; }

#hotel_pics_wrapper { 	margin-top: 15px; padding: 1px 0; border: 0px solid red; position: relative; width: 888px; height: 161px; background-image: url(/skins/fr/images/hotel_pics_bg.gif);background-repeat: repeat-x; }
#hotel_pics { margin: 17px auto; width: 862px; height: 124px; }
#hotel_pics IMG { margin: 0px 4px; }

#exterior_hotel_pic { z-index: 2; position: relative; top: -120px; width: 888px; height: 376px; margin:0px auto; background-image: url(/skins/fr/images/hotel_pics_building3.jpg); }
#exterior_hotel_pic SPAN { display: none; }

/* ------------------------ FOOTER STYLES ----------------------- */
#footer { position: relative; width: 888px; margin: 20px auto; padding: 1px 5px 1px 0px; }
#reservations_ftr { overflow: auto; position: relative; width: 888px; height: 144px; float: left;  background-image: url(/skins/fr/images/reserver_maintenant_bas_bg.jpg); background-repeat: no-repeat; }
#reservations_ftr SPAN { position: absolute; left:  7px; top: 21px; }
#reservations_ftr SPAN IMG { float: left; }
#reservations_ftr SPAN STRONG{ position: relative; width: 600px; top:  21px; text-align: left; font-size: small; font-weight: bold; font-family: Arial; color: #3e5a70; float: left; }
#reservations_ftr #contact_infos { position: absolute; top:  75px; left: 10px; font-size: smaller; 	text-align: left; line-height: 1.7; }
#reservations_ftr #contact_infos STRONG, A { font-weight: bold; color: #878682; }

.liens { position: relative; float: left;  width: 888px; height: 20px; text-align: center; font-size: smaller; font-weight: normal; margin: 20px 0px 10px 0px; }	
.liens A { color: #1b00ff; }

#logo_cholette { position: relative;	 height: 65px; float: right; font-size: x-small; }
#logo_cholette A { color: black; 	text-decoration: none; font-weight: bold; font-size: small; }	
#logo_cholette IMG { float: right; padding-left: 15px; }
#logo_cholette .tagline { position: absolute; top: 43px; left: 0px; text-align: right; width: 90%; }

/* ------------------------ MISC STYLES ----------------------- */	
.clean_link { text-decoration: none; }
.onglet { display: block; font-size: large; border-bottom: 5px solid #464646; font-family: Arial; font-weight: bold;  text-align: left; margin-bottom: 5px;}
.img_wrapper { float: left; font-family: arial; font-size: small; font-weight: bold; color: #696969; padding: 22px 10px; }
.onglet .map_montreal { display: none; position: absolute; top: 1px;  left: 642px; background-color: #fff; width: 220px; padding: 0px 0px 0px 26px; text-align: right;} 
.map_montreal A { font-size: small; color: #0000ff; text-decoration: underline;}
.map_montreal IMG { padding-right: 10px; }