@charset "utf-8";

/* CSS Document */

html {
    font-size: 100%;
    font-size: 0.625rem;
}

body {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #354853;
    background: #FFF;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1.25em 0 .5em 0;
    line-height: 1.2;
    font-style: normal;
    font-weight: normal;
    font-family: 'Questrial', Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 2.75em;
    color: #5C4B42;
    margin-top: 20px;
}

h2 {
    font-size: 1.875em;
    color: #354853;
}

h3 {
    font-size: 1.375em
}

h4 {
    font-size: 1em
}

ol,
ul {
    margin: .75em 0 .75em 32px;
    padding: 0
}

p {
    margin: 1.375em 0
}

address {
    margin: .75em 0;
    font-style: normal
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

a:hover {
    color: #1A171B;
}

a img {
    border: none
}

em {
    font-style: italic
}

fieldset,
form {
    margin: 0;
    padding: 0;
    border: none
}

button,
input,
select {
    vertical-align: middle
}

.clear {
    clear: both
}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

@font-face {
    font-family: 'nightingaleregular';
    src: url('../fonts/nightingale_sample-webfont.eot');
    src: url('../fonts/nightingale_sample-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nightingale_sample-webfont.woff2') format('woff2'), url('../fonts/nightingale_sample-webfont.woff') format('woff'), url('../fonts/nightingale_sample-webfont.ttf') format('truetype'), url('../fonts/nightingale_sample-webfont.svg#nightingaleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
    max-width: 100%;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-justify {
    text-align: justify;
}

.divider {
    margin: 35px 0;
}

.divider hr {
    height: 1px;
    margin: -0.5em 0;
    padding: 0;
    color: #dbdce0;
    background-color: #dbdce0;
    border: 0;
}

p,
ul,
ol {
    font-family: 'Questrial';
    color: #354853;
    line-height: 1.688em;
}

.detail_actualite p,
.detail_actualite ul,
.detail_actualite ol {
    font-size: 16px;
    list-style-position: inside;
}

strong {
}

p strong,
ul strong,
ol strong {
}

input,
textarea,
select,
button {
    font-family: Arial, Helvetica, sans-serif;
}

input[type="submit"],
button {
    cursor: pointer;
}

.overall {
    max-width: 1300px;
    margin: auto;
}

.overall_pad {
    max-width: 1300px;
    padding: 0 20px;
    margin: auto;
}

.center {
    text-align: center;
}

blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin-left: 0;
    margin-bottom: 20px !important;
    position: relative;
    /*Borders - (Optional)*/
    border-left: 15px solid #354853;
}

blockquote::before {
    content: "\201C";
    /*Unicode for Left Double Quote*/
    /*Font*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;
    /*Positioning*/
    position: absolute;
    left: 10px;
    top: 5px;
}

blockquote::after {
    /*Reset to make sure*/
    content: "";
}

blockquote a {
    text-decoration: none;
    background: #eee;
    cursor: pointer;
    padding: 0 3px;
    color: #354853;
}

blockquote a:hover {
    color: #666;
}

blockquote em {
    font-style: italic;
}

/* HEADER */

/* MENU */

#nav_principale {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #FFF;
}

#burger::before {
    content: "";
    max-width: 20px;
    height: 3px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #354853;
    transition: all .2s;
}

#burger::after {
    content: "";
    max-width: 20px;
    height: 3px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #354853;
    transition: all .2s;
}

#burger span {
    width: 20px;
    height: 3px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #354853;
    transition: all .2s;
}

#burger {
    position: absolute;
    top: 50%;
    left: 15px;
    margin: -8px 0 0 0;
}

#btn_menu {
    text-transform: uppercase;
    display: block;
    position: relative;
    float: left;
    color: #354853;
    font-size: 2.4rem !important;
    line-height: 1.125em;
    padding: 4px 24px 4px 50px;
    cursor: pointer;
    margin: 0;
    font-family: 'Questrial';
    margin-right: 1em;
    height: 41px;
}

#btn_menu.actif {
    z-index: 10000;
}

#btn_menu p {
    margin: 0;
    color: #354853;
}

#btn_menu.actif #burger span {
    background: transparent;
}

#btn_menu.actif #burger::after {
    transform: rotate(45deg) !important;
    margin-top: -14px;
}

#btn_menu.actif #burger::before {
    transform: rotate(-45deg) !important;
    margin-top: 6px;
}

header#haut {
    display: block;
    background: #FFF;
    padding: 0;
    margin: auto;
}

header#haut nav {
    display: block;
    margin: 0;
    padding: 0;
}

#deroulant {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    color: #FFF;
    z-index: 1;
    text-align: left;
    text-transform: uppercase;
    display: none;
    top: 48px;
}

#deroulant.actif {
    position: absolute;
    display: block;
    z-index: 1000;
}

#deroulant > li {
    font-size: 1.4rem;
    margin: 0;
    display: block;
    border-bottom: 1px solid #DADADA;
}

#deroulant > li > a {
    color: #354853;
    display: block;
    padding: 12px 20px;
    line-height: 1.125em;
    position: relative;
    transition: all .2s;
    background: #FFF;
}

#deroulant > li:hover > a,
#deroulant > li.active > a {
    color: #FFF;
    background: #4EC1EA;
}

#deroulant > li ul {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #009EE2;
    color: #FFF;
    text-align: left;
    max-width: 360px;
    z-index: 1000;
    box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3);
}

#deroulant > li:hover > ul {
    display: block;
}

#deroulant > li > ul > li {
    display: block;
    position: relative;
}

#deroulant > li > ul > li > a {
    position: relative;
    color: #FFF;
    display: block;
    padding: 18px 20px;
    line-height: 1.25em;
    position: relative;
    transition: all .2s;
    font-family: 'Questrial';
    border-bottom: 1px solid rgba(33, 33, 33, .2);
    text-transform: uppercase;
}

#deroulant > li > ul > li > ul > li > a {
    position: relative;
    color: #FFF;
    display: block;
    padding: 18px 20px;
    line-height: 1.25em;
    position: relative;
    transition: all .2s;
    font-family: 'Questrial';
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    text-transform: uppercase;
}

#deroulant > li > ul > li > a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #006EA5;
    transition: all .2s;
}

#deroulant > li > ul > li:hover > a::after {
    width: 100%;
}

#deroulant > li > ul > li:hover > a {
    background: #006EA5;
}

ul#deroulant > li > ul > li > a::before {
    content: "\203A";
    color: rgba(33, 33, 33, .2);
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -12px 0 0 0;
    font-size: 20px;
    line-height: 22px;
}

ul#deroulant > li > ul > li:hover > a::before {
    color: #FFF;
}

#deroulant > li > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    background: #006EA5;
    display: none;
    width: 260px;
}

#deroulant > li > ul > li:hover > ul {
    display: block;
    z-index: -1;;
}

ul#deroulant > li > ul > li:hover > ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
}

ul#deroulant > li ul li ul li a:hover {
    background: #005884 !important;
}

/* NAV DESTINATIONS */

#nav_destination {
    float: left;
    margin: 14px 0 0 0;
    position: relative;
}

#nav_destination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

#nav_destination ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1rem;
}

#nav_destination ul li a {
    display: block;
    position: relative;
    color: #354853;
    padding: 6px 18px 6px 24px;
    text-transform: uppercase;
    font-family: 'Questrial';
}

#nav_destination ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #354853;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 0;
    transform: rotate(45deg);
    transition: transform .3s;
}

#nav_destination ul li a:hover::before {
    transform: rotate(180deg);
}

#nav_destination ul li a.c_pontarlier::before {
    background: #A1C96B;
}

#nav_destination ul li a.c_metabief::before {
    background: #4EC1EA;
}

#nav_destination ul li a.c_malbuisson::before {
    background: #F6BB41;
}

#nav_destination ul li a.c_fourgs::before {
    background: #D670A9;
}

#nav_destination ul li a.c_mouthe::before {
    background: #5FBCA6;
}

#nav_destination ul li a.c_montbenoit::before {
    background: #ED6D55;
}

#btn_menu_destination {
    display: none;
}
#btn_menu_home {
    display: none;
}


#nav_passions_langue {
    float: right;
}

#nav_passions_langue select {
    background: url(../images/puce_select.png) no-repeat center right #354853;
    border: none;
    color: #FFF;
    padding: 16px 35px 16px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1.4em;
    font-family: 'Questrial';
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
}

.choix_de_la_langue {
    background: #354853;
    float: right;
    border: none;
    margin: 0 0 0 1px;
    color: #FFF;
    padding: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1.4em;
    text-transform: uppercase;
    font-family: 'Questrial';
    cursor: pointer;
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.choix_de_la_langue .fr {
    width: 31px;
    height: 18px;
    float: left;
    margin: -2px 0 1px 0;
    background: url(../images/flag_fr.png) no-repeat center;
}

.choix_de_la_langue .en {
    width: 31px;
    height: 18px;
    float: left;
    margin: -2px 0 1px 0;
    background: url(../images/flag_en.png) no-repeat center;
}

.choix_de_la_langue .de {
    width: 31px;
    height: 18px;
    float: left;
    margin: -2px 0 1px 0;
    background: url(../images/flag_de.png) no-repeat center;
}

#intro {
    background: url(../images/bg_home.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
}

#intro section {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

#intro section h1 {
    color: #354853;
    font-size: 5.4em;
    font-family: 'nightingaleregular';
    margin: -60px 0 32px 0;
    max-width: 100%;
}

#intro section h1 span {
    display: block;
    color: #ED6D55;
    text-transform: uppercase;
    font-size: 3.7rem;
    margin: 0 0 18px 0;
    font-family: 'Questrial';
}

#intro section p {
    display: inline-block;
    padding: 4px 32px;
    margin: 0;
    background: #4EC1EA;
    color: #FFF;
    font-size: 2.3em;
    min-width: 245px;
}

#intro section em {
    display: block;
    padding: 4px 28px;
    margin: 48px 0 0 0;
    background: #FFF;
    color: #354853;
    font-size: 1.9rem !important;
    line-height: 2em;
    font-style: normal;
    font-family: 'Questrial';
}

#btn_scroll {
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin: 0 0 0 -14px;
    z-index: 10;
}

#btn_scroll span {
    display: block;
    background: url(../images/sprite.png) no-repeat 0 -49px;
    width: 28px;
    height: 37px;
    position: absolute;
    z-index: 100;
    margin: -6px 0 0 0;
}

#btn_scroll::before {
    position: absolute;
    z-index: -10;
    background: #ED6D55;
    width: 52px;
    height: 52px;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    margin: -13px 0 0 -13px;
    content: "";
}

#btn_scroll::after {
    position: absolute;
    background: url(../images/sprite.png) no-repeat -47px -106px;
    width: 41px;
    height: 22px;
    content: "";
    z-index: 10;
    margin: 40px 0 0 -7px;
    transition: animation;
    animation: .4s linear alternate infinite anifleche;
}

@keyframes anifleche {
    0% {
        margin: 40px 0 0 -7px;
    }
    100% {
        margin: 50px 0 0 -7px;
    }
}

#faire_defiler {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    font-size: 2.1em;
    color: #ED6D55;
    text-transform: uppercase;
    z-index: 2;
}

#liens_rapides {
    position: fixed;
    top: 160px;
    right: 0;
    z-index: 100;
}

#liens_rapides ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#liens_rapides ul li {
    display: block;
}

#liens_rapides ul li a {
    display: block;
    width: 58px;
    height: 58px;
    background: #354853;
    margin: 0 0 2px 0;
    position: relative;
    transition: width .2s, margin .2s;
}

#liens_rapides ul li a:hover {
    width: 180px;
    margin: 0 0 2px -122px;
}

#liens_rapides ul li a span,
#liens_rapides ul li form {
    color: #FFF;
    display: block;
    text-transform: uppercase;
    font-size: 1.4em;
    font-family: 'Questrial';
    left: 58px;
    top: 20px;
    position: absolute;
    width: 80px;
}

#liens_rapides ul li a#btn_brochure::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -18px 0 0 -15px;
    background: url(../images/sprite.png) no-repeat -132px -150px;
    width: 30px;
    height: 33px;
}

#liens_rapides ul li a#btn_brochure:hover {
    width: 160px;
    margin: 0 0 2px -102px;
}

#liens_rapides ul li a#btn_map {
}

#liens_rapides ul li a#btn_map::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: url(../images/sprite.png) no-repeat 0 0;
    width: 30px;
    height: 29px;
}

#liens_rapides ul li a#btn_search::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: url(../images/loupe.png) no-repeat 0 0;
    width: 30px;
    height: 29px;
}

#liens_rapides ul li a#btn_webcam {
    background: #ED6D55;
}

#liens_rapides ul li a#btn_webcam::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -15px 0 0 -13px;
    background: url(../images/sprite.png) no-repeat -50px 0;
    width: 27px;
    height: 29px;
}

#liens_rapides ul li a#btn_meteo,
#liens_rapides ul li a#btn_search {
    background: #4EC1EA;
}

#liens_rapides ul li a#btn_meteo::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -15px 0 0 -16px;
    background: url(../images/sprite.png) no-repeat -97px 0;
    width: 35px;
    height: 29px;
}

#liens_rapides ul li a#btn_pistes {
}

#liens_rapides ul li a#btn_pistes::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -17px 0 0 -15px;
    background: url(../images/sprite.png) no-repeat -152px 0;
    width: 30px;
    height: 33px;
}

#liens_rapides ul li a#btn_coupdecoeur {
    background: #ED6D55;
}

#liens_rapides ul li a#btn_coupdecoeur::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -14px 0 0 -15px;
    background: url(../images/sprite.png) no-repeat -202px 0;
    width: 30px;
    height: 28px;
}

#liens_rapides ul li a#btn_reseaux {
    background: #4EC1EA;
}

#liens_rapides ul li a#btn_reseaux::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -14px 0 0 -14px;
    background: url(../images/sprite.png) no-repeat -252px 0;
    width: 27px;
    height: 28px;
}

#liens_rapides ul li a#btn_manifestation::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: url(../images/manifestation.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
}

#liens_rapides ul li a#btn_manifestation {
    background: #ED6D55;
}

#liens_rapides ul li a#btn_pistes span,
#liens_rapides ul li a#btn_coupdecoeur span,
#liens_rapides ul li a#btn_reseaux span {
    top: 12px;
}

/* CONTENU HOME */

#contenu_home {
    background: url(../images/bg_contenu_home.png) no-repeat center;
    background-size: 100% auto;
}

#contenu_destination {
    background: url(../images/bg_contenu_home.png) no-repeat center;
    background-size: 100% auto;
}

/* MES ENVIES */

#mes_envies {
    background: #354853;
    padding: 40px;
}

#mes_envies p {
    margin: 0 1.5% 0 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8em;
    letter-spacing: 0.3rem;
    color: #FFF;
    text-transform: uppercase;
}

#mes_envies select {
    background: url(../images/puce_select.png) no-repeat center right #354853;
    border: none;
    margin: 0 0.5% 0 0.5%;
    color: #FFF;
    padding: 14px 50px 14px 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #FFF;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.1em;
    font-family: 'Questrial';
    width: 22%;
}

/* NOS DESTINATIONS */

#nos_destinations h2,
#vos_passions h2,
#notre_territoire h2,
#mur_social h2 {
    text-align: center;
    padding: 40px 24px;
    margin: 0;
    color: #354853;
    font-size: 2.7em;
    line-height: 1.25em;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

#nos_destinations ul {
    margin: 0 0 0 26px;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    padding-top: 26px;
    min-height: 525px;
    font-size: 0;
}

#nos_destinations ul li {
    font-size: 1rem;
    line-height: 1.8rem;
}

.btn_destination {
    display: block;
    width: 204px;
    height: 80px;
    background: #212121;
    margin: 0 0 0 -26px;
    position: relative;
    z-index: 10;
    color: #FFF;
    font-size: 1.7em;
    font-family: 'Questrial';
    border-bottom: 1px solid #FFF;
    border-right: 8px solid #FFF;
    text-align: center;

}

.btn_destination:hover {
    color: white;
}

.btn_destination span {
    display: block;
    position: relative;
    z-index: 20;
    top: 50%;
    left: 50%;
    text-transform: uppercase;
    transform: translate(-50%, -22%);
    transition: transform .2s;
}

#nos_destinations ul li:hover .btn_destination span {
    transform: translate(-50%, -50%);
}

.btn_destination::after {
    position: absolute;
    z-index: 10;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    background: #FFF;
    top: 18px;
    left: 50%;
    content: "";
    transition: width .2s, height .2s, margin .2s, border .2s;
    margin: 0 0 0 -4px;
    border: 0 solid rgba(0, 0, 0, 0);
}

#nos_destinations ul li:hover .btn_destination::after {
    width: 38px;
    height: 38px;
    margin: 0 0 0 -24px;
    border: 4px solid rgba(0, 0, 0, 0.15);
}

