/**
 * @title    Touring Nature global styles
 */
* {margin:0; padding:0;}
body {
    margin:0; padding:0;
    background:#fff; color:#4d4445;
    font:normal 12px/1.4 Arial,Helvetica,sans-serif; 
}
img,form,fieldset {border:0;}
ul, ol {list-style:none;}
p {margin-bottom:1em;}
a {color:#4d4445; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}

/**
 * @section     Rich text editor areas
 * @tree        .rte
 */
.rte .big {font-size:1.2em;}
.rte .small {font-size:.8em;}


/**
 * @tree        .action
 */
.action {
    float:right;
    margin-left:10px; padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0; color:#4d4445; 
    font-size:11px; 
    text-decoration:none;
    cursor:pointer;
}
.action span {
    float:right;
    padding: 3px 2px 3px 11px;
    height:14px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
}
.action:hover {
    text-decoration:underline;
}

#wrapper {
    margin:0 auto;
    width:940px;
}

/**
 * @section     Header
 * @tree        #header < #wrapper
 */
#header {
    position:relative; z-index:2;
    background:url(/templates/touringnature/common/img/bg/bg-header.png) no-repeat 100% 0;
}
#identity {
    float:left;
    padding-left:10px;
}

/**
 * @section     Login
 * @tree        #login < #header < #wrapper
 */
#login {
    float:right;
    margin-top:15px; margin-left:8px; padding-left:10px;
    /*width:12em;*/ min-height:23px;
    background:url(/templates/touringnature/common/img/bg/bg-header-user-access-left.png) no-repeat;
}
#loginInner {
    padding-top:3px; padding-right:5px;
    min-height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-header-user-access-right.png) no-repeat 100% 0;
}
#login a {
    float:right;
    padding-right:25px;
    background:url(/templates/touringnature/common/img/bg/bg-more-infos.png) no-repeat 100% .2em; color:#6e5f55;
    font-size:10px;
    text-decoration:none;
}
#login a:hover, #login a:focus {text-decoration:underline;}
#login a.on {background:url(/templates/touringnature/common/img/bg/bg-more-infos-open.png) no-repeat 100% .2em;}
/**
 * @section     Connexion
 * @tree        #connection < #header < #wrapper
 */
#connection {width:248px;}
#connection.logged {width:158px;}
#js #connection {
    float:none;
    position:absolute; top:-300px; right:1px; z-index:100000;
}
#connectionInner {
    overflow:hidden;
    padding:10px 10px 0;
    background:url(/templates/touringnature/common/img/bg/bg-connection.png) no-repeat 0 0;
    font-size:11px;
}
#connection.logged #connectionInner {
    background:url(/templates/touringnature/common/img/bg/bg-connection-logged-top.png) no-repeat 0 0;
}
#connection .footer {
    height:11px;
    background:url(/templates/touringnature/common/img/bg/bg-connection-bottom.png) no-repeat 0 0;
}
#connection.logged .footer {
    
    background:url(/templates/touringnature/common/img/bg/bg-connection-logged-bottom.png) no-repeat 0 0;
}
#connection #loginForm {
    position:relative;
    margin-bottom:1em; padding-bottom:1em; border-bottom:1px dotted #9c9290;
}
#connection #loginForm legend {
    margin:0 0 5px 0; padding:0;
    color:#f06f34;
    font-size:11px; font-weight:bold;
}
#connection #loginForm .text {
    margin-bottom:5px; 
    height:20px;
}
#connection #loginForm .text label {
    float:left;
    width:83px;
    font-size:11px;
}
#connection #loginForm .text input {
    width:138px;
}
#connection #loginForm a {
    color:#f06f34;
}
#connection #loginForm .actions {
    float:right;
    padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0;
}
#connection #loginForm .actions input {
    margin:0; padding:0 0 0 9px; border:0;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
    cursor:pointer;
}
#connection .action {
    margin-right:0;
}
#noAccount {position:relative;}
#noAccount a {position:relative; cursor:pointer;}
#noAccount p {
    margin:0;
    width:200px;
}
#myAccount li {
    padding:.5ex 0 .5ex 15px; border-top:1px dotted #a29999;
    background:url(/templates/touringnature/common/img/picto/picto-bul-orange.png) no-repeat 0 50%;
}
#myAccount li.first {border:none;}
#myAccount li a {
    font-weight:bold; text-decoration:none;
}
#myAccount li a:hover, #myAccount li a:focus {
    color:#f06f34;
    text-decoration:underline;
}

/**
 * @section     Newsletter Form
 * @tree        #newsletterForm < #header < #wrapper
 */
#newsletterForm {
    float:right;
    margin-top:15px; padding-left:10px;
    min-height:23px;
    background:url(/templates/touringnature/common/img/bg/bg-header-user-access-left.png) no-repeat;
}
#newsletterForm fieldset {
    padding-top:4px; padding-right:5px;
    height:19px;
    background:url(/templates/touringnature/common/img/bg/bg-header-user-access-right.png) no-repeat 100% 0;
}
#newsletterForm .text {float:left;}
#newsletterForm .text input {
    float:left;
    width:150px; height:12px;
}
#newsletterForm .actions {
    float:left;
    padding-top:1px; padding-left:10px;
}
#newsletterForm label {
    float:left;
    padding-right:5px;
    color:#6e5f55;
    font-size:10px;
}

/**
 * @section     Navigation Others
 * @tree        #navigationOthers < #header < #wrapper
 */
#navigationOthers {
    float:right; clear:right;
    margin-top:45px;
    width:550px;
}
#navigationOthers li {
    float:right;
    padding:5px 0; 
} 
#navigationOthers a {
    float:left;
    margin-left:25px; padding-left:30px;
    height:20px;
    color:#57ae43;
    font-size:14px; font-weight:bold;
    text-decoration:none;
    white-space:nowrap;
}
#navigationOthers a:hover, #navigationOthers a:focus {text-decoration:underline;}
#navigationOthers .aboutUs a {background:url(/templates/touringnature/common/img/picto/picto-question.png) no-repeat;}
#navigationOthers .pictures a {background:url(/templates/touringnature/common/img/picto/picto-pictures.png) no-repeat;}
#navigationOthers .guides a {background:url(/templates/touringnature/common/img/picto/picto-guides.png) no-repeat;}

