/*   
Theme Name: Hotel M child template
Theme URI: http://www.activis.ca/
Description: Child template to use with the foundation theme framework
Author: Edouard Duplessis
Author URI: http://www.eduplessis.com/
Template: foundation
Version: 1.0
*/

html{background:#efe9e5 url(images/background.png) top repeat-x; font-family: helvetica, "MS Trebuchet", sans-serif;}
body{width:985px!important; margin: 0 auto;}
#wrapper{width:985px; margin: 0 auto; background:#fff; box-shadow:0px 0px 10px #a69993;-webkit-box-shadow:0px 0px 10px #a69993;-moz-box-shadow:0px 0px 10px #a69993;}

#topMenu{height:26px;}
#topMenu ul{list-style:none; margin:0 11px 0 0; padding:0; float:right;}
#topMenu li{float:left; display: inline; margin:0; padding:0; line-height:26px; color:#fff; font-size:11px; font-weight: bold;}
#topMenu a{color:#fff; text-decoration:none; background: url(images/dotFFF.png) right 6px no-repeat; padding:0 11px 0 0; margin:0 8px 0 0;}

#lang_sel_list ul{list-style:none; margin:0 11px 0 0; padding:0; float:right;}
#lang_sel_list li{float:left; display: inline; margin:0; padding:0; line-height:26px; color:#fff; font-size:11px; font-weight: bold;}
#lang_sel_list a{color:#fff; text-decoration:none; background: url(images/dotFFF.png) right 6px no-repeat; padding:0 11px 0 0; margin:0 8px 0 0;}

header{height:371px;}
#logoMain{width:153px; height:103px; display:block; background: url(images/logo.png); float:left;}


#mainMenu{ margin:0 2px 0 0!important; padding:12px 0 0 100px; width:730px; height:91px; float:left; display:inline; background: url(images/navMainMenu.png) top repeat-x;}
#mainMenu ul{margin:0; padding:0;}
#mainMenu li{border:0; margin:0; padding:0; text-indent:-9999em;}
#mainMenu li a{background-image: url(images/mainMenu.png); height:48px; display:block;}
#mainMenu li.current_page_item a, #mainMenu li a:hover{background-image: url(images/mainMenuHover.png); height:48px; display:block;}
#mainMenu .page-item-6  a{width:97px; background-position: 0px top;}
#mainMenu .page-item-8  a{width:93px; background-position: -97px top;}
#mainMenu .page-item-10 a{width:84px; background-position: -190px top;}
#mainMenu .page-item-12 a{width:78px; background-position: -274px top;}
#mainMenu .page-item-13 a{width:86px; background-position: -352px top;}
#mainMenu .page-item-15 a{width:105px; background-position: -438px top;}
#mainMenu .page-item-21 a{width:76px; background-position: -543px top;}
#mainMenu .page-item-17 a{width:111px; background-position: -619px top;}

#mainMenuEN{ margin:0 2px 0 0!important; padding:12px 0 0 100px; width:730px; height:91px; float:left; display:inline; background: url(images/navMainMenu.png) top repeat-x;}
#mainMenuEN ul{margin:0; padding:0;}
#mainMenuEN li{border:0; margin:0; padding:0; text-indent:-9999em;}
#mainMenuEN li a{background-image: url(images/mainMenuEN.jpg
									   ); height:48px; display:block;}
#mainMenuEN li.current_page_item a, #mainMenuEN li a:hover{background-image: url(images/mainMenuHoverEN.png); height:48px; display:block;}
#mainMenuEN .page-item-70  a{width:97px; background-position: 0px top;}
#mainMenuEN .page-item-60  a{width:93px; background-position: -97px top;}
#mainMenuEN .page-item-78 a{width:84px; background-position: -190px top;}
#mainMenuEN .page-item-68 a{width:78px; background-position: -274px top;}
#mainMenuEN .page-item-20 a{width:86px; background-position: -352px top;}
#mainMenuEN .page-item-72 a{width:105px; background-position: -438px top;}
#mainMenuEN .page-item-74 a{width:76px; background-position: -543px top;}
#mainMenuEN .page-item-76 a{width:111px; background-position: -619px top;}

#pubVert{width:153px; height:268px; background:url(images/pubVert.png) left top no-repeat; float:left; display:inline;}
#pubVertEN{width:153px; height:268px; background:url(images/pubVertEN.jpg) left top no-repeat; float:left; display:inline;}

#bannerContainer{width:830px; height:268px; position:relative; float:left; display:inline;}
#booking{width:187px; height:55px; top:-2px; left:633px; text-indent:-9999em; background: url(images/booking.png) left bottom no-repeat; z-index:220; position:absolute; box-shadow:0px 0px 10px #a69993;-webkit-box-shadow:0px 0px 10px #a69993;-moz-box-shadow:0px 0px 10px #a69993;}
#bookingEN{width:187px; height:55px; top:-2px; left:633px; text-indent:-9999em; background: url(images/bookingEN.jpg) left bottom no-repeat; z-index:220; position:absolute; box-shadow:0px 0px 10px #a69993;-webkit-box-shadow:0px 0px 10px #a69993;-moz-box-shadow:0px 0px 10px #a69993;}
#echoGreen{text-align:right; color:#fff; padding:11px; background:url(images/backgroundGreen.png); position:absolute; bottom:0; left:0; width:808px; z-index:210;}
#echoGreen h5{font-size:18px; font-weight:bold; text-shadow:0 0 1px #fff;}
#echoGreen h6{font-size:16px; font-weight:normal; text-shadow:0 0 1px #fff;}