#nos_destinations ul li .btn_destination::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #F0F;
    content: "";
    z-index: 0;
    transition: height .2s;
    height: 0;
}

#nos_destinations ul li:hover .btn_destination::before {
    height: 100%;
}

#nos_destinations ul li {
    max-width: 204px;
}

#nos_destinations ul li div.detail_destination {
    height: 550px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}

#nos_destinations ul li:first-child div.detail_destination {
    z-index: 9;
}

#nos_destinations ul li:hover div.detail_destination {
    z-index: 9;
}

#nos_destinations ul li:nth-child(1) .btn_destination {
    border-top: 8px solid #FFF;
    background: url(../images/vignettes_1.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(1) div.detail_destination,
#nos_destinations ul li:nth-child(1) .btn_destination::before,
#nos_destinations ul li:nth-child(1) .btn_destination::after {
    background: #A1C96B;
}

#nos_destinations ul li:nth-child(1) div.detail_destination {
    background: url(../images/bg_zone_1.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(2) .btn_destination {
    background: url(../images/vignettes_2.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(2) div.detail_destination,
#nos_destinations ul li:nth-child(2) .btn_destination::before,
#nos_destinations ul li:nth-child(2) .btn_destination::after {
    background: #4EC1EA;
}

#nos_destinations ul li:nth-child(2) div.detail_destination {
    background: url(../images/bg_zone_2.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(3) .btn_destination {
    background: url(../images/vignettes_3.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(3) div.detail_destination,
#nos_destinations ul li:nth-child(3) .btn_destination::before,
#nos_destinations ul li:nth-child(3) .btn_destination::after {
    background: #F6BB41;
}

#nos_destinations ul li:nth-child(3) div.detail_destination {
    background: url(../images/bg_zone_3.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(4) .btn_destination {
    background: url(../images/vignettes_4.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(4) div.detail_destination,
#nos_destinations ul li:nth-child(4) .btn_destination::before,
#nos_destinations ul li:nth-child(4) .btn_destination::after {
    background: #D670A9;
}

#nos_destinations ul li:nth-child(4) div.detail_destination {
    background: url(../images/bg_zone_4.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(5) .btn_destination {
    background: url(../images/vignettes_5.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(5) div.detail_destination,
#nos_destinations ul li:nth-child(5) .btn_destination::before,
#nos_destinations ul li:nth-child(5) .btn_destination::after {
    background: #5FBCA6;
}

#nos_destinations ul li:nth-child(5) div.detail_destination {
    background: url(../images/bg_zone_5.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li:nth-child(6) .btn_destination {
    background: url(../images/vignettes_6.jpg) no-repeat center;
    background-size: cover;
    border-bottom: 8px solid #FFF;
}

#nos_destinations ul li:nth-child(6) div.detail_destination,
#nos_destinations ul li:nth-child(6) .btn_destination::before,
#nos_destinations ul li:nth-child(6) .btn_destination::after {
    background: #ED6D55;
}

#nos_destinations ul li:nth-child(6) div.detail_destination {
    background: url(../images/bg_zone_6.jpg) no-repeat center;
    background-size: cover;
}

#nos_destinations ul li div.detail_destination article {
    max-width: 400px;
    width: 50%;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translate(15%, -50%);
    color: #FFF;
    text-align: center;
}

#nos_destinations ul li div.detail_destination article h3 {
    font-size: 2.7em;
    line-height: 2em;
    font-family: 'nightingaleregular';
    margin-top: 0;
}

#nos_destinations ul li div.detail_destination article p {
    color: #FFF;
    font-size: 1.6em;
    line-height: 1.25em;
}

#nos_destinations ul li div.detail_destination article a {
    color: #FFF;
}

#nos_destinations ul li div.detail_destination article a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#nos_destinations ul li div.detail_destination article span {
    display: inline-block;
    padding: 16px 48px;
    background: #212121;
    color: #FFF;
    font-size: 1.8em;
    letter-spacing: 0.3em;
    font-family: 'Questrial';
    text-transform: uppercase;
    transition: padding .2s;
}

#nos_destinations ul li div.detail_destination article:hover span {
    padding: 16px 64px;
}

/* VOS PASSIONS */

#vos_passions ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

#vos_passions ul li {
    font-size: 1rem;
    line-height: 1.5em;
    height: 440px;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

#passion_neige {
    background: url(../images/passions_1.jpg) no-repeat center;
    background-size: cover;
}

#passion_activites {
    background: url(../images/passions_2.jpg) no-repeat center;
    background-size: cover;
}

#passion_tradition {
    background: url(../images/passions_3.jpg) no-repeat center;
    background-size: cover;
}

#passion_nature {
    background: url(../images/passions_4.jpg) no-repeat center;
    background-size: cover;
}

#vos_passions ul li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(100, 109, 120, 0.5);
    transition: background .6s;
    z-index: 10;
}

#vos_passions ul li:hover a {
    background: rgba(100, 109, 120, 0);
}

#vos_passions ul li a span {
    position: absolute;
    display: block;
    font-size: 2.5rem;
    letter-spacing: 0.3em;
    color: #FFF;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top .4s, opacity .4s;
    opacity: 1;
}

#vos_passions ul li:hover a span {
    top: 10%;
    opacity: 0;
}

#vos_passions ul li#passion_neige a span::before {
    background: url(../images/sprite.png) no-repeat -113px -49px;
    width: 74px;
    height: 74px;
    content: "";
    display: block;
    margin: auto auto 16px auto;
}

#vos_passions ul li#passion_activites a span::before {
    background: url(../images/sprite.png) no-repeat -207px -49px;
    width: 74px;
    height: 74px;
    content: "";
    display: block;
    margin: auto auto 16px auto;
}

#vos_passions ul li#passion_tradition a span::before {
    background: url(../images/sprite.png) no-repeat 0px -200px;
    width: 74px;
    height: 74px;
    content: "";
    display: block;
    margin: auto auto 16px auto;
}

#vos_passions ul li#passion_nature a span::before {
    background: url(../images/sprite.png) no-repeat -207px -143px;
    width: 74px;
    height: 74px;
    content: "";
    display: block;
    margin: auto auto 16px auto;
}

#vos_passions ul li div {
    display: inline-block;
    position: relative;
    padding: 12px 24px;
    background: #646D78;
    color: #FFF;
    font-size: 1.8em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    top: 80%;
    opacity: 0;
    transition: top .3s 0s, opacity .3s 0s;
}

#vos_passions ul li:hover div {
    top: 50%;
    opacity: 1;
    transition: top .4s .2s, opacity .4s 0.2s;
}

/* NOTRE TERRITOIRE */

#carte_interractive {
    border: 8px solid #FFF;
    position: relative;
    background: #2CAEDA;
    text-align: center;
}

#carte_interractive h3::before {
    content: "";
    display: block;
    margin: 36px auto;
    width: 218px;
    height: 166px;
    background: url(../images/map_france.png) no-repeat center;
    background-size: contain;
}

#carte_interractive h3 {
    margin-top: 32px;
    font-size: 3.6em;
    color: #FFF;
    font-family: 'nightingaleregular';
}

#un_territoire {
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#un_territoire a {
    display: inline-block;
    padding: 12px 24px;
    border: 2px solid #FFF;
    text-transform: uppercase;
    font-size: 2em;
    color: #FFF;
    font-family: 'Questrial';
    margin: 24px auto;
    transition: background-color .2s, color .2s, padding .2s;
}

#un_territoire a:hover {
    background-color: #FFF;
    color: #2CAEDA;
    padding: 12px 36px;
}

.col_1_2 {
    width: 50%;
    float: left;
}

#map_villes {
    float: right !important;
}

#map_villes img#maparea {
    display: block;
    width: 100%;
}

#map_villes > div {
    margin: 0 100px 0 0;
    position: relative;
}

#map_villes a {
    position: absolute;
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.7em;
    line-height: 1em;
    transform: translate(-50%, -50%);
    font-family: 'Questrial';
    transition: padding .2s;
    z-index: 0;
}

#map_villes a span {
    padding: 5px 8px 3px 8px;
    transition: opacity .3s;
}

#map_villes a:hover {
    z-index: 10;
}

#map_villes a img {
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    background: #354853;
    border: 4px solid #354853;
    z-index: -1;
    left: 50%;
    top: 50%;
    margin: -44px 0 0 -44px;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s, opacity .3s, bottom .3s;
}

#map_villes a:hover span {
    opacity: 0;
}

#map_villes a:hover img {
    transform: scale(1);
    opacity: 1;
}

#map_montbenoit {
    left: 73%;
    top: 22%;
}

#map_montbenoit span {
    background: #ED6D55;
}

#map_pontarlier {
    left: 47.5%;
    top: 37%;
}

#map_pontarlier span {
    background: #A1C96B;
}

#map_lesfourgs {
    left: 70%;
    top: 48%;
}

#map_lesfourgs span {
    background: #D670A9;
}

#map_malbuisson {
    left: 45.5%;
    top: 55%;
}

#map_malbuisson span {
    background: #F6BB41;
}

#map_metabief {
    left: 70.5%;
    top: 61%;
}

#map_metabief span {
    background: #4EC1EA;
}

#map_valdemouthe {
    left: 36.5%;
    top: 74%;
}

#map_valdemouthe span {
    background: #5FBCA6;
}

/* RESEAUX SOCIAUX */

#mur_social ul.liens_reseaux {
    padding: 0 0 32px 0;
    margin: -24px 0 0 0;
    list-style: none;
    font-size: 0;
    text-align: center;
}

#mur_social ul.liens_reseaux li {
    display: inline-block;
    vertical-align: middle;
}

#mur_social ul.liens_reseaux li a {
    display: block;
    border: 1px solid #354853;
    width: 66px;
    height: 66px;
    position: relative;
    margin: 6px;
    transition: background-color .2s;
}

#mur_social ul.liens_reseaux li a:hover {
    background: #354853;
}

.picto_fb::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat 0 -3px;
    width: 16px;
    height: 34px;
    margin: -17px 0 0 -8px;
}

.picto_fb:hover::before {
    background-position: 0 -52px;
}

.picto_tw::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat -36px -8px;
    width: 34px;
    height: 24px;
    margin: -12px 0 0 -17px;
}

.picto_tw:hover::before {
    background-position: -36px -57px;
}

.picto_in::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat -90px -5px;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

.picto_in:hover::before {
    background-position: -90px -54px;
}

.picto_yo::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat -140px 0;
    width: 33px;
    height: 39px;
    margin: -20px 0 0 -16px;
}

.picto_yo:hover::before {
    background-position: -140px -49px;
}

.picto_pint::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat -192px 0;
    width: 33px;
    height: 39px;
    margin: -20px 0 0 -16px;
}

.picto_pint:hover::before {
    background-position: -192px -49px;
}

.picto_trip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/sprite_reseaux.png) no-repeat -243px 0;
    width: 37px;
    height: 39px;
    margin: -20px 0 0 -19px;
}

.picto_trip:hover::before {
    background-position: -243px -49px;
}

#mur {
    position: relative;
    background: #354853;
    padding: 30px;
    font-size: 0;
}

#mur .item {
    display: inline-block;
    width: 33.3333%;
    font-size: 1rem;
}

#mur .item a {
    display: block;
    overflow: hidden;
    height: 390px;
    position: relative;
    margin: 10px;
}

#mur .item a img {
    max-width: 600px !important;
    max-height: 600px !important;
    min-width: 400px !important;
    width: auto !important;
    min-height: 400px !important;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .3s;
}

#mur .item a.active img,
#mur .item a:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

#mur .item a .over {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(45, 168, 211, .65);
    opacity: 0;
    transition: opacity .3s;
}

#mur .item a.active .over,
#mur .item a:hover .over {
    opacity: 1;
}

#mur .item a .over > span {
    position: absolute;
    color: #FFF;
    width: 76%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.25em;
    text-align: justify;
    left: 50%;
    top: 50%;
    padding-top: 60px;
    transform: translate(-50%, -50%);
    font-family: 'Questrial';
}

.picto_mur {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: #2DA8D3;
}

#mur .item a.active .picto_mur,
#mur .item a:hover .picto_mur {
    bottom: auto;
    top: 60px;
    left: 50%;
    margin: 0 0 0 -30px;
    background: none;
    transform: scale(1.5);
}

.picto_mur.fb::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/x2/sprite_reseaux.png) no-repeat 0 -52px;
    background-size: 173px auto;
    width: 16px;
    height: 34px;
    margin: -17px 0 0 -8px;
}

.picto_mur.tw::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/x2/sprite_reseaux.png) no-repeat -36px -57px;
    background-size: 173px auto;
    width: 34px;
    height: 24px;
    margin: -12px 0 0 -17px;
}

.picto_mur.in::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/x2/sprite_reseaux.png) no-repeat -90px -54px;
    background-size: 173px auto;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

.picto_mur.yo::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/x2/sprite_reseaux.png) no-repeat -140px -49px;
    background-size: 173px auto;
    width: 33px;
    height: 39px;
    margin: -20px 0 0 -16px;
}

#mur.mur-interieur {
    padding: 0;
    background: none;
}

.field-newsletters {
    max-width: 400px;
}

.field-newsletters > div {
    color: #354853;
    font-size: 1.8em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.field-newsletters label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.3em;
    margin: 4px 16px 4px 0;
    font-family: 'Questrial';
}

.pure-button.pure-button-primary {
    background: #2DA8D3;
    box-shadow: none;
    font-family: 'Questrial';
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0;
    padding: 10px 20px;
    border: 0;
    color: white;
}

/* FOOTER */

footer#bas {
    background: #EDEDED;
    margin-top: 70px;
    padding: 20px;
}

footer#bas #mentions {
    padding: 0 0 18px 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #354853;
}

footer#bas #mentions li {
    display: inline-block;
    vertical-align: middle;
}

footer#bas #mentions li a {
    display: block;
    color: #354853;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 10px 28px;
    position: relative;
}

footer#bas #mentions li a::before {
    content: "";
    background: #354853;
    width: 4px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -12px 0 0 0;
}

footer#bas #mentions li:first-child a::before {
    display: none;
}

footer#bas #autrespages {
    padding: 10px 0 18px 0;
    margin: 0;
    margin-bottom: 18px;
    text-align: center;
    border-bottom: 1px solid #354853;
}

footer#bas #autrespages li {
    display: inline-block;
    vertical-align: middle;
}

footer#bas #autrespages li a {
    display: block;
    color: #354853;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 10px 28px;
    position: relative;
}

footer#bas #autrespages li a::before {
    content: "";
    background: #2DA8D3;
    width: 4px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -12px 0 0 0;
}

footer#bas #autrespages li:first-child a::before {
    display: none;
}

footer#bas h2 {
    color: #354853;
    font-size: 1.8em;
    text-transform: uppercase;
}

.horaire-destination {
    text-align: center;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.col_1_3 {
    float: left;
    width: 33.3333%;
}

footer#bas .col_1_3 {
    padding: 24px 0;
}

#contacts_bas ul#tel_contacts {
    padding: 0;
    margin: 0;
}

#contacts_bas ul#tel_contacts li {
    font-size: 1.2em;
    line-height: 1.25em;
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    padding: 6px 0 6px 16px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contacts_bas ul#tel_contacts li span {
    display: block;
    text-transform: uppercase;
}

#contacts_bas ul.liens_reseaux {
    padding: 0;
    margin: 0;
}

#contacts_bas ul.liens_reseaux li {
    display: inline-block;
    vertical-align: middle;
}

#contacts_bas ul.liens_reseaux li a {
    display: block;
    border: 1px solid #354853;
    width: 46px;
    height: 46px;
    position: relative;
    margin: 3px;
    transition: background-color .2s;
}

#contacts_bas ul.liens_reseaux li a:hover {
    background: #354853;
}

#contacts_bas ul.liens_reseaux li a::before {
    transform: scale(0.75);
}

#btn_nous_contacter {
    display: inline-block;
    padding: 16px 24px;
    margin: 24px 0;
    background: #354853;
    color: white;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 0.2em;
    font-family: 'Questrial';
}

.btn {
    display: inline-block;
    padding: 16px 24px;
    margin: 24px 0;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 0.2em;
    font-family: 'Questrial';
}

.btn.btn-default {
    background: #354853;
    color: white;
}

#contacts_bas ul#tel_contacts li::before,
#liens_myhautdoubs li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    background: #354853;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 0;
    transform: rotate(45deg);
    transition: transform .3s;
}

#liens_myhautdoubs li::before {
    top: 11px;
}

#liens_myhautdoubs {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 49%;
}

#liens_myhautdoubs li {
    position: relative;
    padding: 2px 0 2px 16px;
}

#liens_myhautdoubs li a {
    display: block;
    color: #354853;
    font-size: 1.2em;
    font-family: 'Questrial';
}

#contacts_bas ul#tel_contacts li.c_pontarlier::before,
#liens_myhautdoubs li.c_pontarlier::before {
    background: #A1C96B;
}

