html {
    font-size: 62.5%;
}

* {
    outline: none;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    color: inherit;
}

a:focus {
    outline: none;
}

.padding-top-medium {
    padding-top: 20px !important;
}

.padding-bottom-medium {
    padding-bottom: 20px !important;
}

.padding-top-large {
    padding-top: 50px !important;
}

.padding-top-Xlarge {
    padding-top: 100px !important;
}

.padding-bottom-large {
    padding-bottom: 50px !important;
}

.padding-bottom-Xlarge {
    padding-bottom: 100px !important;
}

.margin-top-large {
    margin-top: 50px !important;
}

.margin-top-meduim {
    margin-top: 75px !important;
}

.margin-top-Xlarge {
    margin-top: 100px !important;
}

.margin-top-XXlarge {
    margin-top: 250px !important;
}

.margin-bottom-large {
    margin-bottom: 50px !important;
}

.margin-bottom-Xlarge {
    margin-bottom: 100px !important;
}

.clr-dark-brown {
    color: #3d1c10;
}

.clr-brown-light {
    color: #aa6629;
}

.clr-brown {
    color: #7d471b;
}

.clr-brown-choclate {
    color: #5a3c25;
}

.clr-red {
    color: #be0d0d;
}

.clr-beige-light {
    color: rgba(202, 180, 139, 0.39);
}

.clr-beige-white {
    color: rgba(202, 180, 139, 0.1);
}

.bg-footer {
    background-color: rgba(202, 180, 139, 0.39);
}

.bg-saint {
    background: url(../img/fond.jpg) repeat scroll center center transparent;
}

.bg-description {
    background-color: rgba(202, 180, 139, 0.1);
}

.font-italic {
    font-style: italic;
}