/**
 * @section      subNav
 * @tree         .wrapper < .subNav < #navigationOthers
 */
#navigationOthers .subNav {position:relative;}
#navigationOthers .hover {background:url(/templates/touringnature/common/img/bg/bg-menu-top-left.png) no-repeat 18px 0;}
#navigationOthers .subNav .wrapper {
    position:absolute;
    top:26px; left:18px;
    display:none;
    width:100%;
    background:url(/templates/touringnature/common/img/bg/bg-menu-bottom-right.png) no-repeat 100% 100%;
}
#navigationOthers .subNav ul {
    padding-bottom:12px;
    background:url(/templates/touringnature/common/img/bg/bg-menu-bottom-left.png) no-repeat 0 100%;
}
#navigationOthers .subNav li {
    display:block;
    float:none;
    padding:0 18px 0 12px; border-left:2px solid #5bae44;
    background:#fff;
}
#navigationOthers .subNav li.first {padding-top:12px;}
#navigationOthers .subNav li a {
    display:block;
    float:none;
    margin:0; padding:6px 0 6px 12px; border-top:1px dotted #a29999;
    height:auto;
    background:url(/templates/touringnature/common/img/picto/picto-bul-menu.png) no-repeat 0 50%; color:#3c2c2c;
    font-size:11px; white-space:normal;
}
#navigationOthers .subNav li.first a {border:none;}
#navigationOthers .subNav:hover .wrapper, #navigationOthers .hover .wrapper {display:block;}
    



/**
 * @section     Navigation Offers
 * @tree        #navigationOffers < #header < #wrapper
 */
#navigationOffers{
    clear:both;
    padding-top:10px; border-bottom:2px solid #57ae43;
    width:100%;
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers.png) no-repeat 100% 100%;
}
#navigationOffers li {
    float:left;
    height:41px;
}
#navigationOffers li a {
    float:left;
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers-left.png) no-repeat 0 100%; color:#3c2c2c;
    font-size:12px; font-weight:bold;
    text-decoration:none; text-transform:uppercase;
    cursor:pointer; 
}
#navigationOffers li a:hover, #navigationOffers li a:focus {
    text-decoration:underline;
}
#navigationOffers li a span {
    float:left;
    padding:15px 15px 11px 15px;
    height:15px;
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers-right.png) no-repeat 100% 100%;
}
#navigationOffers li.first a {
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers-first.png) no-repeat 0 100%;
}
#navigationOffers li.last a span {
    background:none;
}
#navigationOffers li.on a {
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers-left-on.png) no-repeat 0 100%; color:#fff;
    cursor:default;
}
#navigationOffers li.on a:hover, #navigationOffers li.on a:focus {text-decoration:none;}
#navigationOffers li.on a span {
    background:url(/templates/touringnature/common/img/bg/bg-navigation-offers-right-on.png) no-repeat 100% 100%;
}

/**
 * @section     Breadcrumbs
 * @tree        #breadcrumbs < #header < #wrapper
 */
#breadcrumbs {
    position:absolute; bottom:-30px; left:15px;
    padding-top:7px;
    height:23px;
}
#breadcrumbs h1 {
    margin-right:3px;
    display:inline;
    color:#6e5f55;
    font-size:12px; font-weight:normal;
}
#breadcrumbs li {
    /*margin-right:7px;*/
    display:inline;
    color:#6e5f55;
}
#breadcrumbs li a, #breadcrumbs li span {
    /*padding-right:12px;*/
    /*background:url(/templates/touringnature/common/img/bg/sep-links.png) no-repeat 100% .35em;*/ color:#6e5f55;
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {text-decoration:none;}
#breadcrumbs li.first a, #breadcrumbs li.first span {
    padding-left:0;
    background:none;
}


/**
 * @section     Footer
 * @tree        #footer < #wrapper
 */
#footer {
    margin:0 0 20px; border-top:2px solid #57ae43;
    color:#827774;
}

/**
 * @section     Footer links
 * @tree        .links < #footer < #wrapper
 */
#footer .links {
    padding:0 15px;
    background-color:#f1f2ef;
}
#footer .links .last {border:0;}
#footer .linkList p {
    margin-bottom:0;
    color:#57ae43;
    font-size:11px; font-weight:bold;
}
#footer .linkList ul {
    float:left;
    padding-right:15px;
    width:165px;
}
#footer .linkList ul li {white-space:nowrap;}
#footer .linkList a {
    color:#827774;
    font-size:11px;
    text-decoration:none;
}
#footer .linkList a:hover, #footer .linkList a:focus {
    text-decoration:underline;
}
#js #footer #guidesList .hidden {
    display:none;
}
#js #footer #guidesList .more {
    clear:both;
}
#footer .glossary {
	padding-bottom: 10px;
}
#footer .glossary span, #footer .glossary span a {
	font-size: 12px;
}
#footer .glossary a {
    color:#827774;
    text-decoration:none;
	font-weight: normal;
}

/**
 * @section     Footer Bottom
 * @tree        .bottom < #footer < #wrapper
 */
#footer .bottom {
    padding-top:16px;
    background:url(/templates/touringnature/common/img/bg/bg-footer.png) no-repeat;
}
#footer .bottom .logo {
    float:left;
}
#footer .bottom .core {
    float:left;
    margin-top:10px; padding-left:25px;
    width:750px;
    text-align:center;
}
#footer .bottom .copyright {
    margin-right:10px;
    font-weight:bold;
}
#navigationFooter {
    display:inline;
}
#navigationFooter li {
    display:inline;
    font-size:11px;
}
#navigationFooter li a {
    margin-right:7px; padding-right:12px;
    background:url(/templates/touringnature/common/img/bg/sep-links.png) no-repeat 100% .25em; color:#827774;
    text-decoration:none;
}
#navigationFooter li a:hover, #navigationFooter li a:focus {
    text-decoration:underline;
}
#navigationFooter li.last a {
    margin-right:0; padding-right:0;
    background:none;
}
#footer .bottom .core p {
    margin-top:10px;
    font-size:10px;
    line-height:1.2;
    text-align:center;
}
/**
 * @section     Main
 * @tree        #mainWrapper < #main < #content
 */
