/* COULEURS 88, 189, 186;238, 238, 238;51, 51, 51 FIN COULEURS */

/*
BLEU CLAIR : 88, 189, 186
BLEU FONCE : 53, 88, 103
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Alatsi');
*{
    margin:0;
    padding: 0;
}

body, p{
    color: #2A2A2A;
    font-family: 'Open Sans', sans-serif;
}

.row {
    max-width: 70rem;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
    opacity : 1;
}


#status {
    width:300px;
    height:300px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    /*background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-150px 0 0 -150px; /* is width and height divided by two */
}

#scroll_down{
    position: fixed;
    display: block;
    bottom: 0;
    left: 50%;
    margin-left: -11.4px;
    z-index: 100000;
    margin-bottom: 10px;
}

.formeG{
    -webkit-clip-path: polygon(100% 0, 100% 100%, 30% 90%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 30% 90%, 0 100%, 0 0);
}

.formeD{
    -webkit-clip-path: polygon(70% 0, 100% 10%, 100% 100%, 0 100%, 0 10%);
    clip-path: polygon(70% 0, 100% 10%, 100% 100%, 0 100%, 0 10%);
}

.formeDouble{
    -webkit-clip-path: polygon(70% 0, 100% 10%, 100% 100%, 30% 90%, 0 100%, 0 10%);
    clip-path: polygon(70% 0, 100% 10%, 100% 100%, 30% 90%, 0 100%, 0 10%);
}

.formeList{
    -webkit-clip-path: polygon(70% 0, 100% 10%, 100% 100%, 70% 90%, 0 100%, 0 10%);
    clip-path: polygon(70% 0, 100% 10%, 100% 100%, 70% 90%, 0 100%, 0 10%);
}

.txt_white{
    color: white;
}

.bg_l_white{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: -1px;
}

.bg_l_grey{
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: -1px;
}

.list_ch .bg_l_grey,
.list_ch .bg_l_white{
    width: 101%;
}

.relative{
    position: relative;
}

.bg_l_white img{
    vertical-align: bottom;
}

.bg_l_grey img{
    vertical-align: top;
}

.pad_ch{
    padding: 50px 0 40px 0;
}

body {
    background: white;
}
/* Balises H1 H2 H3 H4*/

h1, .home_desc .titre {
    font-size: 3em;
    text-align: center;
    font-family: 'Alatsi', sans-serif;
    margin-top: 0;
    color: #355867;
    margin-bottom: 10px;
    line-height: 1.2;
}
h2 {
    font-size: 2em;
    font-family: 'Alatsi', sans-serif;
    text-align: center;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 2rem;
}
h3 {
    font-size: 1.8em;
    font-family: 'Alatsi', sans-serif;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1;

}

a {
    color: #355867;
}

a:hover {
    color: rgba(88, 189, 186, 1);
}

.border{
    border: 1px solid #eee;
}

.contactblanc .border{
    display: block;
    padding: 40px 20px;
}

#infos_contact{
    height: 300px;
}

.offretexte.actu>h3>a:hover {
    border: 1px solid rgba(51, 51, 51, 1);
    color: rgba(51, 51, 51, 1);
}
.infoblog {
    font-size: 0.750em;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
}

.title-bar {
    width: 100%;
    background: none;
}

.top-bar-right .dropdown{
    background: none;
}

.top-bar-right .dropdown a{
    color: #2A2A2A;
    font-family: 'Open Sans', sans-serif;
}

.top-bar-right .dropdown a:hover,
.top-bar-right .dropdown li.active a,
.top-bar-right .dropdown a:active{
    color : rgba(88, 189, 186, 1);
    background: transparent;
}

.top-bar-title{
    margin: 0;
}

#logo{
    width: auto;
    height: 50px;
}

.menu{
    width: auto;
}