h1 {
    font-size: 63px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    font-family: "Georgia";
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h4 {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    font-family: Georgia;
    letter-spacing: 1px;
}

h5 {
    font-size: 16px;
    font-weight: 400;
}

h6 {
    font-size: 15px;
    font-weight: 400;
}

.txt-tiltle {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #be0d0d;
    position: relative;
}

.txt-tiltle:after {
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #be0d0d;
}

.itemFullText .txt-tiltle {
    text-transform: uppercase;
}

.txt-desc {
    font-size: 14px;
    font-weight: 400;
}

.txt-level {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.txt-level1 {
    font-size: 13px;
    font-weight: 400;
}

.txt-level2 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.txt-level3 {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
}

.txt-level4 {
    font-size: 10px;
    font-weight: 400;
}

@media (max-width: 767px) {
    h2 {
        font-size: 22px;
    }
    h6 {
        font-size: 14px;
    }
}

@media (max-width: 550px) {
    h2 {
        font-size: 20px;
    }
    h6 {
        font-size: 13px;
    }
}

/*boutons*/

.btn-white,
.btn-red,
.btn-brown {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.5;
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    background-color: transparent;
    transition: all.7s;
}

.btn-brown {
    font-size: 13px;
    padding: 5px 35px;
    border: 1px solid #3d1c10;
    color: #3d1c10;
    letter-spacing: 1px;
}

.btn-red {
    font-size: 13px;
    border: 1px solid #be0d0d;
    color: #be0d0d;
    letter-spacing: 1px;
}

.btn-red:hover {
    background-color: #be0d0d;
    color: #ffffff;
}

.btn-red-invert,
a.btn-red-invert {
    font-size: 13px;
    border: 1px solid #be0d0d;
    background-color: #be0d0d;
    color: #ffffff !important;
    letter-spacing: 1px;
	text-decoration: none !important;
}

.btn-red-invert:hover,
a.btn-red-invert:hover {
    background-color: #ffffff;
    color: #be0d0d !important;
}

.btn-brown:hover {
    background-color: #3d1c10;
    color: #ffffff !important;
}

/* select */

.control-select {
    display: block;
    width: 100%;
}

.uk-lightbox-content a.uk-slidenav {
    font-size: 32px !important;
}

.icon-calendar:before {
    content: "\e913";
    font-size: 18px;
    line-height: 1;
}

/*header*/

header {
    position: relative;
    border-bottom: 4px solid #be0d0d;
}

.dl-banner {
    position: relative !important;
}

.menu-top {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.menu-destination {
    border: 1px solid #808080;
    margin-bottom: 0;
    background-color: #FFFFFF;
    color: #808080;
}

.menu-destination.list-inline>li {
    padding: 8px 20px 8px 20px;
    border-right: 1px solid #808080;
}

.menu-destination .control-select>select {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.menu-destination.list-inline>li:last-child {
    border: none;
}

.menu-destination.list-inline>li>span {
    height: 15px;
    padding: 0 5px;
    font-weight: 400;
}

.menu-destination.list-inline>li .cs-select>span {
    padding-right: 2em;
    font-size: 9px;
    text-transform: uppercase;
}

.menu-destination.list-inline>li .cs-select.dropdown-destination>span {
    min-width: 120px;
}

.menu-destination .destination,
.menu-destination .langue,
.destination {}

.menu-destination div.mod-languages li {
    margin: 0;
}

.destination:before {
    font-size: 50px;
    color: #3d1c10;
    right: -7px;
    top: -16px;
}

.block-destination .uk-margin {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.btn-destination {
    border: none;
    display: inline-block;
    color: #808080;
    text-transform: uppercase;
    font-size: 12px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 32px 0 0px !important;
    vertical-align: top !important;
    width: 100% !important;
    font-family: 'Roboto', arial !important;
    font-weight: 100 !important;
    background-color: transparent !important;
    border: 0 none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.control-select .uk-dropdown {
    width: 154px;
    min-width: 154px;
    box-shadow: none;
    padding: 10px;
    left: -20px !important;
    top: 17px !important;
}

.mod-languages .control-select .uk-dropdown {
    width: 76px;
    min-width: 76px;
    box-shadow: none;
    padding: 10px;
    left: -24px !important;
    top: 18px !important;
}

.mod-languages .btn-destination {
    padding: 0 16px 0 0px !important;
}

.control-select .uk-dropdown li a {
    font-size: 13px !important;
}

.mod-languages .uk-dropdown li a {
    text-transform: uppercase !important;
}

.control-select .uk-dropdown li:hover a {
    color: #be0d0d !important;
}

@media (max-width: 767px) {
    .block-destination .uk-margin {
        margin-top: 25px;
    }
}

/* widget-panier */

.menu-destination.list-inline>li.panier {
    position: relative;
}

.panier #widget-panier {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}

#widget-panier .LibelleEntete {
    display: none;
}

#widget-panier .entete {
    width: 100% !important;
}

#widget-panier .EnteteNbArticles {
    background: #be0d0d !important;
    border-radius: 50%;
    overflow: hidden;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    position: absolute;
    top: 6px !important;
    right: 15px !important;
    left: inherit !important;
    font-weight: normal !important;
    color: #ffffff;
    font-size: 12px;
}

#widget-panier .OsPanier.api .ospanier.minitoggle .entete {
    background: none !important;
    height: 37px !important;
}

#widget-panier .OsPanier.api .ospanier.minitoggle .contenu {
    position: absolute;
    width: auto !important;
    top: 100%;
    right: 0;
    background-color: #be0d0d !important;
    min-width: 300px;
}

.logo {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ospanier .contenu:before {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #be0d0d;
    content: ' ';
    top: -5px;
    right: 8%;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -5;
}

header .uk-navbar-container {
    display: block;
}

header .uk-navbar-nav.menu {
    margin-top: 65px;
}

@media (min-width: 1280px) {
    header .uk-navbar-nav.menu {}
}

.menu-main {
    position: inherit;
}

.menu-main .uk-navbar-nav.menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    margin-top: 65px;
}

.menu-main>li:first-child {
    padding-left: 0 !important;
}

.menu-main>li {
    position: static;
    padding: 0 20px;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop.uk-drop-bottom-center {
    width: auto;
    min-width: 300px;
    background-color: #be0d0d;
    margin-top: 13px;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop.uk-drop-bottom-center:before {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #be0d0d;
    content: ' ';
    top: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2 {
    margin-bottom: 25px;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2:last-child {
    margin-bottom: 0px;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2>li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2>li>a,
.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2>li>span {
    display: block;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #be0d0d !important;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2 li.uk-active>a,
.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2 li>a:hover,
.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2 li>a:focus,
.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2 li>span:hover {
    border-bottom: 1px solid #ffffff !important;
}

.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2>li ul>li>a,
.uk-navbar-nav .uk-navbar-dropdown.uk-drop .level-2>li ul>li>span {
    border-bottom: 1px solid #be0d0d !important;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    display: inline-block;
}

/*
.uk-navbar-dropbar {
  background-color: rgba(190, 13, 13, 0.8);
  margin-top: 14px;
  color: #ffffff;
}

.uk-navbar-dropbar .uk-navbar-dropdown {
  background-color: transparent;
  width: auto;
  padding: 25px 0;
  margin-bottom: 0;
}

.uk-navbar-dropbar .uk-navbar-dropdown .level-2 {
  float: left;
  margin-right: 30px;
}

.uk-navbar-dropbar .uk-navbar-dropdown .level-2>li>a,
.uk-navbar-dropbar .uk-navbar-dropdown .level-2>li>span {
  font-weight: 600;
  padding: 5px 0;
  font-size: 14px;
}

.uk-navbar-dropbar .uk-navbar-dropdown li>a,
.uk-navbar-dropbar .uk-navbar-dropdown li>span {
  color: #fff !important;
  display: block;
  padding: 0;
  font-size: 13px;
}
*/

.menu-main .uk-navbar-nav.menu>li {
    display: inline-block;
    position: static;
}

.menu-main .uk-navbar-nav.menu>li>a,
.menu-main .uk-navbar-nav.menu>li>span {
    font-size: 13px;
    color: #3d1c10;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: center;
    position: relative;
    border: 1px solid #fff;
    padding: 7px !important;
    letter-spacing: 1px;
    height: auto;
    text-transform: inherit;
}

.main-menu .uk-navbar-nav.menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    margin-top: 5px;
}

.menu-main .uk-navbar-nav.menu>li.uk-active>a,
.menu-main .uk-navbar-nav.menu>li>a:hover,
.menu-main .uk-navbar-nav.menu>li>a:focus,
.menu-main .uk-navbar-nav.menu>li>span:hover {
    color: #be0d0d;
    background-color: transparent;
    border: 1px solid #be0d0d;
    border-radius: 3px;
}

@media (min-width: 1280px) {
    .menu-main .uk-navbar-nav.menu>li {
        margin: 0 2%;
    }
    .menu-main .uk-navbar-nav.menu>li>a,
    .menu-main .uk-navbar-nav.menu>li>span {
        font-size: 17px;
    }
}

@media (min-width: 1400px) {
    .menu-main .uk-navbar-nav.menu>li {
        margin: 0 3%;
    }
}

/*block-slide-show*/

.block-slide-show {}

.block-slide-show .uk-slideshow-fullscreen {
    height: 82vh;
}

.block-slide-show [data-uk-cover] {
    top: 40%;
}

.block-slide-show .uk-margin {
    color: #fff;
    margin-bottom: 75px !important;
}

.block-slide-show .uk-overlay-panel {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.block-slide-show .uk-overlay-panel h1 {
    letter-spacing: 7px;
    margin-bottom: 0;
    margin-top: -20%;
}

.block-slide-show .uk-overlay-panel h3 {
    margin-top: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.block-slide-show .uk-thumbnav .uk-active {
    border: 1px solid #ffffff;
}

.block-slide-show .uk-thumbnav>* {
    padding: 0;
    margin-left: 15px;
}

.block-slide-show .uk-thumbnav>*>* {
    background-color: transparent;
    font-size: 14px;
    padding: 10px 15px;
}

.block-slide-show .uk-overlay-panel a:not([class]) {
    text-decoration: none;
}

.block-slide-show .uk-thumbnav>*>*:before {
    font-family: 'icomoon' !important;
    content: "\e900";
    margin-right: 10px;
}

.block-slide-show .btn {
    margin-top: 20px;
    padding: 7px 35px;
}

.block-slide-show h1 {
    letter-spacing: 4px;
}

.block-slide-show h3 {
    letter-spacing: 2px;
}

.block-slide-show .btn-white {
    padding: 8px 25px;
}

.block-slide-show .btn-white:hover {
    color: #be0d0d;
}

@media (max-width: 767px) {
    .block-slide-show h1 {
        font-size: 40px;
    }
}

/*reservation*/

.dl-reservation {
    margin-top: -30px;
    margin-bottom: -30px;
    z-index: 99;
    position: relative;
}

.reservation .form-item input {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.reservation,
.chambre-details {
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background-color: #fff;
}

.reservation .form-items {
    float: left;
    border-right: 1px solid #3d1c10;
}

.reservation .form-items.destination {
    border-right: none;
}

.reservation .hebergement {
    width: 20%;
}

.reservation .date-arrive,
.reservation .date-depart {
    width: 10%;
}

.reservation .personne {
    width: 20%;
}

.reservation .destination {
    width: 20%;
}

.reservation .form-items .form-item {
    padding: 20px 15px;
    /*position: relative;*/
    font-size: 12px;
    font-weight: 600;
    color: #3d1c10;
}

.reservation .form-items .form-item .control-select .cs-select>span {
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #3d1c10;
}

.reservation input::placeholder {
    color: #3d1c10;
}

.reservation .date-arrive .form-item .field-calendar .input-append,
.reservation .date-depart .form-item .field-calendar .input-append {
    position: relative;
}

.reservation .date-arrive .form-item .field-calendar .input-append .btn,
.reservation .date-depart .form-item .field-calendar .input-append .btn {
    position: absolute;
    padding: 0;
    font-size: 12px;
    right: -8px;
    top: 0;
}

/*
.reservation .date-arrive .form-item .field-calendar .btn:before,
.reservation .date-depart .form-item .field-calendar .btn:before {
    font-family: 'icomoon' !important;
    content: "\e913";
    font-size: 18px;
    line-height: 1;
}
*/

.reservation .date-arrive .form-item .field-calendar input,
.reservation .date-depart .form-item .field-calendar input {
    width: 100%;
    border: 0;
    padding: 0;
    height: auto;
    font-size: 13px;
}

.reservation .form-items.recherche {
    width: 20%;
    border-right: none;
}

.reservation .form-items.recherche .form-item {
    padding: 0;
    height: 100%;
    width: 100%;
}

.reservation .form-items.recherche .form-item button {
    background-color: #be0d0d;
    height: 100%;
    width: 100%;
    border: none;
    color: #ffffff;
    position: relative;
    padding: 20px 15px;
    min-height: 59px;
}

.reservation .form-items.recherche .form-item button:before {
    content: "\e90e";
    font-family: 'icomoon' !important;
    position: absolute;
    left: 25px;
    font-size: 10px;
    color: #ffffff;
}

/*
span.icon-fleche-bas {
  left: 135px;
}
*/

.reservation .recherche {
    display: flex;
    justify-content: space-around;
}

.recherche h5,
.reserve h5 {
    font-size: 14px;
    font-weight: 600;
}

.reserve h5 {
    margin-left: 95px;
}

.date-reservation:after {
    content: "";
    background-color: #3d1c10;
    width: 1px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.date-reservation {
    position: relative;
}

.sub-reservation:nth-last-child(-n+2) {
    border-right: none;
}

.nbre-chambre span:before {
    content: "\e90e";
    font-family: 'icomoon' !important;
    position: absolute;
    left: 20px;
    font-size: 10px;
    top: 19px;
}

.recherche .form-item:before {
    left: -20px;
    top: 25px;
    color: #fff;
}

.sub-reservation:last-child,
.hotel .btn-red,
.nbre-chambre .reserve {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #be0d0d;
    color: #fff;
    padding-left: 0;
}

@media (max-width: 991px) {
    .recherche span:before {
        left: 8px;
    }
    .reservation .form-items .form-item .control-select select {
        font-size: 10px;
    }
    .reservation .form-items .form-item .control-select .cs-select>span {
        font-size: 11px;
    }
    .reservation .form-items .form-item {
        padding: 20px 3px;
        font-size: 11px;
    }
    .reservation .form-items.recherche .form-item button:before {
        left: 8px;
    }
    .reservation .date-arrive .form-item .field-calendar .input-append .btn,
    .reservation .date-depart .form-item .field-calendar .input-append .btn {
        right: -2px;
        font-size: 15px;
    }
    .reservation .date-arrive .form-item .field-calendar input,
    .reservation .date-depart .form-item .field-calendar input {
        font-size: 10px;
    }
}

.web-cam {
    display: block !important;
}

@media (max-width: 767px) {
    .dl-reservation {
        z-index: 0;
        margin-bottom: 0;
        margin-top: -32px;
    }
    .block-slide-show {
        border-top: none;
    }
    .reserv-interne .mobile-reservation {
        top: 180px;
        z-index: 9999;
    }
    .reservation .form-items {
        width: 60%;
        margin: 15px auto;
        border: 1px solid #3d1c10 !important;
        float: none;
    }
    .recherche .form-item:before {
        right: 50%;
    }
    .reservation .form-items.recherche {
        border-color: #be0d0d !important;
        width: 60%;
        padding: 0;
    }
    .reservation {
        box-shadow: none;
        background-color: transparent;
        margin-bottom: 25px;
        margin: 0 -15px 0 -15px;
    }
    .reservation .form-items .form-item {
        padding: 20px 15px;
        text-align: center;
    }
    .mobile-reservation {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-top: 30px;
        background-color: #be0d0d;
        padding: 15px;
        color: #fff;
        position: relative;
        cursor: pointer;
    }
    .reservation .bx-reserv-mobile {
        display: none;
    }
    .bx-reserv-mobile h3 {
        text-align: center;
        margin: 10px auto;
        font-size: 16px;
    }
    .mobile-reservation .icon-up:before {
        content: "\e90f";
        font-family: 'icomoon' !important;
        font-size: 8px;
        position: absolute;
        right: 25%;
        top: 24px;
        transform: rotate(-180deg);
        cursor: pointer;
        color: #fff;
        font-weight: bold;
    }
    .mobile-reservation .icon-up.icon-active:before {
        transform: rotate(0deg);
    }
}

@media (max-width: 550px) {
    .mobile-reservation .icon-up:before {
        right: 15%;
    }
}

@media (max-width: 400px) {
    .mobile-reservation .icon-up:before {
        right: 6%;
    }
}

.dl-reservation.reservation-intern {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.dl-reservation.reservation-intern .reservation {
    height: 0;
    overflow: hidden;
}

.dl-reservation.reservation-intern .btn-reservation {
    display: block;
}

@media (max-width:767px) {
    .dl-reservation.reservation-intern {
        position: relative;
    }
    .reservation-intern .mobile-reservation {
        margin-top: 0;
    }
    .dl-reservation.reservation-intern .reservation {
        height: 100%;
    }
}

/*page-hotel*/

.hotel .reservation .date-arrive,
.hotel .reservation .date-depart {
    width: 15%;
}

.hotel .reservation .recherche {
    width: 30%;
    position: relative;
    padding: 0 85px;
}

.hotel .btn-red {
    font-size: 12px;
    padding: 10px 40px;
}

.sub-chambre.title {
    font-size: 13px;
    font-weight: 700;
    background: #3d1c10;
    color: #fff;
    padding: 10px 25px
}

.sub-chambre {
    display: flex;
    justify-content: space-between;
}

.chambre-desc {
    width: 50%;
    display: flex;
    justify-content: space-around;
}

.detail-desc a {
    font-size: 12px;
    font-weight: 400;
    color: #be0d0d;
}

.detail-desc p {
    font-size: 11px;
    font-weight: 400;
}

.nbre-chambre {
    width: 30%;
    position: relative;
}

.nbre-chambre .control-select {
    border: 1px solid#3d1c10;
    width: 85px;
    padding-left: 10px;
}

.nombre select {
    border: none;
    border-radius: 0;
    width: 116% !important;
}

.price-chambre {
    width: 20%;
    text-align: center;
}

.sub-chambre.title .chambre-desc {
    justify-content: space-between;
}

h5.sejour {
    font-size: 15px;
    font-weight: 700;
    color: #be0d0d;
    margin: 35px 0 20px;
}

.details-price h5 {
    margin: 7px 0;
    font-weight: 700;
    letter-spacing: 1px;
    color: #3d1c10 !important;
}

.details-price h6,
.nbre-chambre h6 {
    font-size: 10px;
    font-weight: 400;
}

.details-price {
    border: 1px solid #3d1c10;
    margin: auto;
    width: 120px;
    text-align: center;
}

.sub-chambre.details {
    margin: 10px 20px;
}

.nbre-chambre .btn-red {
    position: absolute;
    top: 0px;
    padding: 15px 20px 15px 55px;
    right: 5px;
    font-size: 14px;
}

.date-reservation h5 {
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px
}

.reservation .recherche span {
    left: 16px;
}

span.icon-agenda {
    left: 45px;
    top: -18px;
}

.sub-reservation {
    border-right: 1px solid #3d1c10;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70px;
}

.date-reservation input {
    font-size: 12px;
    font-weight: 600;
    color: #3d1c10;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.date-reservation {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.select-pays:before {
    overflow: hidden;
    position: relative;
}

.col-md-2.sub-reservation:first-child {
    padding-left: 15px;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
}

@media (max-width: 767px) {
    .chambre-desc,
    .price-chambre,
    .nbre-chambre {
        display: block;
        width: 100%;
    }
    .sub-chambre {
        flex-wrap: wrap;
    }
    .details-price {
        width: 100%;
    }
    .nbre-chambre .control-select {
        width: 100%;
        padding-left: 0;
        margin: 20px auto;
    }
    .nbre-chambre .btn-red {
        width: 100%;
        top: 110px;
        text-align: center;
        right: 0;
    }
    .sub-chambre.details {
        margin: 10px 20px 80px;
    }
    .nbre-chambre span:before {
        left: 40%;
    }
    .blck-suggestion {
        display: none;
    }
    .hotel.margin-top-XXlarge {
        margin-top: 50px !important;
    }
    .chambre-details {
        box-shadow: none !important;
    }
    .sub-chambre.title {
        display: none;
    }
}

@media (max-width: 550px) {
    .nbre-chambre span:before,
    .recherche span:before {
        left: 22%;
    }
}

/*saison*/

.saison a {
    font-size: 11px;
    font-weight: 400;
    color: #be0d0d;
    letter-spacing: 1px;
    margin-left: 35px;
}

.saison {
    position: relative;
    bottom: 50px;
    right: 0;
    display: flex;
    justify-content: space-around;
}

.media-hiver {
    border: 1px solid #be0d0d;
}

.saison span {
    font-size: 45px;
}

.media-ete:before,
.media-hiver:before {
    font-family: 'icomoon' !important;
    content: "\e913";
    position: absolute;
    left: -5px;
    top: -15px;
    font-size: 45px;
}

.media-ete,
.media-hiver {
    position: relative;
    padding: 5px 10px;
    margin-right: 10px;
}

/*bredacumb*/

.breadcrumb {
    padding: 15px 0;
    margin-bottom: 35px;
    list-style: none;
    background-color: transparent;
    border-bottom: 1px solid #7d471b;
    border-radius: 0;
}

.breadcrumb>li:nth-child(2):before {
    display: none;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #7d471b;
    font-family: 'icomoon' !important;
    content: "\e90f";
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 5px;
}

.breadcrumb>li>a,
.breadcrumb>li>span {
    font-size: 12px;
    font-weight: 400;
    color: #7d471b;
    letter-spacing: 0.4px;
}

.dl-top-fil-nav h3 {
    display: none;
}

.breadcrumb li.active span {
    color: #be0d0d !important;
}

.breadcrumb .divider {
    display: none;
}

/*block-meteo*/

.menu-meteo {
    margin-top: 36px;
}

.meteo-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meteo-icon a {
    padding: 15px;
    max-width: 80px;
    text-align: center;
}

.meteo-icon a span {
    font-size: 32px;
    color: #3d1c10;
    display: block;
    width: 24px;
}

.meteo-icon .btn-live {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #be0d0d;
    text-align: center;
    position: relative;
    padding: 0 11px 0 11px;
    letter-spacing: 2px;
    height: 80px;
    border: none;
}

.meteo-icon .btn-live span {
    color: #fff;
    display: block;
    font-size: 8px;
    width: 100%;
    margin-top: 5px;
}

.btn-live:hover,
.btn-live:focus {
    color: #fff !important;
}

.meteo-icon a span.icon-fleche {
    position: absolute;
    font-size: 45px;
    bottom: 8px;
    color: #fff;
    font-weight: 600;
    left: 0;
    right: 0;
}

.list-inline>li {
    padding-right: 0;
    padding-left: 0;
}

/*block-live*/

a:hover,
a:focus {
    text-decoration: none !important;
    color: #be0d0d;
}

.navbar,
.navbar-default {
    margin: 0 !important;
}

/*live*/

/*slideToDown */

/*
@keyframes slideToDown {
  0% {
    height: 0;
  }
  100% {
    height: 425px;
  }
}

@keyframes slideToTop {
  0% {
    height: 425px;
  }
  100% {
    height: 0;
  }
}

.slideDown {
  -webkit-animation: slideToDown .5s both;
  -moz-animation: slideToDown .5s both;
  animation: slideToDown .5s both;
}

.slideTop {
  -webkit-animation: slideToTop .5s both;
  -moz-animation: slideToTop .5s both;
  animation: slideToTop .5s both;
}
*/

/**********************************************/

/*reservation*/

@keyframes slideToBottom {
    0% {
        height: 0;
    }
    100% {
        height: 59px;
    }
}

/*slideToTop */

@keyframes slideToUp {
    0% {
        height: 59px;
    }
    100% {
        height: 0;
    }
}

.bx-reservation {
    position: absolute;
    top: 3px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.slideToBottom {
    -webkit-animation: slideToBottom .7s both;
    -moz-animation: slideToBottom .7s both;
    animation: slideToBottom .7s both;
}

.slideToUp {
    -webkit-animation: slideToUp .7s both;
    -moz-animation: slideToUp .7s both;
    animation: slideToUp .7s both;
}

.accessoires {
    /*
  position: relative;
  width: 152px;
  float: right;
  display: flex;
  justify-content: flex-end;
  */
}

@media (max-width: 991px) {
    #boxLive .bg-grey {
        height: 100% !important;
    }
    .meteo-icon .btn-live {
        height: 61px;
    }
}

@media (max-width: 767px) {
    .btn-rsv-interne-mobile {
        position: static;
        width: 100% !important;
        display: inline-block !important;
    }
    .bx-reservation {
        display: none;
        position: relative !important;
    }
}

/* modal  menu-mobile*/

.uk-navbar-toggle {
    position: absolute;
    padding: 10px;
    margin-top: 8px;
    margin-right: 15px;
    background-color: #3d1c10;
    border: 0;
    border-radius: 0;
    top: 0;
    right: 0;
    color: #ffffff;
}

#tm-mobile .uk-offcanvas-bar {
    background-color: #be0d0d;
    padding: 0;
}

#tm-mobile .uk-close {
    opacity: 1;
    color: #ffffff;
    background-color: #3d1c10;
}

#tm-mobile .uk-close::after {
    content: '';
}

.menu-mobile ul {
    list-style: none;
}

.menu-mobile>li>a {
    height: auto;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}

.menu-mobile .nav li.active>a,
.menu-mobile .nav>li>a:focus,
.menu-mobile .nav>li>a:hover {
    background-color: transparent;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .page-accueil-fr header,
    .page-accueil-en header,
    .page-accueil-de header,
    .page-accueil-it header {
        position: absolute;
        width: 100%;
        border-bottom: none;
    }
    .slider .visible-xs img {
        width: 100%;
    }
    .dl-reservation form {
        padding-bottom: 40px;
    }
    #tm-mobile .nav.menu li a {
        font-size: 15px !important;
    }
    #tm-mobile .nav.menu>li a {
        font-weight: 600;
    }
    #tm-mobile .nav.menu .nav-child.small>li a {
        margin-bottom: 5px;
        display: inline-block;
    }
    #tm-mobile .nav.menu ul.nav-child.small li.parent a,
    #tm-mobile .nav.menu ul.nav-child.small li a {}
    #tm-mobile .nav.menu li ul.nav-child.small li ul.nav-child.small {
        padding-left: 20px;
    }
    #tm-mobile .nav.menu li ul.nav-child.small li ul.nav-child.small li a {
        font-size: 13px !important;
        font-weight: 400;
    }
    #tm-mobile .nav.menu {
        margin-top: 0 !important;
    }
    #tm-mobile .btn-live,
    #tm-mobile .live-content {
        display: none !important;
    }
    #tm-mobile .pull-right {
        float: none !important;
    }
    #tm-mobile .meteo-icon {
        margin-top: 50px;
    }
    /*
  .button-menu {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .navbar-toggle {
  }
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
    background-color: #fff;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
  }
  */
    #close-menu {
        font-size: 25px;
        background-color: transparent;
        color: #000;
        border: none;
        margin: 10px 0 10px 15px;
        position: absolute;
        right: 25px;
        top: 0;
        transition: all .7s;
        z-index: 9999;
    }
    #close-menu:hover {
        color: #be0d0d;
    }
    /*
  .main-menu {
    background-color: #fff;
    position: fixed;
    left: -100%;
    z-index: 2;
    width: 100%;
    top: 0px;
    height: 100%;
    overflow: hidden;
  }
  .main-menu .menu {
    background-color: #fff;
    flex-direction: column;
    margin-top: 5px !important;
  }
  .main-menu .menu>li, .main-menu>.nav-child li {
    border-bottom: 1px solid #000;
  }
  .main-menu .menu>li>a, .main-menu>.nav-child li a, .main-menu>.nav-child li a:focus, .nav.menu li span, li.parent span {
    position: relative;
    display: block;
    padding: 15px;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600;
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase;
  }
  .main-menu .menu>li:hover>a, .main-menu>.nav-child li:hover a, .nav.menu li span:hover, li.parent span:hover {
    background-color: transparent;
    color: #be0d0d;
  }
  .main-menu .menu>li.parent>span:after, .main-menu .menu>li.parent>a:after {
    display: none!important;
  }
  .main-menu .menu>li.parent>.nav-child {
    display: none;
  }
  .main-menu>.nav-child {
    width: 100%;
    position: absolute;
    right: -300px;
    top: 120px;
    padding-left: 0;
  }
  */
    .menu-meteo {
        margin-top: 35px;
    }
    .meteo {
        display: flex;
        align-items: center;
    }
    .meteo-mobile .btn-live {
        display: none;
    }
    .meteo-mobile .pull-right {
        float: none !important;
    }
    .meteo {
        width: 100%;
    }
    .meteo a {
        width: 25%;
        background-color: #be0d0d;
        max-width: 100%;
        margin: 2px;
        padding: 5px;
    }
    .meteo span {
        width: 100%;
        color: #ffffff;
    }
    a.close-sub-menu {
        font-size: 12px !important;
        font-weight: 300 !important;
    }
    .icon-plus>ul.nav-child {
        display: none;
    }
    .activeSubmenu ul {
        display: block !important;
        padding: 0;
        list-style-type: none;
    }
    .activeSubmenu ul li {
        border: 0 !important;
    }
    .nav-child>li.parent .separator,
    .nav-child>li.parent {
        position: relative;
    }
    .activeSubmenu:before,
    .icon-plus:before {
        content: "\f067";
        font-family: 'FontAwesome';
        color: #be0d0d;
        position: absolute;
        top: 16px;
        right: 25px;
        margin: auto;
        cursor: pointer;
        font-size: 16px;
        display: block;
    }
    .activeSubmenu:before {
        content: "\f068" !important;
        font-family: 'FontAwesome';
    }
    .activeSubmenu li a {
        font-size: 11px !important;
        color: #000 !important;
        text-transform: capitalize !important;
    }
    .activeSubmenu li a:hover {
        color: #000 !important;
    }
}