#contacts_bas ul#tel_contacts li.c_metabief::before,
#liens_myhautdoubs li.c_metabief::before {
    background: #4EC1EA;
}

#contacts_bas ul#tel_contacts li.c_malbuisson::before,
#liens_myhautdoubs li.c_malbuisson::before {
    background: #F6BB41;
}

#contacts_bas ul#tel_contacts li.c_fourgs::before,
#liens_myhautdoubs li.c_fourgs::before {
    background: #D670A9;
}

#contacts_bas ul#tel_contacts li.c_mouthe::before,
#liens_myhautdoubs li.c_mouthe::before {
    background: #5FBCA6;
}

#contacts_bas ul#tel_contacts li.c_montbenoit::before,
#liens_myhautdoubs li.c_montbenoit::before {
    background: #ED6D55;
}

#newsletter {
    position: relative;
    margin: 12px 30px 12px 0;
}

#newsletter input[type="email"] {
    border: 1px solid #354853;
    background: #EDEDED;
    padding: 16px 18px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#newsletter input[type="email"]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #AAA;
}

#newsletter input[type="email"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #AAA;
    opacity: 1;
}

#newsletter input[type="email"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #AAA;
    opacity: 1;
}

#newsletter input[type="email"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AAA;
}

#newsletter input[type="submit"] {
    border: none;
    padding: 12px;
    text-align: center;
    color: #FFF;
    background: #354853;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

#form_newsletter label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.3em;
    margin: 4px 16px 4px 0;
    font-family: 'Questrial';
}

#carnet_favoris {
    display: block;
    font-size: 1.8em;
    text-transform: uppercase;
    color: #354853;
    position: relative;
    padding: 6px 0 6px 40px;
    margin: 28px 0 0 0;
    font-family: 'Questrial';
}

#carnet_favoris::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -13px 0 0 0;
    background: url(../images/sprite.png) no-repeat 0 -106px;
    width: 27px;
    height: 25px;
}

#une_question {
    display: block;
    font-size: 1.5em;
    font-family: 'Questrial';
    margin: 24px 0 0 0;
    color: #354853;
}

#zone_myhautdoubs ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#zone_myhautdoubs ul:not(#liens_myhautdoubs) li {
    padding: 2px 0 2px 0px;
}

#zone_myhautdoubs ul:not(#liens_myhautdoubs) li a {
    display: block;
    font-size: 1.2em;
    font-family: 'Questrial';
    color: #354853;
}

#labels {
    background: #FFF;
    padding: 10px;
}

#labels a {
    display: inline-block;
    padding: 3px;
}

#logos_bas {
    background: #FFF;
    padding: 10px;
    text-align: center;
    margin: 0 -20px -20px -20px;
}

#logos_bas a {
    display: inline-block;
    padding: 6px;
    vertical-align: middle;
}

/* PAGE DESTINATION */

#masque_degrade_blanc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 180px;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.masque_opacite_blanc {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgba(255, 255, 255, 0.44)
}

.masque_opacite_black {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 1350px) {
    /* responsive des actus à la une des homepages Mouthe et Montbenoit*/
    #page-1934 #a_la_une, #page-2274 #a_la_une {
        width: 95%;
    }
}

@media screen and (max-width: 1190px) {
    /* responsive des actus à la une des homepages Mouthe et Montbenoit*/
    #page-1934 #a_la_une ul li, #page-2274 #a_la_une ul li {
        width: 60%;
    }
}

@media screen and (max-width: 990px) {
    /* responsive des actus à la une des homepages Mouthe et Montbenoit*/
    #page-1934 #a_la_une ul li, #page-2274 #a_la_une ul li {
        width: 80%;
    }
}

@media screen and (max-width: 700px) {
    /* responsive des actus à la une des homepages Mouthe et Montbenoit*/
    #page-1934 #a_la_une ul li, #page-2274 #a_la_une ul li {
        width: 100%;
    }
}

#a_la_une {
    width: 48%;
    float: left;
}

#a_la_une.full-width {
    width: 100%;
}

#a_la_une.full-width ul > li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

#a_la_une.full-width ul > li:last-child {
    border-bottom: 1px solid #000000;
}

#a_la_une.full-width > a {
    margin: 0;
}

#a_la_une h2 {
    color: #354853;
    text-transform: uppercase;
    font-size: 3.6em;
    letter-spacing: 0.2em;
    margin-bottom: 24px;
}

#a_la_une ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

#a_la_une ul li {
    display: block;
    position: relative;
    border-bottom: 1px solid #354853;
    padding-bottom: 36px;
    margin-bottom: 36px;
}

#a_la_une ul li:last-child {
    border: none;
}

#a_la_une ul li h3 a::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#a_la_une ul li img {
    margin: 0;
    width: 100%;
}

#a_la_une ul li article .actu-details,
#a_la_une ul li article .actu-image {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#a_la_une ul li article .actu-details {
    padding-left: 1%;
}

#a_la_une ul li article .actu-details > h3,
#a_la_une ul li article .actu-details > p,
#a_la_une ul li article .actu-details > span {
    display: inline-block;
}

#a_la_une ul li article .actu-details > h3 {
    color: #354853;
    font-family: 'Cabin';
    font-weight: 700;
    font-size: 2.3em;
    margin: 0;
}

#a_la_une ul li article .actu-details > h3 a {
    color: #354853;
    transition: color .2s;
}

#a_la_une ul li article .actu-details > p {
    color: #354853;
    font-size: 1.7em;
    line-height: 1.3em;
    font-family: 'Cabin';
    font-weight: 500;
}

#a_la_une ul li article .actu-details > h4 {
    color: #354853;
    font-family: 'Cabin';
    font-weight: 700;
    font-size: 1.6em;
    margin: 0;
}

#a_la_une ul li article .actu-details > span {
    margin-top: 20px;
}

#a_la_une ul li article .actu-details > span span {
    display: inline-block;
    padding: 16px 24px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 0.2em;
    background: #4EC1EA;
    transition: padding .2s;
}

#a_la_une ul li article:hover .actu-details > span span {
    padding: 16px 36px;
}

#a_la_une ul li article:hover a {
    color: #4EC1EA;
}

#a_la_une > a {
    display: block;
    margin: -30px 0 0 3%;
    font-size: 1.8em;
    color: #354853;
    font-family: 'Questrial';
    text-transform: uppercase;
    letter-spacing: .2em;
    transition: color .2s;
}

#a_la_une > a:hover {
    color: #ED6D55;
}

#coup_de_coeur {
    float: right;
    width: 50%;
    background: url(../images/bg_coupdecoeur.jpg) no-repeat;
    background-size: cover;
    margin: 20px 0 0 0;
}

#coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(78, 193, 234, 0.75);
    text-align: center;
}

#coup_de_coeur > div h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 3.6em;
    margin: 12px 0 24px 0;
    letter-spacing: 0.2em;
}

#coup_de_coeur > div #carousel_coupdecoeur {
    max-width: 400px;
    margin: auto;
    display: block;
}

#coup_de_coeur > div #carousel_coupdecoeur img {
    display: block;
    width: 100%;
    /* height: auto; */
}

#coup_de_coeur > div #carousel_coupdecoeur .titre {
    text-transform: uppercase;
}

#coup_de_coeur > div #carousel_coupdecoeur p {
    color: #FFF;
    font-size: 1.7em;
    line-height: 1.3em;
    font-family: 'Cabin';
    font-weight: 500;
}

#coup_de_coeur > div #carousel_coupdecoeur p strong {
    display: block;
    font-weight: 700;
    font-size: 1.9rem;
}

#coup_de_coeur > div #carousel_coupdecoeur a {
    display: inline-block;
    margin: 36px 0 0 0;
    padding: 12px 24px;
    border: 2px solid #FFF;
    letter-spacing: 0.2em;
    font-family: 'Questrial';
    text-transform: uppercase;
    color: #FFF;
    transition: padding .2s, background .2s, color .2s;
}

#coup_de_coeur > div #carousel_coupdecoeur a:hover {
    background: #FFF;
    padding: 12px 36px;
    color: #4EC1EA;
}

#coup_de_coeur > div #carousel_coupdecoeur .owl-item div {
    padding: 20px;
}

#coup_de_coeur > div #carousel_coupdecoeur .carousel div img {
    max-width: 100%;
    display: block;
    margin: auto;
}

#coup_de_coeur > div #carousel_coupdecoeur .owl-controls {
    display: block;
    text-align: center;
}

#coup_de_coeur > div #carousel_coupdecoeur .owl-controls .owl-dot {
    background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #FFF;
}

#coup_de_coeur > div #carousel_coupdecoeur .owl-controls .owl-dot.active {
    background: rgba(255, 255, 255, 1);
}

#edito_destination {
    padding: 5%;
    background: url(../images/bg_edito_destination.jpg) no-repeat center;
    background-size: cover;
    margin: 60px 0;
}

#edito_destination .edito_destination_wrapper {
    padding: 5%;
    background: rgba(53, 72, 83, .9);
    display: block;
}

#edito_destination .edito_destination_wrapper p {
    color: #FFF;
    font-size: 1.7em;
    line-height: 1.3em;
    font-family: 'Cabin';
    font-weight: 500;
    text-align: justify;
}

#edito_destination .edito_destination_wrapper h2 {
    color: #FFF;
    font-size: 3.6em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 36px;
    letter-spacing: 0.2em;
}

/* ACTIVITES DESTINATION */

#activites_destination {
}

#listing_activites {
    font-size: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

#listing_activites a {
    color: white;
}

#listing_activites > li {
    display: inline-block;
    width: 25%;
    height: 450px;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
}

#listing_activites > li > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: rgba(100, 109, 120, 0.5);
    overflow: hidden;
    transition: background .2s;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#listing_activites > li > div > h2 {
    position: relative;
    margin: 0;
    padding: 0 6px;
    text-align: center;
    color: #FFF;
    font-size: 2.5em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    top: 50%;
    transition: top .4s .3s;
}

#listing_activites > li > div > h2::before {
    content: "";
    position: absolute;
    left: 50%;
    background-color: #FFF;
    width: 20px;
    height: 20px;
    top: -50px;
    margin: 0 0 0 -10px;
    transform: rotate(45deg);
    transition: transform .4s .2s, top .4s .2s;
}

#listing_activites > li > img {
    display: block;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto !important;
    max-width: 200% !important;
}

#listing_activites > li > div > ul {
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #FFF;
    left: 0;
    right: 0;
    top: 100%;
    transition: top .3s 0s;
}

#listing_activites > li > div:hover {
    background: rgba(78, 193, 234, 0.85);
}

#listing_activites > li > div:hover > h2 {
    top: 6%;
    transition: top .3s 0s;
}

#listing_activites > li > div:hover > h2::before {
    transform: rotate(45deg) scale(0.5);
    top: 70px;
    transition: transform .3s 0s, top .3s 0s;
}

#listing_activites > li > div:hover > ul {
    top: 27%;
    transition: top .4s .2s;
}

#listing_activites > li > div > ul > li a {
    display: block;
    font-size: 1.8em;
    font-family: 'Cabin';
    font-weight: 500;
    color: #FFF;
    padding: 6px;
    text-align: center;
    transition: background .2s;
}

#listing_activites > li > div > ul > li:hover a {
    background: #354853;
}

/*#listing_activites > li#accroche_txt {
  width: 50%;
}*/

#listing_activites > li#accroche_txt p {
    font-size: 3.2em;
    line-height: 2.5em;
    font-family: 'nightingaleregular';
    padding: 14% 12%;
    margin: 0;
}

/* PAGE PASSION */

#edito_passion {
    background: #d4d8db;
    padding: 6%;
}

#edito_passion h2 {
    font-size: 3.6em;
    letter-spacing: 0.2em;
    margin: 12px 0 36px 0;
    text-transform: uppercase;
}

#edito_passion p {
    font-size: 1.7em;
    line-height: 1.3em;
    font-family: 'Cabin';
}

.bloc_photos_demi {
    margin-bottom: 90px;
}

.bloc_photos_demi img {
    float: left;
    width: 50%;
    height: auto;
}

#zone_photos_infos {
    position: relative;
    margin-top: 90px;
}

#zone_photos_infos .item {
    float: left;
    width: 50%;
    position: relative;
}

#zone_photos_infos .item.full-width {
    width: 100%;
    height: 650px;
    overflow: hidden;
}

#zone_photos_infos .item > img {
    display: block;
    width: 100%;
}

#zone_photos_infos .item > div {
    position: absolute;
    top: 7.5%;
    left: 7.5%;
    right: 7.5%;
    bottom: 7.5%;
    background: rgba(53, 72, 83, .8);
    color: #FFF;
    padding: 10%;
    text-align: center;
}

#zone_photos_infos .item article {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

#zone_photos_infos .item article p {
    text-align: justify;
    font-family: 'Cabin';
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #FFF;
    margin: 12px 0;
}

#zone_photos_infos .item article h2 {
    color: #ED6D55;
    letter-spacing: 0.2em;
    font-size: 2.7em;
    margin: 0 0 32px 0;
    text-transform: uppercase;
    text-align: center;
}

#zone_photos_infos .item article h3 {
    color: #FFF;
    font-family: 'Cabin';
    font-weight: 700;
    font-size: 2.1em;
    letter-spacing: 0.2em;
    text-align: left;
    margin: 0;
}

#zone_photos_infos .item article .btn {
    display: inline-block;
    margin: 36px 0 0 0;
    padding: 12px 24px;
    border: 2px solid #FFF;
    letter-spacing: 0.2em;
    font-family: 'Questrial';
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.7em;
    line-height: 1.5em;
    transition: padding .2s, background .2s, border-color .2s;
}

#zone_photos_infos .item article .btn:hover {
    background: #ED6D55;
    border-color: #ED6D55;
    padding: 12px 36px;
}

/* POPUP */

#back_popup {
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(33, 33, 33, 0.3);
}

#popup {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 360px;
    max-height: 400px;
    background: #FFF;
    padding: 14px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

#popup .overflow_y {
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding: 14px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#croix_fermer {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    background: #999;
    cursor: pointer;
    transition: background .2s;
}

#croix_fermer:hover {
    background: #CF0A2C;
}

#croix_fermer::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 28px;
    background: #FFF;
    transform: rotate(-45deg);
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -1px;
}

#croix_fermer::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 28px;
    background: #FFF;
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -1px;
}

#popup h2 {
    color: #009EE2;
    font-size: 1.125em;
    font-family: 'Questrial';
}

#popup h2 strong {
    display: block;
    color: #5C4B42;
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;
}

#popup a {
    display: block;
    padding: 16px 24px;
    border-radius: 40px;
    color: #FFF;
    font-family: 'Questrial';
    text-transform: uppercase;
    font-size: 1.125em;
    margin: 16px;
}

#popup a:hover {
    background: #DDDB00 !important;
}

#popup hr {
    margin: 30px auto;
    border: none;
    border-bottom: 1px solid #DADADA;
    max-width: 120px;
}

/* PAGES INTERNES */

#contenu_interne {
    /*background: url(../images/bg_page_interne.jpg) no-repeat center top;*/
    /*background-size: 100% auto;*/
    padding-top: 86px;
    background: url(../images/bg_contenu_home.png) repeat top;
    background-size: 100% auto;
}

#fond_triangles {
    /*background: url(../images/bg_contenu_home.png) no-repeat center;
  background-size: 100% auto;*/
}

#page {
    background: #FFF;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, .1);
    padding: 60px 8.5% 80px 8.5%;
    margin-bottom: 30px;
}

.overall.overall-ajax {
    max-width: none;
    overflow: auto;
}

#page.page-ajax {
    max-width: 1079px;
    padding: 60px 0 80px 0;
    box-shadow: none;
    margin: 0 auto;
}

#nom_destination {
    /*margin: -96px 0 0 0;*/
    text-align: center;
}

#nom_destination p {
    display: inline-block;
    margin: 0;
    padding: 12px 46px;
    text-transform: uppercase;
    background: #354853;
    color: #FFF;
    font-size: 3.2em;
    letter-spacing: 0.2em;
}

#nom_destination a {
    color: white;
}

#breadcrumb {
    padding: 30px 80px 20px 0;
}

#breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style-image: none;
    font-size: 1.6rem;
    font-family: 'Cabin';
}

#breadcrumb ul li {
    display: inline-block;
    vertical-align: top;
}

#breadcrumb ul li a {
    display: block;
    position: relative;
    color: #8597A0;
}

#breadcrumb ul li a::before {
    content: "\203A";
    display: inline-block;
    color: #354853;
    margin: 0 6px;
}

#breadcrumb ul li:first-child a::before {
    display: none;
}

#breadcrumb ul li:last-child a,
#breadcrumb ul li a:hover {
    color: #354853;
}

.imprimante {
    float: right;
}

#bandeau_hebergement {
    padding: 0 0 6px 0;
}

#bandeau_hebergement img {
    display: block;
    width: 100%;
}

