@charset "utf-8";
/* CSS Document */

body,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,img {margin:0;padding:0;}
body {margin: 0px; font-family: Helvetica, sans-serif, tahoma, Arial; background-color:#CCC}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} 
:focus {-moz-outline-style: none;}
img, div {behavior: url(iepngfix.htc);}

#page {margin:0 auto; width:960px;border:1px solid #333; background-color:#FFF}
#header {margin: 0px;	padding: 0;	height: 341px;	width: 960px;	background-image: url(images/photo1.jpg);}
#headerimg {margin: 0;	height: 341px;	width: 960px;}
#menu1 li, #menu2 li {display:inline; list-style:none}
#menu1 {float: right; background-color:#b0b0b0;  margin-right:18px; padding:0 4px; }
#menu1 a:link,#menu1 a:active,#menu1 a:visited {color:#FFF; font-size:12px; font-weight:normal; text-decoration:none; margin:0 4px;}
#menu1 a:hover {color:#990000;}

* html #menu2 {top:124px;}
*+html #menu2 {top:124px;}

#menu2 {position:relative; top:143px; left:26px;  font-size:22px; font-weight:bold; width:800px; padding-bottom:12px;}
#menu2 a { border-bottom:8px solid #990000; color:#999; margin-right:16px;}
#menu2 a:link,#menu2 a:active,#menu2 a:visited {color:#999; text-decoration:none; margin-right:16px;border-bottom:0px solid #990000}
#menu2 a:hover { border-bottom:8px solid #CCC;}

* html #headerimg img {position:relative; top:224px; left:25px;}
*+html #headerimg img {position:relative; top:224px; left:25px;}
#headerimg img {position:relative; top:243px; left:25px;}

.colgauche {float:left; width:601px; padding:10px 0 0 26px;}
.colgauche h4 { background-color:#b0b0b0; clear:both; margin:8px 7px 0 0; text-align:center; color:#990000; font-weight:bold;}
.hotel, .offre {width:296px; float:left;}
.hotel { padding:4px 0; display:block; height:205px;}
.hotel h2 {font:21px normal; font-family: Helvetica, sans-serif, tahoma, Arial;}
.hotel h2 a:link, .hotel h2 a:active, .hotel h2 a:visited { color:#990000; text-decoration:none; }
.hotel h2 a:hover {color:#999;}
.hotel h3 a:link, .hotel h3 a:active, .hotel h3 a:visited { color:#fff; text-decoration:none; background-color:#990000; float:right; font-size:13px; padding:0 4px; margin:0 4px 0 0; font-weight:normal; }
.hotel h3 a:hover {color:#fff; background-color:#999}
.hotel img {border: 1px solid #b0b0b0; padding:2px; float:left; margin-right:4px;}
.hotel p { font-size:12px; padding:0 4px 12px 4px; font-family:Arial, Helvetica, sans-serif}
.hotel div{	background:#FFF;	position:absolute;	z-index:25;	margin:209px 0 0 0; width:296px;}
.hotel div img{ border:0;}
.hotel div p{ font-size:12px;}
.offre img { margin:2px 0 1px 0;}
*+html .offre h3 {margin:-4px 0 -2px 0;}
.offre h3 a:link, .offre h3 a:active, .offre h3 a:visited { width:282px; color:#fff; text-decoration:none; background-color:#990000; float:left;  font-size:14px; padding:0 4px; clear:both;  font-weight:normal }
.offre h3 a:hover {color:#fff; background-color:#999}
.reservation { background-color:#b0b0b0; margin-right:7px; color:#FFF; font-size:14px; padding:8px;  }
.reservation img { text-align:center }
.reservation a:link, .reservation a:active, .reservation a:visited { color:#fff; text-decoration:none; background-color:#990000; font-size:14px; padding:0 4px; clear:both;  font-weight:normal }
.reservation a:hover {color:#990000; background-color:#fff}
.reservation td{ height:28px;}

.reservation2 { background-color:#FFF; border:1px solid #CCC; width:276px!important; padding:4px;float:right!important;}
.reservation2 td {color:#000; font-weight:normal; border-top:0;}
.reservation2 table {  border-top:0!important; margin:4px 0;}
.reservation2 a:link, .reservation2 a:active, .reservation2 a:visited { color:#990000; text-decoration:none;  font-size:14px; padding:0 4px; border-bottom:4px solid #990000;  font-weight:normal}
.reservation2 a:hover {color:#990000; border-bottom:none}

.partenaire { width:540px!important; border:5px solid #e5e5e5; margin:6px 0!important; float:left!important;}
.partenaire img{ float:left; margin:10px!important;  }
.partenaire h2 { margin:12px; float:right; width:340px; }
.partenaire h2 a:link, .partenaire h2 a:active, .partenaire h2 a:visited { color:#990000; text-decoration:none;  font-size:16px;   font-weight:bold}
.partenaire h2 a:hover {color:#990000; text-decoration:underline;}
.partenaire p { margin:6px 12px!important; width:340px !important; height:auto!important;  float:right}
.partenaire p a:link, .partenaire p a:active, .partenaire p a:visited { color: #999; text-decoration:none;  font-size:14px;   font-weight:bold}
.partenaire p a:hover {color:#990000; text-decoration:underline;}

.bt_facebook { width:38px; height:37px; z-index:50; position: absolute; margin:6px 0 0 210px}
a.bt_facebook {background-image: url(http://www.hotel-montreal.net/images/bt_facebook.jpg); display:block; width:38px;} 
a.bt_facebook:hover {background: url(http://www.hotel-montreal.net/images/bt_facebook.jpg)  0 -37px; }
.bt_rss { width:38px; height:37px;  z-index:100; position:absolute; margin:6px 0 0 255px }
a.bt_rss {background-image: url(http://www.hotel-montreal.net/images/bt_rss.jpg); display:block; width:38px;} 
a.bt_rss:hover {background: url(http://www.hotel-montreal.net/images/bt_rss.jpg)  0 -37px; }
.abonner { background-image:url(http://www.hotel-montreal.net/images/tr_abonner.jpg); background-repeat:no-repeat; height:60px;}
.blogtr { background-image:url(http://www.hotel-montreal.net/images/tr_blog.jpg); background-repeat:no-repeat; height:120px;}
.blogtra { background-image:url(http://www.hotel-montreal.net/images/tr_blog_a.jpg); background-repeat:no-repeat; height:124px;}


.coldroit {float:right; width:294px; padding: 0 16px 16px 20px; background:url(images/fondcolgauche.jpg) bottom no-repeat}
.coldroit h1{  background-repeat:no-repeat; height:0px; font-weight:normal; font-size:31px; padding-top:60px; color:#990000; margin-bottom:12px;}
.coldroit h1 a:link, .coldroit h1 a:active, .coldroit h1 a:visited { color:#990000; text-decoration:none;}
.coldroit h1 a:hover { color:#999;}
.coldroit h3 a:link, .coldroit h3 a:active, .coldroit h3 a:visited { color:#990000; text-decoration:none; font-size:14px; margin-top:8px; }
.coldroit h3 a:hover { color:#999;}
.coldroit p{ font-size:14px; margin-bottom:6px; font-family:Arial, Helvetica, sans-serif}
.coldroit h2 a:link, .coldroit h2 a:active, .coldroit h2 a:visited { color:#fff; background-color:#990000; font-size:14px; float:right; text-decoration:none; font-weight:normal; padding:0 4px;}
.coldroit h2 a:hover { background-color:#ccc}

.arianne { display:inline; margin:0 0 0 26px; font-size:12px;}
.arianne li {display:inline; margin:6px 0;}
.arianne a:link, .arianne a:active, .arianne a:visited { color:#999; text-decoration:underline; font-weight:normal }
.arianne a:hover {color:#999;  text-decoration:none;}


.attraits { padding: 12px 0 0 26px; clear:both; position:relative;}
.attraits h1{background:url(http://www.hotel-montreal.net/images/lignefond.jpg) center no-repeat; padding-left:36px; color:#CCC; font-size:28px; d}
.attraits div {width:290px;  float:right; margin:6px 21px 0 0; display:block }
.attraits div p {font-size:12px; color:#000; font-weight:normal; border-top:0; margin:0px 0 0px 0; width:290px; height:92px}
.attraits div div {width:290px;  float:right; margin:6px 0 0 0; display:block }
.attraits p{ font-size:14px; color:#990000; font-weight:bold; border-top: 2px solid #CCC; margin:24px 0 6px 0; width:916px; }
.attraits2 { font-size:14px; color:#666!important; font-weight:normal!important; border-top: none!important; margin:12px 12px 6px 0!important; width:600px!important; }

.attraits h3{}
.attraits h3 a:link, .attraits h3 a:active, .attraits h3 a:visited { width:282px; color:#fff; text-decoration:none; background-color:#990000; float:left;  font-size:14px; padding:0 4px; clear:both;  font-weight:normal }
.attraits h3 a:hover {color:#fff; background-color:#999}
.attraits img { margin:2px 0 1px 0;}
.attraits table { color:#990000; font-weight:bold; border-top: 2px solid #999;}
*+html .attraits h3 {margin:-4px 0 -2px 0;}



.footer {}
.footer { border-top:4px solid #e7e7e7;  margin: 50px 22px 12px 26px;}
.footer p { color:#999; font-size:14px; text-align:right; }
.footer p a:link, .footer p a:active, .footer p a:visited {color:#999;}
.footer p a:hover {color:#999; text-decoration:none}

.ficheclient { padding:12px 0 12px 24px;}
.adresse { font-family:Arial, Helvetica, sans-serif; width:200px; float:left; margin-right:21px; font-size:12px; display:block}
.adresse img { max-height:200px; max-width:200px; margin:10px auto; text-align:center; display:block}
.adresse ul { margin:10px 0; font-size:12px; line-height:normal;}
.adresse li { list-style:none; margin:0; }
.adresse li strong { color:#990000;}
.adresse li a:link, .adresse li a:active, .adresse li a:visited {color:#990000;}
.adresse li a:hover {color:#000; text-decoration:none}
.texte { width:380px; float:left; margin-right:21px;}
.texte h1{ color:#990000; font-size:24px;}
.texte p{ margin:6px 0; line-height:21px;}
.texte ol{ }
.texte li{ margin:6px 0; line-height:21px; }

.photo { width:294px; float:left;}
.photo img{ border:1px solid #000; padding:2px; margin-bottom:3px; }
.photo .preview { width:88px; height:59px;}

.activitecircuit {width:290px; float:left;}
.activitecircuit li a:link, .activitecircuit li a:active, .activitecircuit li a:visited {color:#fff; text-decoration:none}
.activitecircuit li a:hover {color:#fff; text-decoration:underline}
.activitecircuit ol { margin:0; padding:0; list-style-position:inside; background-color:#fff}
.activitecircuit li {  background-color:#990000; border-top:1px solid #fff; border-bottom:2px solid #fff;  color:#FFF; padding:0 0 0 6px; font-size:14px; font-weight:bold; margin:0;}
* html .activitecircuit li { margin:0 0 4px 0;}
*+html .activitecircuit li { margin:0 0 4px 0;}
.activitecircuit li img { padding:0!important; margin:0!important }
/*#point_google { float:left; width:40px; margin:20px 0 0 10px}*/
.selectionner { float:left;  width:288px; font:14px normal; font-family: Helvetica, sans-serif, tahoma, Arial; font-weight:bold; border-bottom:4px solid #e7e7e7;  margin:20px 12px 0 5px!important;}
.selectionner a:link, .selectionner a:active, .selectionner a:visited {color:#000; text-decoration:none}
.selectionner a:hover {color:#990000; text-decoration:none}
#map_canvas { width:916px; }
#map_directions {}
#map_directions table { margin:21px 0 0 0; font-size:14px;}
#map_directions td { border-bottom:1px solid #e5e5e5; height:24px; }

      .tooltip {
        background-color:#ffffff;
        font-weight:bold;
		color:#990000;
        border:8px #e5e5e5 solid;padding:5px;
      }