/* modal*/

@media (max-width: 767px) {
    .btn-live-mobile {
        position: absolute;
        background-color: #be0d0d;
        top: 9px;
        right: 12%;
        z-index: 2;
        padding: 8px 6px;
    }
    .btn-live-mobile a {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        background-color: #be0d0d;
        text-align: center;
        position: relative;
        letter-spacing: 2px;
    }
    .btn-live-mobile a:hover,
    .btn-live-mobile a:focus {
        color: #fff !important;
    }
    .btn-live-mobile span {
        color: #fff;
        display: block;
        font-size: 8px;
        width: 100%;
        margin-top: 5px;
    }
    .btn-close-content {
        font-size: 23px;
        letter-spacing: 1px;
        background-color: transparent;
        color: #be0d0d;
        border: 0;
        border-radius: 0;
        position: absolute;
        top: 1%;
        right: 1%;
        z-index: 999;
    }
    .btn-modal-menu:hover,
    .btn-close:hover {
        cursor: pointer;
    }
    .btn-modal-menu span {
        background-color: #000;
    }
    .modal-content {
        box-shadow: none;
        background-color: transparent;
        border: none;
    }
    .modal-open .modal {
        background-color: #F9F7F3;
    }
    .modal-dialog {
        margin: 0 !important;
    }
    /*live*/
    /*slideToDown */
    @keyframes slideToDown {
        0% {
            height: 1000px;
        }
        100% {
            height: 1000px;
        }
    }
    /*slideToTop */
    @keyframes slideToTop {
        0% {
            height: 1000px;
        }
        100% {
            height: 1000px;
        }
    }
    .bx-content {
        overflow: visible !important;
    }
    .bg-grey,
    .bg-red {
        height: 100%;
    }
    .info-meteo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .first-day {
        border-right: 0 !important;
        padding-right: 0px;
    }
    .bx-meteo {
        padding-bottom: 20px;
        border-bottom: 1px solid #be0d0d;
        width: 100%;
    }
    .bx-info-meteo h1 {
        margin-top: 50px;
        margin-left: 19%;
        padding-left: 0;
    }
    .bx-info-meteo h1:after {
        left: 19%;
    }
    .meteo h3 {
        padding-left: 0 !important;
        width: 100%;
    }
    .bg-red {
        padding: 20px 0 !important;
    }
    .block-offre img {
        width: 100%;
    }
    .meteo-icon a {
        width: 25%;
        background-color: #be0d0d;
        max-width: 100%;
        margin: 2px;
        padding: 5px;
    }
    .meteo-icon a span {
        width: 100%;
        color: black;
    }
    /*menu language mobile*/
    .btn-menu-language {
        position: absolute;
        margin-top: 8px;
        margin-right: 15px;
        border: 0;
        border-radius: 0;
        top: 0;
        right: 45px;
    }
    .bx-mobile-language {
        position: relative;
    }
    .bx-mobile-language .btn-destination {
        color: #ffffff;
        padding: 6px 13px 15px 13px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        background-color: #be0d0d !important;
        height: auto !important;
    }
    .bx-mobile-language .uk-nav>li>a {
        padding: 5px 12px;
        font-size: 11px !important;
    }
    .bx-mobile-language .css-select::after {
        display: none !important;
    }
    .bx-mobile-language .btn-destination:after {
        content: "\e90f";
        font-family: 'icomoon' !important;
        font-size: 6px;
        position: absolute;
        left: 50%;
        top: 18px;
        transform: rotate(0deg);
        cursor: pointer;
        color: #fff;
        font-weight: bold;
		margin-left: -6px;
    }
    .bx-mobile-language .btn-destination.uk-open:after {
        transform: rotate(-180deg);
    }
    .bx-mobile-language .mod-languages .control-select .uk-dropdown {
        width: 39px;
        min-width: 37px;
        box-shadow: none;
        padding: 0px 10px;
        left: 0px !important;
        top: 30px !important;
        border: 0;
        border-radius: 0;
        z-index: 1;
    }
}

@media (max-width: 767px) {}

@media (max-width: 550px) {
    .btn-live-mobile {
        right: 16%;
        padding: 8px 6px;
    }
    .bx-info-meteo h1 {
        margin-left: 10%;
    }
    .bx-info-meteo .select-pays {
        width: 80%;
    }
    .bx-info-meteo h1:after {
        left: 10%;
    }
    .logo {
        width: 200px;
    }
    .navbar-toggle {
        padding: 18px 8px;
    }
}