.menu li a{
    padding: .7rem !important;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {

    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: rgba(51, 51, 51, 1) transparent transparent;
    right: 5px;
    margin-top: -3px;
}
.dropdown.menu>li.is-dropdown-submenu-parent>ul>li.flechee>a:after {

    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;

    border:6px solid transparent;
    border-left:6px solid rgba(51, 51, 51, 1);
    right: 5px;
    margin-top: -3px;
}

.menu.vertical.sousmenu li a:active {
    background-color: rgba(88, 189, 186, 1);
    color: rgba(51, 51, 51, 1);
}
ul.menu.vertical.sousmenu.borduremenue{
    border: 1px solid rgba(51, 51, 51, 1);
    z-index: 3;
    background-color: white;
    height: auto;
}

.columns, .column {
    height: 100%; 
}

.row_100{
    max-width: 100%;
}

ul.menu>li>ul.menu {
    margin: 15px;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    z-index: 99999;
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.25);
    cursor: pointer;
    transition: background .5s ease;
    z-index: 10000;
}


ul.menu>li>ul.menu>li>ul.menu {
    margin: 15px;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}

.sticky{
    z-index: 9;
}

#stickyStartWubook .sticky.is-at-top.is-stuck{
    margin-top: 70px !important;
}

.is-drilldown {
    height: 100%;
}


.titresite{
    font-size: 30px;
}

.bx-wrapper{
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}

.row_slider img{
    width: 100%;
}

.row_slider .slider-titre {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 35%;
    width: 100%;  
}

.row_slider .slider-titre p{
    font-family: 'Alatsi', sans-serif;
    font-size: 300%;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    margin-top: 15%;
}

.row_slider .slider-text p{
    font-family: 'Alatsi', sans-serif;
    font-size: 150%;
    color: white;
}

.row_slider .slider-text {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    position: absolute;
    z-index: 9999;
    text-align: center;
    top: 45%;
    width: 100%;  
}

.slider-titre,
.slider-text {
    visibility:hidden;
}