#main {background:url(/templates/touringnature/common/img/bg/bg-main-bottom.png) repeat-x 0 100%;}
#mainWrapper {padding-bottom:20px;}
/**
 * @section     Content
 * @tree        #content < #main
 */
#content {
    position:relative; z-index:1;
    padding-top:30px;
    background:url(/templates/touringnature/common/img/bg/bg-main-top.png) repeat-x;
}
#core {
    float:left;
    margin-right:15px; padding-left:15px;
    width:645px; 
}
#aside {
    float:left;
    margin-top:10px; margin-right:15px;
    width:250px;
}

/**
 * @section     Forms
 * @tree        form
 */
.error {color:#f00;}

/**
 * @section     Global Heading
 * @tree        All
 */
#core h2 {
    margin:0 0 10px 0;
    color:#5bae44;
    font-size:18px;
} 
h1 span {
    color:#3a2210;
}
h2 {
    margin:15px 10px 5px;
    color:#3c2c2c;
    font-size:15px; font-weight:bold; 
}
h2.first {
    margin-top:0px;
}
h2 a {
    color:#3c2c2c;
}
h3 {
    margin-bottom:16px;
    color:#5aad43;
    font-size:18px; font-weight:bold; 
}
h4 {
    color:#5bae44;
    font-size:11px; font-weight:bold; 
    line-height:13px;
}
h5 {
    color:#4d4445;
    font-size:12px; font-weight:bold; 
}

/**
 * @section     All forms
 */
form input, form select, form textarea {
    color:#4d4445;
    font-size:11px;
}
p.required{
    margin-top:15px; margin-bottom:0; padding-top:2px;
    color:#9d9696;
}


/**
 * @section     Tabs
 * @tree        #tabs < #core < #content < #wrapper
 */
.tabs {
    height:15px;
    background:url(/templates/touringnature/common/img/bg/bg-container-top.png) no-repeat 0 0;
}
#tabsTOC {
    height:46px;
    background:url(/templates/touringnature/common/img/bg/bg-container-top.png) no-repeat 0 36px;
}
.tabs li {
    float:left;
}
.tabs li a {
    display:block;
    padding-right:12px;
    height:46px;
    background:url(/templates/touringnature/common/img/bg/bg-tab-off-right.png) no-repeat 100% 0px;
    font-size:11px; font-weight:bold;
    text-decoration:none;
}
.tabs li a span.img_left {
    position:relative;
    display:table-cell;
    padding:0 2px 6px 14px;
    height:46px;
    color:#5e5656; background:url(/templates/touringnature/common/img/bg/bg-tab-off-left.png) no-repeat 0 0;    
    text-align:center; text-decoration:none;
    vertical-align:middle;
    line-height:normal;
}
.tabs li a span.img_left span.wrap1{
    position:relative;
    text-decoration:none;
}
.tabs li a:hover span.img_left, .tabs li a:focus span.img_left {
    color:#3c2c2c;
    text-decoration:underline;
}
.tabs li.first a {
    background:url(/templates/touringnature/common/img/bg/bg-tab-off-right.png) no-repeat 100% 0px;
}
.tabs li.first a span.img_left{
    background:url(/templates/touringnature/common/img/bg/bg-tab-first-off-left.png) no-repeat 0 0;
}
/** In case tabs are using all the width the last tab need a special class 
.tabs li.last a{
    background:url(../img/bg/bg-tab-last-off-right.png) no-repeat 100% 0px;
}
.tabs li.last a span.img_left{
    padding-right:5px; padding-left:17px;
    background:url(../img/bg/bg-tab-off-left.png) no-repeat 0 0;
}*/
.tabs li a.on , .tabs li.on a{
    background:url(/templates/touringnature/common/img/bg/bg-tab-on-right.png) no-repeat 100% 0;
}
.tabs li a.on span.img_left, .tabs li.on a span.img_left {
    color:#3c2c2c; background:url(/templates/touringnature/common/img/bg/bg-tab-on-left.png) no-repeat 0 1px;
}
.tabs li.first a.on span.img_left, .tabs li.first.on a span.img_left {
    background:url(/templates/touringnature/common/img/bg/bg-tab-first-on-left.png) no-repeat 0 0;
}
/* See upper comment
.tabs li.last a.on{
    background:url(../img/bg/bg-tab-last-on-right.png) no-repeat 100% 1px;
}*/
.tabs li a.on:hover span.img_left, .tabs li a.on:focus span.img_left , .tabs li.on a:hover span.img_left, .tabs li.on a:focus span.img_left {
    color:#3c2c2c;
    text-decoration:none;
    cursor:text;
}
 
/**
 * @section     Main Container
 * @tree        #core < #content < #wrapper
 */
.containerTop {
    padding-top:10px;
    background:url(/templates/touringnature/common/img/bg/bg-container-top.png) no-repeat;
}
.containerBottom {
    padding-bottom:16px;
	width:645px;
    background:url(/templates/touringnature/common/img/bg/bg-container-bottom.png) no-repeat 0 100%;
}
.container {
    padding:1px 0 0 15px;
    background:url(/templates/touringnature/common/img/bg/bg-container-middle.png) repeat-y 0 0;  
}

/**
 * @section     Main Container Simple
 * @tree        #core < #content < #wrapper
 */
.containerSimpleTop {
    margin-top:10px; padding-top:12px;
	width:645px;
    background:url(/templates/touringnature/common/img/bg/bg-container-simple-top.png) no-repeat 0 0;
}
.containerSimpleBottom {
    padding-bottom:12px;
    background:url(/templates/touringnature/common/img/bg/bg-container-simple-bottom.png) no-repeat 0 100%;
}
.containerSimple {
    padding:0 0 1px 15px;
    background-color:#f3f4f0;    
}
.containerFooter {
    margin:5px 15px; padding-bottom:5px;
}