/*offres*/

.presentation {
    position: relative;
    z-index: 999;
    padding: 10px 25px 20px 25px;
    background: #fff;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.presentation .bx-presentation {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.presentation h5 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.presentation p {
    color: #aa6629;
    letter-spacing: 0;
}

.presentation .prix {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    left: 10px;
    color: #7d471b;
}

.presentation .prix:before {
    content: "*";
    position: absolute;
    font-size: 10px;
    left: -8px;
    top: 0;
}

.block-offre .uk-margin {
    height: 180px;
    background-color: #fff;
    padding: 0;
    position: relative;
    top: -100px;
}

.block-offre .icon-fleche:before {
    font-size: 50px;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 85px;
}

.presentation .icon-fleche {
    height: 15px;
    width: 15px;
    margin-bottom: 5px;
}

.presentation .icon-fleche:before {
    content: "\e90f";
    font-size: 8px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    cursor: pointer;
    position: absolute;
}

.pass .btn-red {
    position: relative;
    letter-spacing: 0;
}

.pass hr {
    border-top: 1px solid #be0d0d;
}

.mon-pass {
    width: 200px;
    margin: auto;
    position: relative;
    left: 0;
    right: 0;
    top: -34px;
    background: #fff;
}

@media (max-width: 991px) {
    .block-offre .uk-panel-space {
        padding: 10px;
    }
    .block-offre .uk-margin {
        top: -60px;
    }
}

@media (max-width: 767px) {
    .block-offre .uk-margin {
        height: auto;
    }
    .pass.margin-top-Xlarge {
        margin-top: 0 !important;
    }
    .mon-pass {
        margin: inherit;
        top: -50px;
        width: auto;
        background-color: transparent !important;
    }
    .pass hr {
        display: none;
    }
    .bg-saint {
        background-image: none;
    }
    .block-offre .uk-grid {
        margin-left: 0;
    }
    .block-offre .uk-panel-space {
        padding: 0 !important;
    }
    .block-offre .uk-grid>* {
        padding-left: 0;
    }
    .blc-info-live h4 {
        padding-left: 50px;
    }
}

/*block-agenda*/

.block-activites .uk-grid.uk-grid-small,
.block-package .uk-grid.uk-grid-small,
.block-galerie-histoire .uk-grid.uk-grid-small,
.sub-produit .uk-grid-small {
    border: 1px solid #be0d0d;
    color: #be0d0d;
    padding-left: 0 !important;
    border-radius: 4px;
    background-color: transparent;
    transition: all.7s;
}

.block-package .uk-grid-small>*,
.block-galerie-histoire .uk-grid-small>*,
.sub-produit .uk-grid-small>* {
    padding-left: 0 !important;
}

.block-activites .uk-flex.uk-flex-right,
.block-package .uk-flex.uk-flex-right,
.block-galerie-histoire .uk-flex.uk-flex-right {
    align-items: center;
    margin-top: 60px !important;
}

.block-agenda .uk-slidenav-position.uk-margin {
    margin-bottom: 30px;
}

.block-agenda .uk-panel {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.block-agenda .item {
    padding-bottom: 30px;
}

.block-agenda .item .dates {
    background-color: #3d1c10;
    color: #ffffff;
    padding: 5px 15px;
}

.block-agenda .item a:hover,
.block-agenda .item a:focus {
    color: #3d1c10;
}

.block-agenda .item .thumbnail,
.block-activites .item .thumbnail {
    padding: 0;
    border: none;
    margin-bottom: 5px;
    height: 250px;
    border-radius: 0;
    overflow: hidden;
}

.block-agenda .item .thumbnail img {}

.block-agenda .item .intro-content {
    padding: 20px 20px;
    text-align: left;
}

.block-agenda h4,
.block-agenda h5 {
    text-align: center;
}

.block-agenda h4 {
    color: #7d471b;
    min-height: 120px;
}

.block-agenda .item .intro-content .uk-place {
    padding-bottom: 15px;
    font-size: 11px;
}

.block-agenda .item .toolbar {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.block-agenda .item .toolbar .place {
    display: none;
}

.block-activites .uk-text-center,
.block-package .uk-text-center {
    text-align: left !important;
}

.block-agenda,
.block-activites {
    position: relative;
    margin-bottom: 20px;
}

.block-agenda .slidenav .link_all,
.block-agenda .slidenav .uk-display-inline-block {
    background-color: #faf7f2;
}

.agenda-orsiere .btn-red,
.activites-orsieres .btn-red,
.offres-orsieres .btn-red {
    position: absolute;
    bottom: 0;
}

@media (max-width: 767px) {
    .agenda-orsiere .btn-red,
    .activites-orsieres .btn-red,
    .offres-orsieres .btn-red {
        left: 15px;
    }
}

@media (max-width: 550px) {
    .agenda-orsiere .btn-red,
    .activites-orsieres .btn-red,
    .offres-orsieres .btn-red {
        left: 15px;
    }
}

.block-agenda h5 {
    color: #aa6629;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 20px 0 40px;
}

.block-agenda h6,
.activites h6,
.beach-adress h6,
.beach h6,
.block-suggestion h6,
.sub-beach h6 {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    position: relative;
    padding-left: 5px;
    line-height: 1px;
}

.activites h6,
.beach h6,
.block-suggestion h6,
.sub-beach h6 {
    left: 11px;
}

.main-img {
    position: relative;
}

.main-img .membre-pass {
    position: absolute;
    left: 0;
    bottom: 0;
}

.item-adress {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
   /* text-transform: uppercase;*/
}

.item-adress:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    color: #be0d0d;
    font-size: 15px;
    top: -2px;
    left: 0;
    position: absolute;
}

.item-adress h6 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}

.item-adress p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.item-adress a,
.item-description a {
    color: #3d1c10 !important;
    letter-spacing: 1px;
}

.item-description a.btn-red-invert {
    color: #ffffff !important;
}

.item-description a {
    text-decoration: underline;
}

.item-adress a:hover,
.item-description a:hover {
    color: #be0d0d !important;
}

.item-description {
    position: relative;
    background-color: #f9f7f3;
    top: 100px;
    right: 100px;
    padding: 20px 35px 35px 35px;
    z-index: 999;
    min-height: 500px;
}

.item-description h6 {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.item-description h6:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    color: #be0d0d;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
}

.item-description h2 {
    margin-top: 20px;
    color: #7d471b;
}

.item-description p {
    font-size: 14px;
    font-weight: 300;
    color: #aa6629;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.item-slider {
    margin-top: 40px;
}

.item-slider .slidenav,
.slidenav {
    position: relative !important;
    margin-left: 20px;
    margin-right: 20px;
}

.item-slider .slidenav:before,
.slidenav:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #be0d0d;
}

.slidenav .link_all {
    float: left;
    padding: 0 15px 0 0;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.item-slider .slidenav .uk-display-inline-block,
.slidenav .uk-display-inline-block {
    position: relative;
    z-index: 1;
    padding: 0 0 0 15px;
    background-color: #ffffff;
}

@media (max-width: 991px) {
    .sport-hiver .btn-brown,
    .item-adress:before {
        display: none !important;
    }
    .sport-hiver h6.visible-xs {
        position: relative;
    }
    .sport-hiver a.number-tel {
        background: transparent;
    }
    .uk-slider-container {
        text-align: center !important;
    }
    .uk-slider img {
        width: 80%;
        margin: auto;
    }
}

.block-agenda h6:before,
.sub-beach h6:before,
.activites h6:before,
.beach-adress h6:before,
.beach h6:before,
.block-suggestion h6:before,
.sport-hiver h6.visible-xs:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    color: #be0d0d;
    font-size: 22px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.etoile:before,
.plus:before {
    content: "\e911";
    font-family: 'icomoon' !important;
    color: #be0d0d;
    font-size: 25px;
    line-height: 1;
}

.plus:before {
    content: "\e906";
    margin-left: 15px;
}

.plus:hover:before {
    content: "\e905";
}

.etoile:hover:before {
    content: "\e910";
}

.block-chiens .uk-panel,
.block-tunnel .uk-panel {
    background-color: rgba(202, 180, 139, 0.1);
    width: 100%;
    position: relative;
    border: 2px solid #ffffff;
}

.block-chiens .uk-panel,
.block-tunnel .uk-panel {
    padding-bottom: 15px;
}

.block-tunnel ul {
    padding-left: 20px;
}

.block-chiens .uk-flex-right {
    display: none;
}

.block-chiens img,
.block-tunnel img {
    width: 100%;
}

.block-chiens .uk-margin,
.block-tunnel .uk-margin {
    padding: 10px 15px;
}

/* sejourner-pakage */

.sejourner-pakage .accessoires {
    text-align: right;
}

.block-chiens .btn-red {
    margin-top: 20px;
    letter-spacing: 0;
}

.block-chiens .accessoires {
    top: 75px;
}

.accessoires .etoile,
.accessoires .etoile:hover {
    display: block !important;
}

.block-agenda .uk-panel,
.block-chiens .uk-panel {
    -webkit-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}

.block-agenda .uk-panel:hover,
.block-chiens .uk-panel:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    transform: scale(1.04);
}