.slider-titre.active-slide,
.slider-text.active-slide {
    visibility: visible;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
    background: none;
    color: rgba(255,255,255,0.8);
    font-size: 40px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{
    color: rgba(255,255,255,1);
}

.bx-wrapper .bx-controls-direction a{
    text-indent: 0;
}

.row_slider{
    z-index: 1;
    margin: 0;
    height: 100%;
}

.row_slider .bx-viewport{
    position: relative;
}

.row_slider img{
    width: 100%;
    max-width: 100%;
}

.ban .titresite{
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

#banniere {
    min-height: 500px;
}

.textebloc{/*
    font-size: 0.813em;*/
    font-family: 'Open Sans', sans-serif;
}

hr {
    color: #222;
    margin-top: 4%;
    border: none;
    border-bottom:1px solid #222;
}

.row_gris {
    background-color: #eee !important;
}

.row_blanc {
    background-color: white !important;
}

.row_fonce.contact .align-milieu{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    
    color: white;
    min-width: 300px;
    font-size: 1rem;
}
/*
.row_fonce.contact .align-milieu .titre{
    font-size: 3.5rem;
    font-family: 'Alatsi', sans-serif;
}*/

.row_fonce.contact .align-milieu p{
    color: rgba(53, 88, 103, 1);
}

.row_fonce.contact {
    background-color: white !important;
    color: #333;
    border: 1px solid rgba(53, 88, 103, 1);
}

.row_fonce.contact img{
    max-width: 200px;
    margin-bottom: 20px;
}
.row_fonce h3 a{
    color: white;
}

.row_fonce h3 a:hover,
.row_fonce.contact .align-milieu p i{
    color: rgba(88, 189, 186, 1);
}

.chambres{
    text-align: center;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.list_ch .chambres{
    background: white;
}

.offres{
    background-color: white;
}

.titre16 {
    font-size: 16px;
    font-family: 'Open Sans Semibold', sans-serif;
}


.chambres2{
    display: inline-block;
}

.chambres2 img{
    display: inline-block;
}

.texteblocju{
    margin-right: 5%;
    margin-left: 0;
    text-align: left;
    font-family: 'Open Sans Light', sans-serif;
}

.prix {
    text-align: left;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 1.2rem;
    color: rgba(88, 189, 186, 1);
    float: left;
}

.btnchambre {
    background-color:rgba(53, 88, 103, 1);
    display:inline-block;
    color:white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right;
}
.btnchambre:hover {
    background-color:rgba(88, 189, 186, 1);
    color: white;
    text-decoration: none;
}

.row_fonce .btnchambre{
    background-color:white;
    color:#333;
}


.row_fonce .btnchambre:hover{
    background-color:rgba(88, 189, 186, 1);
    color:white;
}

.row_services {
    background-image: url(../img/services.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.services {
    background-color: white;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 35px;
    padding-right: 35px;
}

.titreservice{
    font-size: 21px;
    font-family: 'Open Sans Semibold', sans-serif;
}

.offretexte {
    text-align: center;
}

.prixbarre {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #2A2A2A;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    text-decoration: line-through;
}

.promo {
    background-color: rgba(88, 189, 186, 1);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    z-index: 100;
    position: absolute;
}

.chiffrepromo{
    position: absolute;
    top:30%; 
    left: 25%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 18px;
}

.actus {
    background-color: rgba(88, 189, 186, 1);
}
.jour{
    position: absolute;
    top:7%; 
    left: 30%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 24px;
}
.mois {
    position: absolute;
    top:47%; 
    left: 20%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
}

.owl-carousel .item{
    background: none;
}

.footergris {
    background-color: rgba(238, 238, 238, 1);
    height: auto;
}
.textefooter, .textefooter a{
    color: #2A2A2A;
    font-family: 'Open Sans Light', sans-serif;
}
.textefooter a:hover{
    color: rgba(88, 189, 186, 1);
}

.textefooter{
    margin-bottom: 10px;
}

.titrefooter{
    color: rgba(51, 51, 51, 1);
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 1.2rem;
}

.fa:hover, .faa{
    color :rgba(88, 189, 186, 1);
}

.faa:hover {
    color: rgba(51, 51, 51, 1);
}


.breadcumbs{
    margin-left: 0 !important;
    display: inline-block;
}
.breadcumbs li{
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
}
.breadcumbs li a{/*
    font-size: 0.813em;*/
    color: #2A2A2A;
    font-family: 'Open Sans Semibold', sans-serif;
}
.breadcumbs li a:after{
    content: " / ";
}
.breadcumbs li.current a:after{
    content: "";
}
.breadcumbs li.current span{
    color: rgba(88, 189, 186, 1);
}



.button {
    background-color: rgba(51, 51, 51, 1) ;
}
.button:hover{
    background-color :rgba(88, 189, 186, 1);
}
.button:active{
    background-color :rgba(88, 189, 186, 1);
}

input:focus {
    outline:  none;
}

input{
    border: 1px solid grey;
    box-shadow: none !important;
}

.title-bar img {
    max-height: 80px;
    min-height: 50px;
    width: auto;
}

.marge_b {
    margin-bottom: 20px;
}
.marge_b1{
    margin-bottom: 10px;
}
.marge_b2{
    margin-bottom: 40px;
}
.marge_b3{
    margin-bottom: 60px;
}

.marge_t{
    margin-top: 20px;
}
.marge_t05{
    margin-top: 5px;
}
.marge_t1{
    margin-top: 10px;
}
.marge_t15{
    margin-top: 15px;
}
.marge_t20{
    margin-top: 20px;
}

.marge_t2{
    margin-top: 37px;
}

.marge_l05{
    margin-left: 5px;
}
.marge_l{
    margin-left: 20px;
}
.marge_r20{
    margin-right: 20px;
}
.marge_r10{
    margin-right: 10px;
}
.marge_lr10 {
    margin-right: 10px;
    margin-left: 10px;
}
.marge_l1 {
    margin-left: 30px;
}
.marge_l2 {
    margin-left: 50px;
}

.marge_bt{
    margin-bottom: 10px;
    margin-top: 10px;
}

.marge_bt2{
    margin-bottom: 20px;
    margin-top: 20px;
}

.marge_bt8 {
    margin-bottom: 80px;
    margin-top: 80px;
}

.pad_0{
    padding: 0;
}

.pad_b60{
    padding-bottom: 60px;
}
.pad_t40{
    padding-top: 40px;
}

.pad_b{
    padding-bottom: 20px;
}
.pad_b4{
    padding-bottom: 80px;
}
.pad_b8{
    padding-bottom: 120px;
}
.pad_t10{
    padding-top: 10px;
}
.pad_t{
    padding-top: 20px;
}
.pad_t2 {
    padding-top: 40px;
}
.pad_t6{
    padding-top: 60px;
}
.pad_t8{
    padding-top: 80px;
}
.pad_t12{
    padding-top: 120px;
}
.pad_bt{
    padding-bottom: 20px;
    padding-top: 20px;
}

.pad_r {
    padding-right: 20px;
}
.pad_l{
    padding-left: 20px;
}

.pad_l0 {
    padding-left: 0px;
}

.pad_lr10{
    padding-left: 10px;
    padding-right: 10px;
}
.pad_lr{
    padding-left: 50px;
    padding-right: 50px;
}

.is-drilldown, .is-drilldown-submenu {
    background-color: rgba(238, 238, 238, 1);
}
.is-drilldown a, .is-drilldown-submenu a {
    color:rgba(51, 51, 51, 1);
}
.is-drilldown a:after {
    width: 0;
    border:6px solid transparent;
    border-left:6px solid rgba(51, 51, 51, 1);
}

.is-drilldown-submenu{
    width: 100% !important;
}

.menu.left-submenu.move-right.vertical.submenu.is-drilldown-submenu.drilldown-submenu-cover-previous.is-active {
    background-color: rgba(238, 238, 238, 1);
}


.menu.left-submenu.move-right.vertical.submenu.is-drilldown-submenu.drilldown-submenu-cover-previous.is-active a:after{
    width: 0;
    border:6px solid transparent;
    border-left:6px solid rgba(51, 51, 51, 1);
}

.menu.left-submenu.move-right.vertical.submenu.is-drilldown-submenu.drilldown-submenu-cover-previous.is-active a:before{
    width: 0;
    border:5px solid transparent;
    border-right:5px solid rgba(51, 51, 51, 1);
    margin-top:4px;
}

.js-drilldown-back a:before{
    border-color: transparent rgba(51, 51, 51, 1) transparent transparent;
}


.accordion-title {
    font-size: 1.000em;
    color:rgba(51, 51, 51, 1);
    border: none;
}

.accordion-title:hover {
    color : rgba(88, 189, 186, 1);
    background: none;
    border: none;
}
.accordion-title:focus {
    color : rgba(51, 51, 51, 1);
    background: none;
    border: none;
}

.accordion-title:active {
    color : rgba(88, 189, 186, 1);
    background: none;
    border: none;
}

.accordion-content{
    border:none;
    margin-left: 20px;
}
:last-child>.accordion-content:last-child {
    border-bottom: none;
}
:last-child:not(.is-active)>.accordion-title{
    border-bottom: none;
}


.faq {
    background-image: url(../img/faq.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.accordion-title:before {
    font-family: 'FontAwesome';
    content:"\f107";
}
.is-active>.accordion-title:before {
    font-family: 'FontAwesome';
    content:"\f106";
}

.shrink{
    width: auto !important;
}

.fondservices {
    background-color: white;
    opacity: 0.85;
    margin: 0;
    width: 100%;
    height: 65px;
    text-align: center;
    z-index: 101;
    position: absolute;
}

.motservices {
    width: 100%;
    top:-15px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-family: 'Open Sans SemiBold', sans-serif;
}

.ih-item.square {
    width:100%;
    margin-right: 0;
    height: 100%;
    border: none;
    box-shadow: none;
}



.ih-item.square.effect13.colored .info {
    background-color: white;
    background: rgba(255, 255, 255, 0.85);
}
.ih-item.square.effect13.colored .info .titre_ihover {
    background: rgba(255, 255, 255, 0.85);
}

.ih-item.square.effect13 .info {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.85);
}
.ih-item.square.effect13 .info .titre_ihover {
    text-transform: uppercase;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.85);
    margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
    margin-top: 65px;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: rgba(51, 51, 51, 1);
    padding: 20px 20px 20px;
    text-align: center;
}

.ih-item.square.effect6 .info .titre_ihover{
    background-color: rgba(88, 189, 186, 1);
}

.imgpart img {
    width: 50%;
    align-items: center;
    margin-left: 25%;
}
.imgpart img marge_l1{
    margin-left: 30px;
}

.imgpart {
    align-content: center;
    vertical-align: middle;
}

.unpartenaire {
    border: 1px solid rgba(238, 238, 238, 1);
    align-content: center;
    padding: 20px;
    height: auto;
    vertical-align: middle;
}

.buttonpart {
    background-color: rgba(88, 189, 186, 1) ;
    border: none;
    width: 100px;
}
.buttonpart:hover{
    background-color :orange;
}
.buttonpart:active{
    background-color :orange;
}

.fondprix {
    background-color: rgba(88, 189, 186, 1);
    border-radius: 50%;
    height: 113px;
    width: 113px;
    text-align: center;
    z-index: 1;
    position: absolute;
}

.leprix{
    position: absolute;
    top:40%; 
    left: 8%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 18px;
}
.fondprix2 {
    background-color: rgba(88, 189, 186, 1);
    border-radius: 50%;
    height: 90px;
    width: 90px;
    text-align: center;
    z-index: 1;
    position: absolute;
    left:130px;
    top:10px;
}

.leprix2{
    position: absolute;
    top:36%; 
    left: 12%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 1.2em;
}

.titrechambre {
    color : rgba(88, 189, 186, 1);
    padding :0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
}
.btnchambre1 {
    background-color:rgba(88, 189, 186, 1);
    display:inline-block;
    cursor:pointer;
    color:#2A2A2A;
    font-family: 'Open Sans Bold', sans-serif;
    font-size:1em;
    width: 100px;
    height: 25px;
    text-align: center;
    text-decoration:none;
    float: right;
    margin-right: 20px;
}
.btnchambre1:hover {
    background-color:rgba(51, 51, 51, 1);
    filter: brightness(90%);
    color: white;
    text-decoration: none;
}

.coller {
    float:left;
    width: 25%;
}

.orange{
    color: rgba(88, 189, 186, 1);
    text-align: left;
}
.orange1 {
    color: rgba(88, 189, 186, 1);
    margin-top: -30px;
    position: absolute;
    margin-left: -67px;
}

.horange:hover{
    color:rgba(88, 189, 186, 1);
}

.bloglien>a {
    color: rgba(88, 189, 186, 1);
    text-decoration: none;/*
    font-size: 0.813em;*/
    font-family: 'Open Sans', sans-serif;
    float: right;
}
.bloglien>a:hover {
    color: orange;
}

.date{
    font-size: 1.2rem;
    font-family: 'Alatsi', sans-serif;
}

#sidebar_blog .border{
    padding-bottom: 10px;
}

#sidebar_blog .titre{
    color: #355867;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Alatsi', sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 20px;
}

#sidebar_blog .rechercher input{
    border-color: rgba(229, 230, 231, 1) !important;
}

#sidebar_blog .rechercher button{
    border-radius: 0;
    width: 100%;
    padding: 8px 20px;
    background: #355867;
    color: white;
}

