/**
 * @title       Touring Nature home styles
 * @requires    global.css, aside.css
 */
#content {
    padding-top:15px;
    background:url(/templates/touringnature/home/img/bg/bg-intro-top.png) repeat-x 0 0;
}
#mainWrapper {
    background:url(/templates/touringnature/common/img/bg/bg-main-top.png) repeat-x;
}

/**
 * @section     intro
 * @tree        #intro < #content
 */
#intro {
    background:url(/templates/touringnature/home/img/bg/bg-intro-bottom.png) repeat-x 0 100%;
}
#core, #aside {margin-top:10px;}
/**
 * @section     topDestinations
 * @tree        #topDestinations < #intro < #content
 */
#topDestinations {
    position:relative;
    margin:0 15px 8px 0;
    width:580px; height:238px;
    float:right;
}
#topDestinations h2 {
    position:absolute; z-index:10;
    top:0; left:0;
    padding:0 0 0 37px; margin:6px 0 0 6px;
    height:33px;
    background:url(/templates/touringnature/common/img/picto/picto-sejour.png) no-repeat 0 50%;
    font-size:16px; line-height:33px;
}
#topDestinations .carousel {
    position:absolute; z-index:0;
    width:580px; height:238px;
    overflow:auto;
}
#js #topDestinations .carousel {
    overflow:hidden;
}

/**
 * @section       carouselInner
 */
#topDestinations .carouselInner li {
    position:relative;
    width:580px; height:238px;
}
#topDestinations .carouselInner li .backgroundLayer {
    display:block; z-index:40;
    position:absolute;
    top:50%;
    width:100%;
    text-align:center;
}
#js #topDestinations .carouselInner li .backgroundLayer {
    position:absolute; z-index:0;
}
#js #topDestinations .carouselInner li .backgroundLayer span {
    display:block;
    height:0; width:0;
    overflow:hidden;
}
#topDestinations .carouselInner li a.foregroundLayer {
    display:block;
    position:absolute; z-index:20;
    top:40px;
    width:580px; height:198px;
}
#topDestinations .carouselInner li a.foregroundLayer span {
    display:block;
    height:0; width:0;
    overflow:hidden;
}
#topDestinations .carouselInner li .secondLayer {
    position:absolute; z-index:10;
    width:580px; height:238px;
    background:url(/templates/touringnature/home/img/bg/bg-top-destinations.png) no-repeat;
}
#topDestinations .carouselInner li .secondLayer h3 {
    position:absolute;
    bottom:6px; left:12px;
    margin:0;
    color:#fff;
    font-size:18px; font-style:italic;
}
#topDestinations .carouselInner li .secondLayer h3 span {
    font-size:12px;
}
#topDestinations .carouselInner li .secondLayer p {
    position:absolute;
    bottom:0; right:12px;
    margin:0;
    color:#b0e72b;
    font-size:13px; font-style:italic; font-weight:bold;
}
#topDestinations .carouselInner li .secondLayer p span {
    color:#fff;
    font-size:33px;
}
/**
 * @section       pagination
 */
#topDestinations .carousel .pagination {
    position:absolute; z-index:20;
    top:6px; right:6px;
}
#topDestinations .carousel .pagination li {
    float:left;
    margin:0 6px 0 0;
}
#topDestinations .carousel .pagination li a {
    display:block;
    height:23px; width:23px;
    background:url(/templates/touringnature/home/img/bg/bg-pagination.png) no-repeat 0 100%; color:#6e5f55;
    font:bold 11px/23px "Trebuchet MS", Tahoma, Arial, sans-serif;
    text-align:center; text-decoration:none;
}
#topDestinations .carousel .pagination li.on a {
    background-position:0 0; color:#fff;
}

/**
 * @section     ourFavorites
 * @tree        #ourFavorites < #intro < #content
 */
