html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}                  

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: inherit;}

::selection { background:#000; color:#fff; text-shadow: none;}
::-moz-selection { background: #000; color: #fff; text-shadow: none;}
img::selection { background: transparent;}
img::-moz-selection { background: transparent;}

html { width: 100%; height: 100%;}
body { width: 100%; height: 100%; background: url(../images/bg.png) repeat-x;}

p { color: #333; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif; line-height:16px;}
label { color: #333; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif;}
a { font-family: 'Arimo', sans-serif; color: #ff9700; font-size: 12px; font-weight: 700;}
a:hover { color: #feb64d;}

a.more { float: right; margin: 5px 0;text-decoration:solid;}
a.more:link, a.more:active, a.more:visited { color: #ff9700; text-decoration:underline;}
a.more:hover { color: #feb64d;}
.clear { clear: both; display: block;}
.line { display: block; height: 10px; border-bottom: 1px solid #cfcfcf; width: 100%; margin-bottom: 10px;}

h1 { color: #ff9700; font-size: 20px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400; background: url(../images/orange-tile.png); margin-bottom: 10px;}
h1 a, h1 a:link, h1 a:active, h1 a:visited { color: #ff9700; font-size: 20px; font-family: 'Arimo', sans-serif; font-weight: 400; text-decoration: none;}
h1 a:hover {color:#feb64d;}
h1 span { color: #ff9700; background: #fdf7e9; padding-right: 10px;}

h2 { color: #ff9700; font-size: 20px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400;}
h2.tile { background: url(../images/orange-tile.png); margin-bottom: 10px;}
h2 a, h2 a:link, h2 a:active, h2 a:visited { color: #ff9700; font-size: 20px; font-family: 'Arimo', sans-serif; font-weight: 400; text-decoration: none;}
h2 a:hover {color:#feb64d;}
h2 span { color: #ff9700; background:#fff; padding-right: 10px;}
h2 span.tile {background: #fdf7e9;}

h3 { color: #333; font-size: 20px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400;}
h3.tile { margin-bottom: 20px; height: 20px; overflow: hidden;}
h3 a { color: #333; font-size: 20px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400; text-decoration: none;}
h3 span { float: left; width: auto; position: relative; display: inline-block; color: #333; padding-right: 10px;}
h3 span span { background: url(../images/gray-tile.png); display: block; height: 20px; width: 960px; position: absolute; right: -970px; top: 0;}


h4 { color: #666; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400;}
h5 { }


/****HEADER STYLES CONTENT****/

#header { background: #bab3a9 url(../images/header-bg.jpg) no-repeat 50% 0%; width: 100%; height: 115px; z-index: 5;}
#header .wraper { width: 960px; height: 115px; margin: 0 auto; position: relative; z-index: 5;}

#logo { color: #fff; text-decoration: none; font-family: 'Cutive', serif; min-width: 256px; height: 31px; display: block; position: absolute; top: 20px; left: 20px; padding: 36px 0 0 10px; font-weight: 400;}
#logo:hover { color: #fff; text-decoration: none;}
#logo.en { background: url(../images/eastern-townships.png) no-repeat;}
#logo.fr { background: url(../images/logo-tce-fr.png) no-repeat;}

#top-nav { position: absolute; top: 20px; left: 390px; font-size:11px;}
#top-nav li { float: left; color: #bab3a9; margin: 0 2px; font-family: Verdana, 'sans-serif'; }
#top-nav li a { color: #fff; font-size: 11px; font-family: Verdana; text-shadow: 1px 1px 0 #000; text-decoration: none; font-weight: normal;}
#top-nav li a:hover { text-decoration: underline;}

#top-right-nav { position: absolute; top: 20px; right: 0; font-size:11px;}
#top-right-nav li { float: left; color: #bab3a9; margin: 0 2px; font-family: Verdana, 'sans-serif';}
#top-right-nav li a { color: #fff; font-size: 11px; font-family: Verdana; text-shadow: 1px 1px 0 #000; text-decoration: none; font-weight: normal;}
#top-right-nav li a:hover { text-decoration: underline;}
#top-right-nav li a.login { background: url(../images/login.png) no-repeat left center; padding-left: 20px;}
#top-right-nav li span {background:url(../images/arrow-d.png) no-repeat left center; padding: 0 5px;}
#top-right-nav li:hover > ul { display: block;}
#top-right-nav li > ul { display: none; height: auto; position: absolute; top: 12px; left: 0;padding:2px 20px 4px 10px;background: url(../images/subnav-bg.png);}
#top-right-nav li > ul li { float: none; line-height: normal; margin: 0; padding: 2px 0;}
#talk { width: 940px; padding: 20px 10px 5px 10px; margin: 0 auto;}
#talk h2 { font-size: 16px; line-height: 24px; color: #2b2b2b; font-family: 'Cutive', serif; text-align: left; margin-bottom: 10px; font-weight: 400; text-transform: none;}
#talk h2 a { font-size: 16px; line-height: 24px; font-family: 'Cutive', serif; font-weight: 400; text-transform: none;}
#talk h3 { font-family: 'Allura', cursive; font-size: 40px; color: #6d5d47; text-align: left; padding-left: 40px; font-weight: 400; text-transform: none;}

#componentDiv { position: relative;}
#componentDiv  table { float: right;}

#photo-header { width: 958px; height: 230px; margin: 0 auto; margin-top: 69px; background: #fff; border-left: 1px solid #ebe5d9; border-right: 1px solid #ebe5d9;}


/****NAVIGATION STYLES CONTENT****/

#nav { background: url(../images/nav-bg.png) no-repeat left top; width: 960px; height: 64px; position: absolute; left: 0; top: 94px; z-index: 5;}
#nav.fr {background: url(../images/nav-bg-fr.png) no-repeat left top;}
#nav ul { position: absolute; top: 14px; left: 200px;}
#nav ul.fr {left:180px;}
#nav ul li { float: left; position: relative; margin: 0 65px 0 0; padding-bottom: 10px;}
#nav ul.fr li {margin:0 45px 0 0;}
#nav ul li a { font-size: 18px; color: #333; text-transform: uppercase; text-decoration: none; font-weight: 400;}
#nav ul li a span { background: url(../images/arrow.png) no-repeat; width: 16px; height: 16px; display: block; position: absolute; right: -20px; top: 1px;}
#nav ul li a:hover { color: #ff9700;}

#nav ul li:hover a.parent { color: #ff9700;}
#nav ul li:hover > ul { display: block;}
#nav ul li > ul { display: none; background: url(../images/subnav-bg.png); width: 200px; height: auto; position: absolute; top: 26px; left: 0;padding-right: 0;}
#nav ul li > ul li { float: none; line-height: normal; margin: 0; padding: 0;}
#nav ul li > ul li a { text-decoration: none; color: #fff; font-size: 14px; line-height: 20px; height: auto; display: block; width:170px; padding: 8px 15px; text-transform: none;}
#nav ul li > ul li a:hover { color: #ff9700; background: url(../images/subnav-rl.png);}

#nav .s { position: absolute; top: 10px; right: 200px;}
#nav .s input { background: #fff; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; font-family: 'Arimo', sans-serif; width: 150px; height: 22px; padding: 1px 0 1px 6px;}
#nav .s .submit { cursor: pointer; position: absolute; top: 0; right: 0; background: #ff9700 url(../images/loupe.png) no-repeat 50% 50%; border-radius: 0 4px 4px 0; height: 26px; width: 30px;}

#nav ul li.active a { color: #fff;}
#nav.discover { background: url(../images/nav-bg.png) no-repeat left -64px;}
#nav.plan { background: url(../images/nav-bg.png) no-repeat left -128px;}
#nav.share { background: url(../images/nav-bg.png) no-repeat left -192px;}
#nav.discover-fr {background: url(../images/nav-bg-fr.png) no-repeat left -64px;}
#nav.plan-fr {background: url(../images/nav-bg-fr.png) no-repeat left -128px;}
#nav.share-fr {background: url(../images/nav-bg-fr.png) no-repeat left -192px;}

/****SUB-NAVIGATION STYLES CONTENT****/

#subnav { background: #4d4d4d; width: 958px; height: 70px; position: absolute; top: 114px; left: 1px;}
#subnav p { text-align: center; margin-top: 30px;}
#subnav p a { text-decoration: none; color: #fff; font-weight: normal; font-size: 13px; line-height: 40px; height: 40px; padding: 30px 10px 0 10px;}
#subnav p a:hover { color: #ff9700;}
#subnav p a.active {color: #ff9700;}

/****SLIDESHOW STYLES CONTENT****/

#slideshow { width: 958px; height: 380px; margin: 0 auto; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #a3998c; position: relative; z-index: 2; margin-bottom: 70px;}
#slideshow .thumbs { background: url(../images/thumb-bg.png) no-repeat; width: 896px; height: 106px; position: absolute; bottom: -70px; left: 32px; z-index: 4;}
#slideshow .thumbs ul { width: 812px; height: 92px; background: #fff; position: absolute; left: 42px; top: 7px;}
#slideshow .thumbs ul li { float: left; width: 115px; margin-right: 1px; height: 92px; background: #d8d6d6; position: relative;}

#slideshow .thumbs ul li span { background: #333; color: #fff; text-align: center; padding: 4px; display: block; font-family: Verdana; font-size: 11px; position: absolute; bottom: 3px; left: 3px; width: 101px;}
#slideshow .thumbs ul li:hover span { background: #555; color: #fff;}
#slideshow .thumbs ul li.active span { background: #ff9700; color: #fff;}

#slideshow .thumbs .arrow { width: 15px; height: 22px; display: block; position: absolute;}
#slideshow .thumbs .prev { background: url(../images/slideshow-arrows.png) no-repeat left top; top: 40px; left: 14px;}
#slideshow .thumbs .prev:hover { background: url(../images/slideshow-arrows.png) no-repeat left bottom;}
#slideshow .thumbs .next { background: url(../images/slideshow-arrows.png) no-repeat right top; top: 40px; right: 14px;}
#slideshow .thumbs .next:hover { background: url(../images/slideshow-arrows.png) no-repeat right bottom;}

#slideshow .caption { background: url(../images/black.png); width: 808px; height: 85px; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 10px 75px;}
#slideshow .caption h2 { color: #fff; border-bottom: 1px solid #a3998c; padding-bottom: 5px; margin-bottom: 5px;}
#slideshow .caption h2 a:hover {text-decoration:underline;}
#slideshow .caption h2 a {font-size: 18px;}
#slideshow .caption p { color: #fff;}


/****PIKACHOOSE STYLES CONTENT****/

.pikachoose { width: 958px; margin: 0 auto; height: 380px;}
.pikachoose .arrow { width: 15px; height: 22px; display: block; position: absolute; z-index: 10; cursor: pointer;}
.pikachoose .prev { background: url(../images/slideshow-arrows.png) no-repeat left top; bottom: -28px; left: 43px;}
.pikachoose .prev:hover { background: url(../images/slideshow-arrows.png) no-repeat left bottom;}
.pikachoose .next { background: url(../images/slideshow-arrows.png) no-repeat right top; bottom: -28px; right: 41px;}
.pikachoose .next:hover { background: url(../images/slideshow-arrows.png) no-repeat right bottom;}

/* Style the thumbnails */
#pikame { width: 812px; height: 92px; background: #fff; position: absolute; left: 0px; top: 7px;}
.pika-thumbs { padding: 0 16px;}
.pika-thumbs li { float: left; width: 115px; margin-right: 1px; height: 92px; background: #000; position: relative; cursor: pointer;}
.pika-thumbs li:last { margin: 0;}
.pika-thumbs li .clip { position: relative; height: 100%; text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage { width: 958px; height: 380px;}
.pika-stage { position: absolute; background: #fff; border: 1px solid #e5e5e5; padding: 0; height: 380px;}
.pika-stage img { height: 380px;}
.pika-stage a, .pika-stage h2 a  {color:#fff;}
/* Ths play, pause, prev and next buttons */
.pika-imgnav a { position: absolute; text-indent: -5000px; z-index:10; display: none;}
.pika-imgnav a.previous { cursor: pointer; background: url(../images/slideshow-arrows.png) no-repeat left top; position: absolute; bottom: -63px; left: 31px; width: 37px; height: 94px;}
.pika-imgnav a.next { cursor: pointer; background: url(../images/slideshow-arrows.png) no-repeat right top; position: absolute; bottom: -63px; right: 31px; width: 37px; height: 94px;}
.pika-imgnav a.previous:hover { background: url(../images/slideshow-arrows.png) no-repeat left bottom;}
.pika-imgnav a.next:hover { background: url(../images/slideshow-arrows.png) no-repeat right bottom;}
.pika-textnav a { display: none;}

/*for the tool tips*/
.pika-tooltip { font-size: 12px; position: absolute; color: white; padding: 3px; background-color: rgba(0,0,0,0.7); border: 3px solid black;}
.pika-counter { display: none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader { background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }

.jcarousel-skin-pika { background: url(../images/thumb-bg.png) no-repeat; width: 896px; height: 106px; position: absolute; bottom: -70px; left: 32px; z-index: 4;}
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; overflow: hidden; position: absolute; left: 42px; top: 7px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal { height: 90px; width: 812px; overflow: hidden;	}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 1px;}
.jcarousel-skin-pika .jcarousel-item-horizontal .thumb_caption { background: #111; color: #fff; text-align: center; padding: 4px 4px 6px 4px; display: block; font-family: Verdana; font-size: 11px; position: absolute; bottom: 0px; left: 0px; width: 107px;}
.jcarousel-skin-pika .jcarousel-item-horizontal .thumb_caption a { font-family: Verdana, 'sans-serif'; font-weight:normal; color: #fff;font-size: 11px;}
.jcarousel-skin-pika .jcarousel-item-horizontal:hover .thumb_caption { background: #333; color: #fff;}
.jcarousel-skin-pika li.active .thumb_caption { background: #ff9700; color: #fff;}


/****CONTENT STYLES CONTENT****/

#container { width: 958px; margin: 0 auto; background: #fff; border: 1px solid #ebe5d9; height: auto; overflow: hidden;}
#container.page { width: 960px; border: none; background: transparent;}
#container header { width: 938px; height: auto; height: auto; margin: 0 auto; padding: 10px; margin-bottom: 0px;}

#content { width: 940px; height: auto; min-height: 860px; margin: 0 auto; padding: 10px; overflow: hidden;}
#content.page { width: 810px; height: auto; min-height: 620px; margin: 0; float: left; padding: 10px 10px 10px 10px; overflow: hidden;}
#content.forfaits { width: 810px; height: auto; min-height: 620px; margin: 0; float: left; padding: 0 10px 10px 10px; overflow: hidden;}
#content.single { padding-top: 0;}
#colorbox section.popup { width: 480px; height: auto; min-height: 200px; margin: 0; float: left; padding: 28px 10px 10px 10px; overflow: hidden;}

#content .col1 { width: 306px; float: left; margin-right: 10px; height: auto;}
#content .col2 { width: 306px; float: left; margin-right: 10px; height: auto;}
#content .col3 { width: 306px; float: left; margin-right: 0; height: auto;}
#content .packages { width: 624px; float: left; margin-right: 0; height: auto;}

#content .col div.container { background: #fff; border: 1px solid #7f7f7f; padding: 5px; width: 294px; height: auto; margin-bottom: 20px;}

#content .packages div { background: #fff; border: 1px solid #7f7f7f; padding: 5px; width: 612px; height: auto; margin-bottom: 20px; overflow: hidden;}
#content .packages .photo { background: #d8d6d6; width: 294px; height: 294px; overflow: hidden; float: right; margin-bottom: 0; border: none; padding: 0; position: relative;}
#content .packages .photo span { position: absolute; width: 274px; height: auto; padding: 10px; left: 0; bottom: 0; background: url(../images/black.png); color: #fff; font-family: 'Arimo', sans-serif; font-size: 12px;}
#content .packages ul { background: #fff; width: 315px; float: left; border-right: 1px solid #ff9700;}
#content .packages ul li { width: 313px; height: 42px; line-height: 42px; position: relative; }
#content .packages ul li.odd { background: #ebebeb;}
#content .packages ul li.even { background: #fff;}
#content .packages ul li.active { background: url(../images/orange2-tile.png);}
#content .packages ul li.active span { background: url(../images/select.png) no-repeat; width: 24px; height: 42px; position: absolute; right: -3px; top: 0; display: block;}
#content .packages ul li a { color: #333; text-decoration: none; display: block; padding-left: 20px; text-transform: uppercase; font-size:11px;}
#content .packages ul li:hover a { color: #ff9700;}
#content .packages ul li.active a { color: #fff;}

#content .col .photo { background: #d8d6d6; width: 294px; height: 120px; display: block; overflow: hidden; margin-bottom: 10px;}

#content .col ul.list { width: 294px; height: auto;}
#content .col ul.list .photo { float: left; background: #d8d6d6; width: 100px; height: 70px; margin-right: 10px; display: block; overflow: hidden; margin-bottom: 0;}
#content .col #num li { padding-left: 60px; width: 224px;}
#content .col ul.list li { width: 274px; height: auto; min-height: 30px; float: none; margin-bottom: 1px; padding: 10px; position: relative; overflow: hidden; font-size:11px; font-weight:normal;font-family: 'Arimo',sans-serif;}
#content .col ul.list li p { font-size: 11px; color: #333; line-height: 13px;}
#content .col ul.list li p span { font-size: 12px; font-weight: bold;}
#content .col ul.list li a { font-size: 11px; color: #333; line-height: 13px; text-decoration: none; display: block; font-weight: normal;}
#content .col ul.list li a:hover span { color: #ff9700; text-decoration: none;}
#content .col ul.list li a:hover span.num { color: #fff; text-decoration: none;}
#content .col ul.list li a span { font-size: 12px; font-weight: bold;}
#content .col ul.list li.odd { background: #fff;}
#content .col ul.list li.even { background: #ebebeb;}
#content .col ul.list li span.num { color: #fff; font-size: 25px; text-align: center; line-height: 50px; font-family: 'Arimo', sans-serif; width: 50px; height: 50px; display: block; position: absolute; top: 0; left: 0;}
#content .col ul.list li.odd span.num { background: url(../images/orange2-tile.png);}
#content .col ul.list li.even span.num { background: url(../images/gray2-tile.png);}
#content .col ul.list li span.category {font-size:11px; font-weight:bold;}

#content .col div.map { background: url(../images/homemap-en.jpg) no-repeat; border: none; padding: 5px; width: 296px; height: 296px; margin-bottom: 20px; position: relative; cursor:pointer;}
#content .col div.fr { background: url(../images/homemap-fr.jpg) no-repeat; border: none; padding: 5px; width: 296px; height: 296px; margin-bottom: 20px; position: relative;}
#content .col div.map span { background: #ebebeb; border: 1px solid #c4c4c4; width: 256px; height: 10px; display: block; position: absolute; bottom: 13px; left: 14px; font-size: 12px; color: #333; line-height: 13px; font-weight: bold; padding: 10px; font-family: 'Arimo', sans-serif;}
#content .col div.map a, #content .col div.map a:link, #content .col div.map a:active, #content .col div.map a:visited { color: #ff9700;}
#content .col div.map a:hover {color:#feb64d;}


#content #social { width: 612px; height: 56px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ff9700;}
#content #social li { float: left; background: #ebebeb; width: 102px; height: 56px;}
#content #social li:hover { background: #d8d6d6;}
#content #social li.active { background: #ff9700;}
#content #social li a { display: block; width: 102px; height: 56px;}
#content #social li a.fb { background: url(../images/social-icons-ex.png) no-repeat left top;}
#content #social li.active a.fb { background: url(../images/social-icons-ex.png) no-repeat left bottom;}
#content #social li a.tw { background: url(../images/social-icons-ex.png) no-repeat -100px top;}
#content #social li.active a.tw { background: url(../images/social-icons-ex.png) no-repeat -100px bottom;}
#content #social li a.yt { background: url(../images/social-icons-ex.png) no-repeat -204px top;}
#content #social li.active a.yt { background: url(../images/social-icons-ex.png) no-repeat -204px bottom;}
#content #social li a.blog { background: url(../images/social-icons-ex.png) no-repeat -386px top;}
#content #social li.active a.blog { background: url(../images/social-icons-ex.png) no-repeat -386px -59px;}
#content #social li a.ig { background: url(../images/social-icons-ex.png) no-repeat -295px top;}
#content #social li.active a.ig { background: url(../images/social-icons-ex.png) no-repeat -295px -59px;}
#content #social li a.ns { background: url(../images/social-icons-ex.png) no-repeat -480px top;}
#content #social li.active a.ns { background: url(../images/social-icons-ex.png) no-repeat -480px -59px;}

#content .col #twitter_update_list { border: none; width: auto;}
#twitter_update_list li { margin-left: 10px; color: #333; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif; margin-top: 15px; list-style: none;}

#youtube img.icon { margin-right: 5px; margin-top: 5px;}

#ads { width: 120px; float: right; padding-top: 20px;}
#ads p { text-align: center; color: #666; font-size: 14px; height: 28px; line-height: 28px;}

#content div.cultural-image {float:left;}
#content div.cultural-text {padding:10px 0 20px 20px;}
#content div.cultural-text a {font-size:14px;line-height: 150%;}

#content div.social-box { width: 624px; float: left; margin-right: 0; height: auto;}
#content div.social-container { background: #fff; border: 1px solid #7f7f7f; padding: 5px; width: 612px; height: auto; margin-bottom: 20px; overflow: hidden;}
/****FORFAITS STYLES CONTENT****/

#breadcrumbs { margin: 20px 10px 10px 10px; height: 12px; float: left;}
#breadcrumbs li { color: #9a9a9a; font-size: 12px; float: left; margin-right: 5px; font-family: 'Arimo', sans-serif;}
#breadcrumbs li a { font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif;}

.sort { width: 100%; margin-bottom: 20px; height: 24px;}
.sort label { font-weight: bold;}
#content .sort select { height: 24px; padding-top: 3px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px; margin-left: 20px;min-width:160px;}
#content .sort span.check { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content .sort.search { height: auto;}
.sort .pages { float: right;}
.sort .pages li { float: left;}
.sort .pages li a { border-bottom: 1px solid #cbc8c1; border-left: 1px solid #fff; border-right: 1px solid #dfdfdf; background: url(../images/input-bg.png) repeat-x left top; height: 20px; color: #707070; font-size: 12px; display: block; width: 20px; text-decoration: none; text-align: center; line-height: 20px;}
.sort .pages li a:hover { background: url(../images/input-bg.png) repeat-x left bottom; color: #fff; text-shadow: 0 1px 0 #9f2e06;}
.sort .pages li.selected a { background: url(../images/input-bg.png) repeat-x left bottom; color: #fff; text-shadow: 0 1px 0 #9f2e06;}
.sort .pages li.previous a { border-radius: 10px 0 0 10px; padding-left: 5px;}
.sort .pages li.next a { border-radius: 0 10px 10px 0; padding-right: 5px;}
.sort .pages li.first, .sort .pages li.last {display:none;}

#content article { width: 808px; padding: 0; border: 1px solid #ebe5d9; background: #fff url(../images/forfaits-bg.png) repeat-y right top; height: auto; overflow: hidden; position: relative; margin-bottom: 20px;}
#content article.forfaits { width: 808px; padding: 5px 0px; border: 1px solid #ebe5d9; background: #fff url(../images/forfaits-bg.png) repeat-y right top; height: auto; overflow: hidden; position: relative; margin-bottom: 20px;}
#content article.small { width: 538px; background: #fff;}
#content article div.thumbs { width: 160px; height: auto; margin: 10px 20px 10px 10px; float: left;}
#content article span.thumb { background: #999; border: 5px solid #ccc; width: 150px; height: 100px; display: block; margin-bottom: 10px;}
#content article h3 { color: #de8300; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400; text-decoration: none; margin-bottom: 4px;}
#content article h3 a { color: #ff9700; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: bold; text-decoration:underline;}
#content article h4 { color: #333; font-size: 14px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight:bold; text-decoration:none; line-height: 20px;}
#content article.small div.text { width: 328px;}
#content article.small div.text a { display: inline;}
#content article .text ul.photos li { float: left; width: 67px; height: 45px; margin-right: 10px; background: #ccc; list-style: none;}

#content .for-promo .thumb { background: #333; width: 100px; height: 60px; float: left; margin-right: 10px;}
#content .for-promo .cat { font-size: 11px; float: right;}
#content .offer-portlet-all { float: right;}

#content article.forfaits .text { width: 290px;float:left;}
#content article.forfaits .text h3 { margin-right: 20px;}
#content article.forfaits .text p {}

#content article div.text { float: left; margin: 10px 0; width: 286px;}
#content article div.text a { margin: 7px 0; display: block;}
#content article div.text p.cat { color: #666;}
#content article div.text p.prix { color: #ff9700;}
#content article div.text ul { margin-top: 10px;}
#content article div.text ul li { font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif; list-style: disc outside; color: #666; line-height: 16px;}
#content article div.text ul li span { color: #666;}

#content article.single div.place { position: absolute; top: 165px; right: 0; width: 280px; padding: 10px; border-top: 1px solid #fff;}
#content article.single div.place1 { position: absolute; top: 325px; }
#content article.single div.place2 { position: absolute; top: 485px; }
#content article.single div.place .text { float: left; width: 162px; margin: 0; padding: 0;}
#content article.single div.place h3 { font-size: 12px; margin-bottom: 0;}
#content article.single div.place h3 a { font-size: 12px;}
#content article.single div.place p { font-size: 10px;}
#content article.single div.place a { font-size: 10px;}
#content article.single div.place span.thumb { background: #999; border: 5px solid #f3f3f3; width: 88px; height: 58px; display: block; float: left; margin: 0 10px 0 0;}

#content article span.star { background: url(../images/stars.png) no-repeat; width: 120px; height: 16px; float: left; display: block; margin: 5px 0;}
#content article span.sun { background: url(../images/suns.png) no-repeat; width: 120px; height: 16px; float: left; display: block; margin: 5px 0;}
#content article span.class1 { background-position: left -64px;}
#content article span.class2 { background-position: left -48px;}
#content article span.class3 { background-position: left -32px;}
#content article span.class4 { background-position: left -16px;}
#content article span.class5 { background-position: left top;}



#content article div.bande { background: url(../images/forfaits-bt-bg.png) no-repeat; width: 313px; height: 62px; position: absolute; right: 10px; top: 50%; margin-top: -31px;}
#content article div.bande.large { background: url(../images/forfaits-bt-bg-lg.png) no-repeat; width: 313px; height: 82px; position: absolute; right: 10px; top: 50%; margin-top: -41px;}
#content article div.bande a { background: url(../images/forfaits-bt.png) repeat-x; height: 29px; width: auto; padding: 0 10px; line-height: 29px; color: #000; text-decoration: none; position: absolute; top: 50%; right: 10px; margin-top: -15px;}
#content article div.bande a.multiple { line-height: 12px; padding-top: 2px; height: 26px;}
#content article.feature { min-height: 170px;}
#content article.feature div.bande { top: 88px; margin-top: 0;}
#content article.feature div.bande.large { top: 50%; margin-top: -41px;}
#content article div.bande p { color: #000; font-size: 10px; position: absolute; left: 35px; top: 10px;}
#content article div.bande p span { font-size: 16px;}
#content article div.bande p span.price-unit {display:inline-block; font-size: 10px;width:135px;}

#content article div.info { width: 313px; height: auto; position: absolute; right: 10px; top: 10px;}
#content article div.info p { color: #333; font-size: 12px; text-align: right;}
#content article div.info p span { font-size: 22px;}
#content article div.info p.small { font-size: 10px; margin-top: 5px;}

#content article.single div.subitem-title {position:absolute; top:4px; right:10px; font-size:14px;}
#content article.single div.subitem-title a {font-family: 'Arimo', sans-serif; text-decoration: none; font-size:14px; font-weight: normal;}
#content article.single div.bande { top: 83px; margin-top: 0;}
#content article.single div.bande.large { top: 20px; margin-top: 0;}
#content article.single div.text { padding-left: 20px; width: 275px;}
#content article.single h4 { margin-left: -20px;}
#content article.single p.info { position: absolute; top: 110px; right: 10px; font-size: 10px;}
#content article.single div.taxes { position: absolute; top: 110px; right: 10px; font-size: 10px;}
#content article.single div.taxes p { font-size: 10px; text-align: right;}

#content article.single ul.info { top: 82px;}
#content article ul.info { position: absolute; bottom: 10px; right: 0; width: 298px; height: 75px;}
#content article ul.info li { background: #fbfbfb; border: 1px solid #cfcfcf; width: 84px; height: 48px; float: left; margin-left: 10px; color: #7e7e7e; text-align: center; padding-top: 10px; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif;}
#content article ul.info li p { font-size: 20px; color: #333; text-align: center; margin-top: 4px;}
#content article p.info { font-size: 10px; position: absolute; bottom: 5px; right: 10px;}

#content ul.other { margin-left: 20px;}
#content ul.other li { list-style: disc outside; color: #da6710;}
#content ul.other li a { text-decoration: none; text-transform: uppercase;}

#forfaits-tabs { margin-left: 10px;}
#forfaits-tabs li { float: left; margin-right: 10px;}
#forfaits-tabs li a { display: inline-block; width: auto; height: 28px; padding: 0 20px; text-align: center; background: url(../images/tabs-bg.png) repeat-x left top; line-height: 28px; color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none;}
#forfaits-tabs li a:hover { background: url(../images/tabs-bg.png) repeat-x left bottom;}
#forfaits-tabs li.active a { background: url(../images/tabs-bg.png) repeat-x left bottom;}

#content #carte { height: 390px; background: #fff none; padding: 5px; width: 798px;}
#colorbox p { color: #333; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif; line-height:16px;}
#colorbox table td { color: #333; font-size: 12px; font-weight: normal; font-family: 'Arimo', sans-serif; padding: 2px;}
#colorbox table td.title { color: #999; font-weight: bold;}

#colorbox article.pack { width: 480px; padding: 0; border: 1px solid #ebe5d9; background: #fff; height: auto; overflow: hidden; position: relative; margin-bottom: 20px;}
#colorbox article div.thumbs { width: 160px; height: auto; margin: 10px 15px 10px 10px; float: left;}
#colorbox article span.thumb { background: #999; border: 5px solid #ccc; width: 150px; height: 100px; display: block; margin-bottom: 10px;}
#colorbox article div.description {float:right;width:290px;}
#colorbox article.pack div.info { width: 282px; height: auto; left: 10px; position: relative; z-index: 5;}
#colorbox article.pack div.info p { color: #000; font-size: 10px; text-align: left;}
#colorbox article.pack div.info p span { font-size: 18px;}

#colorbox article.pack div.bande { background: url(../images/forfaits-bt-bg.png) no-repeat right center; width: 282px; height: 50px; position:relative; right: 0px; bottom: 20px; top: auto; margin-top: -31px;}
#colorbox article.pack div.bande a { background: url(../images/forfaits-bt.png) repeat-x; height: 29px; width: auto; padding: 0 10px; line-height: 29px; color: #000; text-decoration: none; position: absolute; top: 50%; right: 10px; margin-top: -15px;z-index: 10;}
#colorbox article.pack div.bande a.multiple { line-height: 12px; padding-top: 2px; height: 26px;}

#colorbox article.prices { width: 460px; padding: 10px; border: 1px solid #ebe5d9; background: #fff; height: auto; overflow: hidden; position: relative; margin-bottom: 20px;}
#colorbox article.prices a.go { display: inline-block; color: #fff; background: #ff9700; text-decoration: none; width: 30px; height: 20px; line-height: 20px; text-align: center; margin-left: 10px;}
#colorbox article h3 { color: #de8300; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400; text-decoration: none; margin-bottom: 4px;}
#colorbox article h3 a { color: #de8300; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400; text-decoration: none; margin-bottom: 4px;}
#colorbox article div.text { float: left; margin: 10px 0; width: 286px;}


/****HEBERGEMENT STYLES CONTENT****/
.content.page { width: 940px; height: auto; margin: 0; float: left; padding: 0 10px 10px 10px; overflow: hidden;}

.content .title { float: left; background: #fff; position: relative; height: auto; padding: 10px; text-align: center; width: auto;}

.content.lodging .tier { float: left; width: 250px; height: auto;}
.content.lodging .full { float: right; width: 660px; margin-right: -10px;padding:10px;}
.content.lodging .tier .back { background: #ebebeb; border: 1px solid #ece6da; padding: 10px; height: 167px;}
.content.lodging div.booking-container { background: #fcae04; border: none;}
.content.lodging .reservation .booking { position: absolute; top: 0px; right: 10px; border: none; font-size: 11px; color: #333;}
.content.lodging .reservation .booking span { position: relative; top: -8px;}
.content.lodging .reservation .check { margin-top: 0;}
.content.lodging .reservation .check input { margin: 0; width: 65px;}
.content.lodging .reservation .submit { margin:0 10px 0 0;padding-right:15px; background: url(../images/search-bt-blue.png) no-repeat;}
.b-white { background: #fff;}

.content.lodging .tier h4 { font-size: 14px; font-weight: bold; color: #333; font-family: 'Arimo', sans-serif; text-transform: uppercase;}
.content.lodging .tier h4 span { font-size: 13px; text-transform: none; font-weight: normal;}
.content.lodging .tier span.thumb { display: block; float: left; width: 100px; height: 60px; background: #333; margin-right: 10px;}

.content.lodging span.yet { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
.content.lodging label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
.content.lodging input.radio { margin-right: 10px;}
.content.lodging input.checkbox { margin-right: 10px;}
.content.lodging input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
.content.lodging select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
.content.lodging div.check { background: url(../images/calendar-icon.png) no-repeat 2px 2px; width: auto; height: 22px; border: none; padding: 3px 0 0 5px; margin-top: 3px; margin-bottom: 5px; margin-right: 5px;}
.content.lodging div.float { float: left; background: none; padding: 0; width: auto; border: none;}

.content.lodging input.where { width: 130px; margin-bottom: 5px; margin-right: 8px; margin-left: 0; margin-top: 3px;}
.content.lodging input.or { width: 210px; float: right;}
.content.lodging select.guests { width: 130px; margin-top: 5px;}
.content.lodging select.date { width: 60px;}
.content.lodging select.month { width: 70px;}
.content.lodging .block_addroom a, .content.lodging .block_room_remove a {color:#fff;}
.content.lodging .form { float: left; width: 810px; height: auto;}
.content.lodging .form .back { background: #fff; border: 1px solid #ece6da; padding: 10px; height: 200px;}

.content.lodging .form span.yet { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
.content.lodging .form label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
.content.lodging .form input.radio { margin-right: 10px;}
.content.lodging .form input.checkbox { margin-right: 10px;}
.content.lodging .form input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
.content.lodging .form select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
.content.lodging .form div.check { background: url(../images/calendar-icon.png) no-repeat left top; width: 231px; height: 22px; border: none; padding: 3px 0 0 28px; margin-top: 3px; margin-bottom: 5px;}
.content.lodging .form div.float { float: left; background: none; padding: 0; width: auto; border: none;}

.content.lodging .form input.where { width: 210px; margin-bottom: 5px; margin-right: 8px; margin-left: 5px;}
.content.lodging .form input.property { width: 210px; margin-bottom: 5px; margin-right: 8px; margin-left: 5px;}
.content.lodging .form input.or { width: 210px; float: right; margin-left: 5px;}
.content.lodging .form select.guests { width: 284px;}
.content.lodging .form select.date { width: 80px;}
.content.lodging .form select.month { width: 137px;}

.content.lodging .submit { background: url(../images/search-bt.png) no-repeat; width: 127px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; float: right; margin: 10px 0; cursor: pointer;}

#content.lodging span.star { background: url(../images/stars.png) no-repeat; width: 120px; height: 16px; float: left; display: block; margin: 5px 0;}
#content.lodging span.sun { background: url(../images/suns.png) no-repeat; width: 120px; height: 16px; float: left; display: block; margin: 5px 0;}
#content.lodging span.class1 { background-position: left -64px;}
#content.lodging span.class2 { background-position: left -48px;}
#content.lodging span.class3 { background-position: left -32px;}
#content.lodging span.class4 { background-position: left -16px;}
#content.lodging span.class5 { background-position: left top;}

#content.lodging .tier { float: left; width: 250px; height: auto;}
#content.lodging .tiers2 { float: left; width: 540px; height: auto; margin-right: 20px}
#content.lodging .tier .back { background: #ebebeb; border: 1px solid #ece6da; padding: 10px; height: 167px;}
#content.lodging .tiers2 div.lodging-search { background: #fff; border: 1px solid #ece6da; padding: 10px;}

#content.lodging .tier h4 { font-size: 14px; font-weight: bold; color: #333; font-family: 'Arimo', sans-serif; text-transform: uppercase;}
#content.lodging .tier h4 a {color:#333;text-decoration:none; font-size: 14px; font-weight: bold; }
#content.lodging .tier h4 span { font-size: 13px; text-transform: none; font-weight: normal;}
#content.lodging .tier span.thumb { display: block; float: left; width: 100px; height: 60px; background: #333; margin-right: 10px;}

#content.lodging span.yet { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content.lodging label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content.lodging input.radio { margin-right: 10px;}
#content.lodging input.checkbox { margin-right: 10px;}
#content.lodging input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content.lodging select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content.lodging div.check {background: url(../images/calendar-icon.png) no-repeat left top; width: 259px; height: 22px; border: none; padding: 3px 0 0 0; margin-top: 3px; margin-bottom: 5px;}
#content.lodging div.float { float: left; background: none; padding: 0; width: auto; border: none;}

#content.lodging select.where { width: 210px; margin-bottom: 5px; margin-right: 8px; margin-left: 5px;}
#content.lodging input.or { width: 210px; float: right;}
#content.lodging select.guests { width: 284px;}
#content.lodging select.date { width: 80px;}
#content.lodging select.month { width: 120px;}

#content.lodging .form { float: left; width: 810px; height: auto;}
#content.lodging .form .back { background: #fff; border: 1px solid #ece6da; padding: 10px;}

#content.lodging .form span.yet { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content.lodging .form label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content.lodging .form input.radio { margin-right: 10px;}
#content.lodging .form input.checkbox { margin-right: 10px;}
#content.lodging .form input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content.lodging .form select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content.lodging .form div.check { background: url(../images/calendar-icon.png) no-repeat left top; width: 259px; height: 22px; border: none; padding: 3px 0 0 0; margin-top: 3px; margin-bottom: 5px;}
#content.lodging .form div.float { float: left; background: none; padding: 0; width: auto; border: none;}

#content.lodging .form input.where { width: 210px; margin-bottom: 5px; margin-right: 8px; margin-left: 5px;}
#content.lodging .form input.property { width: 210px; margin-bottom: 5px; margin-right: 8px; margin-left: 5px;}
#content.lodging .form input.or { width: 210px; float: right; margin-left: 5px;}
#content.lodging .form select.guests { width: 284px;}
#content.lodging .form select.date { width: 80px;}
#content.lodging .form select.month { width: 137px;}

#content.lodging ul.lodge li { background: #fff; border: 1px solid #ece6da; padding: 3px; width: 242px; height: auto; float: left; margin: 0 10px; position: relative; margin-bottom: 20px;}
#content.lodging ul.lodge li span.thumb { width: 242px; height: 200px; background: #ebebeb; display: block; overflow: hidden;}
#content.lodging ul.lodge li a.title { display: block; background: url(../images/lodge-title.png) no-repeat 50% 0%; position: absolute; top: 163px; left: 0; width: 249px; height: 43px; line-height: 14px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: center; text-decoration: none; padding-top:13px;}
#content.lodging ul.lodge li p { padding: 10px;}

#content.lodging .spot { float: right; width: 242px; height: auto; margin: 0 14px 20px 14px; position: relative;}
#content.lodging .spot.tier .back { height: 156px;}

#content.lodging .submit { background: url(../images/search-bt.png) no-repeat top right; width: 137px; padding-right:10px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; float: right; margin: 10px 0; cursor: pointer;}

#acco-tabs { position: relative; top: 1px; z-index: 5000;}
#tabs p { float: right;}
#acco-tabs li { float: left; margin-right: 2px;}
#acco-tabs li a { display: inline-block; width: auto; height: 28px; padding: 0 20px 0 30px; text-align: center; background-color: #cb780d; line-height: 28px; color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none;}
#acco-tabs li a.list { background: #cb780d url(../images/list.png) no-repeat 10px center;}
#acco-tabs li a.map { background: #cb780d url(../images/map.png) no-repeat 10px center;}
#acco-tabs li a:hover { background-color: #f59103;}
#acco-tabs li.active a { background-color: #fff; border: 1px solid #ece6da; border-bottom: none; color: #333; text-shadow: none;}

#content #acco-map { height: auto; background: #fff none; z-index: 1; padding: 10px; width: 790px;}
#content #acco-list { height: auto; background: #fff none; z-index: 1; padding: 10px; width: 790px;}

#content #acco-list .sort { width: 790px; padding: 0;}
#content #acco-list .sort select { margin-left: 0;}
#content #acco-list article { padding: 10px; width: 770px; background: none;}
#content #acco-list article .thumb { width: 150px; height: 100px; float: left; background: #ccc;}
#content #acco-list article .text { float: left; margin: 0; padding: 0; width: 620px;}
#content #acco-list article .text div { padding-left: 10px;}
#content #acco-list article .text a { margin-right: 10px; float: left;}
#content #acco-list article .text .star { float: left;}
#content #acco-list article .text ul { margin-top: 5px;}
#content #acco-list article .text ul li { float: left; width: 67px; height: 45px; margin-left: 10px; background: #ccc; list-style: none;}
#content #acco-list article a.prices { color: #fff; text-transform: uppercase; background: url(../images/bt-bg.png) repeat-x; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; font-size: 14px; text-decoration: none; float: right; border-radius: 3px;}
#content #acco-list article a.pack_remove { color: #fff; text-transform: uppercase; background: url(../images/bt-bg.png) repeat-x; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; font-size: 14px; text-decoration: none; float: left; border-radius: 3px;}

#content #actv-list { height: auto; background: #fff none; z-index: 1; padding: 10px; width: 790px;}

#content #actv-list .sort { width: 545px; padding: 0;}
#content #actv-list .sort select { margin-left: 0;}
#content #actv-list article { padding: 10px; width: 545px; background: none;}
#content #actv-list article .thumb { width: 150px; height: 100px; float: left; background: #ccc;}
#content #actv-list article .text { float: left; margin: 0; padding: 0; width: 375px;}
#content #actv-list article .text div { padding-left: 10px;}
#content #actv-list article .text a { margin-right: 10px; float: left;}
#content #actv-list article .text .star { float: left;}
#content #actv-list article .text ul { margin-top: 5px;}
#content #actv-list article .text ul li { float: left; width: 67px; height: 45px; margin-left: 10px; background: #ccc; list-style: none;}

#content #acco-map .sort { width: 790px; padding: 0;}
#content #acco-map .sort select { margin-left: 0;}
#content #acco-map .google { width: 510px; height: 325px; float: right; border: 1px solid #ece6da;}
#content #acco-map article .thumb { width: 150px; height: 100px; float: left; background: #ccc;}
#content #acco-map .text { float: left; margin: 0; padding: 0 0 0 40px; width: 212px; position: relative;}
#content #acco-map .text .pin { display: block; position: absolute; left: 0; top: 0;}
#content #acco-map .text .thumb { display: block; background: #ccc; width: 150px; height: 100px;}
#content #acco-map .text a { margin-right: 10px; float: left;}
#content #acco-map .text .star { float: left;}
#content #acco-map .text ul { margin-top: 5px;}
#content #acco-map .text ul li { float: left; width: 67px; height: 45px; margin-left: 10px; background: #ccc; list-style: none;}
#content #acco-map a.prices { color: #fff; text-transform: uppercase; background: url(../images/bt-bg.png) repeat-x; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; font-size: 14px; text-decoration: none; float: right; border-radius: 3px;}
#content #acco-map a.pack { color: #fff; text-transform: uppercase; background: url(../images/bt-bg.png) repeat-x; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; font-size: 14px; text-decoration: none; float: left; border-radius: 3px;}

/****SENTIER STYLES CONTENT****/

#content .sentier { float: left; width: 518px; height: auto; background: #fff; padding: 10px;}
#content .sentier .slide { width: 518px; border:1px solid #ccc;}
#content .sentier .text { width: 100%;}
#content .sentier .text ul { margin-left: 30px;}
#content .sentier .text ul li { list-style: disc outside;}
#content .sentier .text ul li span { color: #333;}

#content .sentier .text .pic-list { margin-left: 10px;}
#content .sentier .text .pic-list li { list-style: none; float: left; margin-right: 20px; margin-bottom: 20px; width: 230px;}
#content .sentier .text .pic-list li a { font-size: 14px;}
#content .sentier .text .pic-list li .thumb { width: 230px; height: 160px; background: #333; margin-bottom: 10px;}

#content .form-sentier { padding: 10px; width: 788px; background: #fff;}

#content .form-sentier .slide { width: 518px; border:1px solid #ccc;}
#content .form-sentier .text { width: 100%;}
#content .form-sentier .text ul { margin-left: 30px;}
#content .form-sentier .text ul li { list-style: disc outside;}
#content .form-sentier .text ul li span { color: #333;}
#content .form-sentier .text ul li span a {display:inline;}

#content .form-sentier input { width: 300px; margin-bottom: 5px; margin-right: 8px;}
#content .form-sentier input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content .form-sentier textarea { height: 108px; width: 774px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/textarea-bg.png) repeat-x; padding: 4px 6px; border-radius: 3px;}
#content .form-sentier span.red { color: #b20000; font-size: 16px;}
#content .form-sentier .comment {font-family: 'Arimo', sans-serif; font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #EBE5D9; margin-bottom: 10px;}
#content .form-sentier .comment p.small { font-size: 11px; color: #ccc; margin-top: 10px;}
#content .form-sentier .submit { background: url(../images/submit-bt.png) no-repeat; width: 127px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; margin: 10px 0; cursor: pointer; position: relative; left: 50%; margin-left: -70px;}
#content .form-sentier .tab { width: 100%; height: auto;}
#content .form-sentier .tab .thumb { width: 250px; height: 150px; background: #333; margin-right: 20px; float: left;}
#content .form-sentier .tab .text { width: 518px; float: left;}
#content .form-sentier ul.tabs { width: 808px; background: #999; height: 40px; margin-left: -10px; margin-top: -10px; margin-bottom: 20px;}
#content .form-sentier ul.tabs li { background: #bbb; padding: 0 10px; float: left; height: 40px; margin-right: 1px;}
#content .form-sentier ul.tabs li.active { background: #fff;}
#content .form-sentier ul.tabs li a { display: inline-block; height: 40px; line-height: 40px; color: #333; text-decoration: none;}

#content aside.sentier { float: right; width: 250px; background: none; padding: 0 0 20px 0;}
#content aside.sentier .opt a { font-size: 14px; margin-bottom: 5px; display: inline-block;}
#content aside.sentier h3.tile { margin-bottom: 10px; font-size: 16px;}
#content aside.sentier h4 { font-size: 15px;}
#content aside.sentier a.voir { display: block; width: 165px; height: 35px; line-height: 35px; background: url(../images/voir-bt.png) no-repeat; font-size: 13px; color: #fff; text-decoration: none; text-align: left; padding-left: 10px; text-transform: uppercase;}
#content aside.sentier span.thumb { background: #ccc; width: 100px; height: 67px; display: block; float: left; margin-right: 10px;}
#content aside.sentier a.small { font-size: 10px;}
#content aside.sentier p {line-height:18px;}
#content .sentier .text p {line-height:18px;}

#content .sentier.recherche { float: right;}
#content .sentier.recherche .result { border-bottom: 1px solid #EBE5D9; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden;}
#content .sentier.recherche .thumb { float: left; margin-right: 10px; border: none; width: 120px; height: 80px;}
#content .sentier.recherche .text { float: left; width: 348px; margin: 0;}
#content .sentier-wrapper { float: right; width: 540px;}
#content .sentier-wrapper a.voir { display: block; width: 165px; height: 35px; line-height: 35px; background: url(../images/voir-bt.png) no-repeat; font-size: 13px; color: #fff; text-decoration: none; text-align: left; padding-left: 10px; text-transform: uppercase;}
#content .sentier-wrapper a.map-label {background-color: #ae0000; color:#fff;border-radius: 3px;-webkit-border-radius: 3px;text-align: center;text-decoration: none;line-height:18px; margin-right:3px;padding:0 3px;min-width:11px;display:inline-block;}

#content aside.sentier.recherche { float: left;}
#content aside.sentier.recherche div.content { background: #fff; border: 1px solid #EBE5D9; width: 230px; padding: 10px; margin-bottom: 20px;}
#content aside.sentier.recherche div h3 { background: url(../images/recherche-title-bg.png); padding: 5px 10px; width: 230px; font-size: 13px; margin: -10px 0 0 -10px;}
#content aside.sentier.recherche input.checkbox {margin: 3px 10px 3px 3px;}
#content aside.sentier.recherche span.check { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
#content aside.sentier.recherche img.tiptool {cursor:help; padding-left:5px;vertical-align:middle;}
#content aside.sentier.recherche .slider-label span {font-size:14px; font-weight:bold; color:#ff9700;}

#content aside.sentier.recherche select { height: 24px; padding-top: 3px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px; margin-bottom: 10px; width:230px;}
#content aside.sentier.recherche .map { width: 230px; height: 100px; background: #ccc; display: block;}
#content aside.sentier.recherche #region_map area{cursor:pointer;}
#content aside.sentier.recherche .slider { background: url(../images/slider-bg.png) repeat-x scroll 0 0; clear: right; cursor: pointer; float: left; height: 8px; margin-top: 10px; position: relative; width: 230px;}
#content aside.sentier.recherche .progress { background-color: #C5FF00; display: none; height: 9px; opacity: 0.6;}
#content aside.sentier.recherche .handle { display: block; height: 20px; margin-top: 1px; position: absolute; top: -8px; width: 20px; color: #707070; cursor: move; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; border-radius: 3px;}
#content aside.sentier.recherche input.range { display: none; height: 20px; width: 36px; color: #707070; text-align: center; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; border-radius: 3px; margin-left: 10px; margin-top: 2px;}
 
#content aside .slider { width: 230px; height: auto; padding: 10px; background: #ccc;}
#content aside .slider .thumb { width: 230px; height: 155px; background: #333;}
/****METEO STYLES CONTENT****/

#meteo { background: url(../images/orange2-tile.png); width: 100%; height: 183px;  border-top: 2px solid #333;}
#meteo .wraper { width: 960px; height: 145px; margin: 0 auto; position: relative; padding-top:4px; }

#meteo p { font-size: 12px; font-weight: bold; margin-bottom: 12px;}
#meteo p.meteo { font-size: 12px; font-weight: bold; float: left; margin-right: 10px; line-height: 20px;}
#meteo .holder { background: #fff; width: 602px; height: 136px;}
#meteo .holder a { color: #259ebe; font-size: 10px; font-family: Arial; text-align: right; display: inline; line-height: 14px; margin-right: 10px;}

#meteo .holder ul { width: 602px; height: 100px; padding: 0; margin: 0; border-bottom: 1px solid #b9bec2;}
#meteo .holder ul li { background: #ebebeb; float: left; width: 90px; height: 80px; margin: 0; padding: 10px 0;}
#meteo .holder ul li.current { width: 150px;}
#meteo .holder ul li.even { background: #fff;}
#meteo .holder ul li.current span.icon { float: left; display: block; margin-left: 15px;}
#meteo .holder ul li.current p { text-align: center; font-weight: normal; margin: 0 0 12px 0; font-size: 11px;}
#meteo .holder ul li.current p.day { color: #333; font-size: 12px; font-family: Arial; text-transform: uppercase; text-align: center; font-weight: normal;}
#meteo .holder ul li.current p.temp { color: #333; font-size: 20px; font-family: Arial; text-align: center; line-height: 35px; margin-bottom: 10px;}

#meteo .holder ul li span.icon { display: block; text-align: center;}
#meteo .holder ul li p { text-align: center; font-weight: normal; margin: 0 0 2px 0; font-size: 11px;}
#meteo .holder ul li p.day { color: #333; font-size: 12px; font-family: Arial; text-transform: uppercase; text-align: center; font-weight: normal;}
#meteo .holder ul li p.temp { color: #259ebe; font-size: 9px; font-family: Arial; text-align: center; margin-bottom: 2px;margin-top:5px}
#meteo .holder ul li p.temp span { color: #c10a0a;}

#meteo .one { float: left; margin-right: 10px; width: 636px;}
#meteo .two { float: left; width: 306px;padding-top:11px;}

#meteo select { margin-bottom: 10px; background: #fff; border: 1px solid #e8e8e8;}

#meteo ul.find { }
#meteo ul.find li { float: left; margin-right: 10px; width: 32px; height: 32px;}
#meteo ul.find li a { width: 32px; height: 32px; display: block;}
#meteo ul.find li a.fb {
	background: url("images/socialbar2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.tw {
	background: url("images/socialbar2.png") no-repeat scroll -32px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.yt {
	background: url("images/socialbar2.png") no-repeat scroll -64px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.ta {
	background: url("images/socialbar2.png") no-repeat scroll -96px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.ig {
	background: url("images/socialbar2.png") no-repeat scroll -128px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.pi {
	background: url("images/socialbar2.png") no-repeat scroll -160px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.st {
	background: url("images/socialbar2.png") no-repeat scroll -192px top rgba(0, 0, 0, 0);
}
#meteo ul.find li a.fb:hover {
	background: url("images/socialbar2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.tw:hover {
	background: url("images/socialbar2.png") no-repeat scroll -32px bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.yt:hover {
	background: url("images/socialbar2.png") no-repeat scroll -64px bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.ta:hover {
	background: url("images/socialbar2.png") no-repeat scroll -96px bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.ig:hover {
	background: url("images/socialbar2.png") no-repeat scroll -128px bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.pi:hover {
	background: url("images/socialbar2.png") no-repeat scroll -160px bottom rgba(0, 0, 0, 0);
}
#meteo ul.find li a.st:hover {
	background: url("images/socialbar2.png") no-repeat scroll -192px bottom rgba(0, 0, 0, 0);
}


/****FOOTER STYLES CONTENT****/

#footer { background: #333 url(../images/footer-bg.png) no-repeat 50% 0%; width: 100%; height: 220px;}
#footer .wraper { width: 960px; height: 200px; margin: 0 auto; padding-top: 20px;}

#footer ul { padding: 0; margin: 0 10px; float: left; width: 175px; height: 180px; border-right: 1px solid #5a5a5a;}
#footer ul.first { margin-left: 0;}
#footer ul.last { margin-right: 0; border: none;}
#footer ul li { float: none; min-height: 20px; line-height: 20px;}
#footer ul li a { font-size: 12px; font-weight: bold; color: #fff; font-family: Verdana; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline;}

#footer ul li ul { margin-left: 20px; float: none; border: none; height: auto;}
#footer ul li ul li { float: none; min-height: 20px; line-height: 20px;}
#footer ul li ul li a { font-size: 10px; font-weight: normal;}

#partners { width: 100%; height: 150px; background: #fff;}
#partners .wraper { width: 960px; height: 130px; margin: 0 auto; padding-top: 20px;}

#partners h2 { color: #ff9700; font-size: 16px; font-weight: bold; font-family: Verdana; text-transform: none;}

#partners p { font-size: 10px; text-align: center;}

#partners ul li { float: left; margin-right: 40px;}

/****ACCOMMODATIONS STYLES CONTENT****/

#content .col div.acc { padding: 5px 10px; width: 284px;}
#content .col div.acc span.label label { font-size: 13px; color: #333; text-transform: uppercase; font-weight: bold; font-family: 'Arimo', sans-serif;line-height: 18px;}
#content .col div.acc span.label_color label {color: #FF9700;}

#content .col div.acc label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;line-height: 18px;}
#content .col div.acc input.radio { margin-right: 10px;}
#content .col div.acc input.checkbox { margin-right: 10px;}
#content .col div.acc input.text { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
#content .col div.acc select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}

#content .col div.acc .submit { background: url(../images/search-bt.png) no-repeat top right; width: 137px; padding-right:10px;height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; float: right; margin: 10px 0; cursor: pointer;}

/** fixed css override by style.css**/
#content h3 { color: #333; font-size: 18px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400; margin-right: 0; padding-top: 0; padding-bottom: 0px; letter-spacing: normal;}
#content h3.tile { margin-bottom: 20px; height: 20px; overflow: hidden;}
#content h3 a { color: #333; font-size: 20px; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-weight: 400; text-decoration: none;}
#content h3 span { float: left; width: auto; position: relative; display: inline-block; color: #333; padding-right: 10px;}
#content h3 span span { background: url(../images/gray-tile.png); display: block; height: 20px; width: 960px; position: absolute; right: -970px; top: 0;}
#content h3 a:hover { color: #feb64d;}


#TB_window .forgot-password {font-family:Arial, Helvetica, sans-serif;font-weight: normal;}

span.rank1 {display:block;height:17px;text-indent:-9999px;background:url(../img/ui/little_star.png) top left repeat-x;width:17px;margin-left:108px;}
span.rank2 {display:block;height:17px;text-indent:-9999px;background:url(../img/ui/little_star.png) top left repeat-x;width:34px;margin-left:108px;}
span.rank3 {display:block;height:17px;text-indent:-9999px;background:url(../img/ui/little_star.png) top left repeat-x;width:51px;margin-left:108px;}
span.rank4 {display:block;height:17px;text-indent:-9999px;background:url(../img/ui/little_star.png) top left repeat-x;width:68px;margin-left:108px;}
span.rank5 {display:block;height:17px;text-indent:-9999px;background:url(../img/ui/little_star.png) top left repeat-x;width:85px;margin-left:108px;}

span.rank1_bb{display:block;height:17px;text-indent:-9999px;background:url(../img/ui/sun.png) top left repeat-x;width:17px;margin-left:108px;}
span.rank2_bb{display:block;height:17px;text-indent:-9999px;background:url(../img/ui/sun.png) top left repeat-x;width:34px;margin-left:108px;}
span.rank3_bb{display:block;height:17px;text-indent:-9999px;background:url(../img/ui/sun.png) top left repeat-x;width:51px;margin-left:108px;}
span.rank4_bb{display:block;height:17px;text-indent:-9999px;background:url(../img/ui/sun.png) top left repeat-x;width:68px;margin-left:108px;}
span.rank5_bb{display:block;height:17px;text-indent:-9999px;background:url(../img/ui/sun.png) top left repeat-x;width:85px;margin-left:108px;}

/****FORMULAIRE STYLES CONTENT****/

div.formulaire { padding: 5px 10px; width: 425px; float: left;}
div.form-send { padding: 5px 10px; width: 808px; float: left;}
div.thank p, div.thank h2 { text-align: center;}
div.formulaire h2 { color: #333; font-size: 14px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400; margin-bottom: 20px;}
div.formulaire span { font-size: 11px; color: #333; text-transform: none; font-weight: normal; font-family: 'Arimo', sans-serif;}
div.formulaire label.error { font-size: 12px; color: #b20000; text-transform: none; font-weight: normal; font-family: 'Arimo', sans-serif; background: url(../images/warning.png) no-repeat left center; height: 16px; width: auto; padding-left: 20px; margin-top: 5px; display: block; line-height: 16px;}
div.formulaire label { font-size: 12px; color: #333; font-weight: bold; font-family: 'Arimo', sans-serif;}
div.formulaire input.first { float: left;}
div.formulaire input.last { float: right;margin-right: 40px;}
div.formulaire input.full { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px; width: 377px;}
div.formulaire input.radio { margin-right: 10px;}
div.formulaire input.checkbox { margin-right: 10px;}
div.formulaire input.text { height: 20px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px; width: 175px;}
div.formulaire select { height: 21px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px;}
div.formulaire div.check { background: url(../images/calendar-icon.png) no-repeat left top; width: 302px; height: 22px; border: none; padding: 3px 0 0 0px; margin-top: 3px;}
div.formulaire textarea { height: 80px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: #f6f6f6; padding-left: 6px; border-radius: 3px; width: 387px;}

div.formulaire input.where { width: 276px; margin-bottom: 5px;}
div.formulaire input.or { width: 256px; float: right;}
div.formulaire select.guests { width: 284px;}
div.formulaire select.date { width: 100px;}
div.formulaire select.month { width: 153px;}

div.formulaire .submit { background: url(../images/submit-bt.png) no-repeat; width: 127px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; margin: 10px 0; cursor: pointer; position: relative; left: 50%; margin-left: -70px;}


.slider { background: url(../images/slider-bg.png) repeat-x scroll 0 0; clear: right; cursor: pointer; float: left; height: 8px; margin-top: 10px; position: relative; width: 200px;}
.progress { background-color: #C5FF00; display: none; height: 9px; opacity: 0.6;}
.handle { display: block; height: 20px; margin-top: 1px; position: absolute; top: -8px; width: 20px; color: #707070; cursor: move; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; border-radius: 3px;}
.range { height: 20px; width: 36px; color: #707070; text-align: center; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; border-radius: 3px; margin-left: 10px; margin-top: 2px;}

#content #localization {font-family: 'Arimo', sans-serif;width:793px;position:relative;min-height:250px;}
#content #localization .localization-corner {position:absolute;background:transparent top right no-repeat;}
#content #localization #localization-corner-top {width:26px;height:27px;top:0;right:0;background-position:bottom left;}
#content #localization #localization-corner-bottom {width:36px;height:35px;bottom:0;left:0;}
#content #localization #localization-map {
	float:right;
	width:518px;
	height:373px;
	padding:1px 1px 1px 0;
	border:1px solid #dedede;
}
#content #localization #localization-map #google_map_container {
/* demo purpose only */
/* background:url(../img/google_map_big.jpg) top left repeat; */
	height:373px;
	width:518px;
}
#content #localization #localization-info {
	float:left;
	width:270px;
	padding:0;
}
#content #localization #localization-info #localization-info-head {
	padding:5px 0 9px 32px;
	line-height:16px;
	background:url(http://maps.google.com/mapfiles/marker.png) 5px 5px no-repeat;
	border-bottom:1px solid #dedede;
	font-size:11px;
	font-weight:bold;
}
/* class="full-localization"   :  favorites & interactive map */
#content #localization.full-localization #localization-info {border-top:1px solid #c9c9c9;}
#content #localization.full-localization #localization-map,
#content #localization.full-localization #localization-btn,
#content #localization.full-localization #localization-info {border-color:#c9c9c9;}
#content #localization.full-localization .localization-corner {background-image:url(../img/background/localization_corner_dark.png);}

#content #localization #localization-info #localization-info-head a {color:#0078b3; font-size:11px;font-weight: normal;}
#content #localization #localization-info #localization-info-content {height:309px;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;}
#content #localization #localization-info #localization-info-content .block.collapsible-block {
	border-top:0;
	border-right:0;
	padding:0;
	width:271px;
}
#content #localization #localization-info #localization-info-content .block .block-content {width:240px;position:static;}
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-content {padding-bottom:5px;}
#content #localization #localization-info #localization-info-content .block.collapsible-block {border-bottom:1px solid #dedede;}
#content #localization #localization-info #localization-info-content .block.collapsible-block.last {border-bottom:0;}
#content #localization #localization-info #localization-info-content .block.last .block-content{padding-bottom:9px;}
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-title {font-size:11px;}
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-title a {font-size:11px;}
#content #localization #localization-info #localization-info-content .block-content ul {width:240px;padding:10px 0 0 10px;}
#content #localization #localization-info #localization-info-content .block-content ul li {padding:0 0 5px 0;width:240px;margin:0;}
#content #localization #localization-info #localization-info-content .block-content ul li img {width:14px; height:22px; padding: 0 2px 0 0; text-align:top; }

#content #localization #localization-info #localization-info-content .block.collapsible-block .block-content ul {width:240px;padding:0;}
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-content ul li {padding:0 0 5px 0;width:220px;margin:0;line-height: 18px;font-size:11px;}
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-content ul li img {width:14px; height:22px; padding: 0 2px 0 0; text-align:top; float:left; }
#content #localization #localization-info #localization-info-content .block.collapsible-block .block-content ul li .rank {
background:url(../img/ui/green_triangle.png) 0px 0px no-repeat;
color:#fff;
float:left;
display:block;
width:20px;
text-align:center;
font-weight:bold;
line-height:18px;padding-bottom:7px;
}
#content #localization #localization-info #localization-info-content .block.collapsible-block ul li a {
width:160px;
line-height:14px;
padding-top:0px;
font-size:11px;
font-weight: normal;
}
#content #localization #localization-info #localization-info-content .block.collapsible-block ul li .distance {
float:right;
color:#7a7a7a;
font-size:11px;
}

/* googlemap-full-panel-button */
#content #localization #localization-btn {
	display:block;
	text-indent:-9999px;
	height:15px;
	width:23px;
	background:url(../img/ui/localization_btn.png) -1px -1px no-repeat;
	border:1px solid #dedede;
	position:absolute;
	top:0;
	left:251px;
	cursor:pointer;
}

/* styles when googlemap-full-panel-button is fired */
#content #localization.full-map  #localization-info {display:none;}
#content #localization.full-map  #localization-map,
#content #localization.full-map  #localization-map #google_map_container { width:790px;}
#content #localization.full-map  #localization-btn {left:0;background-position:-26px -1px;}

#localization-info .directions
{
	font-weight: normal;
}

#localization-info .directions .form
{
	display: none;
}

#content #localization #localization-info #localization-info-head .directions a.active
{
	color: black;
	text-decoration: none;
	font-weight: bold;
}


#content .collapsible-block {}
#content .collapsible-block .block-title {
	color:#4a4a4a;
	line-height:26px;
	height:26px;
	padding-left:0;
	background:none;
}	


#content .collapsible-block .block-title a {color:#4a4a4a;	padding-left:15px;
	background:url(../img/block/collapsible_block_arrow.png) 2px -20px no-repeat;
	font-weight: bold;
}

#content .collapsible-block.collapsed .block-content {display:none;}
#content .collapsible-block.collapsed .block-title a {background-position:3px 2px}
#content .collapsible-block .block-content {padding:0 0 9px 13px;}


#content .collapsible-block2 {}
#content .collapsible-block2 .block-title {
	color:#4a4a4a;
	line-height:20px;
	height:auto;
	padding-left:3px;
	background:none;
	font-weight:normal;
}

#content .collapsible-block2 .block-title a {color:#4a4a4a;	padding-left:15px;
	background:url(../img/block/collapsible_block_arrow.png) 2px -20px no-repeat;
	font-weight: normal;
}
#content .collapsible-block2.collapsed .block-content {display:none;}
#content .collapsible-block2.collapsed .block-title a {background-position:3px 2px}
#content .collapsible-block2 .block-content {padding:0 0 9px 13px;}

.loading {
    background-color: #eee;
    background-image: url('../img/loading.gif');
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
}
.loading * {
    opacity: .8;
}

#content .map-place {font-size:11px;font-weight: normal;color:#333;}
#content .map-place h3 {font-size:12px;font-weight: bold;color:#333;}
#content .map-place h3 a {font-size:12px;font-weight: bold; text-transform:none;color:#FF9700;}
#content .map-place .tools {
	margin-top: 5px;
    padding: 5px 0 0 0;
}
#content .map-place .tool {
	display:block;
    background-image: url('../img/ui/tools5.png');
    background-position: 0 0;
    width: 80px;
	height:17px;
	padding: 3px 0 0 7px;
}
#content .map-place .map-price {
	position:absolute;
	left:150px;
	top:30px;
}

#content .map-place .map-price .map-booking-price {
	padding:8px 0;
}

#content .map-place .map-price .map-booking-price a {
	font-size:16px;
}


#content .map-directions {font-size:11px;}
#content .map-directions a {
    color: black;
	font-weight:normal;
    text-decoration: none;
}
#content .map-directions a.active {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
#content .map-directions .form {
    margin: 10px 0;
}
#content .map-directions .form .hint {
    color: #999999;
    display: inline;
    margin: 0;
    padding: 0;
}

#content .map-directions .form.from-here {
    display: none;
}
span.icon_calendar {
	display:inline-block;
	background:transparent;
	width:22px;
	height:22px;
	cursor:pointer;
}

div.errorMessage { font-size: 12px; color: #b20000; text-transform: none; font-weight: normal; font-family: 'Arimo', sans-serif; background: url(../images/warning.png) no-repeat left center; min-height: 16px; width: auto; padding-left: 20px; margin-top: 5px; display: block; line-height: 16px;}

.forfaits span.mandatoryChar {color:#F26800;font-size:12px;}

div.date-search span
{
	color: #333333;
	font-family: 'Arimo',sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}

div.block_more_rooms {
	display:none;
}
div.block_more_rooms fieldset.room_title {
	height:23px;
	padding:5px 0 0 0;
}
div.block_more_rooms fieldset.room_title .block_childrenAge {
	display:none;
}
div.block_more_rooms fieldset.room_row {
	height:30px;
	line-height: 22px;
}
div.block_more_rooms fieldset.room_row select {width:40px;height:22px;}
div.block_more_rooms span.block_legend {
	display:inline-block;
	width:70px;
}
div.block_more_rooms span.block_adults {
	display:inline-block;
	width:50px;
}
div.block_more_rooms span.block_children {
	display:inline-block;
	width:50px;
}
div.block_more_rooms span.block_childrenAge {
	display:inline-block;
	padding:0 0 0 10px;
	width:150px;
}
div.block_more_rooms span.block_childrenAge input {
	display:none;
	height: 20px; 
	color: #707070; 
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
	border: 1px solid #d8d6d6; 
	background: url(../images/input-bg.png) repeat-x;
	border-radius: 3px;
	width: 24px;
	text-align: center;
}
div.block_more_rooms input {
	width:24px;
}
div.block_addroom img {
	vertical-align:middle;
}
div.formulaire div.row {
	padding: 0 0 10px 0;
}

#superbox-wrapper,
#superbox-container,
#superbox,
#superbox-innerbox {background:transparent;}

#superbox {background:#fff;padding:13px 0 0 0;}
#superbox-innerbox {background:#fff}

#superbox .close {text-align:right;}
#superbox .close a {margin-right:27px;padding-right:12px;cursor:pointer;color:#797979;line-height:14px;
background:url(../img/ui/close.png) right 5px no-repeat;}
#superbox .close a strong span{font-weight:normal;font-size:0.9em;}
#superbox.sharebox .close a {margin-right:15px;}

/* page "partager" (share)  */

#superbox #slideshow-content {margin:0 0 5px 13px;text-align:center;}
/*#superbox #slideshow-content img {width:600px;height:397px;}*/
#superbox #slideshow-content img {max-width:800px;max-height:535px;}
#superbox #slideshow-content .slideshow-info {margin:12px 0;}
#superbox #slideshow-content #slideshow-vote {display:none !important;}


/* superbox sur la page carte interactive */
#superbox #content a {text-decoration: none;}
#superbox #content.superboxcontent {padding-top:0;margin-top:-26px;font-family: 'Arimo', sans-serif; line-height:16px; }
#superbox #content.superboxcontent h1 {background:transparent;}
#superbox #content.superboxcontent #superbox-innerbox  {padding-bottom:0;}
#superbox #content.superboxcontent #content-main {padding:13px 23px 0 21px;}
#superbox #content #left {float:left; width:320px;padding:0 10px;margin-right:35px;font-size:11px;}
#superbox #content #right {width:250px;float:left;font-size:11px;}

#superbox #content #left .photo {width:330px;margin-top:22px;text-align:center;}
#superbox #content #left .photo .nav {margin:5px 0 5px 130px;height:16px;}
#superbox #content #left .photo .nav a{display:block;height:16px;line-height:14px;background-position:0 -3px;}
#superbox #content #left .photo .nav a.nav-next{background-position:0 -23px;}
#superbox #content #left .photo .nav span{display:block;height:16px;line-height:14px;}
#superbox #content #left .text p {margin-top:9px;padding:0 9px;}
#superbox #content #right .block.orange-block {margin-bottom: 21px;}
#superbox #content #right .block.orange-block p {font-size:11px;}
#superbox #content #right .block.orange-block .block-title,
#superbox #content #right .block.orange-block .block-content {background:none;}

#superbox #content #right .block.orange-block {background:url(../img/block/superbox_orange_block.png) 0 0 repeat-x;margin-top:0;width:244px;}
#superbox #content #right .block.orange-block .block-title {padding-left:8px; font-size:14px;}
#superbox #content #right .block.orange-block .block-content {padding-left:18px;}
#superbox #content #right .block.orange-block .block-content .rate {margin-top:0;}

#superbox #content #left, #superbox #content #right {position:relative;height:340px;}
#superbox #content #left .text {padding:10px 0;}
#superbox #content .tools {position:absolute;right:10px;bottom:0px;}
#superbox #content .tools .tool {float:right;margin:5px 0 0 0;}
#superbox .nav { float: right; }
#superbox .nav span { float:left; padding: 1px 10px 0 10px;}
#superbox .nav a { float:left;}
#superbox .nav a.nav-next { 
	background: transparent url("../img/ui/nav.png") no-repeat scroll left top;
	background-position: 0 -23px;
    display: block;
    height: 16px;
    line-height: 14px;
}
#superbox .nav a.nav-prev { 
	background: transparent url("../img/ui/nav.png") no-repeat scroll left top;
	background-position: 0 -3px;
    display: block;
    height: 16px;
    line-height: 14px;
}

/* offer-all */
.offer-all-filter {margin:0 0 20px 0;font-family: 'Arimo', sans-serif}
.offer-all-filter legend {font-size:13px; color:#FF9700;font-weight: bold; padding:10px 0 5px 10px;}
.offer-all-filter legend label {color:#ff9700; font-weight: bold;}
.offer-all-filter .category-block p {padding:5px 0 0 20px;}
.offer-all-filter .category-block span {padding:0 0 5px 0; display:block;}
.offer-all-filter .destination-block select {
    background: url("../images/input-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D8D6D6;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    font-family: 'Arimo',sans-serif;
    font-size: 12px;
    height: 24px;
    margin-left: 20px;
    padding-left: 6px;
    padding-top: 3px;
	width:258px;
}
.offer-all-filter .keywords-block input.text {
	background: url("../images/input-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D8D6D6;
    border-radius: 3px 3px 3px 3px;
    color: #707070;
    font-family: 'Arimo',sans-serif;
    font-size: 12px;
    height: 20px;
    padding-left: 6px;
	margin-left:20px;
    width: 250px;
}
.offer-all-filter .filter-block .block-title {
	width:808px;
	height:26px;
	border: 1px solid #EBE5D9;
	background:url(../images/collapsible_block_title.png) right 0 no-repeat;
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
}
.offer-all-filter .filter-block .block-title>div {
	padding:7px 0 0 10px;
	font-weight: bold;
}
.offer-all-filter .collapsed .block-title {background-position:right -26px;}

.offer-all-filter .filter-block .block-title span{
	padding:3px 0 0 10px;
	font-weight: normal;
	display:none;
}

.offer-all-filter .filter-block .block-content {
	width:808px;
	border: 1px solid #EBE5D9;
}

.offer-all-filter .collapsed .block-content {
	display:none;
}

.offer-all-filter .filter-block .block-content .category-block {
	float:left;
	width:450px;
}

.offer-all-filter .filter-block .block-content .keywords-block, .offer-all-filter .filter-block .block-content .destination-block {width:350px;}

.offer-tab-info {
	text-align: right;
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
	color:#333333;
	padding:6px 10px 0 0;
	display:none;
}

#content article.tab-container {
	border:0;
	border-top: 1px solid #EBE5D9;
	background: transparent;
	padding-top:20px;
}
#content article.tab-container div.text {
	padding-left: 0;
}

div.tier div.text {height:154px;}

ul.slide-buttons li {
	display: inline-block;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
}
ul.slide-buttons li.active {
	background:url(../images/slide-bg.png) 0 0 no-repeat;
}

ul.slide-buttons li a {color:#333;font-weight: normal;text-decoration: none;}
ul.slide-buttons li.active a {color:#fff;}

.tools .tool {
	display:block;
	background:url(../img/ui/tool.png) top left no-repeat;
	height:20px;
	line-height:16px;
	color:#646464;
	padding-left:22px;
	margin-left:9px;
	cursor:pointer;
}

.tools #tool-book, .tools #tool-contact, .tools #tool-detail, .tools #tool-detail2, .tools #tool-detail3, .tools #tool-detail4, .tools #tool-detail5, .tools .tool-detail,.tools .tool-detail2,.tools .tool-detail3,.tools .tool-detail4,.tools .tool-detail5, .tools #tool-share {color:#ffffff;font-weight:bold;line-height:17px;margin-left:0;padding-left:0;text-align:center;}
.tools #tool-book {width:128px;background-position:0 0px;}
.tools #tool-book.hover {background-position:0 -20px;text-decoration:none;}
#content #share-slideshow {
	margin:5px 0 0 0;
}
#content #share-slideshow .slideshow-btn {
	float:left;
	display:block;
	width:20px;
	height:30px;
	margin:130px 0 0 0;
	background:url(../img/ui/gray_prev_next_btn.png) top left no-repeat;
	text-indent:-9999px;
}
#content #share-slideshow #slideshow-prev.slideshow-btn {background-position:0 0;}
#content #share-slideshow #slideshow-next.slideshow-btn {background-position:-20px 0;}
#content #share-slideshow #slideshow-prev:hover.slideshow-btn {background-position:0 -30px;}
#content #share-slideshow #slideshow-next:hover.slideshow-btn {background-position:-20px -30px;}

#content #share-slideshow #slideshow-content {text-align:center;float:left;width:478px;margin-bottom:5px;}
#content #share-slideshow #slideshow-content #media_content {display:block;min-height:290px;}
#content #share-slideshow #slideshow-content img {max-width:478px;max-height:316px;}
#content #share-slideshow #slideshow-content .slideshow-info,
#content #share-slideshow #slideshow-content .slideshow-comment {text-align:left;padding-left:13px;width:280px;margin:0 auto 0 0;}
#content #share-slideshow #slideshow-content .slideshow-info {margin-top:5px;margin-bottom:5px;}
#content #share-slideshow #slideshow-content .slideshow-info .titre {margin-bottom:5px;}

#content #share-galery .nav a {
	display:block;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	background:url(../img/ui/nav.png) top left no-repeat;
}
#content #share-galery .nav a:link, #content #share-galery .nav a:visited {color:#0064ca;}
#content #share-galery .nav a:link.current, #content #share-galery .nav a:visited.current {color:#4a4a4a;}
#content #share-galery .nav a.nav-prev {background-position:3px -5px;}
#content #share-galery .nav a.nav-next {background-position:0 -25px;}
#content #share-galery .nav a.nav-end {background-position:0 -45px;width:12px;}
#content #share-galery .nav a.nav-start {background-position:0 -65px;width:12px;}

#content #share-galery .nav span {float:left;padding:0 9px;}

#content #share-galery .nav a.page-link {background:none;text-indent:0;width:13px;}
#content #share-galery .nav span.current {padding:0 3px;}
#content #share-galery .nav span.separator {padding:0 3px;}

#content #share-galery .showcase-list li a{border:2px solid transparent;display:block;line-height:0px;}
#content #share-galery .showcase-list li.selected a {border-color:#f26800;}
#content #share-galery .showcase-list li {float:left; margin-right:3px;}
#content #share-galery { position:relative; height:100px; background:none; padding:0 0 5px 30px; }
#content #share-galery .block-title { background:none; height:1px; font-size:0px; line-height:0; }
#content #share-galery .nav { position:absolute; bottom:3px; right:20px; float:none; font-size:11px; line-height:11px; font-family: 'Arimo', sans-serif;}

#hiking_map {width:518px; height:400px; border:1px solid #ccc;}
#hikingList_map {width:540px; height:400px;}
#content .map-info {font-family: 'Arimo', sans-serif; }
#content .map-info .thumb {float:left;margin:5px 5px 0 0;}
#content .map-info .text {padding:0 0 0 10px; line-height: 18px;}
#content .map-info h3,#content .map-info h3 a {font-size:14px;}
#content .map-info h3 a {color:#FF9700;}
#content .map-info h4 {font-size:13px;}

#content #hiking_map .map-info .thumb {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
	width:120px;
	height:80px;
}
#content #hiking_map .map-directions a {
	display:inline;
	margin:0;
}


#content .slider-left-block {background: url(../images/arrow2.png) no-repeat 0 0;}
#content .slider-right-block {background: url(../images/arrow2.png) no-repeat 0 -14px;}	

#content .offer-type-options {font-size:12px;font-weight:bold;font-family: 'Arimo', sans-serif;color:#333;}

#content #photoshow {
    background: none repeat scroll 0 0 #CCCCCC;
    height: auto;
    padding: 10px;
    width: 230px;
}


#content #photoshow p{
	line-height: 18px;
}


#content #photoshow .photoshow-btn {
	display:block;
	width:20px;
	height:30px;
	margin:50px 7px 0 7px;
	float:left;
	text-indent:-9999px;
	background:url(../img/ui/gray_prev_next_btn.png) 0 0 no-repeat;
}
#content #photoshow #photoshow-prev.photoshow-btn {background-position:0 0;}
#content #photoshow #photoshow-next.photoshow-btn {background-position:-20px 0;}
#content #photoshow #photoshow-prev.photoshow-btn:hover {background-position:0 -30px;}
#content #photoshow #photoshow-next.photoshow-btn:hover {background-position:-20px -30px;}
#content #photoshow #photoshow-content {
	float:left; 
	height:122px;
	width:162px;
	background:#fff;
}
#content #photoshow #photoshow-content img{
	margin:1px;
}
#content #photoshow #photoshow-text p{
	color:#4c4c4c;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
#content #photoshow-readmore .readmore {
	margin:10px 0 0 0;
	float:right;
}

/* html content fixed in 2012 */
#content #content-html a {
	display:inline;
}

#content #content-html td {
	font-size:12px;
	line-height:18px;
	color:#333;
	font-family: 'Arimo', sans-serif;
	vertical-align:middle;
}

/* rating options */
span.rating_rank {
	background-image: url('../img/ui/sun_star.png');
	display:inline-block;
	height:17px;
}
span.rating_rank1 {
	width:17px;
}
span.rating_rank2 {
	width:34px;
}
span.rating_rank3 {
	width:51px;
}
span.rating_rank4 {
	width:68px;
}
span.rating_rank5 {
	width:85px;
}
/* used by lodging article */
#lodging-article {
    float:left;
	width:270px;
}
#lodging-article h2 a, #lodging-article h2 a:link, #lodging-article h2 a:active, #lodging-article h2 a:visited {
	font-size:14px;
	text-transform:none;
}

.lodging-sub-article {
	float:right;
	width:224px;
}

.lodging-sub-article img {
	float:left;
	margin-right:5px;
}

.lodging-sub-article h2 a, .lodging-sub-article h2 a:link, .lodging-sub-article h2 a:active, .lodging-sub-article h2 a:visited {
	font-size:14px;
	text-transform:none;
}

a.lodging-title {font-size:14px;}
.lodging-price {float:right;margin:0 10px 0 0;font-size:14px;font-family: 'Arimo', sans-serif;color:#333; font-weight: bold;}

.lodging-image {cursor:pointer;}
#lodging-image-panel {
	position:absolute;
	display:none;
	background-color: #999;
	z-index:100;
	padding:5px;
}
#lodging-image-panel .image-container {
	background-color:transparent;
	border:1px solid #fff;
}
.lodging-subtype {
	vertical-align:bottom;
}
.lodging-list-city {float:left;font-size:12px;font-family: 'Arimo', sans-serif;color:#333; font-weight: bold; margin:7px 10px 7px 0;}
.lodging a.voir { display: block; width: 165px; height: 35px; line-height: 35px; background: url(../images/voir-bt.png) no-repeat; font-size: 13px; color: #fff; text-decoration: none; text-align: left; padding-left: 10px; text-transform: uppercase;}
.lodging a.map-label {background-color: #ae0000; color:#fff;border-radius: 3px;-webkit-border-radius: 3px;text-align: center;text-decoration: none;line-height:18px; margin-right:3px;padding:0 3px;min-width:11px;display:inline-block;}
#establishmentList_map {width:810px; height:400px;margin:10px 0;border: 1px solid #ebe5d9;}
#activityList_map {width:585px; height:400px;margin:10px 0;border: 1px solid #ebe5d9;}
.search-submit { cursor: pointer; position: absolute; top: 0; right: 75px; background: #ff9700 url(../images/loupe.png) no-repeat 50% 50%; border-radius: 0 4px 4px 0; height: 22px; width: 26px; border: 1px solid #CCC; color: #333;font-size: 13px;font-family: 'Arimo', sans-serif;padding: 1px 0;}

.activity-search-submit{ cursor: pointer; position: absolute; top: 0; right: 3px; background: #ff9700 url(../images/loupe.png) no-repeat 50% 50%; border-radius: 0 4px 4px 0; height: 22px; width: 26px; border: 1px solid #CCC; color: #333;font-size: 13px;font-family: 'Arimo', sans-serif;padding: 1px 0;}
a.search-reset {
	font-family: 'Arimo', sans-serif;
	color:#ff9700;
	width:70px;
	display: inline-block;
	margin-left: 5px;
}
a.video-play {
	display:block;
	width:115px;
	height:116px;
	position: absolute;
	top: 38%;
	left: 50%;
	margin: 0 0 0 -53px;
	background: url(../images/play.png) no-repeat 0 0;
}
a.video-play:hover {
	background-position: 0 -126px;
}
.info-bubble-tab {border-radius: 10px 10px 0 0;font-family: Arial,sans-serif;font-size: 13px;}
div.booking-price {padding:10px;}
table.booking-price td{font-family:'Arimo', sans-serif;font-size:12px; }
table.booking-price td.booking-title{font-weight: bold;background-color:#f0f0f0;border-bottom:1px solid #333;padding:12px 10px 5px 10px;}
table.booking-price td.booking-name{padding:12px 10px 10px 10px; border-bottom:1px solid #ccc;}
table.booking-price td.booking-condition{padding:12px 10px 10px 10px; border-bottom:1px solid #ccc;}
table.booking-price td.booking-condition span {display:inline-block;color:#390;}
table.booking-price td.booking-number{padding:12px 10px 10px 10px; border-bottom:1px solid #ccc;color:#900;}
table.booking-price td.booking-off{padding:12px 10px 10px 10px; border-bottom:1px solid #ccc;color:#390;}
table.booking-price td.booking-rate{padding:12px 10px 10px 10px; border-bottom:1px solid #ccc;font-size:14px;font-weight: bold;}
table.booking-price td.booking-button{padding:5px 10px 0px 10px;border-bottom:1px solid #ccc;}
div.booking-logo {font-family:'Arimo', sans-serif;font-size:11px;padding:0 0 5px;color:#999;}
div.booking-logo img {vertical-align:middle;}

#div_lodging_booking div.check {background: url(../images/calendar-icon.png) no-repeat left top; width: 259px; height: 22px; border: none; padding: 3px 0 0 0; margin-top: 3px; margin-bottom: 5px;}

#div_lodging_booking div.date-search span {
	font-size: 11px;
}

#div_lodging_booking div.block_more_rooms span.block_childrenAge input {
	width: 18px;
	font-size: 11px;
}

#div_lodging_booking div.block_more_rooms span.block_childrenAge {
	width:100px;
}

#div_lodging_booking div.block_more_rooms span.block_legend {
	width:60px;
}
#div_lodging_booking div.block_more_rooms span.block_adults {
	width:40px;
}
#div_lodging_booking div.block_more_rooms span.block_children {
	width:40px;
}

div.crossed {
	color:#999;
	font-weight: normal;
	font-size:12px;
	text-decoration:line-through;
}

div.booking-nomatch {font-family: 'Arimo', sans-serif;font-size: 12px;font-weight: bold;}

#content .hiking-container {border:1px solid #EBE5D9;padding:8px;background-color: #fff;}

#content .hiking-zone select { height: 24px; padding-top: 3px; color: #707070; font-family: 'Arimo', sans-serif; font-size: 12px; border: 1px solid #d8d6d6; background: url(../images/input-bg.png) repeat-x; padding-left: 6px; border-radius: 3px; margin:5px 0;width:230px;}

#content a.hiking-search { display: block; width: 173px; height: 60px; line-height: 60px; background: url(../images/hiking_search.png) no-repeat; font-size: 13px; color: #fff; text-decoration: none; text-align: left; padding: 0 0 0 30px; text-transform: uppercase; margin:3px 0 0 30px;}

#content .activity-search {background: #fff; border: 1px solid #ece6da; padding: 10px; margin-bottom:10px;}
#content .activity-search-option {float:left;padding:5px 0;}
#content .activity-search-text {float:left; color:#333;padding:10px 10px 0;font-family: 'Arimo', sans-serif;}
#content .activity-search-image {float:left; color:#fff;padding:10px 0 0;}
#content .activity-search-button {cursor: pointer;height: 35px; width:75px; color: #fff; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border-width: 0; background: url(../images/search-go.png) no-repeat; padding:3px 18px 3px 4px; border-radius: 3px;text-transform: uppercase;}

.tag { background: url(../images/tag-bg.png) repeat-x left bottom; width: auto; height: 37px; line-height: 37px; padding: 0 10px; display: inline-block; color: #333; text-decoration: none; font-size: 14px; position: relative; margin: 0 10px 10px 17px; float: left;}
.tag span.first { background: url(../images/tag-pointe-bg.png) no-repeat left bottom; width: 17px; height: 37px; display: block; position: absolute; left: -17px; top: 0; color: #333; font-size: 14px; text-align: right;}
.tag span.last { background: url(../images/tag-pointe-bg.png) no-repeat right bottom; width: 3px; height: 37px; display: block; position: absolute; right: -3px; top: 0;}

.tag:hover {  background: url(../images/tag-bg.png) repeat-x left top; color: #fff;}
.tag:hover span.first { background: url(../images/tag-pointe-bg.png) no-repeat left top; color: #fff}
.tag:hover span.last { background: url(../images/tag-pointe-bg.png) no-repeat right top;}

a.article-title {font-size:14px;display: block;margin:7px 0;}
#content.lodging ul.lodge li.article {border-width: 0;}
#content.lodging ul.lodge li p.article-teaser {padding:0;}
header.activity h1 span { background: #fcf1db; }

h3.expand {background: url(../images/accordion.png) no-repeat 0 -3px;padding-left:24px; cursor: pointer;}
h3.collapse {background: url(../images/accordion.png) no-repeat 0 -27px;padding-left:24px;cursor: pointer;}
.activity-attribute li {
	padding: 3px 20px 3px 3px;
	width: 220px;
	height: auto;
	float: left;
}
.sub-activity-attribute li {
	padding: 3px 20px 3px 3px;
	width: 220px;
	height: auto;
	float: left;
}

#content .establishment-view {
	border:1px solid #ebe5d9;
	background:transparent;
	width: 788px;
	padding: 10px;
}

#content .establishment-view .thumb {
	width: 150px;
	height: 100px;
	float: left;
	background: #ccc;
	margin-right:20px;
}

#content .establishment-view .establishment-text {
	float: left;
	margin: 0;
	padding: 0;
	width:610px;
	float: left;
	font-family: 'Arimo', sans-serif;

}
#content .establishment-view .establishment-text .category {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	display:block;
	padding:8px 0 3px;
}


#content .establishment-view .establishment-text p {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Arimo', sans-serif;
	line-height:18px;
}
.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index:100;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
}

.acResults ul li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url('../images/indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}

a.show-map-button { display: block; width: 165px; height: 35px; line-height: 35px; background: url(../images/map-icon.png) no-repeat; font-size: 13px; text-align: left; padding-left: 40px;}

a.tag-label {display: inline;padding: .4em .6em; line-height: 1; color: #333; text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em; background-color: #dedede; text-decoration:none;}
a.tag-label:hover{background-color:#b3b3b3;}

#content ul.article-list li { background: #fff; border:0; padding: 3px; width: 242px; height: auto; float: left; margin: 0 10px;margin-bottom: 20px;}
#content ul.article-list li span.thumb { width: 242px; height: 200px; background: #333; display: block; overflow: hidden;}
#content ul.article-list li a{ font-size: 14px;}

a.btn_restaurant_all { display:inline-block; background: url(../images/all_restaurant.png) no-repeat top right; width: 283px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; padding:10px 0 0 0;margin: 10px 0;text-decoration:none;}

.list-sort {font-family: 'Arimo', sans-serif; font-size: 12px; font-weight: bold; padding-right: 5px; }

span.related-tag-label {float: left;font-family: 'Arimo', sans-serif; font-size: 12px; font-weight: bold; padding:8px 5px 0 0;}

#content .col div.acc {
	padding: 5px 10px;
	width: 284px;
	border: solid 3px #ff9700 !important;
}

#tab_hebergement {
	margin-left: -13px;
	margin-top: -8px;
	width: 149px;
	height: 40px;
	position: absolute;
	cursor: pointer;
}

#tab_reservation {
	margin-left: 143px;
	margin-top: -8px;
	width: 152px;
	height: 40px;
	position: absolute;
	cursor: pointer;
}

#tab_hebergement div {
	font-family: 'Arimo', sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-left: 10px;
}

#tab_hebergement div span {
	font-size: 10px;
	color: #6e6e6e;
	display: block;
}

#tab_reservation div {
	font-family: 'Arimo', sans-serif;
	line-height: 16px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-left: 10px;
}

#tab_reservation div span {
	font-size: 10px;
	color: #6e6e6e;
	display: block;
}

#tab_bg {
	height: 46px;
	width: 310px;
	margin-left: -13px;
	margin-top: -8px;
}

#tab_bg.active_heb {background-image:url(../images/tab1.png);}
#tab_bg.active_res {background-image:url(../images/tab2.png);}

#content.lodging .btn-booking { color: #fff; text-transform: uppercase; background: url(../images/bt-bg.png) repeat-x; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; font-size: 14px; text-decoration: none; float: left; border-radius: 3px;}

#content.lodging #booking_search .submit { background: url(../images/bt-bg.png) repeat-x; width: 307px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; float: left; margin: 10px 0; cursor: pointer;}
#content.lodging #booking_result .prices {
    background: url(../images/bt-bg.png) repeat-x; width: 157px; height: 35px; color: #fff; text-transform: uppercase; font-family: 'Arimo', sans-serif; font-size: 14px; font-weight: bold; border: none; margin: 10px 0; cursor: pointer;
}

#content.lodging #booking_search span.clear {line-height: 0px;}

#booking_result div.message-no {padding:7px 10px; font-family: 'Arimo', sans-serif; font-size: 14px;border:1px solid #ccc;
    background-color: #f0f0f0;}

#booking_result div.message {padding:5px; font-family: 'Arimo', sans-serif; font-size: 14px;}

.sentier p.info {padding-top:5px; padding-bottom: 5px;}
.sentier p.link {padding-bottom: 8px;}

table.booking-price tr.hidden, table.booking-price tr.hidden td {display:none;}

#container div.intro-message,#container div.intro-message a  {
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.lodging-classification {color:#ff9700;padding-top:6px;}

.lodging-classification .iconec {width:25px;line-height:18px;background: url(../images/ec.png) no-repeat top left; cursor: help;  }

.popup-container {
    display: inline-block;
    position: relative;
    font-family: "Arimo", sans-serif;
}
/* line 2103, ../sass/partials/_modules.sass */
.popup-container .popup-content {
    position: absolute;
    font-family: "Arimo", sans-serif;
    left: 100%;
    top: -6px;
    width: 120px;
    background: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    color:#333;
    font-size:12px;
    opacity: 0;
}

.popup-container:hover .popup-content {
    opacity: 100;
}

/* line 2112, ../sass/partials/_modules.sass */
.popup-container .popup-content:before {
    content: "";
    background: #f0f0f0;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -5px;
    top: 33%;
    position: absolute;
}


div.login-form form label
{
    display:block;
    position: relative;
    text-align: left;
    width: 250px;
    padding-top:5px;
}

div.login-form form .field_rememberMe label
{
    padding-top:5px;
    display:inline;
}

div.login-form form .errorMessage {
    margin-left:0;
}

div.login-form form .field_rememberMe {
    padding-left:0;
}

div.coupon-description {
    color: #333; font-size: 14px; font-family: 'Arimo', sans-serif; text-transform: none; text-decoration:none; line-height: 20px;
}

ul.interests label {font-weight: normal;}

div.coupon-hint {
    color: #333; font-size: 12px; font-family: 'Arimo', sans-serif; text-transform: none; text-decoration:none; line-height: 20px;
}

div.coupon-checkbox span {font-size:14px;}

div.confirm p{ color: #333; font-size: 14px; font-family: 'Arimo', sans-serif; text-transform: none; text-decoration:none; line-height: 20px; text-align: center}

a.social-link {text-decoration: none; color:#333;float:left;margin-right:10px;}
a.social-link:hover {color:#6e6e6e;}

#content #share-slideshow.large-slide #slideshow-content {width:725px;}
#content #share-slideshow.large-slide #slideshow-content img {max-width:703px;max-height:470px;}
#content #share-galery.large-slide { padding-left:39px; }
#content #share-galery.large-slide .showcase-list li {margin-right:7px;}
#content #share-slideshow.large-slide .slideshow-btn {margin-top:230px;}
#content div.text ul.tags {margin-left:0;margin-top:0px;}
#content div.text ul.tags li { float: left; margin: 4px;word-break:keep-all;
    white-space:nowrap; list-style-type: none;}
#content div.text ul.tags li a { width: 100%; height: 26px; line-height: 26px; background: transparent; padding: 0px 10px 5px 5px; color: #474747;        border: 1px solid #a8a8a8; margin:0 0 3px 0;
    -webkit-box-shadow: 0 1px 0 #dadada;
    box-shadow: 0 1px 0 #dadada;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    display:block;
}
#content div.text ul.tags li.more a { width: 100%; height: 26px; line-height: 26px; background: transparent; padding: 3px 10px 5px 5px; color: #ff9700;
    border-radius: 3px 13px 13px 3px;
    -webkit-border-radius: 3px 13px 13px 3px;
    font-size: 11px;
    color: #474747;
    display: block;  text-decoration: none; text-align: center; line-height: 20px;

}
#content div.text ul.tags li a span { background: #e05341; color: #fff; display: inline-block; padding: 0 4px; position: relative; left: 10px; top:-2px; border: 1px solid #af4107;
    -webkit-box-shadow: inset 0 1px 0 #f39981;
    box-shadow: inset 0 1px 0 #f39981;
    font-size: 11px;
}
#content div.text ul.tags i { position: absolute; color: #e05341; top: 0; left: -4px; font-size: 8px; line-height: 26px;}
body#city h2, body#city h3 {text-transform: none;}
body#city #content #cities.block {width:811px;margin-left:-10px;}
body#city #content #cities.block .block-title {background-position:right 0;color:#fff;background: url(../img/block/title.png) top right no-repeat;font-size:16px;padding:7px 10px 3px;}
body#city #content #cities .block-content-right {width:598px;}
#cities.block {clear:both;position:relative;float:left;margin-top:9px;}
#content #cities .block-content {padding-bottom:0;background: url(../img/block/full_block_content.png) bottom left no-repeat;
    border-right: 1px solid #dedede;}
#content #cities .block-content .readmore {padding:5px 5px 9px 0;margin:0;}
#content #cities .block-content .cities-list .readmore {padding-top:70px;}

#content #cities .block-content-left {width:196px;float: left;}
#content #cities .block-content-left h3 {
    background:#dbdbdb;
    color:#494949;
    line-height:37px;
    height:37px;
    padding-left:13px;
    margin:0;
    border-left:1px solid #bebebe;
}
#content #cities .block-content-left ul.big-list {padding-bottom:0;}
#content #cities .block-content-left ul.big-list li a{background-image:none;padding-left:13px;}
#content #cities .block-content-left ul.big-list li.active a{background-color:#f7b47a;border-left:1px solid #eaa970;}
#content #cities .block-content-left .readmore {text-align:left;padding:9px 0 9px 13px;}
#content #cities .block-content-left .readmore a {background:none;}

#content #cities .block-content-left .back {position:absolute;bottom:0;left:0;width:196px;height:30px;text-align:right;border-right:1px solid #c9c9c9;
    background:url(../img/background/back_btn.png) 0 0 no-repeat;}
#content #cities .block-content-left .back a {line-height:30px;height:30px;color:#797979;padding:0 13px;background:url(../img/ui/back.png) 0 -2px no-repeat;}
#content #cities .block-content-left .back a:hover {text-decoration:underline;}

#content #cities .readmore.active a{font-weight:bold;}

#content #cities .block-content-right {width:577px;min-height:350px;padding-left:15px;border-left:1px solid #c9c9c9;float: right;}
#content #cities .block-content-right h3 {margin:5px 0;color:#4a4a4a;}
#content #cities .block-content-right h3 a{color:#0077b8;}

#content #cities .block-content-right .area-info {border-bottom:1px solid #c9c9c9;margin-right:13px;}
#content #cities .block-content-right .area-info h3 {margin-bottom:5px;font-size:16px;}
#content #cities .block-content-right .area-info h3 a {color:#f26800;font-size:1.3em;}
#content #cities .block-content-right .area-info img {float:left;border:1px solid #4a4a4a;margin:0 16px 5px 0;}
#content #cities .block-content-right .area-info p {margin:0 15px 9px 0;}
#content #cities .block-content-right .area-info .readmore {margin:0;text-align:left;padding-left:142px;}

#content #cities .block-content-right .cities-list {margin-top:13px;}
#content #cities .block-content-right .cities-list h3 {color:#4a4a4a;font-size:16px;}
#content #cities .block-content-right .cities-list ul li a {color:#0078b8;}
#content #cities .block-content-right .cities-list .cities-list-elt {width:180px;padding:0 5px 30px 5px;float:left;}
#content #cities .block-content-right .cities-list .cities-list-elt ul {padding:0;margin:0 0 0 10px;list-style:inside disc;}
#content #cities .block-content-right .cities-list.four-column .cities-list-elt ul {padding:0;margin:0 0 9px 15px;list-style:outside disc;}
#content #cities .block-content-right .cities-list .cities-list-elt.last {float:right;}
#content #cities .block-content-right ul.bullet-list li {line-height:14px;padding-left: 9px;padding-bottom: 5px;
    background: url(../img/ui/bullet_blue.png) 0 5px no-repeat;list-style: outside none;
    list-style-image: none;
    list-style-type: none;
}
#content #cities .block-content-right ul.bullet-list li a {
    font-weight:normal;
}
#content #cities .block-content-right .cities-list ul.bullet-list li.active a {font-weight:bold;}

#content #cities  .block-content-main-pane {display:none;}
#content #cities  #block-content-main-first-pane {display:block; /* default setting */}
/*#content #cities .block-content-right .block-content-right-pane {display:none;}
#content #cities .block-content-right #block-content-right-second-pane {display:block;}*/

#content #cities  #block-content-main-first-pane {padding:10px 9px}
#content #cities .block-content #cities-map {
    background:url(../img/cities_google_map.jpg) top left no-repeat;
    border:1px solid #aaadad;height:336px;	width:767px;
}
#content #cities  #block-content-main-first-pane h3 {color:#4a4a4a;font-size:1em;margin:13px 0 0 9px;}
#content #cities  #block-content-main-first-pane .area-list-elt {width:150px;float:left;padding:0;}
#content #cities  #block-content-main-first-pane ul.bullet-list {padding:0 0 9px 18px;margin:0;}
#content #cities  #block-content-main-first-pane .readmore {text-align:left;padding-left:9px;}
#content #cities  #block-content-main-first-pane .readmore a {background:none;}

#content #cities .block-content-right #all-cities-list {margin-right:5px;}
#content #cities .block-content-right #all-cities-list h3{font-size:16px;padding:3px 0;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index {padding-left:0;padding-bottom:5px;
    border-bottom:1px solid #bbb;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index li {display:inline;padding-right:5px;line-height:16px;padding-left:4px;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index li a {text-decoration:none;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index li a:hover {text-decoration:underline;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index li.empty {color:#797979;padding-right:10px;display:none;}
#content #cities .block-content-right #all-cities-list ul#all-cities-index li.current a {font-weight:bold;color:#4a4a4a;text-decoration:none;cursor:default;}
#content #cities .block-content-right #all-cities-list .all-cities-elt {}
#content #cities .block-content-right #all-cities-list .all-cities-elt h4 {font-weight:bold;font-size:1.2em;padding:9px 0 0 13px;color:#f26800;}
#content #cities .block-content-right #all-cities-list .all-cities-elt .all-cities-elt-list {width:230px;float:left;}
#content #cities .block-content-right #all-cities-list .all-cities-elt .all-cities-elt-list a {color:#0078b8;}


body#city #content #cities.block {width:811px;margin-left:-10px;}
body#city #content #cities.block .block-title {background-position:right 0;color:#fff;}
body#city #content #cities .block-content-right {width:598px;}

#content .block .block-content ul.big-list {margin:0;padding:0 0 18px 0;}
#content #cities ul.big-list li a {
    color:#4a4a4a;
    font-weight:bold;
    background:url(../img/ui/arrow.png) 13px -39px no-repeat;
    border-bottom:1px solid #d9d9d9;
    padding-left:31px;
    height:26px;line-height:26px;
    display:block;
    text-decoration: none;
}
#content #cities ul.big-list li a:hover {
    background-color:#f2ae73;
    color:#323232;
    background-position:13px -58px;
    text-decoration:none;
}
#content .block .block-content ul.big-list li.last a {border-bottom:0;}
#content #cities h3 span {float: none;}

.city-event ul {border:1px solid #7f7f7f;}
.city-event ul li {padding:5px;min-height:25px;}
.city-event ul li a { font-size: 11px; color: #333; line-height: 13px; text-decoration: none; display: block; font-weight: normal;}
.city-event ul li a:hover { color: #ff9700; text-decoration: none;}
.city-event ul li.odd { background: #fff;}
.city-event ul li.even { background: #ebebeb;}
header.city h4 a {font-size:14px;}

#content .blog-text h3 {margin:6px 0 0;}
#content .blog-text h3 a { color: #de8300; font-size: 16px; font-family: 'Arimo', sans-serif; text-transform: none; font-weight: 400; text-decoration: none;
    line-height: 30px;}

#content .blog-text .date { color: #bbb; line-height:24px;}

#content .blog-list li a {
    text-decoration: none;
    line-height: 20px;
}

.blog-archive-select {
    font-size: 12px; font-family: 'Arimo',sans-serif;
    padding-bottom: 5px;
}

.blog-month-list li a {
    text-decoration: none;
    line-height: 20px;
}

#meteo .links {text-align: center;line-height:14px;}
#meteo .links a {display:inline; }


#content .blog-jcarousel {
    position: relative;
    overflow:hidden;
    height:270px;
    width:500px;
    margin:0 auto;
}

#content .blog-jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}


#content .blog-jcarousel li {
    width: 250px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.blog-jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.blog-jcarousel .title {
    display:block;
    padding-top:4px;
    line-height:16px;
}

.blog-jcarousel .title a {
    color:#ff9700;
    font-size: 13px;
}

/** Carousel Controls **/

#content .blog-jcarousel-control-prev,
#content .blog-jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #ff9700;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #ff9700;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 1px #ff9700;
    -moz-box-shadow: 0 0 1px #ff9700;
    box-shadow: 0 0 1px #ff9700;
}

#content .blog-jcarousel-control-prev a,
#content .blog-jcarousel-control-next a{
    color: #fff;
    text-decoration: none;
}

#content .blog-jcarousel-control-prev {
    left: 10px;
}

#content .blog-jcarousel-control-next {
    right: 10px;
}

/** Carousel Pagination **/

.blog-jcarousel-pagination {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    height:12px;
}

.blog-jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 1px #4E443C;
    -moz-box-shadow: 0 0 1px #4E443C;
    box-shadow: 0 0 1px #4E443C;
}

.blog-jcarousel-pagination a.active {
    background: #ff9700;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 1px #ff9700;
    -moz-box-shadow: 0 0 1px #ff9700;
    box-shadow: 0 0 1px #ff9700;
}


#content .ig-jcarousel {
    position: relative;
    overflow:hidden;
    height:270px;
    width:500px;
    margin:0 auto;
}

#content .ig-jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}


#content .ig-jcarousel li {
    width: 250px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.ig-jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.ig-jcarousel .title {
    display:block;
    line-height:24px;
}

.ig-jcarousel .title a {
    color:#ff9700;
    font-size: 13px;
}

/** Carousel Controls **/

#content .ig-jcarousel-control-prev,
#content .ig-jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #ff9700;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #ff9700;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 1px #ff9700;
    -moz-box-shadow: 0 0 1px #ff9700;
    box-shadow: 0 0 1px #ff9700;
}

#content .ig-jcarousel-control-prev a,
#content .ig-jcarousel-control-next a{
    color: #fff;
    text-decoration: none;
}

#content .ig-jcarousel-control-prev {
    left: 10px;
}

#content .ig-jcarousel-control-next {
    right: 10px;
}

/** Carousel Pagination **/

.ig-jcarousel-pagination {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    height:12px;
}

.ig-jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 1px #4E443C;
    -moz-box-shadow: 0 0 1px #4E443C;
    box-shadow: 0 0 1px #4E443C;
}

.ig-jcarousel-pagination a.active {
    background: #ff9700;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 1px #ff9700;
    -moz-box-shadow: 0 0 1px #ff9700;
    box-shadow: 0 0 1px #ff9700;
}

.interests-home li {float:left;width:180px;}

.iframe div.errorMessage {margin-left:1em;display:inline-block;}
.iframe .alert {
    padding: 10px;
    margin:10px 0 20px 100px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.iframe .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-family: 'Arimo', sans-serif;
    font-size:13px;
}

.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;margin-top: 1.4em;margin-bottom: 1em;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

.vidfix {position: absolute;top: -99999px;left: -99999px;}