#sidebar_blog .rechercher button:hover{
    background: rgba(51, 51, 51, 1);
}

#sidebar_blog .rechercher form{
    margin-bottom: 0;
}

#sidebar_blog .articles h3{
    font-family: 'Alatsi', sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

#sidebar_blog .articles a:hover h3{
    color: #333;
}

#sidebar_blog ul,
.tagcloud{
    margin: 0;
}

#sidebar_blog .categories li:not(:last-child){
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #355867;
}

#sidebar_blog .categories a{
    color: #333;
}

#sidebar_blog .categories a:hover{
    color: rgba(88, 189, 186, 1);
}

#sidebar_blog ul li,
.tagcloud li{
    list-style-type: none;
}

.tagcloud li{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
}

.tagcloud li a{
    padding: 5px 10px;
    background-color: rgba(238, 238, 238, 1);
    color: #333;
    display: inline-block;
}

.tagcloud li a:hover{
    padding: 5px 10px;
    background-color: #355867;
    color: white;
}

.cat, .partage_titre{
    font-family: 'Alatsi', sans-serif;
    font-size: 1.5rem;
}


.recherche {
    background-color: white !important;
    width: 65% !important;
    float: left;
}
.recherche2 {
    background-color: rgba(88, 189, 186, 1);
    border:none;
    color:white;
    content: "o";
    width: 30%;
    text-align: center;
    height: 37px;
    padding-top: 5px;
    float: left;
}
.recherche2:hover{
    background-color: orange;
}
.leftbare {
    float: left;
}
.leftbare>a>p:hover{
    color: rgba(88, 189, 186, 1);
}