#recherche_hebergement {
    background: #354853;
    margin: 0 0 40px 0;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.liste-options {
    margin: 0 0.4% 10px 0.4%;
}

span.t3-icon {
    margin-right: 2px;
    vertical-align: middle;
}

span.t3-icon {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.t3-icon-actions-document {
    background-position: -306px -323px !important;
}

/* par defaut vide */

.t3-icon-document-open {
    background-position: -198px -0px !important;
}

/* crayon */

.t3-icon-document-trash {
    background-position: -162px -18px !important;
}

/* poubelle */

.t3-icon-document-actif {
    background-position: -180px -18px !important;
}

/* ampoule allumée */

.t3-icon-document-inactif {
    background-position: -18px -36px !important;
}

/* ampoule éteinte */

.t3-icon-document-info {
    background-position: -198px -198px !important;
}

/* info */

.t3-icon-document-plus {
    background-position: -72px -18px !important;
}

/* plus vert */

.t3-icon-actions {
    background-image: url('/fileadmin/template/images/t3skin.png?1299879804') !important;
    height: 16px;
    width: 16px;
}

.t3-icon {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    font-size: 1px;
    line-height: 0;
}

#recherche_hebergement #gaucheLeiInt {
    margin: 0 30px;
}

#recherche_hebergement #gaucheLeiInt .arbo_sspages {
    margin: 0 -30px;
}

#recherche_hebergement p {
    margin: -10px 0 16px 0;
    display: block;
    vertical-align: middle;
    font-size: 2.1em;
    letter-spacing: 0.3rem;
    color: #FFF;
    text-transform: uppercase;
}

#recherche_hebergement .gaucheLeiIntTitre {
    margin-top: 20px;
}

#recherche_hebergement select,
#recherche_hebergement input[type="text"],
#recherche_hebergement input.input-date {
    background: url(../images/puce_select.png) no-repeat center right #354853;
    margin: 0 0.4% 10px 0.4%;
    color: #FFF;
    padding: 18px 40px 18px 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8em;
    font-family: 'Questrial', sans-serif;
    width: 32%;
}

#recherche_hebergement input[type="text"] {
    background: none;
}

#recherche_hebergement input[type="submit"] {
    margin: 0px 0.4% 10px 0.4%;
    color: #354853;
    padding: 18px 40px 18px 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8em;
    background: white;
    font-family: 'Questrial', sans-serif;
    width: 100%;
    max-width: 325px;
}

#recherche_hebergement .hasFrmLeiSubmit {
    display: block;
    margin: 0px 0.4% 10px 0.4%;
    color: #354853;
    padding: 18px 40px 18px 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8em;
    background: white;
    font-family: 'Questrial', sans-serif;
    width: 32%;
    text-align: center;
}

#bloc_frmLeiClassement {
    display: inline;
}

#recherche_hebergement input.input-date {
    background: url(../images/puce_calendrier.png) no-repeat center right #354853;
    padding: 18px 40px 18px 18px;
}

#frmLeiRecherche label {
    color: white;
    font-size: 1.3em;
}

#frmLeiRecherche label.labelSpec {
    font-size: 1.7em;
    line-height: 1.4em;
    font-family: 'Cabin', sans-serif;
    display: block;
    margin-bottom: 5px;
}

.liste-options-titre {
    margin: 15px 0 10px 0;
    display: block;
    color: white;
    font-size: 1.8em;
    font-family: 'Questrial';
}

#map-player {
    display: none;
    width: 100%;
    height: 800px;
}

.arbo_sspages {
    padding: 10px 16px;
    margin: 0;
    list-style: none;
    font-size: 0 !important;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
}

.arbo_sspages li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem !important;
    line-height: 1.1rem !important;
    margin: 8px 0 !important;
}

.arbo_sspages li a {
    display: block;
    position: relative;
    color: white;
    /* padding: 6px 18px 6px 30px; */
    padding: 10px 18px !important;
    background: rgba(255, 255, 255, 0) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    text-transform: uppercase;
    font-family: 'Questrial', sans-serif;
    line-height: 1em;
    letter-spacing: 0.1em;
    margin: 0px !important;
    transition: background .3s;
}

.arbo_sspages li a:hover {
    background: rgba(255, 255, 255, 0.25) !important;
}

.arbo_sspages li:last-child a {
    border-right: 0;
}

.btn_plus_criteres {
    margin: 15px 0 10px 0;
    display: block;
    color: #4EC1EA;
    font-size: 1.8em;
    font-family: 'Questrial';
}

.btn_plus_criteres:hover {
    color: #FFF;
}

#wrapper-content {
    margin-bottom: 30px;
}

#wrapper-content h1 {
    color: #354853;
    font-size: 3.6em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

#wrapper-content p {
    font-size: 1.7em;
    line-height: 1.4em;
    font-family: 'Cabin';
}

.csc-CType-textpic li,
.csc-CType-text li {
    font-size: 17px;
    line-height: 1.4em;
    font-family: 'Cabin';
    color: #354853;
}

/*
.csc-CType-textpic h2,
.csc-CType-text h2 {
  color:#ED6D55;
}*/

#types_hebergements {
    padding: 0;
    margin: 40px 0 0 0;
    list-style: none;
    font-size: 0;
}

#types_hebergements li {
    display: inline-block;
    font-size: 1rem;
    position: relative;
    width: 33.3333%;
    overflow: hidden;
    margin: 0 0 20px 0;
}

#types_hebergements li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.6rem;
    line-height: 1.2em;
    color: #FFF;
    background: rgba(100, 109, 120, 0.5);
    z-index: 10;
    transition: background .4s;
}

#types_hebergements li a:hover {
    background: #354853;
}

#types_hebergements li a strong {
    font-weight: normal;
    position: relative;
    top: 135px;
    letter-spacing: 0.2em;
    display: block;
    padding: 0 30px;
}

#types_hebergements li a strong::before {
    content: "";
    position: absolute;
    left: 50%;
    background-color: #FFF;
    width: 20px;
    height: 20px;
    top: -55px;
    margin: 0 0 0 -10px;
    transform: rotate(45deg);
    transition: transform .4s .2s, top .4s .2s;
}

#types_hebergements li img {
    display: block;
    margin: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 0;
    width: 100%;
    min-width: 370px;
}

.text_annexe h2 {
    font-size: 1.9em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #354853;
    margin: 40px 0 -10px 0;
}

.pagination_hebergement {
    float: right;
    font-size: 1.8rem;
    font-family: 'Questrial';
    margin: -36px 0 0 0;
}

.pagination_hebergement a {
    display: inline-block;
    margin: 0 4px;
}

.separateur {
    border-bottom: 1px solid #354853;
    margin: 40px 0 0 0;
}

.sejour hr {
    margin: 2em 0;
}

.listing_hebergements,
.listing-sejours {
    padding: 0;
    margin: 0;
    list-style: none;
}

.listing-sejours .sejour-image,
.listing-sejours .sejour-text {
    display: inline-block;
    vertical-align: top;
}

.listing-sejours .sejour-image {
    width: 260px;
}

.listing-sejours .sejour-text {
    padding-left: 24px;
}

.leiListingTelephone span {
    display: block;
}

.listing_hebergements li::after,
.listing-sejours li::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.listing_hebergements li,
.listing-sejours li {
    border-bottom: 1px solid #dbdce0;
    position: relative;
    padding: 36px 0;
}

.listing_hebergements li .hebimg,
.listing-sejours li .hebimg {
    float: left;
    max-width: 260px;
    margin: 0 24px 60px 0;
}

.listing_hebergements li h2,
.listing-sejours li h2 {
    margin: 0 0 0 0;
    font-size: 1.9em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #354853;
}

.listing_hebergements li h2 a,
.listing-sejours li h2 a {
    color: #354853;
}

.listing_hebergements li p,
.listing-sejours li p {
    font-family: 'Cabin', sans-serif;
    font-size: 1.7em;
    margin: 12px 0;
    color: #354853;
    font-weight: 700;
    position: relative;
}

.listing_hebergements li p::before,
.listing-sejours li p::before {
    content: "\203A";
    display: inline-block;
    color: #354853;
    margin: 0 6px 0 0;
}

.leiListingPhoto {
    position: relative;
}

.listing_hebergements li.leiListingCoupdecoeur,
.listing-sejours li.leiListingCoupdecoeur {
    background: #ed6d55;
    padding: 36px;
    margin: 0 0 10px 0;
    border: 0;
}

.listing_hebergements li.leiListingCoupdecoeur,
.listing-sejours li.leiListingCoupdecoeur p,
.listing_hebergements li.leiListingCoupdecoeur h2 a,
.listing-sejours li.leiListingCoupdecoeur h2 a {
    color: white;
}

.listing_hebergements li.leiListingCoupdecoeur p::before,
.listing-sejours li.leiListingCoupdecoeur p::before {
    color: white;
}

.listing_hebergements li.leiListingCoupdecoeur .btns_offre a,
.listing-sejours li.leiListingCoupdecoeur .btns_offre a {
    background: white;
}

.leiListingLabelCoupdecoeur {
    display: block;
    position: relative;
    color: white;
    font-size: 1.9em;
    margin-bottom: 11px;

}

.btns_offre {
    float: left;
    max-width: 560px;
    margin: 10px 0 0 0;
}

.btns_offre a {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    height: 32px;
    background: rgba(161, 201, 107, 0.4);
    text-align: center;
    padding: 8px;
    color: #354853;
    font-size: 1.4em;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: 'Questrial';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px 10px 0;
    position: relative;
}

.btns_offre a.btn_disponibilites {
    background: #A1C96B !important;
    color: #FFF !important;
}

.btns_offre a.btn_partagemail {
    background: #A1C96B !important;
    color: #FFF !important;
}

.btns_offre a.btn_disponibilites::before {
    content: "";
    background: url(../images/sprite.png) no-repeat -95px -151px;
    width: 19px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -9px 0 0 0;
}

.btns_offre a.btn_situer_carte::before {
    content: "";
    background: url(../images/sprite.png) no-repeat 0 -151px;
    width: 30px;
    height: 29px;
    position: absolute;
    left: 6px;
    top: 50%;
    margin: -15px 0 0 0;
    transform: scale(0.75);
}

.listingLeiPlus a {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    height: 32px;
    background: #A1C96B;
    color: #FFF !important;
    text-align: center;
    padding: 8px;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: 'Questrial';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px 10px 0;
    position: relative;
}

#page h1 {
    font-size: 3.4em;
    color: #354853;
    margin: 10px 0 36px 0;
}

h2 {
    font-size: 2.4em;
    color: #354853;
    margin: 12px 0;
}

h3 {
    font-size: 2.0em;
    color: #354853;
    margin: 12px 0;
}

.lei_separation {
    font-size: 3em;
    color: #354853;
    margin: 12px 0;
    text-align: center;
}

.csc-textpic-caption {
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'Cabin', sans-serif;
}

#offres_a_proximite {
    background: #eceff3;
    margin: 0 -10.325% -80px -10.325%;
    padding: 60px 10% 80px 10%;
}

#offres_a_proximite > p {
    margin: -12px 0 12px 0;
    font-family: 'Cabin';
    font-size: 2.4em;
    color: #354853;
}

#nav_listing {
    padding: 0 80px 0 0;
}

#nav_listing a {
    display: inline-block;
    vertical-align: middle;
    color: #354853;
    text-transform: uppercase;
    padding: 16px 18px;
    margin: 0 6px 6px 0;
    font-size: 1.8em;
    letter-spacing: 0.2em;
    border: 1px solid #A1C96B;
    font-family: 'Questrial';
    position: relative;
    height: auto;
    min-height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#elements_trouves {
    background: #A1C96B;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    padding: 11px 18px;
    margin: 0 6px 6px 0;
    font-size: 2.4em;
    font-family: 'Cabin';
}

#nav_listing a#btn_voir_sur_carte {
    position: relative;
    padding: 16px 18px 16px 60px;
    color: #354853;
}

#nav_listing a#btn_partage_email {
    position: relative;
    background: rgba(161, 201, 107, 0.5);
    padding: 16px 18px;
    color: #354853;
    float: right;
}

#nav_listing a#btn_voir_sur_carte::before {
    content: "";
    background: url(../images/sprite.png) no-repeat 0 -151px;
    width: 30px;
    height: 29px;
    position: absolute;
    left: 14px;
    top: 50%;
    margin: -15px 0 0 0;
}

#nav_listing a#btn_imprimer,
#bulletin_neige a#btn_imprimer {
    position: relative;
    padding: 16px 24px 16px 24px;
    border: 1px solid;
}

#nav_listing a#btn_imprimer::before,
#bulletin_neige a#btn_imprimer::before {
    background: url(../images/sprite.png) no-repeat -50px -151px;
    width: 25px;
    height: 25px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -12px;
}

#nav_listing a#btn_imprimer span,
#bulletin_neige a#btn_imprimer span {
    display: none;
}

#leiListingNumPage {
    text-align: right;
}

#leiListingNumPage span {
    display: inline-block;
    vertical-align: middle;
    color: #A1C96B;
    text-transform: uppercase;
    padding: 5px 8px;
    margin: 0;
    font-size: 1.8em;
    font-family: 'Questrial';
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#leiListingNumPage a {
    display: inline-block;
    vertical-align: middle;
    color: #A1C96B;
    text-transform: uppercase;
    padding: 4px 8px;
    margin: 0;
    font-size: 1.8em;
    font-family: 'Questrial';
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#leiListingNumPage a:hover {
    background-color: #A1C96B;
    color: white;
}

/* DETAIL HEBERGEMENT */

#photos_detail_hebergement {
    position: relative;
    clear: both;
    overflow: hidden;
}

#photos_detail_hebergement ul.bxslider {
    margin: 0;
}

#photos_detail_hebergement ul.bx-pager {
    padding: 12px;
    margin: 0;
    list-style: none;
    background: rgba(53, 72, 83, 0.7);
    font-size: 0;
}

#photos_detail_hebergement ul.bx-pager li {
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: top;
}

#photos_detail_hebergement ul.bx-pager li a {
    display: block;
    margin: 8px;
    opacity: 0.6;
    transition: opacity .2s;
}

#photos_detail_hebergement ul.bx-pager li a.active,
#photos_detail_hebergement ul.bx-pager li a:hover {
    opacity: 1;
}

#partage_fiche {
    float: right;
}

#partage_fiche.padding {
    padding: 24px 0;
}

#partage_fiche ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

#partage_fiche ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1em;
}

#partage_fiche ul li a {
    position: relative;
    display: block;
    margin: 2px;
}

#btn_fb_detail {
    background: #4ec1ea;
    width: 26px;
    height: 26px;
}

#btn_fb_detail::before {
    content: "";
    position: absolute;
    background: url(../images/sprite.png) no-repeat -252px -4px;
    width: 8px;
    height: 17px;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -4px;
}

#btn_tw_detail {
    background: #4ec1ea;
    width: 26px;
    height: 26px;
}

#btn_tw_detail::before {
    content: "";
    position: absolute;
    background: url(../images/sprite.png) no-repeat -262px 0;
    width: 17px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -9px;
}

#btn_mail_detail {
    background: #A1C96B;
    width: 26px;
    height: 26px;
}

#btn_mail_detail::before {
    content: "";
    position: absolute;
    background: url(../images/sprite.png) no-repeat -262px 0;
    width: 17px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -9px;
}

#btn_print_detail {
    background: #A1C96B;
    width: 26px;
    height: 26px;
}

#btn_print_detail::before {
    content: "";
    position: absolute;
    background: url(../images/sprite.png) no-repeat -262px 0;
    width: 17px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -9px;
}

#detail_hebergement h1 {
    letter-spacing: 0.2em;
    font-size: 3.4em;
    text-transform: uppercase;
}

#intro_detail {
    width: calc(100% - 290px);
    float: left;
    margin-bottom: 30px;
}

#intro_detail p {
    font-size: 1.7em;
    line-height: 1.4em;
    margin: 0;
    font-family: 'Cabin';
    font-weight: 700;
}

#zone_btn_reservation {
    float: right;
    width: 260px;
    margin-bottom: 30px;
}

#zone_btn_reservation .btn_reserver {
    display: block;
    background: #4EC1EA;
    color: #FFF !important;
    letter-spacing: 0.1em;
    padding: 18px 12px;
    font-size: 2.8em;
    text-align: center;
    margin: 0 0 12px 0;
}

#zone_btn_reservation .btn_favoris {
    position: relative;
    display: block;
    font-size: 1.7em;
    line-height: 1.2em;
    font-family: 'Questrial';
    text-transform: uppercase;
    color: #4EC1EA;
}

#zone_btn_reservation .btn_favoris::before {
    background-image: url(../images/coeur.png);
    background-size: cover;
    background-color: #4EC1EA;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin: 0 12px 0 0;
}

#detail_hebergement section {
    display: block;
    border-top: 1px solid #354853;
    padding: 20px;
}