/**
 * @section     Main Container Double (2 cols inside)
 * @tree        #core < #content < #wrapper
 */
.containerDoubleTop {
    margin-top:10px; margin-bottom:15px; padding-top:10px;
	width:645px;
    background:url(/templates/touringnature/common/img/bg/bg-container-double-top.png) no-repeat 0 0;
}
.containerDoubleBottom {
    padding-bottom:10px;
    background:url(/templates/touringnature/common/img/bg/bg-container-double-bottom.png) no-repeat 0 100%;
}
.containerDouble {
    padding:0 14px;
    background-color:#f3f4f0;    
}

/**
 * @section     Global
 * @tree        .section
 */
.section {
    padding:0 0 15px;
    background:url(/templates/touringnature/common/img/bg/bg-section-bottom.png) no-repeat 0% 100%; 
}
.sectionInner {
    width:585px; min-height:150px;
    padding:0 15px;
    background:url(/templates/touringnature/common/img/bg/bg-section-top.png) no-repeat 0 0;
    font-size:11px;
}

/**
 * @section     Global
 * @tree        .sectionSimple
 */
.sectionSimple {
    padding:12px 0 10px;
    background:url(/templates/touringnature/common/img/bg/bg-section-simple-top.png) no-repeat 0 0;
}
.sectionSimpleInner {
    width:585px; min-height:100px;
    padding:0 15px;
    background:url(/templates/touringnature/common/img/bg/bg-section-simple-bottom.png) no-repeat 0% 100%; 
    font-size:11px;
}
#core .sectionSimpleInner h2, #core .sectionSimpleInner h3{
	color: inherit;
	font-size: 15px;
}

/**
 * @section     Global
 * @tree        .smallSection
 */
.smallSection {
    padding: 0 0 12px;
    background:transparent url(/templates/touringnature/common/img/bg/bg-section-small-bottom.png) no-repeat 0% 100%; 
}
.smallSectionInner {
    width:272px; min-height:200px;
    padding:0 15px;
    background:url(/templates/touringnature/common/img/bg/bg-section-small-top.png) no-repeat 0 0;
    font-size:11px;
}

/**
 * @section     Global
 * @tree        .smallSectionSimple
 */
.smallSectionSimple {
    padding:12px 0 0 0;
    background:url(/templates/touringnature/common/img/bg/bg-section-simple-small-top.png) no-repeat 0 0;
}
.smallSectionSimpleInner {
    width:270px; min-height:100px;
    padding:0 15px;
    background:transparent url(/templates/touringnature/common/img/bg/bg-section-simple-small-bottom.png) no-repeat 0% 100%; 
    font-size:11px;
}

/**
 * @section     Global
 * @tree        .containerHighlight
 */
.containerHighlight {
    margin-bottom:15px;
    background:url(/templates/touringnature/common/img/bg/bg-highlight-top.png) no-repeat 0 1px;
    font-size:11px;
}
.containerHighlightInner {
    padding:0 15px;
    min-height:200px;
    background:url(/templates/touringnature/common/img/bg/bg-highlight-bottom.png) no-repeat 0% 100%;
}
.containerHighlight .header {
    height:45px;
}
.containerHighlight .header li {
    float:left;
    height:45px;
}
.containerHighlight .header li h2 {
    float:left;
    margin:0; padding-right:12px; 
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-off-right.png) no-repeat 100% 1px;
}
.containerHighlight .header li h2.on {
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-on-right.png) no-repeat 100% 0;
}
.containerHighlight .header h2 a {
    float:left;
    height:45px;
    padding-left:12px;
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-off-left.png) no-repeat 0 1px;
    line-height:35px;
}
.containerHighlight .header li.first h2 a {
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-first-off-left.png) no-repeat 0 1px;
}
.containerHighlight .header li.first h2.on a {
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-first-on-left.png) no-repeat 0 0;
}
.containerHighlight .header li.last h2 {
        background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-last-off-right.png) no-repeat 100% 1px;
}
.containerHighlight .header li.last h2.on {
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-last-on-right.png) no-repeat 100% 0px;
}
.containerHighlight .header li h2.on a {
    background:url(/templates/touringnature/common/img/bg/bg-highlight-tab-on-left.png) no-repeat 0 0;
}
.containerHighlight .header h2 a {
    color:#d9efaf;
    text-decoration:none;
}
.containerHighlight .header h2 a:hover, .containerHighlight .header h2.on a {
    color:#FFF;
}
.containerHighlight .footer {
    clear:both;
    height:28px;
    margin:5px 25px 0 25px; padding-top:7px; border-top:1px dotted #82c536;
}
.containerHighlight .emphasisTop {
    padding-top:12px;
    background:url(../img/bg/bg-highlight-emphasis-top.png) no-repeat 0 0;
}
.containerHighlight .emphasisBottom {
    padding-bottom:12px;
    background:url(../img/bg/bg-highlight-emphasis-bottom.png) no-repeat 0 100%;
}
.containerHighlight .emphasis {
    padding:0 15px;
    width:585px;
    background-color:#4e9440;
}
.containerHighlight h3 {
    margin-bottom:15px; padding-left:20px; padding-bottom:2px;
    color:#FFF; background:url(../img/picto/picto-search.png) no-repeat 0 1px;
    border-bottom:1px dotted #7fbe35;
    font-size:14px;
}

 /**
 * @section     Global
 * @tree        .more
 */
.more, .moreOnGreen {
    float:right;
    margin-left:10px; margin-bottom:10px; padding:0 8px 0px 0px; 
    background:url(/templates/touringnature/common/img/bg/bg-more-right.png) no-repeat 100% 0; color:#FFF;
    font-size:11px;
    text-decoration:none;
}
.more span, .moreOnGreen span {
    float:right;
    padding-left:21px;
    height:16px; line-height:16px;
    background:url(/templates/touringnature/common/img/bg/bg-more-left.png) no-repeat 0 0;
}
.more:hover, .more:focus, .moreOnGreen:hover, .moreOnGreen:focus {
    cursor:pointer;
    background-position:100% 100%
}
.more:hover span, .more:focus span, .moreOnGreen:hover span, .moreOnGreen:focus span {
    cursor:pointer;
    background-position:0 100%
}
.moreOnGreen {background-image:url(/templates/touringnature/common/img/bg/bg-more-right-on-green.png);}
.moreOnGreen span {background-image:url(/templates/touringnature/common/img/bg/bg-more-left-on-green.png);}
#picturesShared .footer .moreOnGreen {
    width:15em;
    cursor:pointer;
}
#picturesShared .footer .last {
    width:11em;
    cursor:pointer;
}