.promo2 {
    background-color: rgba(88, 189, 186, 1);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    z-index: 100;
    position: absolute;
}
.jour2{
    position: absolute;
    top:7%; 
    left: 35%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 0.750em;
}
.mois2 {
    position: absolute;
    top:47%; 
    left: 14%;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 0.750em;
}

.leftbare>h5 a{
    color:rgba(51, 51, 51, 1);
}
.leftbare>h5 a:hover{
    color:orange;
}
.mocle {
    background-color: rgba(238, 238, 238, 1);
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
}
.mocle:hover{
    background-color: rgba(88, 189, 186, 1);
}

.centrertitre {
    text-align: center;
}
.petitcle {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 0.625em;
    color: rgba(51, 51, 51, 1);
    margin-top: -10px;
    margin-left: -37px;
    position: absolute;
}
.form1{
    width: 100%;
}
.form2 {
    height: 300px !important;
}
.formulaire {
    background-color: rgba(88, 189, 186, 1);
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
}
.formulaire:hover {
    background-color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.centretoi {
    text-align: center;
}
.contactblanc{
    background-color: white;
    padding: 40px 20px;
}

.owl-theme .owl-nav [class*=owl-] {
    color : rgba(51, 51, 51, 1);
    background: none;
    font-size: 1.875em;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color : rgba(88, 189, 186, 1);
    background: none;
    font-size: 1.875em;
}




#filtres .button{
    color: rgba(51, 51, 51, 1); 
    background: #eee; 
    font-size: 1.2em;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 0;
}