#detail_hebergement section h2 {
    font-size: 2.5em;
    margin: 2px 0;
}

#detail_hebergement section p {
    font-size: 1.6em;
    line-height: 1.4em;
    font-family: 'Cabin';
    font-weight: 500;
}

#detail_hebergement section table p {
    font-size: 16px;
}

#detail_hebergement section p.titrePA a {
    font-size: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.accordeon {
    display: none;
}

.accordeon.active {
    display: block;
}

.btn_accordeon {
    position: relative;
    cursor: pointer;
}

.btn_accordeon::after {
    content: "\25BC";
    position: absolute;
    font-size: 1.6rem;
    top: 4px;
    right: 0;
}

.btn_accordeon.active::after {
    content: "\2716";
    top: 0;
}

.pictos_logis {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    margin: 0 0 12px 12px;
}

.pictos_logis li {
    display: inline-block;
    vertical-align: middle;
}

/* CALENDRIER */

.calendrier_dispo {
    font-size: 1rem;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    width: 100%;
    margin: 0;
    float: left;
    min-height: 175px;
}

.calendrier_dispo p {
    text-align: right;
    margin: 0;
    padding: 4px 0;
}

.calendrier_dispo ul.entete {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calendrier_dispo ul.entete li {
    float: left;
    width: 14.2857%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #F0F0F0;
}

.calendrier_dispo ul.entete li span {
    display: block;
    margin: 1px 1px 0 1px;
    color: #FFF;
    font-weight: 600;
    background: #3C3C3B;
    padding: 4% 14%;
}

.calendrier_dispo ul.corps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calendrier_dispo ul.corps li {
    float: left;
    width: 14.2857%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.calendrier_dispo ul.corps li a {
    padding: 4% 14%;
    display: block;
    color: #354853;
    background: #FFF;
    margin: 1px;
}

.calendrier_dispo ul.corps li.dispo a,
.calendrier_dispo ul.corps li.dispo span {
    background: #A1C96B;
    color: #FFF;
}

.calendrier_dispo ul.corps li.indispo a,
.calendrier_dispo ul.corps li.indispo span {
    background: #E94749;
    color: #FFF;
}

.calendrier_dispo ul.corps li.nousconsulter a,
.calendrier_dispo ul.corps li.nousconsulter span {
    background: #DFDFDF;
    color: #333333;
}

.calendrier_dispo ul.corps li.ferme a,
.calendrier_dispo ul.corps li.ferme span {
    background: #3C3C3B;
    color: #FFF;
}

.calendrier_dispo ul.corps li.dispo a,
.calendrier_dispo ul.corps li.dispo span {
    background: #A1C96B;
    color: #FFF;
}

.calendrier_dispo ul.corps li span {
    padding: 4% 14%;
    display: block;
    color: #354853;
    background: #FFF;
    margin: 1px;
}

.calendrier_dispo ul.corps li span.unactive {
    padding: 4% 14%;
    display: block;
    color: #999;
    background: #FFF;
}

.calendrier_dispo ul.corps li:hover span {
    cursor: pointer;
    color: black;
    background: #FFFFFF;
    font-weight: bold;
}

.calendrier_dispo ul.corps li:nth-child(7n+1) {
    clear: both;
}

.tableaux_dispo {
    padding: 24px 16px;
    background: #FFF;
    margin-top: 20px;
}

.tableaux_dispo table {
    border-collapse: collapse !important;
}

.tableaux_dispo table th {
    text-align: center !important;
    font-weight: bold !important;
}

.tableaux_dispo table th p,
.tableaux_dispo table td p {
    margin: 0 !important;
    padding: 0 10px !important;
}

.zone_dispo {
    background: rgba(161, 201, 107, 0.2);
}

.legendes {
    margin: 0 0 20px 0;
    padding: 0 1%;
}

.legendes ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    float: left;
}

.legendes ul li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.legendes ul li div {
    width: 28px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    background: #F0F;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.legendes ul li .libre {
    background: #A1C96B;
}

.legendes ul li .complet {
    background: #E94749;
}

.legendes ul li .non_communique {
    background: #DFDFDF;
    border: 1px solid #999;
}

.legendes ul li .ferme {
    background: #3C3C3B;
    border: 1px solid #999;
}

.legendes ul li p {
    margin: 0;
    font-size: 1.3rem !important;
    display: inline-block;
    vertical-align: middle;
}

.legendes .pagination_hebergement {
    font-size: 1.4rem;
    margin: 0;
}

.btn_retour {
    float: right;
    margin: -40px 0 24px 0;
    font-size: 1.8em;
    text-transform: uppercase;
    color: #4EC1EA;
    font-family: 'Questrial', sans-serif;
}

.btn_retour_bottom {
    margin-top: 0;
}

.image-float-left {
    float: left;
    margin-right: 15px;
    max-width: 350px;
}

.lei-reseau-sociaux > a {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0;
    background-image: url(../images/social_small.jpg);
    text-indent: -99999px;
    background-size: 40px;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
}

.lei-reseau-sociaux > a.rs_fansfc {
    width: auto;
    height: auto;
    text-indent: 0;
}

/* TRIPADVISOR */
/* ----------------------------------------------------- */
.toggle_tp {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
}

.tp_window {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
}

.lei-reseau-sociaux a.rs_2002685 {
    background-position: left 0;
}

.lei-reseau-sociaux a.rs_2002686 {
    background-position: left -40px;
}

.lei-reseau-sociaux a.rs_2002688 {
    background-position: left -80px;
}

.lei-reseau-sociaux a.rs_2002958 {
    background-position: left -120px;
}

.lei-reseau-sociaux a.rs_2002789 {
    background-position: left -200px;
}

.lei-reseau-sociaux a.rs_2002892 {
    background-position: left -160px;
}

@media only screen and (max-width: 760px) {
    .large-on-mobile {
        width: 100%;
        float: none;
        margin: 10px 0;
        max-width: inherit;
    }
}

.container-webcam {
    width: 100%;
    height: 325px;
    display: block;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.pastille {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    height: 226px;
    width: 226px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 50px 30px;
    box-sizing: border-box;
    text-align: center;
}

.pastille span {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 10px;
    right: 10px;
    top: 46%;
}

.pastille span .title {
    font-size: 2.2em;
    color: #354853;
    font-style: normal;
    font-weight: normal;
    font-family: 'Questrial', Arial, Helvetica, sans-serif;
    text-align: center;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: 10px;
}

.container-webcam:hover .pastille {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: rgba(42, 176, 194, 0.7);
}

.container-webcam:hover .pastille span .title {
    color: #fff;
    font-size: 22px;
}

#nav_listing.nav_listing_meteo {
    text-align: right;
    padding: 0;
    margin-bottom: 15px;
}

#nav_listing.nav_listing_meteo a.active,
#nav_listing.nav_listing_meteo a:hover {
    color: white;
    background: #4EC1EA;
}

#nav_listing.nav_listing_meteo a#btn_imprimer {
    margin: 0 0 10px 0;
}

fieldset.tx-powermail-pi1_fieldset {
    box-shadow: none;
    background: none;
    border: 0px solid #cd2a00;
    padding: 20px;
    margin: 20px 0px 0px 0px;
}

fieldset.tx-powermail-pi1_fieldset legend {
    display: none;
}

fieldset.tx-powermail-pi1_fieldset label {
    width: auto;
    float: none;
    margin: 10px 0px 2px 0px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    background: #2DA8D3;
    box-shadow: none;
    font-family: 'Questrial';
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0;
    padding: 10px 20px;
}

div.powermail_radio_inner {
    width: 50px;
    margin: 0;
    clear: none;
    float: left;
}

div.powermail_radio_inner label {
    margin: 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset input.powermail_date,
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime,
fieldset.tx-powermail-pi1_fieldset textarea,
fieldset.tx-powermail-pi1_fieldset select {
    margin: 0px 0px 5px 0px;
}

fieldset.tx-powermail-pi1_fieldset .wtcalculatingcaptcha {
    display: block;
    margin-top: 5px;
}

/* TABLES */

table.contenttable {
    border: none;
    border-collapse: collapse;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 2em;
}

table.contenttable tr th,
table.contenttable tr td {
    padding: 10px 15px;
    border: none;
    line-height: 1.2em;
}

#wrapper-content table.contenttable tr th p,
#wrapper-content table.contenttable tr td p {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

table.contenttable tr th {
    padding: 5px 15px;
    font-weight: 400;
    font-size: 14px;
}

table.contenttable caption {
    color: #D04E58;
    padding-top: 20px;
    font-weight: normal;
    line-height: 1.2;
    text-align: left;
    font-size: 1.5em;
    margin: 0.83em 0;
}

table.contenttable tbody tr:nth-child(even) {
    background: #e7ecfc;
}

/* GRID */

.row {
    margin: 0 -10px;
}

.row .col_1_2 {
    width: 50%;
    float: left;
}

.row .col_1_3 {
    width: 33.3333%;
    float: left;
}

.row .col_content {
    margin: 10px;
}

@media screen and (max-width: 960px) {
    .row .col_1_3,
    .row .col_1_2 {
        width: 100%;
        float: none;
    }
}

/* COULEURS SITES */
/* Pontarlier: #A1C96B
/* Metabief: #4EC1EA
/* Malbuisson: #F6BB41
/* Fourgs: #D670A9
/* Mouthe: #5FBCA6
/* Montbenoit: #ED6D55
*/

body #wrapper-content .csc-textpic-text a,
body #wrapper-content p a {
    color: #4ec1ea;
}

/* ----------------------------------------------------- */
/*  */
/* PONTARLIER */
/*  */
/* ----------------------------------------------------- */
body.c_pontarlier #wrapper-content a,
body.c_pontarlier #wrapper-content p a {
    color: #A1C96B !important;
}

body.c_pontarlier .btns_offre a.btn_disponibilites {
    background-color: #A1C96B !important;
}

body.c_pontarlier #btn_menu {
    background: #A1C96B;
    color: #FFF;
}

body.c_pontarlier #btn_menu p {
    color: #FFF;
}

body.c_pontarlier #btn_menu #burger::before,
body.c_pontarlier #btn_menu #burger::after,
body.c_pontarlier #btn_menu #burger span {
    background: #FFF;
}

body.c_pontarlier #btn_menu.actif #burger span {
    background: transparent;
}

body.c_pontarlier .picto_mur,
body.c_pontarlier #intro section p {
    background: #A1C96B !important;
}

body.c_pontarlier #a_la_une ul li article .actu-details > h4 {
    color: #A1C96B;
}

body.c_pontarlier .listingLeiPlus a,
body.c_pontarlier #intro section p,
body.c_pontarlier #a_la_une ul li article > span span,
body.c_pontarlier .pure-button.pure-button-primary,
body.c_pontarlier .brochures-listing .brochures-item-download,
body.c_pontarlier .bx-wrapper .bx-prev,
body.c_pontarlier .bx-wrapper .bx-next,
body.c_pontarlier .blocHeader,
body.c_pontarlier #nom_destination p,
body.c_pontarlier #types_hebergements li a:hover,
body.c_pontarlier #elements_trouves,
body.c_pontarlier #zone_btn_reservation .btn_reserver,
body.c_pontarlier #zone_btn_reservation .btn_favoris::before,
body.c_pontarlier #btn_fb_detail,
body.c_pontarlier #btn_tw_detail,
body.c_pontarlier #a_la_une ul li article .actu-details > span span {
    background-color: #A1C96B !important;
    color: #fff !important;
}

body.c_pontarlier #deroulant > li:hover > a,
body.c_pontarlier #deroulant > li.active > a,
body.c_pontarlier #leiListingNumPage a:hover {
    background-color: #A1C96B !important;
    color: white;
}

body.c_pontarlier #wrapper-content .csc-textpic-text a,
body.c_pontarlier #bulletin_neige span.titre,
body.c_pontarlier #a_la_une ul li article > h3 a:hover,
body.c_pontarlier #leiListingNumPage a,
body.c_pontarlier .pastille span .title,
body.c_pontarlier #wrapper-content p a,
body.c_pontarlier .btn_plus_criteres,
body.c_pontarlier .btn_retour,
body.c_pontarlier #zone_btn_reservation .btn_favoris,
body.c_pontarlier #detail_hebergement h1 {
    color: #A1C96B;
}

body.c_pontarlier #nav_listing a {
    border-color: #A1C96B;
}

body.c_pontarlier #wrapper-content .btns_offre a {
    background: rgba(161, 201, 107, 0.5);
    color: #FFFFFF !important;
}

body.c_pontarlier .container-webcam:hover .pastille,
body.c_pontarlier #mur .item a .over,
body.c_pontarlier #listing_activites > li > div:hover {
    background: rgba(161, 201, 107, 0.85);
}

body.c_pontarlier footer#bas #autrespages li a::before,
body.c_pontarlier footer#bas #mentions li a::before {
    background: #A1C96B;
}

body.c_pontarlier #nav_listing.nav_listing_meteo a.active,
body.c_pontarlier #nav_listing.nav_listing_meteo a:hover,
body.c_pontarlier #btn_nous_contacter {
    background: #A1C96B;
    color: #FFFFFF !important;
}

body.c_pontarlier #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(161, 201, 107, 0.75);
    text-align: center;
}

body.c_pontarlier #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* METABIEF */
/*  */
/* ----------------------------------------------------- */
body.c_metabief #wrapper-content a {
    color: #4EC1EA !important;
}

body.c_metabief .picto_mur,
body.c_metabief #intro section p {
    background: #4EC1EA !important;
}

/* Bouton MENU */
body.c_metabief #btn_menu {
    background: #4EC1EA;
    color: #FFF;
}

body.c_metabief #btn_menu p {
    color: #FFF;
}

body.c_metabief #btn_menu #burger::before,
body.c_metabief #btn_menu #burger::after,
body.c_metabief #btn_menu #burger span {
    background: #FFF;
}

body.c_metabief #btn_menu.actif #burger span {
    background: transparent;
}

body.c_metabief .btns_offre a.btn_disponibilites {
    background-color: #4EC1EA !important;
}

body.c_metabief #a_la_une ul li article .actu-details > h4 {
    color: #4EC1EA;
}

body.c_metabief .listingLeiPlus a,
body.c_metabief #intro section p,
body.c_metabief #a_la_une ul li article > span span,
body.c_metabief .pure-button.pure-button-primary,
body.c_metabief .brochures-listing .brochures-item-download,
body.c_metabief .bx-wrapper .bx-prev,
body.c_metabief .bx-wrapper .bx-next,
body.c_metabief .blocHeader,
body.c_metabief #nom_destination p,
body.c_metabief #types_hebergements li a:hover,
body.c_metabief #elements_trouves,
body.c_metabief #zone_btn_reservation .btn_reserver,
body.c_metabief #zone_btn_reservation .btn_favoris::before,
body.c_metabief #btn_fb_detail,
body.c_metabief #btn_tw_detail,
body.c_metabief #a_la_une ul li article .actu-details > span span {
    background-color: #4EC1EA !important;
    color: #fff !important;
}

body.c_metabief #leiListingNumPage a:hover {
    background-color: #4EC1EA !important;
    color: white;
}

body.c_metabief #wrapper-content .csc-textpic-text a,
body.c_metabief #bulletin_neige span.titre,
body.c_metabief #a_la_une ul li article > h3 a:hover,
body.c_metabief #leiListingNumPage a,
body.c_metabief .pastille span .title,
body.c_metabief #wrapper-content p a,
body.c_metabief .btn_plus_criteres,
body.c_metabief .btn_retour,
body.c_metabief #zone_btn_reservation .btn_favoris,
body.c_metabief #detail_hebergement h1 {
    color: #4EC1EA;
}

body.c_metabief #nav_listing a,
body.c_metabief #bulletin_neige a#btn_imprimer {
    border-color: #4EC1EA;
}

body.c_metabief #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(78, 193, 234, 0.5);
}

body.c_metabief .container-webcam:hover .pastille,
body.c_metabief #mur .item a .over,
body.c_metabief #listing_activites > li > div:hover {
    background: rgba(78, 193, 234, 0.85);
}

body.c_metabief footer#bas #autrespages li a::before,
body.c_metabief footer#bas #mentions li a::before {
    background: #4EC1EA;
}

body.c_metabief #deroulant > li:hover > a,
body.c_metabief #deroulant > li.active > a,
body.c_metabief #nav_listing.nav_listing_meteo a.active,
body.c_metabief #nav_listing.nav_listing_meteo a:hover,
body.c_metabief #btn_nous_contacter {
    background: #4EC1EA;
    color: white !important;
}

body.c_metabief #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(78, 193, 234, 0.75);
    text-align: center;
}

body.c_metabief #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

body.c_espace_pro #nav_listing a {
    border-color: #4EC1EA;
}