.block-chiens .uk-panel:hover,
.agenda-orsiere .uk-panel:hover,
.block-agenda .uk-panel:hover {
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.block-chiens h4,
.block-tunnel h4 {
    font-size: 20px;
    color: #7d471b;
}

hr.divider {
    content: "";
    height: 1px;
    background-color: #be0d0d;
    width: 78%;
    display: block;
    margin: 0 auto;
    margin-right: 25px
}

.block-galerie-histoire hr.divider {
    width: 85%;
}

.icon-trouve:before {
    font-family: 'icomoon' !important;
    font-size: 50px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.blck-trouve .uk-margin {
    background-color: #fff;
    padding: 70px 0 10px;
    text-align: center;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    color: #3d1c10;
}

.blck-trouve .uk-margin:hover {
    background-color: #be0d0d;
    color: #fff;
}

@media (max-width: 991px) {
    hr.divider {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .block-agenda .uk-text-center,
    .block-activites .uk-text-center,
    .block-package .uk-text-center {
        text-align: center !important;
    }
    .block-agenda h6,
    .block-suggestion h6,
    hr.divider {
        display: none;
    }
    .block-agenda .uk-grid.uk-grid-small,
    .block-activites .uk-grid.uk-grid-small,
    .block-package .uk-grid.uk-grid-small,
    .block-galerie-histoire .uk-grid.uk-grid-small,
    .sub-produit .uk-grid-small {
        display: none;
    }
    .block-agenda .uk-panel {
        background-color: #fff;
    }
    .dl-bottom-c .uk-overlay,
    .dl-bottom-c img {
        width: 100%
    }
    .dl-bottom-c .margin-bottom-Xlarge {
        margin-bottom: 0 !important;
    }
    .block-agenda .uk-panel:hover,
    .block-chiens .uk-panel:hover {
        transform: scale(0) !important;
    }
    .block-chiens li {
        display: block !important;
        margin-top: 30px;
    }
    .block-chiens .uk-margin,
    .block-tunnel .uk-margin {
        margin-top: 0;
        text-align: center;
    }
    .block-tunnel .tarifs {
        text-align: left !important;
    }
    .block-tunnel .tarifs .btn-red {
        text-align: center;
        display: block;
        width: 65%;
        margin: auto;
    }
    .block-tunnel>.uk-panel:last-child {
        background-color: #fff;
    }
}

/*block-activites*/

.block-activites .item a {
    display: block;
}

.block-activites .item a:hover,
.block-activites .item a:focus {
    color: inherit;
}

.block-activites .uk-tab>li>a,
.block-activites .uk-tab>li.uk-active>a {
    font-size: 12px;
    font-weight: 400;
    color: #be0d0d !important;
    text-align: center;
    border: 1px solid #be0d0d !important;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding: 5px 12px !important;
    border-radius: 0 !important;
}

.block-activites .uk-tab>li:nth-child(n+2)>a {
    margin-left: 0 !important;
}

.block-activites .uk-tab>li.uk-open>a,
.block-activites .uk-tab>li>a:focus,
.block-activites .uk-tab>li>a:hover {
    background: #be0d0d !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

.block-activites .uk-tab>li {
    margin-bottom: 0;
}

.block-activites .uk-tab {
    border-bottom: 0 !important;
}

.block-activites .item .thumbnail img {
    height: 100%;
    max-width: inherit;
}

.block-activites .intro-content {
    position: relative;
    text-align: left;
    margin: auto;
    background-color: rgba(255, 255, 255, 1);
}

.block-activites .intro-content h4 {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Georgia';
    margin-top: 20px;
}

.block-activites.block-activites-v2 .intro-content h4 {
    margin-top: 0;
}

.block-activites .intro-content .uk-place,
.block-activites .intro-content .description {
    display: none;
}

.block-activites .item {
    padding-bottom: 40px;
}

.block-activites.block-activites-v2 .item {
    padding-bottom: 0;
}

.block-activites .item .toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 15px;
    padding: 0 10px;
}

.block-activites.block-activites-v2 .item .toolbar {
    position: relative;
    bottom: inherit;
}

.block-activites .item .toolbar .place {
    float: left;
}

.block-activites .item .toolbar .plus {
    float: right;
}

.activite-info {
    position: relative;
}

.uk-overlay-panel {
    z-index: 1;
}

@media (max-width: 767px) {
    .dl-bottom-b {
        display: none;
    }
    .txt-level2 {
        font-size: 11px;
    }
}

/*block-package*/

.block-package .uk-slidenav-position.uk-margin {
    margin-bottom: 60px;
}

.block-package h4 {
    color: #7d471b;
    letter-spacing: 2px;
    font-family: 'Georgia';
    margin: 5px 0;
}

.block-package h5 {
    font-size: 12px;
    font-weight: 700;
    color: #3d1c10;
    letter-spacing: 1px;
    margin: 0;
}

.block-package h6 {
    font-size: 11px;
    font-weight: 300;
    color: #3d1c10;
    margin-top: 7px;
    margin-bottom: 0;
}

.block-package .infos-hotel ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 30px;
}

.block-package .infos-hotel li {
    font-size: 11px;
    font-weight: 400;
    color: #aa6629;
    letter-spacing: 1px;
}

.block-package .uk-slideset li {
    position: relative;
}

.block-package .hotel {
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #fff;
    padding: 10px 25px;
    width: 95%;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.block-package .accessoires {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.sub-hotel {
    font-size: 11px;
    letter-spacing: 1px;
    background: #be0d0d;
    position: absolute;
    top: -15px;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    z-index: 2;
    left: 30px;
}

.block-package .uk-flex.uk-flex-right {
    align-items: center;
    margin-top: 50px !important;
}

.block-package .icon-fleche {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-top: 10px;
}

.block-package .icon-fleche:before {
    content: "\e90f";
    font-size: 8px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    cursor: pointer;
    position: absolute;
}

.block-package li .uk-panel .uk-margin {
    margin-bottom: 60px !important;
}

@media (max-width: 767px) {
    .presentation .icon-fleche:before {
        top: 115px;
    }
    .sub-hotel {
        z-index: 0;
    }
}

@media (max-width: 550px) {
    .block-package h4 {
        font-size: 16px;
    }
    .block-package .slidenav .link_all {
        padding: 0;
    }
    .link_all .btn-red {
        font-size: 11px;
    }
    .item-slider .slidenav:before,
    .slidenav:before {
        display: none !important;
    }
    .item-slider .slidenav,
    .slidenav {
        margin: 20px 5px !important;
    }
    .block-package .uk-slidenav {
        padding: 3px 8px !important;
        height: 25px !important;
    }
}

@keyframes activebox {
    0% {
        height: 0;
    }
    100% {
        height: auto;
    }
}

@keyframes desactivebox {
    0% {
        height: auto;
    }
    100% {
        height: 0;
    }
}

.activebox {
    height: 100%;
    -webkit-animation: activebox .1s both;
    -moz-animation: activebox .1s both;
    animation: activebox .1s both;
}

.desactivebox {
    height: 0;
    -webkit-animation: desactivebox .1s both;
    -moz-animation: desactivebox .1s both;
    animation: desactivebox .1s both;
}

.bx-hotel {
    overflow: hidden;
    height: 0;
}

.activecontent {
    height: 100%;
}

.desactivecontent {
    height: 0;
}

.activeArrow:before {
    transform: rotate(0deg) !important;
}

.presentationArrow:before {
    transform: rotate(0deg) !important;
}

.icon-fleche:before {
    font-size: 50px;
}

.tooltip .tooltip-arrow {
    display: block !important;
    border-bottom-color: #be0d0d !important;
    width: 10px;
    margin: auto;
}

.tooltip>.tooltip-inner {
    background-color: #be0d0d !important;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .block-package .hotel {
        left: 0;
        right: 0;
        margin: auto;
        left: 0;
        width: 100%;
        text-align: left;
    }
    .block-package img {
        width: 95%;
    }
    .block-package .infos-hotel ul {
        text-align: left;
    }
}

/*block reseaux-sociaux*/

.experience.menu-social span,
.beach-adress span,
.item-adress span.fa-facebook,
.avis span.fa-comments:before {

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.menu-social span:before,
.beach-adress span:before,
.item-adress span.fa-facebook:before {
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #be0d0d;
}

.beach-adress span:before {
    color: #fff;
    font-size: 20px;
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-twitter:before {
    content: "\f099";
}

.experience.menu-social a,
.beach-adress a.face-book {
    width: 70px;
    height: 70px;
    border: 1px solid #be0d0d;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.beach-adress a.face-book,
.item-adress a.face-book {
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 30px;
    right: 85px;
}

.beach-adress a.face-book {
    bottom: 50px;
}

.item-adress a.face-book {
    bottom: 0;
    left: 210px;
    border-radius: 50%;
    border: 2px solid #3d1c10;
}

.experience.menu-social a:hover {
    background-color: #be0d0d;
}

.experience.menu-social a:hover span:before {
    color: #fff !important;
}

.experience.menu-social {
    display: flex;
    justify-content: space-between;
}

.block-suggestion img {
    width: 100%;
}

.block-suggestion p {
    font-size: 13px;
    font-weight: 300;
    color: #aa6629;
    line-height: 15px;
    margin-bottom: 35px;
}

.block-suggestion .accessoires {
    top: -35px;
}

.bx-reserv-mobile .clearfix {}

.block-suggestion h4 {
    color: #7d471b;
}

.block-suggestion .uk-margin {
    margin-left: 15px;
}

.offres-sejourner h3 {
    font-family: georgia;
    font-style: italic;
}

h2 em a {
    font-weight: 300;
    font-family: 'Open Sans', sans-serif !important;
    color: #3d1c10;
}

@media (max-width: 767px) {
    .experience.menu-social {
        justify-content: center;
    }
    .experience.menu-social a {
        margin-right: 15px;
    }
}

.dl-top-c .txt-tiltle {
    margin-top: 35px;
}

/*pages-internes*/

.body {
    position: relative;
}

.banner {
    position: relative;
}

.btn-reservation,
.btn-rsv-interne-mobile {
    font-size: 12px;
    font-weight: 600;
    left: 0;
    right: 0;
    margin: auto;
    width: 175px;
    background: #be0d0d;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 28px;
    padding-right: 25px;
    padding-top: 3px;
    position: absolute;
    display: none;
    letter-spacing: 1px;
}

.btn-rsv-interne-mobile {
    height: 60px;
    line-height: 60px;
    padding: 0;
    position: relative;
}

.btn-reservation:focus,
.btn-reservation:hover {
    color: #fff !important;
}

.btn-reservation:before,
.btn-rsv-interne-mobile:before {
    content: "\e90f";
    font-family: 'icomoon';
    position: absolute;
    top: 3px;
    font-size: 8px;
    right: 10px;
}

.btn-rsv-interne-mobile:before {
    top: 0;
    font-size: 8px;
    right: 23%;
}

.btn-resrv-up:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
.btn-up {
  top: 0px;
  -webkit-animation: btn-up .7s both;
  -moz-animation: btn-up .7s both;
  animation: btn-up .7s both;
}
*/

/*
.btn-bottom {
  top: 70px;
  -webkit-animation: btn-bottom .7s both;
  -moz-animation: btn-bottom .7s both;
  animation: btn-bottom .7s both;
}
*/

/*btn-bottom */

/*
@keyframes btn-bottom {
  0% {
    top: 0;
  }
  100% {
    top: 63px;
  }
}
*/

/*btn-up */

/*
@keyframes btn-up {
  0% {
    top: 63px;
  }
  100% {
    top: 0;
  }
}
*/

.title-banner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 3px 4px 3px rgba(0, 0, 0, .9);
}

.title-banner h3 {
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.title-banner h1 {
    font-size: 38px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 15px;
}

div.itemBody {
    padding: 0;
}

@media (max-width: 991px) {
    .title-banner h1 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .title-banner h1 {
        font-size: 24px;
        margin-top: 8px !important;
    }
    .banner {
        border-top: none;
    }
}

@media (max-width: 550px) {
    .title-banner h1 {
        font-size: 18px;
    }
    .title-banner h3 {
        font-size: 16px;
    }
    .banner img {
        height: 160px;
    }
    .btn-rsv-interne-mobile:before {
        right: 18%;
    }
}

/*sejourner*/

.block-terroir .uk-tab>li>a {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 25px;
    letter-spacing: 1px;
}

.block-terroir .uk-tab>li>a:hover {
    color: #be0d0d;
    border-color: transparent;
    background-color: rgba(202, 180, 139, 0.1)
}

.block-terroir .uk-tab>li.uk-active>a {
    font-weight: 700;
    color: #7d471b;
}

.block-terroir .uk-tab>li.uk-active>a,
.block-terroir .uk-tab {
    border-color: #3d1c10 !important;
}

.block-terroir .uk-panel-title {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Georgia';
    color: #7d471b;
}

.block-terroir p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.block-terroir .uk-panel-space {
    padding: 0;
}

@media (max-width: 991px) {
    .block-terroir .uk-tab {
        border-right: #3d1c10 !important;
    }
    .block-terroir .uk-panel,
    .block-terroir .uk-margin,
    .block-terroir {
        margin-left: 15px;
    }
    .uk-tab>*,
    .uk-grid>* {
        padding-left: 0;
    }
    .block-terroir .uk-tab>li>a {
        font-size: 10px;
        padding-left: 0;
        letter-spacing: 0;
    }
    .block-terroir .uk-panel-title {
        font-size: 17px;
        margin-left: 60px;
    }
    .block-terroir img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    .block-terroir .uk-tab>li {
        width: 100%;
    }
    .block-terroir ul.uk-tab {
        justify-content: center;
        flex-wrap: wrap;
    }
    .block-terroir .uk-tab>.uk-active>.block-terroir a,
    .uk-tab {
        border: none !important;
    }
    .block-terroir .uk-tab>li>a {
        border: 1px solid #3d1c10 !important;
        width: 80%;
        margin: 15px auto;
    }
    .block-terroir .uk-tab>li:nth-child(n+2)>a {
        margin-left: auto !important;
    }
    .block-terroir .uk-panel,
    .block-terroir .uk-margin,
    .block-terroir {
        text-align: center;
        margin-left: 0;
    }
}

/*decouvrir*/

.block-terre img,
.block-bernard img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.block-terre .uk-panel-box:hover,
.block-bernard .uk-panel-box:hover {
    background-color: #be0d0d;
    color: #fff;
}

.block-terre h6,
.block-bernard h6 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #3d1c10;
    padding: 50px 0;
}

.block-terre .uk-panel-box:hover h6,
.block-bernard .uk-panel-box:hover h6 {
    color: #fff;
}

.block-terre *+.uk-margin,
.block-bernard *+.uk-margin {
    margin-top: 0;
}

.block-terre .uk-panel-box,
.block-bernard .uk-panel-box {
    padding: 0 !important;
    border-radius: 0;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background-color: #fff;
    border: none;
}

.block-terre .uk-panel-box>.uk-panel-teaser,
.block-bernard .uk-panel-box>.uk-panel-teaser {
    margin: 0 !important;
}

.block-terre .uk-panel-box .uk-panel-teaser>*,
.block-bernard .uk-panel-box .uk-panel-teaser>* {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.block-terre .uk-panel-box>.uk-panel-teaser .uk-overlay,
.block-bernard .uk-panel-box>.uk-panel-teaser .uk-overlay {
	width: 100%;
}

.block-histoire .uk-margin {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.img-situation,
.img-tarif {
    width: 100%;
}

.pg-box-img-bottom h4.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.sub-airoport {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-secondary .col-xs-12>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #3d1c10;
    padding: 10px 0;
}

.menu-secondary .col-xs-12>div a {
    font-size: 13px;
    font-weight: 400;
    padding: 5px 0;
    letter-spacing: 1px;
    border-right: 1px solid #3d1c10;
    width: 100%;
    color: #3d1c10;
    text-transform: uppercase;
}

.menu-secondary .col-xs-12>div a:last-child {
    border-right: none;
}

.menu-secondary .col-xs-12>div a:active,
.menu-secondary .col-xs-12>div a:hover {
    color: #be0d0d;
    font-weight: 700;
}

.sub-airoport.title {
    color: #7d471b;
}

.block-situation .uk-panel-box {
    font-size: 14px;
    font-weight: 400;
    color: #3d1c10;
    background-color: rgba(202, 180, 139, 0.39);
    border: none;
    padding: 19px;
}

.block-situation.blck-transport .uk-panel-box {
    min-height: 488px;
}

.blck-impressum.block-situation .uk-panel-box {
    min-height: 520px;
}

.block-situation h4 {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Georgia';
    color: #7d471b;
}

.info-ecole p {
    margin: 0 !important;
}

.info-ecole p.uk-margin-top {
    margin-top: 25px !important;
}

.blck-impressum .uk-panel-box {
    padding: 19px 10px;
}

.blck-impressum .uk-panel-box p {
    margin: 10px !important;
}

p.route,
.block-situation a,
.info-legal a {
    color: #be0d0d;
    font-weight: 700;
}

.block-situation a:hover,
.info-legal a:hover {
    color: #7d471b;
}

.block-situation h5 {
    font-size: 14px;
}

.item1,
.item2,
.item3 {
    width: 30%;
}

.item3 {
    width: 40%;
}

.reste p {
    margin: 5px;
}

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

@media (max-width: 991px) {
    .block-situation .uk-panel-box {
        padding: 10px;
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .menu-secondary .col-xs-12>div {
        display: none
    }
    .block-situation .uk-panel-box {
        min-height: auto !important;
        margin-bottom: 20px;
        text-align: center;
    }
    .block-situation .uk-panel-box li,
    .block-situation .info-ecole p,
    .info-ecole h5 {
        text-align: left !important;
    }
    .info-ecole ul {
        padding-left: 18px;
    }
}

/*page domaines-skiables*/

.sport-hiver ul {
    list-style: none !important;
    padding: 0;
}

/*le tunnel*/

.block-tunnel .tarifs h4 {
    margin: 20px 0;
}

.block-tunnel .sub-tarif {
    font-size: 15px;
    font-weight: 700;
    color: #aa6629;
}

.block-tunnel .tarifs p {
    font-size: 14px;
    font-weight: 400;
    color: #3d1c10;
    margin-bottom: 30px;
    line-height: 1.7;
}

.block-tunnel .tarifs em {
    font-size: 15px;
    font-weight: 300;
    color: #3d1c10;
}

.block-tunnel .tarifs {
    margin-top: 30px;
}

/*orsieres*/

.block-village img {
    width: 100%;
}

/*activites*/

.block-galeries .uk-subnav-pill>.uk-active>* {
    color: #3d1c10 !important;
    background: #fff;
}

.block-galeries .uk-subnav a {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
}

.block-galeries .uk-subnav>* {
    padding-left: 0 !important;
}

.block-galeries .uk-subnav li:after {
    content: "/";
    position: absolute;
    top: 4px;
    right: -3px;
    font-size: 30px;
    color: #3d1c10;
    font-size: 13px;
}

.block-galeries .uk-subnav a:hover {
    color: #be0d0d !important;
    box-shadow: none;
    background-color: transparent;
}

.block-galeries .uk-subnav li:last-child:after {
    display: none;
}

.block-galeries .uk-subnav a {
    position: relative;
}

.galeries-ete .uk-panel-teaser,
.galeries-hiver .uk-panel-teaser,
.block-hebergement .uk-panel-teaser {
    margin-bottom: 60px;
}

.galeries-ete .uk-margin,
.galeries-hiver .uk-margin,
.block-hebergement .uk-margin {
    background: #fff;
    position: absolute;
    bottom: 23px;
    width: 60%;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0 !important;
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.19);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.30);
    cursor: pointer;
}

.block-hebergement .uk-margin .uk-link {
    padding: 25px 30px;
    display: block;
    color: #3d1c10;
}

.galeries-ete .uk-margin:hover,
.block-hebergement .uk-margin .uk-link:hover,
.block-hebergement .uk-margin .uk-link:focus {
    color: #fff;
    background-color: #be0d0d !important;
}

.block-galeries h3,
.block-hebergement h3 {
    padding: 0 !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

@media (max-width: 991px) {
    .block-hebergement h3 {
        font-size: 15px;
    }
    .block-hebergement .uk-margin .uk-link {
        padding: 15px 10px;
    }
}

@media (max-width: 767px) {
    .galeries-ete .uk-margin,
    .galeries-hiver .uk-margin,
    .block-hebergement .uk-margin {
        left: 0;
    }
    .uk-panel-teaser img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 550px) {
    .galeries-ete .uk-margin,
    .galeries-hiver .uk-margin,
    .block-hebergement .uk-margin {
        width: 85%;
    }
}

.block-galeries h3:after,
.block-hebergement h3:after {
    font-family: 'icomoon' !important;
    content: "\e90f";
    position: absolute;
    font-size: 12px;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.listing .sub-activites {
    width: 100% !important;
    margin-right: 0 !important;
}

.tabs-activites {
    position: absolute;
    right: 8px;
    top: -50px;
}

.tabs-activites .btn-red {
    padding: 8px 20px 8px 50px;
    position: relative;
}

.tabs-activites .carte {
    margin-left: 15px;
}

.tabs-activites .listing:before {
    position: absolute;
    content: "\e907";
    font-family: 'icomoon';
    top: 3px;
    font-size: 20px;
    left: 20px;
}

.tabs-activites .carte:before {
    position: absolute;
    content: "\e90a";
    font-family: 'icomoon';
    top: 3px;
    font-size: 20px;
    left: 20px;
}

.btn-red.filtre {
    font-size: 14px;
    font-weight: 600;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    padding: 15px 50px 15px 30px;
}

.btn-red.charge {
    padding: 5px 35px 5px 15px;
    position: relative;
}

.btn-red.charge:after {
    content: "\e90f";
    font-family: 'icomoon';
    position: absolute;
    top: 9px;
    font-size: 8px;
    right: 11px;
}

.btn-red.carte,
.btn-red.filtre {
    border-radius: 0;
    background-color: #be0d0d;
    color: #fff;
    position: relative;
}

.btn-red.carte:hover,
.btn-filtre:hover,
.filtrer.btn-red:hover {
    background-color: #fff;
    color: #be0d0d;
    border: 1px solid #be0d0d;
    text-decoration: none;
}

@media (max-width: 767px) {
    .sub-activites {
        width: 98%;
        margin-right: 0;
    }
    .sub-activites img {
        width: 100%;
    }
    .tabs-activites,
    .block-galeries h3:after,
    .block-hebergement h3:after,
    .btn-red.charge:after {
        display: none;
    }
    .btn-red.charge {
        padding: 15px 20px;
        ;
    }
    .margin-bottom-Xlarge {
        margin-bottom: 50px !important;
    }
    .margin-top-Xlarge {
        margin-top: 50px !important;
    }
}

/*tarifs*/

.sub-teleski {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.prog-teleski .sub-teleski:first-child .price-telski {
    font-size: 18px;
    font-weight: 700;
    color: #be0d0d !important;
}

.prog-teleski .sub-teleski:nth-child(even) {
    background-color: rgba(202, 180, 139, 0.3);
}

.titl-telski {
    font-size: 16px;
    font-weight: 700;
    color: #3d1c10;
    width: 40%;
    text-align: left;
    padding-left: 20px;
}

.price-telski {
    width: 20%;
    font-size: 16px;
    font-weight: 400;
    color: #3d1c10;
    text-align: center;
}

.ctn-agenda .txt-tiltle {
    text-transform: uppercase;
}

.cat-personne {
    font-size: 16px;
    font-weight: 700;
    color: #3d1c10;
    margin-top: 50px;
    text-transform: uppercase;
}

.sub-individuel {
    display: flex;
    justify-content: space-between;
    width: 65%;
    margin: 10px 0;
}

.price-indiv {
    font-size: 14px;
    font-weight: 700;
    color: #be0d0d;
    width: 30%;
}

.txt-indiv {
    font-size: 14px;
    font-weight: 400;
    color: #3d1c10;
    width: 70%;
}

.blck-teleski h3 {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    font-family: "Georgia";
    color: #7d471b;
    margin-top: 50px;
}

.blck-teleski h2,
.blck-teleski .txt-tiltle,
.blck-teleski .txt-level {
    text-align: center;
}

hr.divider-teleski {
    border-top: 1px solid #be0d0d;
    margin-left: 20px;
}

.blck-card a {
    font-size: 16px;
    font-weight: 700;
    color: #3d1c10 !important;
}

.blck-card a:hover {
    color: #be0d0d !important;
}

.text-teleski {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    font-family: "Georgia";
    color: #7d471b;
    display: inline-block;
}

.text-teleski>.txt-desc {
    display: inline-block;
    color: #3d1c10 !important;
}

.ski {
    font-size: 20px;
}

.ligBox>.icon-loupe:before {
    color: #be0d0d;
    font-size: 35px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .titl-telski {
        font-size: 13px;
        margin-left: 0;
    }
    .sub-individuel {
        width: 100%;
    }
    .itemFullText .mon-pass {
        top: 35px;
    }
    hr.divider-teleski {
        margin-left: 0;
    }
}

/*webcams*/

.skier-webcams h4 {
    color: #aa6629 !important;
}

@media (max-width: 767px) {
    .webcams {
        width: 90%;
        margin: auto !important;
    }
    .webcams .uk-margin h4 {
        text-align: center;
        font-size: 16px;
    }
    .webcams .uk-grid {
        padding: 0 !important;
    }
}

@media (max-width: 550px) {
    .webcams {
        width: 100%;
        margin: auto !important;
    }
}


/*Beach Volley*/

a.number-tel {
    letter-spacing: 1px;
}

a.number-tel:hover {
    color: #be0d0d;
}

.beach-adress h6:before {
    color: #fff;
    font-size: 30px;
    top: 5px;
    left: -30px;
}

.bottom-slider {
    display: flex;
    justify-content: flex-end;
    border: 1px solid #be0d0d;
    color: #be0d0d;
    padding-left: 0 !important;
    border-radius: 4px;
    background-color: transparent;
    transition: all.7s;
}

@media (max-width: 767px) {
    .beach-adress,
    .pakages,
    a.number-tel {
        color: #3d1c10;
        background-color: #fff;
        position: static;
        text-align: center;
    }
    .beach-adress span:before {
        color: #3d1c10;
    }
    .beach-adress a.face-book,
    .item-adress a.face-book {
        border: 1px solid #3d1c10;
        right: 0;
        left: 0;
        margin: auto;
        bottom: 30px;
    }
    .beach-adress h6 {
        left: 0 !important;
    }
    .beach-adress p {
        margin-left: 0;
    }
    .sub-beach h2 {
        margin-bottom: 25px;
    }
    .slider-volley {
        display: none;
    }
}

/*block-hotel-terminus*/

.item-adress span.fa-facebook:before {
    color: #3d1c10 !important;
    font-size: 20px !important;
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
}

.pakages h5 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    margin: 15px 0 20px !important;
}

.pakages h6 {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-left: 0 !important;
    left: 0 !important;
}

.pakages h6:before {
    content: "\e90f";
    font-family: 'icomoon';
    position: absolute;
    top: 35px;
    font-size: 8px;
    left: 0;
    color: #fff;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .item-description {
        position: static;
        min-height: auto !important;
    }
}

@media (max-width: 767px) {
    .item-adress p {
        margin-left: 0;
    }
    .item-adress h6 {
        position: static;
    }
    .beach-adress .btn-white,
    .item-adress .btn-white {
        color: #3d1c10;
        border: 1px solid #3d1c10;
        display: block;
        width: 50%;
        margin: 15px auto;
        text-align: center;
        border-radius: 0;
        padding: 15px 0;
    }
    .item-adress a.face-book {
        bottom: -30px;
    }
    .hotel .bx-reservation {
        width: 100%;
    }
    .hotel .reservation .form-items {
        width: 60% !important;
    }
    .item-description h2 {
        font-size: 18px;
    }
    .img-lafouly,
    .img-vicher,
    .img-bourg,
    .img-village {
        margin-bottom: 35px;
    }
}

@media (max-width: 550px) {
    .hotel .reservation .form-items {
        width: 100% !important;
    }
    .beach-adress .btn-white,
    .item-adress .btn-white {
        width: 100%;
    }
    .item-description {
        padding: 20px 7px;
    }
}

/*pratique*/

.bx-office h4 {
    font-size: 20px;
    color: #7d471b;
}

.bx-office p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.info-tourisme a {
    font-size: 14px;
    font-weight: 400;
    color: #3d1c10;
    line-height: 18px;
}

p.horaires-travail {
    color: #aa6629;
}

.info-tourisme a.e-mail {
    font-weight: 600;
}

.info-tourisme a.e-mail:hover {
    color: #be0d0d !important;
}

@media (max-width: 767px) {
    .block-terre.uk-grid,
    .block-chiens.uk-grid,
    .block-tunnel.uk-grid,
    .block-bernard.uk-grid,
    .sejourner-pakage .uk-grid,
    .block-hebergement .uk-panel {
        margin: 0 30px !important;
        padding-left: 0 !important;
    }
    .uk-grid>* {
        padding-left: 0 !important;
    }
    .uk-grid-medium {
        margin-left: 0 !important;
    }
    .uk-grid {
        margin-left: 0 !important;
    }
    .bx-office {
        text-align: center;
    }
    .bx-office h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .block-terre.uk-grid,
    .block-chiens.uk-grid,
    .block-tunnel.uk-grid,
    .block-bernard.uk-grid,
    .sejourner-pakage .uk-grid,
    .block-hebergement .uk-panel {
        margin: 0 5px !important;
    }
    .block-galeries h3,
    .block-hebergement h3 {
        font-size: 14px;
    }
    .block-hebergement .uk-margin .uk-link {
        padding: 20px;
    }
}

/*block-volley*/

.uk-slidenav {
    width: 40px !important;
    height: 30px !important;
    line-height: 1 !important;
    color: #be0d0d !important;
    font-size: 20px !important;
}

.block-volley hr.divider,
.block-galerie-histoire hr.divider {
    width: 90%;
    margin: 70px auto;
    margin-right: 94px;
    position: relative;
    top: -34px;
}

/*notre-histoire*/

.block-timeline .uk-slidenav-position .uk-slidenav {
    display: block !important;
}

.block-timeline .uk-slidenav {
    font-size: 70px !important;
    color: #3d1c10 !important;
}

.block-timeline h1 {
    font-size: 35px;
    font-weight: 600;
    color: #be0d0d !important;
}

.block-timeline p {
    font-size: 14px;
    font-weight: 400;
}

div.itemView {
    margin: 0;
}

#k2Container {
    padding: 0;
}

/*timeline*/

vmm-timeline .navigation {
    border: 0 !important;
}

#timeline .toolbar,
#timeline .thumb-plaintext,
.feature .date {
    display: none !important;
}

#timeline .timenav-background {
    background-color: #be0d0d !important;
}

#timeline.vmm-timeline h2.date {
    display: none !important;
}

#timeline .vmm-timeline h3 {
    font-size: 28px;
    line-height: 30px;
}

#timeline .vmm-timeline p {
    font-size: 14px;
    font-weight: 400;
    color: #3d1c10 !important;
}

.vmm-timeline .navigation .timenav-background .timenav-line {
    background: #000 !important;
    width: 4px;
}

.vmm-timeline .navigation .timenav .content .marker .dot {
    background: transparent !important;
}

.vmm-timeline .navigation .timenav .content .marker .line {
    display: none !important;
}

.vmm-timeline .navigation .timenav .content .marker.active .dot {
    z-index: 200;
    background: transparent !important;
}

.nav-container .title {
    color: #3d1c10 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    -webkit-box-shadow: 0 3px 0 #be0d0d;
    -moz-box-shadow: 0 3px 0 #be0d0d;
    box-shadow: 0 3px 0 #be0d0d;
    padding-bottom: 10px;
}

#timeline .marker.active .flag-content h3 {
    color: #be0d0d !important;
}

#timeline .flag-content>h3,
#timeline .container h3 {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

#timeline .container>h3 {
    font-size: 35px !important;
    color: #be0d0d;
}