#banner{overflow:hidden; height:268px; position:relative; z-index:200;}

section{display:block; background:url(images/section.png) left top repeat-y; margin:2px 0;}

article{color:#333; background:none; font-size:13px; width:798px; padding:25px 11px 25px 21px; display:block!important; float:right!important;}
article h3{font-size:1.54em; color:#2391cf; font-weight:normal;}
article h4{color:#2391cf;}
article table{margin:20px 0 40px; clear:both;}
article table caption{font-size:1.54em; color:#2391cf;}
article .col, article .col2{width:393px; float:left; display:inline;}
article .col{margin:0 10px 0 0;}
article ul{margin-bottom:2.5em;}
article a{color:#2391cf;}

.wp-caption{width:393px!important; overflow:hidden; margin-bottom:22px;}
.wp-caption-text{background:#efe9e5; padding:11px; color:#978981; font-size:11px; margin:5px 0;}
.alignright{float:right; clear:right;}
.alignleft{float:left; clear:left;}
.gallery{width:798px;}
.gallery dl{ margin:0;}
.gallery-icon{margin:0 14px; width:150px;}
aside{float:left; width:153px;}

#contact{margin:0 0 0 0;}
button{color:#fff; background:#2391cf; border:1px solid #fff;box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0px 2px #999;-moz-box-shadow:0px 0px 2px #999;}
input{border:1px solid #999; box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0px 2px #999;-moz-box-shadow:0px 0px 2px #999;}
label{font-size:1em; line-height:1.6em;}
#formItineraire{background:#efe9e5; width:788px; margin:0; padding:5px; border-top:1px solid #978981;}
#formItineraire label{width:auto; color:#978981; padding:0 11px; float:left;}
#formItineraire input{margin:0; float:left; width:50px;}
#formItineraire button{margin:0 0 0 5px; float:left; padding:1px 5px 3px;}
#gmap{width:798px; height:250px; margin:0;}
#infoBulle{font-size:10px;}
#map{margin:0 0 35px 0;}
#contact label{color:#2391cf; width:130px; float:left; display:inline; clear:left;}
#contact .input{float:left; width:260px; }
#contact input{width:253px!important; margin-top:0px; margin-bottom:11px; }
#contact textarea{width:386px!important;}
#contact button{margin-top:11px; padding:2px 2px 5px 5px; color:#fff; background:#2391cf; border:1px solid #fff;box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0px 2px #999;-moz-box-shadow:0px 0px 2px #999;}

#partners {margin:20px 0 0 2px; padding:0;}
#partners li{margin:0 0 20px!important; padding:0!important; list-style:none; text-indent:-9999em;}
#partners li a{background-image: url(images/bannerPartners.png); width:149px; display:block;}
#partners .p1 a{height:98px; background-position: 0px top;}
#partners .p2 a{height:35px; background-position: 0px -124px;}
#partners .p3 a{height:39px; background-position: 0px -185px;}
#partners .p4 a{height:37px; background-position: 0px -245px;}
#partners .p5 a{height:37px; background-position: 0px -306px;}
#partners .p6 a{height:54px; background-position: 0px -363px;}
#partners .p7 a{height:55px; background-position: 0px -435px;}
#partners .p8 a{height:31px; background-position: 0px -517px;}

#partners .p2 a:hover{background-position: -149px -124px;}
#partners .p3 a:hover{background-position: -149px -185px;}
#partners .p4 a:hover{background-position: -149px -245px;}
#partners .p5 a:hover{background-position: -149px -306px;}
#partners .p6 a:hover{background-position: -149px -363px;}
#partners .p7 a:hover{background-position: -149px -435px;}
#partners .p8 a:hover{background-position: -149px -517px;}

footer{display:none;}

#footerInfo{height:85px; position:relative;width:980px;margin:0 auto;}
#footerMenu{width:820px; position:absolute; top:0; left:0;}
#footerMenu ul{list-style:none; margin:6px 11px 0 0; padding:0;}
#footerMenu li{color:#0055a5; float:left; display: inline; margin:0; padding:0; line-height:26px; color:#fff; font-size:12px; font-weight: bold;}
#footerMenu a{color:#0055a5; text-decoration:none; background: url(images/dotFooter.png) right 6px no-repeat; padding:0 11px 0 0; margin:0 8px 0 0;}
#footerMenu li.page-item-18 a{background:none;}
ul.legal{clear:both;}
#footerMenu li.last a{background:none;}
#logoFooter{display:block; position:absolute; width:64px; height:43px; top:11px; right:11px; background:url(images/logoFooter.png) no-repeat;}

.error{ padding:0 0 0 30px; background:url(images/ui/Bad_22x22.gif) left 4px no-repeat; }
form .error{background:none; padding:0;}
.success{padding:0 0 0 30px; background:url(images/ui/Good_22x22.gif) left 4px no-repeat;}
form .success{background:none; padding:0;}
.error *{color:red!important;}
.success *{color:green!important;}

p{ text-align:justify; }
ul li{ text-align:justify }