body.c_espace_pro #deroulant > li:hover > a,
body.c_espace_pro #deroulant > li.active > a,
body.c_espace_pro #nav_listing.nav_listing_meteo a.active,
body.c_espace_pro #nav_listing.nav_listing_meteo a:hover,
body.c_espace_pro #btn_nous_contacter {
    background: #4EC1EA;
    color: white !important;
}

/* ----------------------------------------------------- */
/*  */
/* MALBUISSON */
/*  */
/* ----------------------------------------------------- */
body.c_malbuisson #wrapper-content a,
body.c_malbuisson #wrapper-content .csc-textpic-text a {
    color: #F6BB41 !important;
}

body.c_malbuisson .picto_mur,
body.c_malbuisson #intro section p {
    background: #F6BB41 !important;
}

body.c_malbuisson .btns_offre a.btn_disponibilites {
    background: #F6BB41 !important;
}

/* Bouton MENU */
body.c_malbuisson #btn_menu {
    background: #F6BB41;
    color: #FFF;
}

body.c_malbuisson #btn_menu p {
    color: #FFF;
}

body.c_malbuisson #btn_menu #burger::before,
body.c_malbuisson #btn_menu #burger::after,
body.c_malbuisson #btn_menu #burger span {
    background: #FFF;
}

body.c_malbuisson #btn_menu.actif #burger span {
    background: transparent;
}

body.c_malbuisson #a_la_une ul li article .actu-details > h4 {
    color: #F6BB41;
}

body.c_malbuisson .listingLeiPlus a,
body.c_malbuisson #intro section p,
body.c_malbuisson #a_la_une ul li article > span span,
body.c_malbuisson .pure-button.pure-button-primary,
body.c_malbuisson .brochures-listing .brochures-item-download,
body.c_malbuisson .bx-wrapper .bx-prev,
body.c_malbuisson .bx-wrapper .bx-next,
body.c_malbuisson .blocHeader,
body.c_malbuisson #nom_destination p,
body.c_malbuisson #types_hebergements li a:hover,
body.c_malbuisson #elements_trouves,
body.c_malbuisson #zone_btn_reservation .btn_reserver,
body.c_malbuisson #zone_btn_reservation .btn_favoris::before,
body.c_malbuisson #btn_fb_detail,
body.c_malbuisson #btn_tw_detail,
body.c_malbuisson #a_la_une ul li article .actu-details > span span {
    background-color: #F6BB41 !important;
    color: #fff !important;
}

body.c_malbuisson #leiListingNumPage a:hover {
    background-color: #F6BB41 !important;
    color: white !important;
}

/*body.c_malbuisson #wrapper-content .csc-textpic-text a,*/
body.c_malbuisson #bulletin_neige span.titre,
body.c_malbuisson #a_la_une ul li article > h3 a:hover,
body.c_malbuisson #leiListingNumPage a,
body.c_malbuisson .pastille span .title,
body.c_malbuisson .btn_plus_criteres,
body.c_malbuisson .btn_retour {
    color: #FFFFFF !important;
}

body.c_malbuisson #zone_btn_reservation .btn_favoris,
body.c_malbuisson #wrapper-content p a,
body.c_malbuisson #detail_hebergement h1 {
    color: #F6BB41;
}

body.c_malbuisson #nav_listing a {
    border-color: #F6BB41;
}

body.c_malbuisson #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(246, 187, 65, 0.5);
}

body.c_malbuisson .container-webcam:hover .pastille,
body.c_malbuisson #mur .item a .over,
body.c_malbuisson #listing_activites > li > div:hover {
    background: rgba(246, 187, 65, 0.85);
}

body.c_malbuisson footer#bas #autrespages li a::before,
body.c_malbuisson footer#bas #mentions li a::before {
    background: #F6BB41;
}

body.c_malbuisson #deroulant > li:hover > a,
body.c_malbuisson #deroulant > li.active > a,
body.c_malbuisson #nav_listing.nav_listing_meteo a.active,
body.c_malbuisson #nav_listing.nav_listing_meteo a:hover,
body.c_malbuisson #btn_nous_contacter {
    background: #F6BB41;
    color: white !important;
}

body.c_malbuisson #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(246, 187, 65, 0.75);
    text-align: center;
}

body.c_malbuisson #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* FOURGS */
/*  */
/* ----------------------------------------------------- */
body.c_fourgs #wrapper-content a {
    color: #D670A9 !important;
}

body.c_fourgs .picto_mur,
body.c_fourgs #intro section p {
    background: #D670A9 !important;
}

body.c_fourgs .btns_offre a.btn_disponibilites {
    background: #D670A9 !important;
}

/* Bouton MENU */
body.c_fourgs #btn_menu {
    background: #D670A9;
    color: #FFF;
}

body.c_fourgs #btn_menu p {
    color: #FFF;
}

body.c_fourgs #btn_menu #burger::before,
body.c_fourgs #btn_menu #burger::after,
body.c_fourgs #btn_menu #burger span {
    background: #FFF;
}

body.c_fourgs #btn_menu.actif #burger span {
    background: transparent;
}

body.c_fourgs #a_la_une ul li article .actu-details > h4 {
    color: #D670A9;
}

body.c_fourgs .listingLeiPlus a,
body.c_fourgs #intro section p,
body.c_fourgs #a_la_une ul li article > span span,
body.c_fourgs .pure-button.pure-button-primary,
body.c_fourgs .brochures-listing .brochures-item-download,
body.c_fourgs .bx-wrapper .bx-prev,
body.c_fourgs .bx-wrapper .bx-next,
body.c_fourgs .blocHeader,
body.c_fourgs #nom_destination p,
body.c_fourgs #types_hebergements li a:hover,
body.c_fourgs #elements_trouves,
body.c_fourgs #zone_btn_reservation .btn_reserver,
body.c_fourgs #zone_btn_reservation .btn_favoris::before,
body.c_fourgs #btn_fb_detail,
body.c_fourgs #btn_tw_detail,
body.c_fourgs #a_la_une ul li article .actu-details > span span {
    background-color: #D670A9 !important;
    color: #fff !important;
}

body.c_fourgs #leiListingNumPage a:hover {
    background-color: #D670A9 !important;
    color: white;
}

body.c_fourgs #wrapper-content .csc-textpic-text a,
body.c_fourgs #bulletin_neige span.titre,
body.c_fourgs #a_la_une ul li article > h3 a:hover,
body.c_fourgs #leiListingNumPage a,
body.c_fourgs .pastille span .title,
body.c_fourgs #wrapper-content p a,
body.c_fourgs .btn_plus_criteres,
body.c_fourgs .btn_retour,
body.c_fourgs #zone_btn_reservation .btn_favoris,
body.c_fourgs #detail_hebergement h1 {
    color: #D670A9;
}

body.c_fourgs #nav_listing a {
    border-color: #D670A9;
}

body.c_fourgs #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(214, 112, 169, 0.5);
}

body.c_fourgs .container-webcam:hover .pastille,
body.c_fourgs #mur .item a .over,
body.c_fourgs #listing_activites > li > div:hover {
    background: rgba(214, 112, 169, 0.85);
}

body.c_fourgs footer#bas #autrespages li a::before,
body.c_fourgs footer#bas #mentions li a::before {
    background: #D670A9;
}

body.c_fourgs #deroulant > li:hover > a,
body.c_fourgs #deroulant > li.active > a,
body.c_fourgs #nav_listing.nav_listing_meteo a.active,
body.c_fourgs #nav_listing.nav_listing_meteo a:hover,
body.c_fourgs #btn_nous_contacter {
    background: #D670A9;
    color: white !important;
}

body.c_fourgs #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(214, 112, 169, 0.75);
    text-align: center;
}

body.c_fourgs #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* MOUTHE */
/*  */
/* ----------------------------------------------------- */
body.c_mouthe #wrapper-content a {
    color: #5FBCA6 !important;
}

body.c_mouthe .picto_mur,
body.c_mouthe #intro section p {
    background: #5FBCA6 !important;
}

/* Bouton MENU */
body.c_mouthe #btn_menu {
    background: #5FBCA6;
    color: #FFF;
}

body.c_mouthe #btn_menu p {
    color: #FFF;
}

body.c_mouthe #btn_menu #burger::before,
body.c_mouthe #btn_menu #burger::after,
body.c_mouthe #btn_menu #burger span {
    background: #FFF;
}

body.c_mouthe #btn_menu.actif #burger span {
    background: transparent;
}

body.c_mouthe .btns_offre a.btn_disponibilites {
    background-color: #5FBCA6 !important;
}

body.c_mouthe #a_la_une ul li article .actu-details > h4 {
    color: #5FBCA6;
}

body.c_mouthe .listingLeiPlus a,
body.c_mouthe #intro section p,
body.c_mouthe #a_la_une ul li article > span span,
body.c_mouthe .pure-button.pure-button-primary,
body.c_mouthe .brochures-listing .brochures-item-download,
body.c_mouthe .bx-wrapper .bx-prev,
body.c_mouthe .bx-wrapper .bx-next,
body.c_mouthe .blocHeader,
body.c_mouthe #nom_destination p,
body.c_mouthe #types_hebergements li a:hover,
body.c_mouthe #elements_trouves,
body.c_mouthe #zone_btn_reservation .btn_reserver,
body.c_mouthe #zone_btn_reservation .btn_favoris::before,
body.c_mouthe #btn_fb_detail,
body.c_mouthe #btn_tw_detail,
body.c_mouthe #a_la_une ul li article .actu-details > span span {
    background-color: #5FBCA6 !important;
    color: #fff !important;
}

body.c_mouthe #leiListingNumPage a:hover {
    background-color: #5FBCA6 !important;
    color: white;
}

body.c_mouthe #wrapper-content .csc-textpic-text a,
body.c_mouthe #bulletin_neige span.titre,
body.c_mouthe #a_la_une ul li article > h3 a:hover,
body.c_mouthe #leiListingNumPage a,
body.c_mouthe .pastille span .title,
body.c_mouthe #wrapper-content p a,
body.c_mouthe .btn_plus_criteres,
body.c_mouthe .btn_retour,
body.c_mouthe #zone_btn_reservation .btn_favoris,
body.c_mouthe #detail_hebergement h1 {
    color: #5FBCA6;
}

body.c_mouthe #nav_listing a {
    border-color: #5FBCA6;
}

body.c_mouthe #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(95, 188, 166, 0.5);
}

body.c_mouthe .container-webcam:hover .pastille,
body.c_mouthe #mur .item a .over,
body.c_mouthe #listing_activites > li > div:hover {
    background: rgba(95, 188, 166, 0.85);
}

body.c_mouthe footer#bas #autrespages li a::before,
body.c_mouthe footer#bas #mentions li a::before {
    background: #5FBCA6;
}

body.c_mouthe #deroulant > li:hover > a,
body.c_mouthe #deroulant > li.active > a,
body.c_mouthe #nav_listing.nav_listing_meteo a.active,
body.c_mouthe #nav_listing.nav_listing_meteo a:hover,
body.c_mouthe #btn_nous_contacter {
    background: #5FBCA6;
    color: white !important;
}

body.c_mouthe #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(95, 188, 166, 0.75);
    text-align: center;
}

body.c_mouthe #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* MONTBENOIT */
/*  */
/* ----------------------------------------------------- */
body.c_montbenoit #wrapper-content a {
    color: #ED6D55 !important;
}

body.c_montbenoit .picto_mur,
body.c_montbenoit #intro section p {
    background: #ED6D55 !important;
}

body.c_montbenoit .btns_offre a.btn_disponibilites {
    background-color: #ED6D55 !important;
}

/* Bouton MENU */
body.c_montbenoit #btn_menu {
    background: #ED6D55;
    color: #FFF;
}

body.c_montbenoit #btn_menu p {
    color: #FFF;
}

body.c_montbenoit #btn_menu #burger::before,
body.c_montbenoit #btn_menu #burger::after,
body.c_montbenoit #btn_menu #burger span {
    background: #FFF;
}

body.c_montbenoit #btn_menu.actif #burger span {
    background: transparent;
}

body.c_montbenoit #a_la_une ul li article .actu-details > h4 {
    color: #ED6D55;
}

body.c_montbenoit .listingLeiPlus a,
body.c_montbenoit #intro section p,
body.c_montbenoit #a_la_une ul li article > span span,
body.c_montbenoit .pure-button.pure-button-primary,
body.c_montbenoit .brochures-listing .brochures-item-download,
body.c_montbenoit .bx-wrapper .bx-prev,
body.c_montbenoit .bx-wrapper .bx-next,
body.c_montbenoit .blocHeader,
body.c_montbenoit #nom_destination p,
body.c_montbenoit #types_hebergements li a:hover,
body.c_montbenoit #elements_trouves,
body.c_montbenoit #zone_btn_reservation .btn_reserver,
body.c_montbenoit #zone_btn_reservation .btn_favoris::before,
body.c_montbenoit #btn_fb_detail,
body.c_montbenoit #btn_tw_detail,
body.c_montbenoit #a_la_une ul li article .actu-details > span span {
    background-color: #ED6D55 !important;
    color: #fff !important;
}

body.c_montbenoit #leiListingNumPage a:hover {
    background-color: #ED6D55 !important;
    color: white;
}

body.c_montbenoit #wrapper-content .csc-textpic-text a,
body.c_montbenoit #bulletin_neige span.titre,
body.c_montbenoit #a_la_une ul li article > h3 a:hover,
body.c_montbenoit #leiListingNumPage a,
body.c_montbenoit .pastille span .title,
body.c_montbenoit #wrapper-content p a,
body.c_montbenoit .btn_plus_criteres,
body.c_montbenoit .btn_retour,
body.c_montbenoit #zone_btn_reservation .btn_favoris,
body.c_montbenoit #detail_hebergement h1 {
    color: #ED6D55;
}

body.c_montbenoit #nav_listing a {
    border-color: #ED6D55;
}

body.c_montbenoit #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(237, 109, 85, 0.5);
}

body.c_montbenoit .container-webcam:hover .pastille,
body.c_montbenoit #mur .item a .over,
body.c_montbenoit #listing_activites > li > div:hover {
    background: rgba(237, 109, 85, 0.85);
}

body.c_montbenoit footer#bas #autrespages li a::before,
body.c_montbenoit footer#bas #mentions li a::before {
    background: #ED6D55;
}

body.c_montbenoit #deroulant > li:hover > a,
body.c_montbenoit #deroulant > li.active > a,
body.c_montbenoit #nav_listing.nav_listing_meteo a.active,
body.c_montbenoit #nav_listing.nav_listing_meteo a:hover,
body.c_montbenoit #btn_nous_contacter {
    background: #ED6D55;
    color: white !important;
}

body.c_montbenoit #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(237, 109, 85, 0.75);
    text-align: center;
}

body.c_montbenoit #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*   */
/* PASSION NEIGE */
/*   */
/* ----------------------------------------------------- */
body.c_passion_neige #wrapper-content a {
    color: #477c9a !important;
}

body.c_passion_neige .picto_mur,
body.c_passion_neige #intro section p {
    background: #354853 !important;
}

/* -- Bouton MENU -- */
body.c_passion_neige #btn_menu {
    background: #354853;
    color: #FFF;
}

body.c_passion_neige #btn_menu p {
    color: #FFF;
}

body.c_passion_neige #btn_menu #burger::before,
body.c_passion_neige #btn_menu #burger::after,
body.c_passion_neige #btn_menu #burger span {
    background: #FFF;
}

body.c_passion_neige #btn_menu.actif #burger span {
    background: transparent;
}

/* -- End Bouton MENU -- */

body.c_passion_neige #a_la_une ul li article .actu-details > h4 {
    color: #354853;
}

body.c_passion_neige .btns_offre a.btn_disponibilites {
    background-color: #354853 !important;
}

body.c_passion_neige .listingLeiPlus a,
body.c_passion_neige #intro section p,
body.c_passion_neige #a_la_une ul li article > span span,
body.c_passion_neige .pure-button.pure-button-primary,
body.c_passion_neige .brochures-listing .brochures-item-download,
body.c_passion_neige .bx-wrapper .bx-prev,
body.c_passion_neige .bx-wrapper .bx-next,
body.c_passion_neige .blocHeader,
body.c_passion_neige #nom_destination p,
body.c_passion_neige #types_hebergements li a:hover,
body.c_passion_neige #elements_trouves,
body.c_passion_neige #zone_btn_reservation .btn_reserver,
body.c_passion_neige #zone_btn_reservation .btn_favoris::before,
body.c_passion_neige #btn_fb_detail,
body.c_passion_neige #btn_tw_detail,
body.c_passion_neige #a_la_une ul li article .actu-details > span span {
    background-color: #354853 !important;
    color: #fff !important;
}

body.c_passion_neige #leiListingNumPage a:hover {
    background-color: #354853 !important;
    color: white;
}