#ourFavorites {
    position:relative;
    margin:0 14px 14px 0; padding-bottom:12px;
    width:582px;
    float:right;
    background:url(/templates/touringnature/home/img/bg/bg-our-favorites-bottom.png) no-repeat 0 100%;
}
#ourFavorites .wrapper {
    background:url(/templates/touringnature/home/img/bg/bg-our-favorites-top.png) no-repeat 0 0;
}
#ourFavorites h2 {
    padding:6px 0 0 37px; margin:0 0 0 6px;
    height:36px;
    background:url(/templates/touringnature/common/img/picto/picto-heart.png) no-repeat 0 50%;
    font-size:16px; line-height:33px;
}
#ourFavorites .carouselInner {
    margin:0 auto;
    width:485px; min-height:148px;
    overflow:scroll;
}
#js #ourFavorites .carousel, #js #ourFavorites .carouselInner {
    overflow:hidden;
    position:relative;
}
#js #ourFavorites .pagination {
    display:none;
}
#js #ourFavorites .carouselInner {
    overflow:hidden;
}
#js #ourFavorites .carousel a.prev, #js #ourFavorites .carousel a.next {
    display:block;
    position:absolute;
    top:40px;
    width:23px; height:23px;
    text-indent:-1000px; overflow:hidden;
}
#js #ourFavorites .carousel a.off {
    display:none;
}
#js #ourFavorites .carousel a.prev {
    left:14px;
    background:url(/templates/touringnature/home/img/bg/bg-carousel-prev.png) no-repeat;
}
#js #ourFavorites .carousel a.next {
    right:14px;
    background:url(/templates/touringnature/home/img/bg/bg-carousel-next.png) no-repeat;
}
#ourFavorites .carouselInner ul {
    position:relative;
}
#ourFavorites .carouselInner li {
    float:left;
    position:relative;
    width:110px;
    padding:0 15px 0 0;
}
#ourFavorites .carouselInner li a {
    display:block;
    text-decoration:none;
}
#ourFavorites .carouselInner li a .visual {
    display:block;
    overflow:hidden;
    width:110px; height:81px;    
}
#ourFavorites .carouselInner li a img {
    display:block;
}
#ourFavorites .carouselInner li a span.destination {
    display:block;
    color:#57ae43;
    font-size:12px; font-weight:bold;
}
#ourFavorites .carouselInner li a span.description {
    display:block;
    color:#4d4445;
    font-size:11px; font-weight:bold;
}
#ourFavorites .carouselInner li a span.price {
    color:#ec6730;
    font-size:16px; font-weight:bold;
}
#ourFavorites .carouselInner li a:hover span {
    text-decoration:underline;
}
#ourFavorites .carouselInner li a.note {
    display:block;    
    position:absolute;
    overflow:visible;
    top:50px; left:54px;
    padding:6px 0 0 6px;
    width:46px; height:21px;
    background:url(/templates/touringnature/common/img/bg/bg-note-nature.png) no-repeat; color:#407f32;
    font-size:8px;
}
#ourFavorites .carouselInner li a.note:hover {
    text-decoration:underline;
    cursor:pointer;
}
#ourFavorites .carouselInner li a.note span {
    font-size:16px; font-weight:bold;
}

/**
 * @section        main
 * @section        #core
 */
#core .containerDouble .wrapper {
    float:left;
}
#travelIdeas h2 {
    margin:0 6px 1ex;
}
#travelIdeas h2.first {
    clear:both;
    margin:0 0 12px 0; padding-top:0; padding-bottom:1px; border-bottom:1px solid #5aad43;
    color:#5aad43;
    font-size:12px; 
}
#travelIdeas a.travelIdeaVisual {
    float:left;
    overflow:hidden;
    margin:0 15px 10px 0;
    width:180px; height:122px;
}
#travelIdeas .travelIdeaVisual img {float:left;}
#travelIdeas h3.title {
    margin:5px 0 5px 0;
    font-size:14px;
}
#travelIdeas h3.title a {
    color:#4d4445;
    text-decoration:none;
}
#travelIdeas h3.title a:hover {
    text-decoration:underline;
}

/**
 * @section        top1, top2
 * @tree           #top1 || #top2 < #core
 */
#top1 .containerDouble {
    padding-bottom:10px;
}
#top2.containerDoubleTop {
    margin-top:-20px; margin-bottom:15px; padding-top:10px;
    width:645px;
    background:url(/templates/touringnature/home/img/bg/bg-container-double-top-nospace.png) no-repeat 0 0;
}
#top2 .containerDoble {
    padding:0 9px;
}
/*#top1 #topHotels {
    margin-left:12px;
}
#top2 #topTravels {
    margin-right:0;
}
#top2 #topFlights {
    margin-left:13px;
}*/

/**
 * @section        easyclearing
 */
#intro:after, #js #ourFavorites .carousel:after, #core .containerDouble:after, #core .carousel:after, #picturesAdded ul:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}