#timeline .navigation .time {
    display: none;
}

#timeline .slider .slider-container-mask .slider-container,
#timeline {
    background-color: inherit;
}

.vmm-timeline .navigation .timenav-background .timenav-interval-background {
    display: none;
}

.nav-container .date {
    color: #3d1c10 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    -webkit-box-shadow: 0 3px 0 #be0d0d;
    -moz-box-shadow: 0 3px 0 #be0d0d;
    box-shadow: 0 3px 0 #be0d0d;
}

/*Contact*/

.form-contact {
    margin-bottom: 70px;
}

.form-contact #topsection .controls .control-label,
.carte-rando .control-label,
.form-challenge .control-label {
    font-weight: 700;
    color: #7d471b;
    font-size: 14px;
    text-transform: uppercase;
    width: 19%;
    min-width: auto !important;
    vertical-align: top !important;
}

.form-challenge .control-label {
    width: 49%!important;
}

.form-contact #topsection .controls .inputbox,
.carte-rando .controls .inputbox,
.carte-rando .chzn-done,
.form-challenge .controls .inputbox,
.form-challenge .chzn-done,
.form-challenge input[type=checkbox] {
    border: 1px solid #be0d0d;
    background-color: #fff;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
}

.form-contact .bfQuickMode input[type=text],
.form-contact .bfQuickMode textarea,
.carte-rando .bfQuickMode input[type=text],
.carte-rando .bfQuickMode select {
    max-width: 80%;
    width: 100%;
}