/**
 * @section     Global
 * @tree        .evaluation
 */
.evaluation {float:right;}

/**
 * @section     Global
 * @tree        .pagination
 */
#core .pagination {
    float:right; clear:both;
    margin-bottom:10px;
}
#core .pagination .resultsLoader {
    float:left;
    margin-right:5px;
    width:16px; height:16px;
}
#core .pagination ol {
    float:left;
}
#core .pagination ol li {
    float:left;
    margin-right:10px;
    font-weight:bold;
}
#core .pagination ol li a {
    color:#4d4445;
    text-decoration:none;
}
#core .pagination ol li a:hover, .pagination ol li a:focus {
    color:#5bae44;
    text-decoration:underline;
}
#core .pagination ol li span.on {
    color:#5bae44;
}
#core .pagination a.prev, #core .pagination a.next {
    display:block; float:left;
    overflow:hidden;
    padding-top:17px;
    width:17px; height:0px;
    color:#FFF;
}
#core .pagination a.prev {
    margin-right:10px;
    background:url(../../common/img/picto/picto-pagination.png) no-repeat -17px 0;
}
#core .pagination a.prev:hover, #core .pagination a.prev:focus {
    background:url(../../common/img/picto/picto-pagination.png) no-repeat -17px -17px;
}
#core .pagination a.next {
    background:url(../../common/img/picto/picto-pagination.png) no-repeat 0 0;
}
#core .pagination a.next:hover, #core .pagination a.next:focus {
    background:url(../../common/img/picto/picto-pagination.png) no-repeat 0 -17px;
}

 
/**
 * @section     Global
 * @tree        .album
 */
li.album, div.album {
    float:left;
    margin-bottom:10px; margin-left:19px;
}
li.first {
    margin-left:0px;
}
.album .visual {
    display:block;
    overflow:hidden;
    margin-bottom:5px;
    width:170px; height:108px;
}
.album .visual img {display:block;}
.album ul {
    margin-top:3px;
}
.album ul li {
    float:left;
    margin-right:4px; margin-left:0; padding-left:4px; border-left:1px solid #4d4445;
    line-height:12px;
}
.album ul li.first {
    padding-left:0; border:none;
}
.album .more, .album .moreOnGreen {
    margin-bottom:0;
}
.album p {
    clear:both;
    margin:0;
}

/**
 * @section     Global
 * @tree        .destination
 */
.destination li {
    position:relative;
    float:left;
    margin-bottom:5px; padding:0 10px 21px; border-left:1px dotted #a29999;
    width:181px; height:260px;
}
.destination li.first {
    padding-left:0; border:none;
}
.destination li.last {padding-right:0;}
.destination li a.visual {
    display:block;
    overflow:hidden;
    width:181px; height:80px;
}
.destination li img {display:block;}
.destination .title {
    border:1px solid #57ae43;
    background:#57ae43 url(../img/bg/bg-destination-favourites-title.png) no-repeat 0 50%;
}
.destination .title h3 {
    border:medium none;
	color:#FFFFFF;
	font-size:12px;
	height:34px;
	line-height:17px;
	margin-bottom:0;
	padding:3px 10px 0;
}
.destination .title h3 a {color:#FFF; text-decoration:none;}
.destination .title h3 a:hover, #othersTravels .title h3 a:focus {text-decoration:underline;}
.destination .title .subtitle {
    margin:0; padding:0 10px 2px;
    font-size:11px;
    color:#8ec91c;
    font-weight:bold;
}
.destination .title .subtitle a {color:#8ec91c; text-decoration:none;}
.destination .title .subtitle a:hover, #othersTravels .title .subtitle a:focus {text-decoration:underline;}
.destination li .more {
    position:absolute; bottom:5px; right:10px;
    margin:0;
}
.destination li.last .more {right:0;}

/**
 * @section list of tops price
 * @tree    .tops < #core < #content < #wrapper
 */
.tops li {
    position:relative;
	display:block;
    clear:left;
    margin-top:5px; padding-top:5px; border-top:1px dotted #9e9695;
}

.tops li a {
    float:left; 
    overflow:hidden;
    text-decoration:none;
    margin-right:10px; margin-bottom:5px;
    width:90px; height:70px;
}
.tops li a:hover {
    text-decoration:underline;
}
.tops li.first, .tops li.second {
    padding-top:10px; border-top:none;
}
.tops li img {
    float:left; 
}
.tops li a.note {
    display:block; float:none;
    position:absolute; left:38px; top:46px;
    margin:0; padding:7px 0 0 8px;
    width:52px; height:27px;
    color:#407f32; background:url(/templates/touringnature/common/img/bg/bg-note-nature.png) no-repeat 0 0;
    font-size:9px;
    cursor:pointer;
}
.tops li.first a.note, .tops li.second a.note {
    top:51px;
}
.tops li a.note span {
    font-size:14px; font-weight:bold;
}
.tops li h3 {
    margin:0;
    font-size:14px;
}
.tops li h3 a {
    float:none;
    margin:0;
    width:auto; height:auto;
    color:#4d4445;
}
.tops li h4 {
    margin-bottom:5px;
    font-size:12px;
}
.tops li h4 a {
    float:none;
    margin:0;
    width:auto; height:auto;
    color:#57ae43;
}
.tops li p {margin-bottom:0;}
.tops li .price {
    display:block; float:right;
    padding-left:13px;
    height:33px;
    color:#FFF; background:url(/templates/touringnature/common/img/bg/bg-price-big-left.png) no-repeat 0 0;
    text-decoration:none; text-align:right;
}
.tops li a.price:focus, .tops li a.price:hover {
    text-decoration:underline;
}
.tops li .price span {
    display:block;
    height:33px;
    padding-right:13px;
    background:url(/templates/touringnature/common/img/bg/bg-price-big-right.png) no-repeat 100% 0;
    font-size:16px; font-weight:bold;
    line-height:1.2;
}
.tops li .price span span {
    display:block;
    margin-left:0; padding:4px 0 0;
    height:auto;
    background:none;
    font-size:9px; font-weight:normal;
    line-height:8px;
}
.tops li .price span a {
    float:none;
    margin:0;
    height:auto; width:auto;
    color:#fff;
    text-decoration:none;
}

/**
 * @section top lists
 * @tree    .topList || .topListLeft || .topListRight < .containerDouble < #core < #content < #wrapper
 */
#core .topList h2 {
    margin:0 0 5px 0; padding-left:40px;
    background-repeat:no-repeat; background-position:0 50%;
    line-height:33px;
}
#core .topListLeft {margin-left:0;}
#core .topListRight {margin-left:13px}

#core .topList {
    float:left;
    width:302px;
}
#core .topList a.more {margin:5px 7px 0 0;}