body.c_passion_neige #wrapper-content .csc-textpic-text a,
body.c_passion_neige #bulletin_neige span.titre,
body.c_passion_neige #a_la_une ul li article > h3 a:hover,
body.c_passion_neige #leiListingNumPage a,
body.c_passion_neige .pastille span .title,
body.c_passion_neige #wrapper-content p a,
body.c_passion_neige .btn_retour,
body.c_passion_neige #zone_btn_reservation .btn_favoris,
body.c_passion_neige #detail_hebergement h1 {
    color: #354853;
}

body.c_passion_neige .btn_plus_criteres {
    color: #FFFFFF;
}

body.c_passion_neige #nav_listing a {
    border-color: #354853;
}

body.c_passion_neige #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(53, 72, 83, 0.5);
}

body.c_passion_neige .container-webcam:hover .pastille,
body.c_passion_neige #mur .item a .over,
body.c_passion_neige #listing_activites > li > div:hover {
    background: rgba(53, 72, 83, 0.85);
}

body.c_passion_neige footer#bas #autrespages li a::before,
body.c_passion_neige footer#bas #mentions li a::before {
    background: #354853;
}

body.c_passion_neige #deroulant > li:hover > a,
body.c_passion_neige #deroulant > li.active > a,
body.c_passion_neige #nav_listing.nav_listing_meteo a.active,
body.c_passion_neige #nav_listing.nav_listing_meteo a:hover,
body.c_passion_neige #btn_nous_contacter {
    background: #354853;
    color: white !important;
}

body.c_passion_neige #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(53, 72, 83, 0.75);
    text-align: center;
}

body.c_passion_neige #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* PASSION ACTIVITES */
/*  */
/* ----------------------------------------------------- */
body.c_passion_activites #wrapper-content a {
    color: #999 !important;
}

body.c_passion_activites .picto_mur,
body.c_passion_activites #intro section p {
    background: #354853 !important;
}

body.c_passion_activites .btns_offre a.btn_disponibilites {
    background-color: #354853 !important;
}

/* -- Bouton MENU -- */
body.c_passion_activites #btn_menu {
    background: #354853;
    color: #FFF;
}

body.c_passion_activites #btn_menu p {
    color: #FFF;
}

body.c_passion_activites #btn_menu #burger::before,
body.c_passion_activites #btn_menu #burger::after,
body.c_passion_activites #btn_menu #burger span {
    background: #FFF;
}

body.c_passion_activites #btn_menu.actif #burger span {
    background: transparent;
}

/* -- End Bouton MENU -- */
body.c_passion_activites #a_la_une ul li article .actu-details > h4 {
    color: #354853;
}

body.c_passion_activites .listingLeiPlus a,
body.c_passion_activites #intro section p,
body.c_passion_activites #a_la_une ul li article > span span,
body.c_passion_activites .pure-button.pure-button-primary,
body.c_passion_activites .brochures-listing .brochures-item-download,
body.c_passion_activites .bx-wrapper .bx-prev,
body.c_passion_activites .bx-wrapper .bx-next,
body.c_passion_activites .blocHeader,
body.c_passion_activites #nom_destination p,
body.c_passion_activites #types_hebergements li a:hover,
body.c_passion_activites #elements_trouves,
body.c_passion_activites #zone_btn_reservation .btn_reserver,
body.c_passion_activites #zone_btn_reservation .btn_favoris::before,
body.c_passion_activites #btn_fb_detail,
body.c_passion_activites #btn_tw_detail,
body.c_passion_activites #a_la_une ul li article .actu-details > span span {
    background-color: #354853 !important;
    color: #fff !important;
}

body.c_passion_activites #leiListingNumPage a:hover {
    background-color: #354853 !important;
    color: white;
}

body.c_passion_activites #wrapper-content .csc-textpic-text a,
body.c_passion_activites #bulletin_neige span.titre,
body.c_passion_activites #a_la_une ul li article > h3 a:hover,
body.c_passion_activites #leiListingNumPage a,
body.c_passion_activites .pastille span .title,
body.c_passion_activites #wrapper-content p a,
body.c_passion_activites .btn_retour,
body.c_passion_activites #zone_btn_reservation .btn_favoris,
body.c_passion_activites #detail_hebergement h1 {
    color: #354853;
}

body.c_passion_activites .btn_plus_criteres {
    color: #FFFFFF;
}

body.c_passion_activites #nav_listing a {
    border-color: #354853;
}

body.c_passion_activites #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(53, 72, 83, 0.5);
}

body.c_passion_activites .container-webcam:hover .pastille,
body.c_passion_activites #mur .item a .over,
body.c_passion_activites #listing_activites > li > div:hover {
    background: rgba(53, 72, 83, 0.85);
}

body.c_passion_activites footer#bas #autrespages li a::before,
body.c_passion_activites footer#bas #mentions li a::before {
    background: #354853;
}

body.c_passion_activites #deroulant > li:hover > a,
body.c_passion_activites #deroulant > li.active > a,
body.c_passion_activites #nav_listing.nav_listing_meteo a.active,
body.c_passion_activites #nav_listing.nav_listing_meteo a:hover,
body.c_passion_activites #btn_nous_contacter {
    background: #354853;
    color: white !important;
}

body.c_passion_activites #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(53, 72, 83, 0.75);
    text-align: center;
}

body.c_passion_activites #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* PASSION TRADITION */
/*  */
/* ----------------------------------------------------- */
body.c_passion_tradition #wrapper-content a {
    color: #354853 !important;
}

body.c_passion_tradition .picto_mur,
body.c_passion_tradition #intro section p {
    background: #354853 !important;
}

body.c_passion_tradition .btns_offre a.btn_disponibilites {
    background-color: #354853 !important;
}

/* -- Bouton MENU -- */
body.c_passion_tradition #btn_menu {
    background: #354853;
    color: #FFF;
}

body.c_passion_tradition #btn_menu p {
    color: #FFF;
}

body.c_passion_tradition #btn_menu #burger::before,
body.c_passion_tradition #btn_menu #burger::after,
body.c_passion_tradition #btn_menu #burger span {
    background: #FFF;
}

body.c_passion_tradition #btn_menu.actif #burger span {
    background: transparent;
}

/* -- End Bouton MENU -- */
body.c_passion_tradition #a_la_une ul li article .actu-details > h4 {
    color: #354853;
}

body.c_passion_tradition .listingLeiPlus a,
body.c_passion_tradition #intro section p,
body.c_passion_tradition #a_la_une ul li article > span span,
body.c_passion_tradition .pure-button.pure-button-primary,
body.c_passion_tradition .brochures-listing .brochures-item-download,
body.c_passion_tradition .bx-wrapper .bx-prev,
body.c_passion_tradition .bx-wrapper .bx-next,
body.c_passion_tradition .blocHeader,
body.c_passion_tradition #nom_destination p,
body.c_passion_tradition #types_hebergements li a:hover,
body.c_passion_tradition #elements_trouves,
body.c_passion_tradition #zone_btn_reservation .btn_reserver,
body.c_passion_tradition #zone_btn_reservation .btn_favoris::before,
body.c_passion_tradition #btn_fb_detail,
body.c_passion_tradition #btn_tw_detail,
body.c_passion_tradition #a_la_une ul li article .actu-details > span span {
    background-color: #354853 !important;
    color: #fff !important;
}

body.c_passion_tradition #leiListingNumPage a:hover {
    background-color: #354853 !important;
    color: white;
}

body.c_passion_tradition #wrapper-content .csc-textpic-text a,
body.c_passion_tradition #bulletin_neige span.titre,
body.c_passion_tradition #a_la_une ul li article > h3 a:hover,
body.c_passion_tradition #leiListingNumPage a,
body.c_passion_tradition .pastille span .title,
body.c_passion_tradition #wrapper-content p a,
body.c_passion_tradition .btn_retour,
body.c_passion_tradition #zone_btn_reservation .btn_favoris,
body.c_passion_tradition #detail_hebergement h1 {
    color: #354853;
}

body.c_passion_tradition .btn_plus_criteres {
    color: #FFFFFF;
}

body.c_passion_tradition #nav_listing a {
    border-color: #354853;
}

body.c_passion_tradition #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(53, 72, 83, 0.5);
}

body.c_passion_tradition .container-webcam:hover .pastille,
body.c_passion_tradition #mur .item a .over,
body.c_passion_tradition #listing_activites > li > div:hover {
    background: rgba(53, 72, 83, 0.85);
}

body.c_passion_tradition footer#bas #autrespages li a::before,
body.c_passion_tradition footer#bas #mentions li a::before {
    background: #354853;
}

body.c_passion_tradition #deroulant > li:hover > a,
body.c_passion_tradition #deroulant > li.active > a,
body.c_passion_tradition #nav_listing.nav_listing_meteo a.active,
body.c_passion_tradition #nav_listing.nav_listing_meteo a:hover,
body.c_passion_tradition #btn_nous_contacter {
    background: #354853;
    color: white !important;
}

body.c_passion_tradition #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(53, 72, 83, 0.75);
    text-align: center;
}

body.c_passion_tradition #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

/* ----------------------------------------------------- */
/*  */
/* PASSION NATURE */
/*  */
/* ----------------------------------------------------- */
body.c_passion_nature #wrapper-content a {
    color: #354853 !important;
}

body.c_passion_nature .picto_mur,
body.c_passion_nature #intro section p {
    background: #354853 !important;
}

/* -- Bouton MENU -- */
body.c_passion_nature #btn_menu {
    background: #354853;
    color: #FFF;
}

body.c_passion_nature #btn_menu p {
    color: #FFF;
}

body.c_passion_nature #btn_menu #burger::before,
body.c_passion_nature #btn_menu #burger::after,
body.c_passion_nature #btn_menu #burger span {
    background: #FFF;
}

body.c_passion_nature #btn_menu.actif #burger span {
    background: transparent;
}

/* -- End Bouton MENU -- */
body.c_passion_nature #a_la_une ul li article .actu-details > h4 {
    color: #354853;
}

body.c_passion_nature .listingLeiPlus a,
body.c_passion_nature #intro section p,
body.c_passion_nature #a_la_une ul li article > span span,
body.c_passion_nature .pure-button.pure-button-primary,
body.c_passion_nature .brochures-listing .brochures-item-download,
body.c_passion_nature .bx-wrapper .bx-prev,
body.c_passion_nature .bx-wrapper .bx-next,
body.c_passion_nature .blocHeader,
body.c_passion_nature #nom_destination p,
body.c_passion_nature #types_hebergements li a:hover,
body.c_passion_nature #elements_trouves,
body.c_passion_nature #zone_btn_reservation .btn_reserver,
body.c_passion_nature #zone_btn_reservation .btn_favoris::before,
body.c_passion_nature #btn_fb_detail,
body.c_passion_nature #btn_tw_detail,
body.c_passion_nature #a_la_une ul li article .actu-details > span span {
    background-color: #354853 !important;
    color: #fff !important;
}

body.c_passion_nature #leiListingNumPage a:hover {
    background-color: #354853 !important;
    color: white;
}

body.c_passion_nature .btns_offre a.btn_disponibilites {
    background-color: #354853 !important;
}

body.c_passion_nature #wrapper-content .csc-textpic-text a,
body.c_passion_nature #bulletin_neige span.titre,
body.c_passion_nature #a_la_une ul li article > h3 a:hover,
body.c_passion_nature #leiListingNumPage a,
body.c_passion_nature .pastille span .title,
body.c_passion_nature #wrapper-content p a,
body.c_passion_nature .btn_retour,
body.c_passion_nature #zone_btn_reservation .btn_favoris,
body.c_passion_nature #detail_hebergement h1 {
    color: #354853;
}

body.c_passion_nature .btn_plus_criteres {
    color: #FFFFFF;
}

body.c_passion_nature #nav_listing a {
    border-color: #354853;
}

body.c_passion_nature #wrapper-content .btns_offre a {
    color: #FFFFFF !important;
    background: rgba(53, 72, 83, 0.5);
}

body.c_passion_nature .container-webcam:hover .pastille,
body.c_passion_nature #mur .item a .over,
body.c_passion_nature #listing_activites > li > div:hover {
    background: rgba(53, 72, 83, 0.85);
}

body.c_passion_nature footer#bas #autrespages li a::before,
body.c_passion_nature footer#bas #mentions li a::before {
    background: #354853;
}

body.c_passion_nature #deroulant > li:hover > a,
body.c_passion_nature #deroulant > li.active > a,
body.c_passion_nature #nav_listing.nav_listing_meteo a.active,
body.c_passion_nature #nav_listing.nav_listing_meteo a:hover,
body.c_passion_nature #btn_nous_contacter {
    background: #354853;
    color: white !important;
}

body.c_passion_nature #coup_de_coeur > div {
    margin: 9%;
    padding: 24px 24px 48px 24px;
    background: rgba(53, 72, 83, 0.75);
    text-align: center;
}

body.c_passion_nature #wrapper-content .listingLeiPlus > a {
    color: #FFF !important;
}

#wrapper-content #types_hebergements li a {
    color: #FFFFFF !important;
}

#nav_destination.decal_nav {
    margin-left: 30px;
}

#google_translate_element {
    height: 49px;
    overflow: hidden;
    float: right;
}

#google_translate_element select {
    margin: 0 0 0 1px;
}

/*BROCHURES*/

#wrapper-content .brochures-listing {
    margin-top: 40px;
}

#wrapper-content .brochures-listing .col1 {
    float: none;
}

#wrapper-content .brochures-listing .col2 .brochures-item-visuel {
    float: right;
}

#wrapper-content .brochures-listing .brochures-item-visuel {
    display: block;
    float: left;
    height: 250px;
    width: 50%;
    overflow: hidden;
}

#wrapper-content .brochures-listing .brochures-item-visuel > div > div {
    display: none;
}

#wrapper-content .brochures-listing .brochures-item-visuel iframe {
    width: 100%;
    height: 250px;
}

#wrapper-content .brochures-listing .brochures-item {
    margin: 50px 0;
    background-color: rgb(242, 242, 242);
}

#wrapper-content .brochures-listing .brochure-item-calameo-content {
    background-color: rgb(242, 242, 242);
    float: left;
    padding: 20px;
    width: 50%;
    box-sizing: border-box;
}

#wrapper-content .brochures-listing .brochures-item-titre {
    font-family: 'Questrial', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-decoration: none;
    color: black;
    margin-bottom: 8px;
}

.tx-loginboxmacmade-pi1-loginTable {
    font-size: 1.3rem;
}

.tx-loginboxmacmade-pi1-loginTable td {
    padding: 12px !important;
}

.tx-loginboxmacmade-pi1 table.tx-loginboxmacmade-pi1-loginTable td.tx-loginboxmacmade-pi1-labelCell {
    background-color: #ededed;
    border: 1px solid #DADADA;
    padding: 12px !important;
}

.tx-loginboxmacmade-pi1-loginTable td input[type="text"], .tx-loginboxmacmade-pi1-loginTable td input[type="tel"], .tx-loginboxmacmade-pi1-loginTable td input[type="email"], .tx-loginboxmacmade-pi1-loginTable td input[type="password"] {
    border: 1px solid #CCC;
    padding: 8px 16px;
    color: #212121;
}

.tx-loginboxmacmade-pi1-loginTable input[type="submit"] {
    font-weight: bold;
    color: #FFF;
    background: #4ec1ea;
    padding: 12px 24px;
    border: none;
    font-size: 1.4rem;
}

.tx-loginboxmacmade-pi1-loginTable input[type="submit"]:hover {
    background: #ed6d55;
}

.tx-dklikpresse-pi1 table {
    width: 100% !important;
    font-size: 0.8em;
}

.wrapper-content iframe {
    border: none !important;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea, fieldset.tx-powermail-pi1_fieldset select {
    margin: 0 0 5px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea, fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    border: 1px solid #CCC;
    box-shadow: none !important;
    color: #444;
    font-family: "Cabin", Arial, sans-serif;
    font-size: 1.3rem;
    padding: 8px 16px;
    width: 59% !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset.tx-powermail-pi1_fieldset label {
    width: 39% !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.tx-powermail-pi1 {
    width: 100% !important;
}

.tx-loginboxmacmade-pi1-logout, .tx-loginboxmacmade-pi1-forgotpasswordLink {
    font-size: 1.3rem;
    padding: 12px 0;
}

/*
  *
  *
  * OWL CAROUSEL PAGES Chateau de Joux et Absinthe
  *
  *
*/
.pix_diapo.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2em;
}

/* PREV NEXT */
.pix_diapo.owl-carousel .owl-nav .owl-prev,
.pix_diapo.owl-carousel .owl-nav .owl-next {
    position: absolute;
    width: 3em;
    height: 3em;
    line-height: 3em;
    background: #000;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}

.pix_diapo.owl-carousel .owl-nav .owl-prev.disabled,
.pix_diapo.owl-carousel .owl-nav .owl-next.disabled {
    opacity: 0;
}

.pix_diapo.owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.pix_diapo.owl-carousel .owl-nav .owl-next {
    right: 0;
}

/* BULLETS */
.pix_diapo.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    transition: all 200ms ease-out;
}

/*
  *
  *
  * PAGE SEJOUR FICHE
  *
  *
*/

.sejour {
    position: relative;
}

.sejour .sejour-titre {
    padding: 0.5em 1em;
}

.sejour .sejour-accroche {
    font-size: 1.2em;
}

.sejour .sejour-image {
    position: relative;
    width: 100%;
    height: 30vh;
    overflow: hidden;
}

.sejour .sejour-image img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
}

.sejour .sejour-gallery {
    position: relative;
    width: auto;
    overflow: hidden;
}

.sejour .sejour-gallery .sejour-details {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.35);
    padding: 1em;
    z-index: 20;
}