#filtres input[type="radio"]:checked + label,
#filtres .button:hover{
    color: rgba(51, 51, 51, 1); 
    background: rgba(88, 189, 186, 1);
}

#filtres input{
    display: none;
}

.grid-item{
    height: auto !important;
}

.fa-stack {
    font-size: 1rem;
    margin-top: -14px;
}
.fa-inverse:hover {
    color: rgba(238, 238, 238, 1) !important;
}

.cursorservice a:hover{
    cursor: default;
}

.buttonmenu{
    background: none;
    color: rgba(51, 51, 51, 1);
    padding: 0;
}
.buttonmenu:hover{
    color: rgba(88, 189, 186, 1);
    background: none;

}

.galerie .columns {
    padding-bottom: 30px !important;
}

.ih-item.square.effect3 .info .titre_ihover{
    padding: 10px;
    margin: 4px 0;
}

.ih-item.square.effect3 .info{
    height: auto;
    background: rgba(53, 88, 103, 1);
}

.scrollToTop, #share_btn{
    width:40px; 
    height:40px;
    padding:0; 
    text-align:center; 
    background: rgba(51, 51, 51, 1);
    font-weight: bold;
    color: white;
    text-decoration: none;
    position:fixed;
    bottom:30px;
    right:10px;
    display:none;
    font-size: 1.5em;
    z-index: 999;
    border: 1px solid white;
}
.scrollToTop:hover,
.scrollToTop i:hover,
#share_btn:hover,
#share_btn i:hover{
    text-decoration:none;
    color: white;
    background: rgba(88, 189, 186, 1);
}