/**
 * @section Top Travels & Top Hotels & Top Rents & Top Flights
 * @tree    #topTravels || #topHotels || #topRents || #topFlights < .containerDouble < #core < #content < #wrapper
 *
#topTravels, #topHotels, #topRents, #topFlights {
    float:left;
    width:302px;
}
#topTravels h2, #topHotels h2, #topRents h2,  #topFlights h2 {
    margin:0 0 5px 0; padding-left:40px;
    line-height:33px;
}
#topTravels p.required, #topHotels p.required, #topRents p.required, #topFlights p.required {
    margin-top:0; margin-left:7px;
    font-size:9px;
}
#topTravels a.more, #topHotels a.more, #topRents a.more, #topFlights a.more {
    margin:5px 7px 0 0;
}


/**
 * @section Top Travels
 * @tree    #topTravels < .containerDouble < #core < #content < #wrapper
 *
#topTravels {margin-right:6px;}
#topTravels h2 {background:url(/templates/touringnature/common/img/picto/picto-sejour.png) no-repeat 0 50%;}

/**
 * @section Top Hotels
 * @tree    #topHotels < .containerDoublet < #core < #content < #wrapper
 *
#topHotels {margin-left:7px;} 
#topHotels h2 {background:url(/templates/touringnature/common/img/picto/picto-hotel.png) no-repeat 0 50%;}

/**
 * @section Top Rents
 * @tree    #topRents < .containerDouble < #core < #content < #wrapper
 *
#topRents {margin-left:6px;} 
#topRents h2 {background:url(/templates/touringnature/common/img/picto/picto-keys.png) no-repeat 0 50%;}

/**
 * @section Top Flights
 * @tree    #topFlights < .containerDouble < #core < #content < #wrapper
 *
#topflights {margin-left:7px;}
#topFlights h2 {background:url(/templates/touringnature/common/img/picto/picto-flight.png) no-repeat 0 50%;}

/**
 * @section     Container Highlight Tabs 
 * @tree        .containerHighlight < #core < #content < #wrapper
 */
/*.containerHighlightInner {padding:0;}*/
.containerHighlight .header li.first h2 a {width:298px;}
.containerHighlight .header li.last h2 a {width:299px;}


/**
 * @section    Last Minute Tab
 * @tree       .lastMinute < #core < #content < #wrapper
 */
table.lastMinute {
	width:100%;
}
table.lastMinute h3 {
    margin:0; padding-left:40px;
    height:33px;
    color:#3c2c2c;
    font-size:14px;
    line-height:33px;
}
table.lastMinute h3 a {
    color:#3c2c2c;
    text-decoration:none;
}
table.lastMinute td, table.lastMinute th {
    padding:7px 0; border-top:1px dotted #9d9493;
}
table.lastMinute thead th, table.lastMinute tfoot td, table.lastMinute tr.first th, table.lastMinute tr.first td {
    border:none;
}
table.lastMinute th {
    padding:0;
	text-align:left;
}
table.lastMinute th span {
    color:#57ae43;
    font-weight:normal;
}
table.lastMinute th a, table.lastMinute td.delay a {
    color:#4d4445;
    text-decoration:none;
}
table.lastMinute td.delay {
    width:23px;
    background:url(/templates/touringnature/common/img/bg/bg-delay.png) no-repeat 50% 50%;
    font-size:9px;
    text-align:center;
}
table.lastMinute td.price {
    color:#f85320;
    min-width:3.5em;
    font-size:14px; font-weight:bold;
    text-align:right;
}
table.lastMinute td.price a {
    color:#f85320;
    text-decoration:none;
    white-space:nowrap;
}
table.lastMinute h3 a:hover,
table.lastMinute h3 a:focus, 
table.lastMinute th a:hover, 
table.lastMinute th a:focus, 
table.lastMinute td a:hover, 
table.lastMinute td a:focus {
    text-decoration:underline;
}
table.lastMinute tfoot td {padding:0;}
table.lastMinute tfoot td a.more {margin-bottom:0;}

/**
 * @section     Pictures Shared (Tab 1) 
 * @tree        #picturesShared < #core < #content < #wrapper
 */
#js #picturesAdded, #js #picturesShared {
    position:absolute;
    left:-10000px;
    padding:12px 0 0;
}
#js #picturesAdded.on, #js #picturesShared.on {
    position:relative;
    left:0;
}
#picturesAdded, #picturesShared {
    margin:0 auto;
    width:570px;
}
#picturesShared li.album {
    float:left;
    padding:0; margin-left:20px;
    width:170px;
    color:#FFF;
}
#picturesShared li.album p.author {color:#b0e72b;}
#picturesShared li.first {
    margin-left:10px;
}
#picturesShared li.album li, #picturesAdded li.album li {
    border-color:#b0e72b;
    color:#b0e72b;    
    font-weight:bold;
}
#picturesShared li ul li.first, #picturesAdded li ul li.first {
    margin-left:0px;
}