.sejour .sejour-gallery .sejour-details p {
    margin: 0;
    text-align: right;
    color: #FFFFFF;
}

.sejour .sejour-conditions,
.sejour .sejour-programme {
    margin-top: 1em;
    font-family: 'Cabin', Arial, sans-serif;
    font-size: 1.0em;
}

.sejour .sejour-conditions ul,
.sejour .sejour-conditions p,
.sejour .sejour-conditions h5,
.sejour .sejour-programme ul,
.sejour .sejour-programme p,
.sejour .sejour-programme h5 {
    font-size: 1.5em;
}

/* FORMULAIRE */
.tx-dkliksejours-pi1 fieldset {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding-right: 15px;
}

.g-recaptcha > div {
    display: inline-block;
}

.tx-dkliksejours-pi1 fieldset.full-width {
    width: 100%;
}

.tx-dkliksejours-pi1 fieldset .groupField {
    margin-bottom: 10px;
}

.tx-dkliksejours-pi1 fieldset .groupField label {
    width: 100%;
    font-size: 1.25em;
}

.tx-dkliksejours-pi1 fieldset .groupField input {
    width: 100%;
    height: 3em;
    border: 1px solid #ddd;
}

.tx-dkliksejours-pi1 fieldset .groupField textarea {
    width: 100%;
    height: 9em;
    border: 1px solid #ddd;
    resize: vertical;
}

.tx-dkliksejours-pi1 fieldset .groupField input[type='radio'],
.tx-dkliksejours-pi1 fieldset .groupField input[type='checkbox'] {
    width: auto;
}

.tx-dkliksejours-pi1 fieldset .form-submit {
    border: none;
    padding: 10px 20px;
    font-size: 1.25em;
    color: white;
    min-width: 20%;
}

.tx-dkliksejours-pi1 fieldset:not(:first-of-type) {
    padding-right: 0;
}

/* Couleurs spécifiques */
body.c_pontarlier .sejour .sejour-titre {
    background-color: #A1C96B;
}

body.c_metabief .sejour .sejour-titre {
    background-color: #4EC1EA;
}

body.c_malbuisson .sejour .sejour-titre {
    background-color: #F6BB41;
}

body.c_fourgs .sejour .sejour-titre {
    background-color: #D670A9;
}

body.c_mouthe .sejour .sejour-titre {
    background-color: #5FBCA6;
}

body.c_montbenoit .sejour .sejour-titre {
    background-color: #ED6D55;
}

body.c_pontarlier .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #A1C96B;
}

body.c_metabief .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #4EC1EA;
}

body.c_malbuisson .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #F6BB41;
}

body.c_fourgs .sejour .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #D670A9;
}

body.c_mouthe .sejour .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #5FBCA6;
}

body.c_montbenoit .tx-dkliksejours-pi1 fieldset .form-submit {
    background-color: #ED6D55;
}

/*  Pontarlier: #A1C96B
/* Metabief: #4EC1EA
/* Malbuisson: #F6BB41
/* Fourgs: #D670A9
/* Mouthe: #5FBCA6
/* Montbenoit: #ED6D55 */

.red {
    color: red;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* RESPONSIVE */

@media screen and (max-width: 1570px) {
    #nav_destination {

        margin-left: 1px;
    }

    #btn_menu_destination {
        display: block;
        font-size: 1.6em;
        cursor: pointer;
        text-transform: uppercase;
    }

    #btn_menu_destination p {
        margin: 0;
        padding: 11px 18px;
        background: #EDEDED;
    }
    #btn_menu_home {
        display: unset;
        background: #EDEDED;
        float: left;
        border: none;
        margin: 0 0 0 1px;
        color: #FFF;
        padding: 11px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        font-size: 1.4em;
        text-transform: uppercase;
        font-family: 'Questrial';
        cursor: pointer;
        height: 49px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #btn_menu_home > a > div {
        width: 30px;
        height: 30px;
        float: left;
        margin: -2px 0 1px 0;
        background: url(../images/btn_home.png) no-repeat center;
    }

    #nav_destination {
        margin: 0;
    }

    ul#deroulant_destinations {
        display: none;
        position: absolute;
        min-width: 180px;
    }

    ul#deroulant_destinations li {
        display: block;
        line-height: 1.75rem;
    }

    ul#deroulant_destinations.actif {
        display: block;
        background: #EDEDED;
        padding: 12px;
    }
}

@media screen and (max-width: 1340px) {
    #a_la_une {
        width: 46%;
        margin-left: 2%;
    }
}

@media screen and (max-width: 1280px) {
    #map_villes a {
        font-size: 1.2em;
    }

    #map_villes > div {
        margin: 0 50px 0 0;
        position: relative;
    }

    #zone_photos_infos .item > div {
        position: absolute;
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        padding: 8%;
    }
}

@media screen and (max-width: 1180px) {
    #types_hebergements li {
        width: 50%;
    }
}

@media screen and (max-width: 960px) {
    .calendrier_dispo {
        width: 100%;
    }

    #zone_photos_infos .item > div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 8%;
    }

    #a_la_une {
        width: 96%;
        margin: 2%;
    }

    #coup_de_coeur {
        width: 100%;
    }

    #coup_de_coeur > div {
        margin: 4%;
    }

    #listing_activites > li {
        width: 33.3333%;
    }

    #listing_activites > li#accroche_txt {
        width: 100% !important;
        height: auto !important;
        display: none;
    }

    #carte_interractive .col_1_2 {
        width: 100%;
    }

    #map_villes {
        display: none;
    }

    #map_villes > div {
        margin: 0 12%;
    }

    #mur .item {
        width: 50%;
    }

    footer#bas .col_1_3 {
        width: 100%;
    }

    #mur {
        padding: 10px;
    }

    #vos_passions ul li {
        width: 50%;
    }

    #mes_envies p {
        margin: 0.5% 0.5% 12px 0.5%;
        display: block;
    }

    #mes_envies p br {
        display: none;
    }

    #mes_envies select {
        margin: 0.5%;
        width: 32%;
    }

    body {
        overflow-x: hidden;
    }

    .pictos_logis {
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
        margin: 0 0 12px 12px;
    }

    #page {
        background: #FFF;
        box-shadow: none;
        padding: 60px 5% 80px 5%;
        margin-bottom: 30px;
    }

}

@media screen and (min-width: 780px) and (max-width: 960px) {
    #carte_interractive h3::before {
        margin: -16px 16px 0 0;
        float: left;
    }

}

@media screen and (max-width: 780px) {
    #nom_destination p {
        letter-spacing: 0;
    }

    #intro_detail {
        width: 100%;
    }

    #zone_btn_reservation {
        float: none;
        margin: auto auto 30px auto;
        clear: both;
    }

    #zone_photos_infos .item {
        width: 100%;
        display: none;
    }

    #photos_detail_hebergement ul {
        padding: 6px;
    }

    #photos_detail_hebergement ul li a {
        margin: 1px;
    }

    #zone_photos_infos .item.bloc_txt {
        display: block;
    }

    #zone_photos_infos .item > div {
        position: absolute;
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        padding: 8%;
    }

    #listing_activites > li {
        width: 50%;
    }

    #listing_activites > li > img {
        height: auto !important;
        width: 120% !important;
        max-width: 200% !important;
        min-width: 330px !important;
        min-height: 450px !important;
    }

    #mes_envies select {
        margin: 6px 0;
        width: 100%;
    }

    .choix_de_la_langue span {
        display: none;
    }

    .btn_destination {
        display: none;
    }

    #nos_destinations ul {
        padding: 0;
        margin: 0;
    }

    #nos_destinations ul li {
        max-width: 100%;
        width: 50%;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    #nos_destinations ul li div.detail_destination {
        height: 300px;
        width: 100%;
        position: relative;
        top: 0;
        z-index: 0;
    }

    #nos_destinations ul li div.detail_destination article {
        max-width: 400px;
        width: 80%;
        margin: auto;
        top: 50%;
        transform: translate(0, -50%);
    }

    #nos_destinations ul li div.detail_destination article p {
        display: none;
    }

    #btn_menu p {
        display: none;
    }

    #btn_menu {
        padding: 4px 4px 4px 50px;
        margin-top: 0px;
        margin-right: 0;
    }

    .bloc_photos_demi img {
        width: 100%;
    }

    #types_hebergements li {
        width: 100%;
    }

    #wrapper-content h1 {
        font-size: 3.2em;
        letter-spacing: 0.1em;
    }

    #recherche_hebergement select,
    #recherche_hebergement input[type="text"] {
        margin: 1% 0;
        width: 100%;
    }

    table.contenttable tr.responsivecol > td {
        display: block;
        width: 100%;
        padding: 0;
    }

    #liens_rapides {
        transform: scale(0.7);
        right: -9px;
        top: 60px;
    }

    /* ----------------------------------------------------- */
    /* CONTENU INTERNE TYPO3 */
    /* ----------------------------------------------------- */
    .csc-textpic.csc-textpic-intext-right-nowrap > div {
        width: 100%;
        float: none;
    }

    DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
    .csc-textpic-imagerow {
        width: 100% !important;
        overflow: hidden;
    }

}

@media screen and (max-width: 580px) {
    .calendrier_dispo {
        width: 100%;
    }

    .listing_hebergements li .hebimg,
    .listing-sejours li .hebimg {
        float: left;
        margin: 0 0 18px 0;
        max-width: 100%;
    }

    #page {
        padding-right: 58px;
    }

    #liens_rapides {
        transform: scale(1);
        right: 0;
    }

    #liens_rapides ul li a {
        width: 40px;
        height: 40px;
    }

    #liens_rapides ul li a::before {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }

    #liens_rapides ul li a span,
    #liens_rapides ul li form {
        display: none;
    }

    #liens_rapides ul li a:hover  {
        width: 40px !important;
        margin: 0 0 2px 0px !important;
    }

    .btns_offre {
        text-align: center;
    }

    #zone_photos_infos .item > div {
        position: absolute;
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: auto;
        padding: 8%;
    }

    #zone_photos_infos .item > div article {
        transform: translate(0, 0);
        top: auto;
    }

    #map_villes > div {
        margin: 0;
    }

    #vos_passions ul li {
        width: 100%;
        height: 280px;
    }

    #nos_destinations ul li {
        width: 100%;
    }

    #nos_destinations ul li div.detail_destination {
        height: 280px;
    }

    #nav_passions_langue select {
        padding: 16px 30px 16px 12px;
        font-size: 1.2em;
        height: 49px;
    }

    #btn_menu_destination {
        font-size: 1.3em;
    }

    #btn_menu_destination p {
        padding: 14px 12px;
        height: 49px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #nav_destination.decal_nav {
        margin-left: 0;
    }

    .choix_de_la_langue {
        padding: 16px 3px;
    }

    .choix_de_la_langue .fr {
        margin: -2px 0 1px 0;
        background: url(../images/flag_fr.png) no-repeat center;
        transform: scale(0.75);
    }

    .choix_de_la_langue .de {
        margin: -2px 0 1px 0;
        background: url(../images/flag_de.png) no-repeat center;
        transform: scale(0.75);
    }

    .choix_de_la_langue .en {
        margin: -2px 0 1px 0;
        background: url(../images/flag_en.png) no-repeat center;
        transform: scale(0.75);
    }

    #zone_myhautdoubs ul,
    #zone_myhautdoubs h2:first-of-type,
    #contacts_bas h2,
    #contacts_bas #tel_contacts {
        display: none;
    }

    #listing_activites > li#accroche_txt p {
        font-size: 2.4em;
        padding: 10% 6%;
    }

    #edito_destination article {
        padding: 10%;
    }

    #wrapper-content .brochures-listing .brochure-item-calameo-content {
        float: none;
        padding: 20px;
        width: 100%;
    }

    #wrapper-content .brochures-listing .brochures-item-visuel {
        display: block;
        float: none;
        height: auto;
        width: 100%;
        overflow: hidden;
    }

    #wrapper-content .brochures-listing .col2 .brochures-item-visuel {
        float: none;
    }

    #google_translate_element {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #zone_photos_infos .item > div {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        padding: 12% 8%;
        background: rgba(53, 72, 83, 1);
    }

    #zone_photos_infos .item.bloc_txt img {
        display: none;
    }

    #a_la_une ul li article > h3,
    #a_la_une ul li article > p,
    #a_la_une ul li article > span {
        float: none;
        width: auto;
    }

    #a_la_une ul li img {
        display: none;
    }

    #a_la_une {
        margin: 20px 20px;
        width: auto;
        float: none;
    }

    #edito_destination {
        padding: 0;
    }

    #coup_de_coeur > div {
        margin: 0;
    }

    #listing_activites > li {
        width: 100%;
    }

    #mur_social {
        /*display: none;*/
    }

    #mur .item {
        width: 100%;
    }

    #mur .item a {
        height: 300px;
    }

    #mur .item a:hover .picto_mur {
        top: 20px;
    }

    #intro section {
        top: 54%;
        width: 90%;
    }

    #intro section h1 {
        font-size: 3.2em;
    }

    #intro section h1 span {
        font-size: 2.4rem;
    }

    #intro section p {
        font-size: 1.8em;
    }

    #mur_social ul.liens_reseaux {
        padding: 0;
    }

    footer#bas .col_1_3 {
        padding: 12px 0;
    }

    footer#bas #autrespages li a,
    footer#bas #mentions li a {
        font-size: 1.3rem;
        padding: 8px 16px;
    }

    #labels img {
        height: 40px;
    }

    #btn_scroll {
        bottom: 120px;
    }

    #faire_defiler {
        bottom: 16px;
    }

    #liens_rapides {
        /*transform: scale(0.5);

    right: -15px;

    top: 60px;*/

    }
}

@media screen and (max-width: 420px) {
    #nav_listing {
        padding: 0;
    }
}

/* REDIM IMAGES HD */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #btn_scroll span,
    #btn_scroll::after,
    #liens_rapides ul li a#btn_map::before,
    #liens_rapides ul li a#btn_webcam::before,
    #liens_rapides ul li a#btn_brochure:before,
    #liens_rapides ul li a#btn_meteo::before,
    #liens_rapides ul li a#btn_pistes::before,
    #liens_rapides ul li a#btn_coupdecoeur::before,
    #liens_rapides ul li a#btn_reseaux::before,
    #vos_passions ul li#passion_neige a span::before,
    #vos_passions ul li#passion_activites a span::before,
    #vos_passions ul li#passion_tradition a span::before,
    #vos_passions ul li#passion_nature a span::before,
    #carnet_favoris::before {
        background-image: url(../images/x2/sprite.png);
        background-size: 300px auto;
    }

    #nav_passions_langue select,
    #choix_de_la_langue,
    #mes_envies select {
        background-image: url(../images/x2/puce_select.png);
        background-size: 26px 6px;
    }

    #choix_de_la_langue {
    }
}

/* CINDY */
div form.form-contact label, div form.form-contact .field-civilite div:first-child {
    display: inline-block;
    padding: 5px;
    min-height: 20px;
    min-width: 180px;
    font-family: 'Questrial';
    font-size: 1.3em;
    margin-right: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #354853;
    font-weight: 600;
}
div form.form-contact input[type=text], div form.form-contact input[type=email], div form.form-contact textarea {
    height: 20px;
    padding: 5px;
    width: 75%;
    display: inline-block;
}

div form.form-contact textarea {
    min-height:100px;
}
div form.form-contact label[for="input_rgpd_optin"]{
    width:830px;
    font-weight:normal;
}
div form.form-contact input[name="frmKoezio[optin]"], .form-contact input[name="frmKoezio[newsletters][]"]{
    float: left;
    width: 100px;
    text-align:right;
}
.form-contact label[for="textarea"]{
    margin-top: -100px;
    position: relative;
    bottom: 95px;
}

.form-contact .pure-controls:last-child{
    max-width:100%;
}

.select-couleur {
  font-size: 1.6em;
  padding: 10px 5px;
  color: #354853;
  float: right;
  margin-bottom: 5px;
}

@media screen and (max-width: 1090px) {
    div form.form-contact label, div form.form-contact.field-civilite div:first-child {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    div form.form-contact label[for="textarea"]{
        margin: 0;
        bottom: 0;
    }

    div form.form-contact textarea {
        width:75%;
        display:block;
        margin-bottom:20px;
    }
}

#page-5011 #nom_destination {
    display: none;
}