#share_btn{
    bottom: 80px;
    display: block;
}

/* POP UP */
#fond_partage{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 9999;
    display: none;
}

#partage{
    position: fixed;
    top: 20%;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    background: white;
    z-index: 99999;
    display: none;
}

#partage .titre{
    background: rgba(51, 51, 51, 1);
    color: white;
    font-size: 1.4rem;
    padding: 10px 20px;
}

#partage .close_partage{
    color: white;
    float: right;
    padding: 10px 20px;
}

#partage .close_partage:hover{
    color: rgba(88, 189, 186, 1);
}

#partage #share_popup{
    padding: 10px 20px 20px 20px;
}

/* DEFAUT */
.defaut h2{
    font-size: 1.875em;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 2rem;
    color: rgba(51, 51, 51, 1);
}

/* LISTING */
h3.textebloc{
    margin-bottom: 0;
}
.textefooter h2{
    color: rgba(51, 51, 51, 1);
}

/* DETAIL LISTING */
.chambre h1, .chambre h2, .chambre h3{
    text-align: left;
}
.chambre h1{
    font-size: 1.5em;
}
.chambre h2{
    font-size: 1.2em;
}

/* GALERIE */
.page_galerie .grid-item,
.insta .margin_b_20{
    margin-bottom: 30px;
}

/* FOOTER */
#logo_footer{
    max-height: 100px;
    width: auto;
}
.res_soc a i{
    font-size: 1.5rem;
}
.res_soc a{
    color: #2A2A2A;
    margin-right: 10px;
}
.copyright p{
    margin: 10px 0;
}

.top-bar-right ul.menu{
    display: inline-flex;
}

ul.langue{
    list-style-type: none;
    display: inline-flex;
    width: auto !important;
    margin: 0 !important;
}

.langue li a img{
    width: 20px;
    height: 25px;
    min-height: 25px;
    margin-top: -5px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.langue li,
.langue li a{
    padding: 0;
}

.langue a:hover{
    border-bottom: none;
    text-decoration: none;
}

.langue li a img.active,
.langue li a:hover img{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


/* Medium et Small */
@media screen and (min-width:0em) and (max-width:64em){
    .galerie .columns{
        padding-bottom:30px !important;
    }
    input {
        width: 110px;
    }
    .imgpromo {
        width: 100%;
    }
    .imgpromo>.imagepromo{
        margin-left: 25%;
          padding: 0;
    }
}


/* Large */
@media screen and (min-width:64em){      
    .accordion-title:before {
        margin-right: 70%;
    }
}
/* Meduim */
@media screen and (min-width:39em) and (max-width:64em){
    .row_slider .slider-titre p{
        font-size: 220%;
        margin-top: 15%;
    }
    .accordion-title:before {
        margin-right: 60%;
    }
    .row_slider .slider-titre{
        top: 30%;
    }
    .row_slider .slider-text{
        top: 50%;
    }
    .top-bar-left.text-center{
        width: 100%;
    }
}

/* Small */
@media only screen and (max-width: 39em){
    .accordion-title:before {
        margin-right: 10%;
    } 
    .row_slider .slider-titre p{
        font-size: 150%;
        margin-top: 8%;
    }
    .slider-text{
        display: none;
    }
    .top-bar-left{
        width: 100%;
    }
    #partage{
        width: 250px;
        margin-left: -125px;
    }
    #partage .titre{
        font-size: 1rem;
    }
    .item .chambres .pad_l0{
        padding-left: .9375rem;
    }
}