.form-challenge .bfQuickMode input[type=text],
.form-challenge .bfQuickMode select {
    max-width: 50%;
}

.form-contact #topsection .bfElemWrap {
    margin-bottom: 8px;
}

.form-contact #bfSubmitButton,
.carte-rando .bfCustomSubmitButton,
.form-challenge .bfSubmitButton {
    font-size: 13px;
    border: 1px solid #be0d0d;
    color: #be0d0d;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: transparent;
    transition: all.7s;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
    float: none !important;
    display: block;
    margin: 25px auto;
    position: absolute;
    right: 17px;
}

.carte-rando select {
    color: #3d1c10;
    font-size: 13px;
    font-weight: 400;
}

.form-challenge .bfSubmitButton:hover,
.form-contact #bfSubmitButton:hover,
.carte-rando .bfCustomSubmitButton:hover {
    background-color: #be0d0d;
    color: #ffffff;
}


/*page iam challenge*/

.form-challenge .controls {
    position: relative;
}

.form-challenge .controls span {
    position: absolute;
    height: 15px;
    width: 15px;
    border: 1px solid #be0d0d;
    border-radius: 0;
    cursor: pointer;
    transition: all .7s;
    margin-left: 6px;
    border-radius: 3px;
}

.form-challenge .controls span input {
    display: none;
}

.form-challenge .controls span.checkedBox {
    background-color: #be0d0d;
}

.form-challenge #bfPage2 p {
    color: #be0d0d;
    font-size: 20px;
}

#bfPage1 .bfErrorMessage.alert.alert-error {
    color: #be0d0d;
}

.Cyclosportive a {
    font-style: italic;
    font-family: 'Georgia';
}

.blck-vins {
    display: flex;
}

.blck-vins p {
    margin-top: 50px;
    margin-left: 35px;
}

.ctn-challenge h3,
.ctn-challenge h4 {
    font-style: italic;
    font-family: 'Georgia';
    color: #aa6629;
}

.blck-facebook h3 {
    margin-top: 0!important;
}

@media (max-width:1199px) {
    .ctn-challenge h2 {
        font-size: 25px;
    }
    .ctn-challenge h3 {
        font-size: 21px;
    }
    .form-challenge .control-label {
        font-size: 13px;
    }
}

@media (max-width:767px) {
    .form-challenge .bfSubmitButton {
        position: static;
    }
    .form-challenge .control-label {
        font-size: 12px;
    }
    .Cyclosportive,
    .blck-facebook {
        text-align: center;
        margin-bottom: 35px;
    }
    .blck-vins img {
        display: block;
        margin-right: auto;
        margin-left: auto
    }
    .blck-vins {
        display: block;
        text-align: center;
    }
    .blck-vins p {
        margin: 0!important;
    }
    .ctn-challenge h3,
    .ctn-challenge h2 {
        text-align: center;
    }
    .form-challenge .controls .control-label {
        max-width: 90% !important;
        min-width: 90% !important;
        width: 90% !important;
    }
    .form-challenge #bfElemWrap216 .control-label {
        padding-left: 30px;
        display: inline-block !important;
    }
    .form-challenge .controls span {
        left: 0;
    }
    .form-challenge #bfPage2 p {
        color: #be0d0d;
        font-size: 20px;
        text-align: center;
    }
    #bfPage1 .bfErrorMessage.alert.alert-error {
        text-align: center;
    }
    .form-challenge .bfQuickMode input[type=text],
    .form-challenge .bfQuickMode textarea,
    .form-challenge .bfQuickMode select,
    .form-challenge .bfQuickMode .uneditable-input {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

/*pages-photos*/

.block-photos .uk-overlay-panel.uk-overlay-background {
    background: transparent !important;
}

.block-photos .uk-overlay-panel {
    padding: 0 !important;
}

.block-photos .uk-overlay {
    padding: 0px 10px !important;
}

/*plan interactif*/

.plan-interactif #legLeft {
    background-color: red;
}

/**page-videos-photos**/

.galerie-photo .uk-overlay-background {
    background-color: #be0d0d;
}

.galerie-photo .uk-panel {
    text-align: center;
}

.galerie-photo .uk-position-cover {
    z-index: 999 !important;
}

/*page-domaines-skiables*/

.domaines-ski a {
    font-size: 15px;
    font-weight: 700;
    color: #3d1c10;
}

.domaines-ski a:hover {
    color: #be0d0d;
}

/***style-composant-meteo***/

#bxShowResort {
    margin: 100px 0;
    width: 100%;
}

#bxShowResort .clear {
    clear: both;
}

.bxSubTitle,
.sepHr {
    background: #be0d0d !important;
}

#bxShowResort .box .bxPrevMet .bxInfMet .bxTtMet,
#bxShowResort .box .bxPrevMet .weathTwice {
    color: #be0d0d;
}

#bxShowResort .box .bxPrevMet .bxInfMet .bxMatin,
#bxShowResort .box .bxPrevMet .bxInfMet .bxMidi {
    border-bottom: 1px solid #be0d0d;
}

#bxShowResort .ttShowResort {
    width: 100%;
    color: #a66120;
    height: 30px;
    font-family: Georgia;
    font-size: 25px;
}

.bxRmPrevMet {
    margin-top: 15px;
}

.bxRmTt {
    color: #7d471b;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    font-family: Georgia;
    letter-spacing: 1px;
}

.bxRmTxt {
    font-size: 15px;
    color: #3d1c10;
}

#bxShowResort li.active,
#bxShowResort li.active a {
    background: #be0d0d;
    color: #fff;
    cursor: pointer;
}

#bxShowResort li a {
    display: inline-block;
    width: 100%;
    padding: 5px 0 2px;
    height: 23px;
    color: #be0d0d;
}