/**
 * @section     Pictures  
 * @tree        #picturesAdded || #picturesShared < #core < #content < #wrapper
 */
#picturesAdded {
    width:615px;
}
#picturesAdded .carouselInner {
    margin:0 auto 12px;
    width:550px; height:200px;
    overflow:scroll;
}
#js #picturesAdded .carouselInner {
    position:relative;
    height:auto; width:570px;
    overflow:hidden;
}
#js #picturesAdded .carouselInner ul {
    position:relative;
}
#js #picturesAdded .pagination {
    display:none;
}
#picturesAdded li.album {
    float:left;
    padding:0; margin:0;
    width:190px;
    color:#fff;
}
#picturesAdded li.first {
    padding-left:0; margin:0;
}
#picturesAdded li.album h3, #picturesShared li.album h3 {
    margin:0; padding:0; border:none;
    background:none; 
    font-size:11px;
}
#picturesAdded li.album h3 a, #picturesShared li.album h3 a {
    color:#b0e72b;
    text-decoration:none;
}
#picturesAdded li.album h3 a:hover, #picturesShared li.album h3 a:hover {
    text-decoration:underline;
}
#picturesAdded li.album p.description, #picturesShared li.album p.description {
    color:#b0e72b;
}
#picturesAdded li.album ul {
    padding-right:20px;
}
#picturesAdded li.album ul li, #picturesShared li.album ul li {
    padding-right:1ex; border-color:#fff;
    color:#fff;
    font-weight:normal;
}
#picturesAdded a.prev, #picturesAdded a.next {
    display:block;
    position:absolute;
    top:52px;
    height:23px; width:23px;
    text-indent:-1000em; outline:none;
}
#picturesAdded a.off {
    display:none;
}
#picturesAdded a.prev {
    left:0;
    background:url(/templates/touringnature/common/img/picto/btn-carousel-highlight-left.png);
}
#picturesAdded a.next {
    right:0;
    background:url(/templates/touringnature/common/img/picto/btn-carousel-highlight-right.png);
}
#picturesAdded a.moreOnGreen {
     margin:0 20px 0 0;
}

/**
 * @section     Global
 * @tree        form.sortBy
 */
form.sortBy {margin-bottom:10px;}
form.sortBy fieldset.select {float:left;}
#js form.sortBy fieldset.select label {
    position:absolute; top:-10000px; left:0;
}
form.sortBy fieldset.actions input {
    border:none;
    width:29px; height:20px;
    padding-bottom:3px;
    color:#FFF; background:url(/templates/touringnature/account/img/bg/bg-btn-input.png);
    font-weight:bold; font-size:10px;
    text-align:center;
}
form.sortBy fieldset.actions input:hover {
    color:#4D4445;
    cursor:pointer;
}


/**
 * @section     Global
 * @tree        form.sortBy
 */
#js form.nbResults .actions, #js form.sortBy label, #js form.sortBy .actions {display:none;}
form.nbResults {
    margin-left:7px;
    font-size:11px;
}
form.nbResults .select {
    float:left;
}
form.nbResults .select label {
    float:left;
    margin-right:1ex;
}
form.nbResults .actions input {
    border:none;
    width:29px; height:20px;
    padding-bottom:3px;
    background:url(/templates/touringnature/common/img/form/btn-submit.png); color:#fff;
    font-weight:bold; font-size:10px;
    text-align:center;
}
#js form.nbResults .actions input {display:none;}
form.nbResults fieldset.select, form.nbResults fieldset.actions {float:left;padding-right:5px;}
form.nbResults fieldset.actions input {
    border:none;
    width:29px; height:20px;
    padding-bottom:3px;
    color:#FFF; background:url(/templates/touringnature/common/img/form/btn-submit.png);
    font-weight:bold; font-size:10px;
    text-align:center;
}
form.nbResults fieldset.actions input:hover {
    color:#4D4445;
    cursor:pointer;
}

/**
 * @section            form elements
 */
#js .skinnedForm .text span, #js .skinnedForm .text div.autoComplete {
    float:left;
    padding:0 9px 0 0; border:none;
}
#js .redForm .text span, #js .redForm .text div.autoComplete {background:url(/templates/touringnature/common/img/form/faux-text-input-right-red.png) no-repeat 100% 50%;}
#js .greenForm .text span {background:url(/templates/touringnature/common/img/form/faux-text-input-right-green.png) no-repeat 100% 50%;}
#js .skinnedForm span.required {
    float:none;
    background:none;
}
#js .skinnedForm .text input {
    padding:2px 0 0 9px;
    height:16px; width:140px;
    border:none;
}
#js .skinnedForm .text input.disabled {
    color:#CCC;
    cursor:default;
}
#js .redForm .text input {
    background:url(/templates/touringnature/common/img/form/faux-text-input-left-red.png) no-repeat 0 50%;
}
#js .greenForm .text input {
    background:url(/templates/touringnature/common/img/form/faux-text-input-left-green.png) no-repeat 0 50%;
}
/*remplacement visuel des select*/
#js .skinnedForm .select select {
    position:absolute; left:-10000px;
}
#js .skinnedForm  .fauxSelect {
    float:left;
    padding-right:17px;
}
#js .fauxSelect {
    background:url(/templates/touringnature/common/img/form/faux-select-right-default.png) no-repeat 100% 50%;
    cursor:default;
}
#js .redForm .fauxSelect {
    background:url(/templates/touringnature/common/img/form/faux-select-right-red.png) no-repeat 100% 50%;
}
#js .greenForm .fauxSelect {
    height:18px;
    background:url(/templates/touringnature/common/img/form/faux-select-right-green.png) no-repeat 100% 50%;
}
#js .skinnedForm  .fauxSelect.focus {
    /*border-color:#000;*/
}
#js .skinnedForm  .fauxSelect div {
    overflow:hidden;
    padding-left:9px;
    height:20px; line-height:20px;
}
#js .fauxSelect div {
    background:url(/templates/touringnature/common/img/form/faux-select-left-default.png) no-repeat 0 50%;
}
#js .redForm  .fauxSelect div {
    height:18px; line-height:18px;
    background:url(/templates/touringnature/common/img/form/faux-select-left-red.png) no-repeat 0 50%;
}
#js .greenForm  .fauxSelect div {
    height:18px; line-height:16px;
    background:url(/templates/touringnature/common/img/form/faux-select-left-green.png) no-repeat 0 50%;
}
#js .skinnedForm  .fauxSelect span {
    display:block;
    overflow:hidden;
    padding-right:3px; 
    height:16px;
}
#js .redForm .fauxSelect span {
    border-top:1px solid #ffa838; border-bottom:1px solid #ffa838;
    background:#fff;
}
#js .greenForm .fauxSelect span {
    height:16px;
    border-top:1px solid #6bbe58; border-bottom:1px solid #6bbe58;
    background:#fff;
}
#js form .disabled {
    width:140px; height:18px;
    background:url(/templates/touringnature/common/img/form/faux-select-disabled.png) no-repeat 0 50%;
}
#js form .disabled .fauxSelect {
    position:absolute; left:-9999px;
}