#bxShowResort li.active:after,
#bxShowResort #bxLnkResort li:hover:after {
    font-family: FontAwesome;
    content: "\f0d7";
    font-size: 40px;
    margin-top: -17px;
    display: block;
    color: #be0d0d;
    text-align: center;
}

#bxShowResort li:hover,
#bxShowResort li:hover a {
    background: #be0d0d;
    color: #fff;
    cursor: pointer;
}

#bxShowResort #bxLnkResort {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
}

#bxShowResort .ttShowResort {
    width: 100%;
    color: #a66120;
    height: 30px;
    font-family: Georgia;
    font-size: 25px;
}

#bxShowResort {
    width: 100%;
}

#bxShowResort li {
    width: 24%;
    height: 33px;
    margin-right: 3px;
    border: 1px solid #be0d0d;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

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

#bxShowResort .tblAnalage .nameAnlage,
#bxShowResort .tblPiste .tdTxtPiste {
    font-size: 14px;
}

#bxShowResort .tblPiste .tdImgPiste {
    width: 70px;
}

#bxShowResort .tblPiste .tdImgStaPiste {
    width: 50px;
}

@media (max-width: 991px) {
    #bxShowResort li {
        width: 30%;
    }
    .icon {
        width: 20px;
        height: 20px;
    }
    #bxShowResort .tblAnalage .nameAnlage,
    #bxShowResort .tblPiste .tdTxtPiste {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    #bxShowResort li {
        font-size: 13px;
        width: 33%;
    }
    #bxShowResort li a {
        height: auto;
        padding: 5px;
    }
    #bxShowResort li.active:after,
    #bxShowResort #bxLnkResort li:hover:after {
        margin-top: -20px;
    }
}

@media (max-width: 550px) {
    #bxShowResort #bxLnkResort {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #bxShowResort li {
        width: 80%;
        margin-bottom: 20px;
    }
    #bxShowResort li.active:after,
    #bxShowResort #bxLnkResort li:hover:after {
        display: none;
    }
    #bxShowResort .box {
        margin-top: 70px !important;
    }
    .bxRmTxt {
        font-size: 13px;
    }
}

/*footer*/

footer .uk-navbar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    justify-content: center;
}

footer .uk-navbar-nav.menu>li>a:hover {
    color: #be0d0d;
    background: transparent;
}

footer .uk-navbar-nav.menu>li {
    margin-right: 5px;
    float: left;
    position: relative;
}

footer .uk-navbar-nav.menu>li:after {
    content: "|";
    color: #3d1c10;
    position: absolute;
    left: -5px;
    top: 0px;
}

footer .uk-navbar-nav.menu>li:first-child:after {
    display: none;
}

footer .uk-navbar-nav.menu>li>a {
    font-size: 12px;
    color: #3d1c10;
    font-weight: 400;
    letter-spacing: 1px;
    border: none;
    padding: 7px 10px;
    text-transform: uppercase;
    height: 40px;
}

.footer .copyright,
.footer .copyright a {
    font-size: 11px;
    font-weight: 400;
    color: #808080;
    margin: 0 0 15px 0;
}

.footer .copyright a:hover {
    color: #be0d0d;
}

footer .back-top {
    background-image: url(../img/bouton-remonter.png);
    width: 41px;
    height: 41px;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-right: 15px;
    padding: 1em;
    position: fixed;
    right: 0;
    bottom: 2em;
    text-decoration: none;
    text-indent: -9999px;
}

footer .digital-link {
    color: #008ed5;
    font-size: 10px;
}

footer .menu-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #3d1c10;
    border-top: 0;
    border-bottom: 0;
}

footer .menu-social a {
    color: #3d1c10;
    margin-bottom: 20px;
}

footer .menu-social a:hover span:before {
    color: #be0d0d !important;
}

footer .menu-social span:before {
    color: #3d1c10 !important;
    font-size: 20px!important;
}

.contact-info {
    margin-top: 40px;
}


footer .avis {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
}

footer .avis a {
    font-size: 15px;
    padding-left: 37px;
}

footer .avis .fa-comments:before {
    content: "\f086";
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #3d1c10;
    position: absolute;
    left: 0px;
    bottom: -8px;
}


footer .avis a:focus:before,
footer .avis .fa-comments:hover:before {
    color: #be0d0d !important;
}



.contact-info a,
.blck-ecole a {
    color: #3d1c10;
    font-size: 16px;
    font-weight: 400;
}

.contact-info a:hover,
.blck-ecole a:hover {
    color: #be0d0d;
}

.form-footer h5 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

footer input[type="text"] {
    border: 1px solid #3d1c10;
    background: transparent;
    width: 100%;
    max-width: 65% !important;
    height: 40px;
    padding-left: 15px;
}

footer .form-actions .btn {
    position: absolute;
    top: 5px;
    right: 200px;
    color: #3d1c10;
    background-color: transparent;
    border-color: transparent;
}

footer #bfPage1 {
    position: relative;
}

footer .form-actions button span:before {
    font-family: 'icomoon' !important;
    content: "\e90f";
    font-size: 11px;
    color: #3d1c10;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block;
}

footer .alert {
    position: absolute;
    bottom: -75px;
    margin-bottom: 30px;
    color: #be0d0d;
}

a.email {
    margin-left: 20px;
    border-left: 1px solid #3d1c10;
    padding: 0px 20px;
}

@media (max-width: 1199px) {
    footer .uk-navbar-nav.menu>li>a {
        padding: 7px 6px;
    }
}

@media (max-width: 767px) {
    footer .menu-social a {
        margin: 10px 0;
    }
    footer input[type="text"] {
        max-width: 100% !important;
        width: 100% !important;
        height: 60px;
    }
    footer .form-actions .btn {
        right: 10px;
        top: 25%;
    }
    footer .menu-social {
        flex-direction: row;
        border: none;
        border-top: 1px solid #3d1c10 !important;
        border-bottom: 1px solid #3d1c10 !important;
        justify-content: space-around;
        margin: 0 -30px;
    }
    footer .img-responsive {
        display: none;
    }
    a.email {
        border-left: 0;
    }
    .info-pass,
    footer .contact-info,
    .sub-footer {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 0 !important;
    }
    .info-pass.margin-top-large {
        margin-top: 20px !important;
    }
    footer .contact-info {
        flex-direction: column !important;
    }
    .form-footer {
        margin: 20px auto;
        width: 90%;
    }
    .margin-top-large.sub-footer {
        margin-top: 0 !important;
    }
    .margin-bottom-large.sub-footer {
        margin-bottom: 0 !important;
    }
    footer .margin-top-Xlarge {
        margin-top: 20px !important;
    }
    footer .uk-navbar-nav.menu {
        flex-direction: column;
        justify-content: center
    }
    footer .uk-navbar-nav.menu>li:after {
        display: none;
    }
}

@media (max-width: 550px) {
    footer .nav {
        width: 100%;
    }
    .form-footer {
        width: 100%;
    }
}

.moduleItemIntrotext {
    margin-bottom: 15px;
}

.moduleItemIntrotext .moduleItemLink {
    color: inherit;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    display: block;
}

.moduleItemIntrotext .moduleItemLink:hover {
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.moduleItemIntrotext .uk-cover-container {
    min-height: 200px;
    margin-bottom: 20px;
}

.moduleItemIntrotext .item {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    position: relative;
    min-height: 210px;
}

.moduleItemIntrotext .item .toolbar {
    position: absolute;
    bottom: 23px;
}

.moduleItemIntrotext .moduleItemReadMore.plus {
    position: absolute;
    right: 30px;
    bottom: 25px;
}

@media (max-width:767px) {
    .moduleItemIntrotext {
		max-width: 400px;
		margin: 0 auto;
    }
}

.bodyRondonnee .itemFullText {
    padding-right: 85px;
}

.bodyRondonnee .item-description {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #aa6629;
}

.bodyRondonnee .item-description .itemExtraFields ul {
    padding-right: 30px;
}

.bodyRondonnee .item-description .itemExtraFields ul li {
    display: block;
    border-bottom: 1px solid #7d471b;
    margin-top: 5px;
}

.bodyRondonnee .item-description .itemExtraFields ul li span.itemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: 600;
    width: 40%;
}

/* Search input */

.menu-destination li.rechercher {
    padding: 0;
    float: right;
}

#ct-search {
    position: relative;
    width: 55px;
    height: 37px;
}

#ct-search .element-invisible {
    display: none;
}

.finder-input-wrap {
    position: absolute;
    right: 55px;
    width: 335px;
    height: 37px;
    opacity: 0;
    pointer-events: none;
}

.ct-search.ct-search-open .finder-input-wrap {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 2000;
}

.finder-input-wrap .search-query {
    width: 100%;
    height: 37px;
}

.icon-loupe,
.btn.finder {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 55px !important;
    height: 37px;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
}

.btn.finder {
    z-index: -1;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: transparent;
}

.ct-search.ct-search-open .btn.finder {
    z-index: 2000;
}

/*page resultats de recherche*/

.search-pass label {
    display: none !important;
}

.search-pass input {
    border: 1px solid #be0d0d;
    background: transparent;
    width: 50%;
    height: 39px;
    padding-left: 15px;
    border-radius: 2px;
}

.search-pass .btn-red {
    padding: 9px 20px;
}

#search-result-empty h2 {
    color: #be0d0d;
    font-weight: 700;
}

.search-pass form,
.search-pass #search-query-explained {
    text-align: center;
}

.search-pass .search-pages-counter {
    text-align: center;
    color: #be0d0d;
}

.search-pass .search-results.list-striped {
    margin-top: 40px;
    padding-left: 15px;
    list-style: decimal;
}

.result-url {
    display: none;
}

.search-results>li {
    margin-bottom: 50px;
    border-bottom: 1px solid #be0d0d;
}

/* modal-center */

#modal-center .uk-modal-dialog {
    border: 3px solid #be0d0d;
    border-radius: 0;
}

#modal-center .uk-modal-dialog .uk-close:after {
    content: '';
}

/*style search-pagination*/

.pagination-list {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

#search-results .search-pagination {
    text-align: center;
    margin-top: 50px;
}

.pagination-list li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pagination-list li a {
    display: inline-block;
    margin: 0 8px;
    font-size: 18px;
    border: 1px solid #be0d0d;
    border-radius: 4px;
    vertical-align: middle;
    background: #fff;
    text-decoration: none;
    color: #be0d0d;
    width: 33px;
    height: 33px;
    line-height: 33px;
}

.pagination-list li.active a {
    background: #be0d0d;
    color: #fff;
}

.search-pages-counter {
    display: none;
}

.search-pagination [class^="icon-"],
.search-pagination [class*=" icon-"] {
    font-family: 'FontAwesome' !important;
    font-size: 22px;
    color: #be0d0d;
    display: block;
    line-height: 33px;
}

.icon-first:before {
    content: "\f100";
}

.icon-previous:before {
    content: "\f104";
}

.icon-next:before {
    content: "\f105";
}

.icon-last:before {
    content: "\f101";
}

@media (max-width:767px) {
    .pagination-list .hidden-phone {
        display: none !important;
    }
    h4.result-title {
        font-size: 15px;
    }
}

.hidden-shadow {
    box-shadow: none !important;
}

.title-home {
    position: absolute;
    top: 45%;
    left: 0%;
    width: 100%;
    background: -moz-linear-gradient(left, rgba(12, 13, 14,0) 20%, rgba(12, 13, 14,0.50) 30%, rgba(12, 13, 14,0.50) 70%, rgba(12, 13, 14,0) 80%);
    background: -webkit-linear-gradient(left, rgba(12, 13, 14,0) 20%,rgba(12, 13, 14,0.50) 30%,rgba(12, 13, 14,0.50) 70%,rgba(12, 13, 14,0) 80%);
    background: linear-gradient(to right, rgba(12, 13, 14,0) 20%,rgba(12, 13, 14,0.50) 30%,rgba(12, 13, 14,0.50) 70%,rgba(12, 13, 14,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0d0e', endColorstr='#0c0d0e',GradientType=1 );
    text-align: center;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 0 20px;
}


/*formulaire contact avec coche newsletter*/
#bfLabel418 {
    position: absolute;
    left: 6%;
    width: 50%!important
}

.coche-newsletter{
    left: 20%;
    position: absolute;
    width: 80%;
}