#boxFauxOptionsMask {z-index:950;}
#fauxOptions {
    overflow:hidden;
    border:1px solid #ffa838;
    min-width:118px;
    background:#FFF;
    z-index:1000;
    cursor:default;
}
#fauxOptions .notScrolled {
    min-width:118px;
}
#fauxOptions ul {
    margin:0; padding:0;
    list-style:none;
}
#fauxOptions .scrolled ul {
    margin-right:14px;
}
#fauxOptions li {
    padding:1px 2px;
    background:none;
    font-size:10px;
    white-space:nowrap;
}
#fauxOptions li:hover, #fauxOptions li.hover {
    background:#EEE;
}
#fauxOptions li.selected {
    background:#CCC;
}
#fauxOptions .scrolled {
    position:absolute; top:0; left:0;
    min-width:120px;
}
#fauxOptions .scrollbar {
    position:absolute; top:1px; right:0;
    width:12px;
}
#fauxOptions .gutter {
    position:absolute; top:0; left:0;
    width:12px;
    background:#EEE;
}
#fauxOptions .bar {
    position:absolute; top:0; left:0;
    overflow:hidden;
    width:12px;
    background:url(/templates/touringnature/common/img/form/scrollbar.png) repeat-y;
}
#fauxOptions .bar .start, #fauxOptions .bar .end {
    position:absolute; left:0;
    overflow:hidden;
    width:12px; height:1px;
    background:url(/templates/touringnature/common/img/form/scrollbar.png) no-repeat;
}
#fauxOptions .bar .start {
    top:0;
    background-position:-12px 0;
}
#fauxOptions .bar .end {
    bottom:0;
    background-position:-12px -11px;
}
/*remplacement visuel des checkbox*/
#js .skinnedForm  .checkbox input {
    position:absolute; left:-10000px;
}
#js .skinnedForm  .checkbox label {
    padding-left:18px;
}
#js .redForm .checkbox label {
    background:url(/templates/touringnature/common/img/form/faux-checkbox-red.png) no-repeat 1px 0;
}
#js .greenForm .checkbox label {
    background:url(/templates/touringnature/common/img/form/faux-checkbox-green.png) no-repeat 1px 0;
}
#js .skinnedForm  .checkbox label.focus {
    background-position:-499px 0;
}
#js .skinnedForm  .checkbox label.checked {
    background-position:-999px 0;
}
#js .skinnedForm  .checkbox label.focus.checked {
    background-position:-1498px 0;
}
/*remplacement visuel des radios*/
#js .skinnedForm  .radios input {
    position:absolute; left:-10000px;
}
#js .skinnedForm  .radios label {
    padding-left:18px;
}
#js .redForm .radios label {
    background:url(/templates/touringnature/common/img/form/faux-radios-red.png) no-repeat 1px 0;
}
#js .greenForm .radios label {
    background:url(/templates/touringnature/common/img/form/faux-radios-green.png) no-repeat 1px 0;
}
#js .skinnedForm  .radios label.focus {
    background-position:-499px 0;
}
#js .skinnedForm  .radios label.checked {
    background-position:-999px 0;
}
#js .skinnedForm  .radios label.focus.checked {
    background-position:-1498px 0;
}

/**
 * @section            autocompletion
 */
#js .text div.autoComplete {
    position:relative;
}
#js .text div.autoComplete ul {
    position:absolute;
    margin-top:19px;
    width:100%; border:1px solid #ffa838;
    background:#fff;
}
#js .text div.autoComplete li a {
    display:block;
    text-decoration:none;
    cursor:pointer;
}

/**
 * @section            Google map
 */
#core .gMapInfos {
    width:300px;
    color:#000;
    font-size:10px; line-height:1.2;
}
#core .gMapInfos h3 {
    margin:0 1ex 0 0; padding:0;
    color:#000;
    font-size:12px;
}
#core .gMapInfos span.note {
    float:left;
    color:#ec6730;
    font-size:18px;
}
#core .gMapInfos ul {
    float:left; clear:left;
    width:150px;
}
#core .gMapInfos img {
    float:right;
    margin-bottom:1em;
    width:90px; height:auto;
}
#core .gMapinfos p {margin:0;}
#core .gMapInfos ul.links {
    float:none; clear:both;
    width:auto;
}
#core .gMapInfos .links li a {
    float:left;
    margin-right:1ex;
    color:#00f;
}

/**
 * @workaround         Clearing
 */
.containerHighlightInner:after, 
.sectionInner:after,
.sectionSimpleInner:after, 
.container:after, 
.containerBottom:after, 
.containerDoubleTop:after,
.destination:after,
.containerDouble:after,
#header:after, 
#footer:after,
#mainWrapper:after, 
#content:after, 
#core:after, 
#aside:after, 
#navigationOffers:after,
#footer .links:after,
form.sortBy:after,
.text:after, .select:after, .checkbox:after, .radios:after, .actions:after,
.tops li:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}


