body{width: 100%;overflow-x: hidden;font-family: 'Open Sans', sans-serif;background: #00537b}

/* OVERLAY */

.overlay{position: absolute;width: 100vw;height: 100vh;top:0;left:0;display: none;background: #ffffff;opacity: 0.95;z-index: 1}
.overlay.on{display: block;z-index: 1100}

.spinner-wait{
    position: absolute;
    z-index: 1200;
    top:50vh;
    left: 50vw;
    display: none;
}

.spinner-wait.on{
    display: block;
}

.spinner-wait .wrap-spinner{
    margin-left: -30vw;
    margin-top: -15vh;
    text-align: center;
    width: 60vw;
    height: 60vw;
}

.spinner-wait .spinner-border{
    width: 20vw;
    height: 20vw;

    max-width: 90px;
    max-height: 90px;
}

/* LINK */

a{text-decoration: none}
.link-opacity{transition: all 0.2s linear}
.link-opacity:hover{
    opacity: 0.5;
}

/* HEIGHT */

.h-10{height: 10%}
.h-12{height: 12%}
.h-13{height: 13%}
.h-15{height: 15%}
.h-17{height: 17%}
.h-18{height: 18%}
.h-19{height: 19%}
.h-20{height: 20%}
.h-21{height: 21%}
.h-22{height: 22%}
.h-23{height: 23%}
.h-24{height: 24%}
.h-25{height: 25%}
.h-26{height: 26%}
.h-27{height: 27%}
.h-28{height: 28%}
.h-29{height: 29%}
.h-30{height: 30%}


/* WIDTHS */

.w-90{
    width: 90%;
}

.w-60{
    width: 60%;
}

.w-70{
    width: 70%;
}

.w-80{
    width: 80%;
}

.w-10{
    width: 10%;
}

/* FONDS */
.bg-blue{background:#40accd}


.opacity-1{
    opacity: 0.1;
}

.opacity-2{
    opacity: 0.2;
}
.opacity-3{
    opacity: 0.3;
}
.opacity-4{
    opacity: 0.4;
}
.opacity-5{
    opacity: 0.5;
}
.opacity-6{
    opacity: 0.6;
}
.opacity-7{
    opacity: 0.7;
}
.opacity-8{
    opacity: 0.8;
}
.opacity-9{
    opacity: 0.9;
}

/* HOVER */

.hover-bg-gray{transition: all 0.2s linear;}
.hover-bg-gray:hover{
    background-color: #F0F0F0;
    transform: scale(1.02);
}

.hover-scale-up{
    transition: all 0.2s linear;
}

.hover-scale-up:hover{
    transform: scale(1.02);
}

/* TEXT */



.txt-letter-spacing{
    letter-spacing: 1px;
}
.txt-default,.txt-default p{
    font-size: 0.9rem;
    line-height: normal;
}

.txt-medium,.txt-medium p{
    font-size: 1.1rem;
    line-height: normal;
}

.txt-large,.txt-large p{
    font-size: 1.4rem;
    line-height: normal;
}

.txt-xlarge,.txt-xlarge p{
    font-size: 1.8rem;
    line-height: normal;
}

.txt-xxlarge,.txt-xxlarge p{
    font-size: 2.2rem;
    line-height: normal;
}

.txt-small,.txt-small p{
    font-size: 0.85rem;
    line-height: normal;
}

.txt-xsmall,.txt-xsmall p{
    font-size: 0.70rem;
    line-height: normal;
}

.txt-color-blue{color:#40accd !important}
.txt-color-lightblue{color:#d5edf7}
.txt-color-gray{color:#6b757c}
.txt-color-lightgray{color:#C0C0C0}
.txt-color-darkblue{color:#00537b}
.txt-color-white{color:#ffffff}

.txt-thin{font-weight: 300}
.txt-midbold{font-weight: 500}

/* BLOCK TEXT */

.block-bg-gray{
    background: #eff1f4;
}
/* BOUTONS */

.btn-blue {
    color: #ffffff;
    background-color: #40accd;
    border-color: #40accd;
}

.btn-blue:hover {
    color: #ffffff;
}

.btn-darkblue {
    color: #ffffff;
    background-color: #00537b;
    border-color: #00537b;
}

.btn-darkblue:hover {
    color: #ffffff;
}

/* FONDS */

.bg-color-lightblue{background:#d5edf7}
.bg-color-lightgray{background:#F8F8F8}

/*HEADER*/

header{
    background: #ffffff;
}

header h2{
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
}

header p.baseline{
    margin:0;
    padding: 0;
    font-weight: 300;
    font-size: 0.8rem;
}

header nav{}
#panelMenu nav ul{list-style: none}
#panelMenu nav ul li.text-link a{color:#40accd;text-transform: uppercase;letter-spacing: 1px;display: inline-block;transition: all 0.2s linear}
#panelMenu nav ul li.text-link a:hover{margin-left: 10px;color:#00537b}
#panelMenu nav ul li.text-link.current a{color:#00537b;font-weight: bold}


header .lang-switcher img{
    max-width: 25px;
}
/*MAIN*/

#main{
    background: #ffffff;
    box-shadow: 0 10px 2px -2px #00537b;
}

/* HOME */

#home #diaporama .carousel-caption{
    bottom: auto !important;
    top:3%;
    height:100%;
    padding-top: 0 !important;
    display: flex;
}

#home #diaporama .carousel-caption h5{
    font-weight: bolder;
    font-size: 4rem;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.8;
}

#home .sliderHome.carousel, .sliderHome .carousel-inner, .sliderHome .carousel-item, .sliderHome .active {
    height: 25vh;
    min-height: 210px;
}

#home .sliderHome .inner {
    width: 60%;
}

#sliderTEMOIGNAGES{
    background: #000000;
}

.wrap-temoignages{
    background: #000000;
}
/* HEBERGEMENT */

#hebergement #diaporama .carousel-caption{
    bottom: auto !important;
    top:1%;
    text-align: left;
    left:3%;
    padding-top: 0 !important;
}

#hebergement #diaporama .carousel-caption h5{
    font-weight: bolder;
    font-size: 6.5rem;
    opacity: 0.88;
}

#hebergement #diaporama .carousel-caption p{
    letter-spacing: 1px;
}

#hebergement .list-resume{
    list-style: none;
    display: block;
    margin:0;
    padding:0;
}

#hebergement .list-resume li{display: inline-block;margin-right:3%;vertical-align: middle}
#hebergement .list-resume li img{display: inline-block;height:35px;width: auto}
#hebergement .list-resume li span{display: inline-block;vertical-align: bottom;margin:0;padding:0;margin-left:5px;line-height: 1}

/*AVAILABILITIES*/

#dispo{
    min-height: 600px;
}

.container-availabilities{display: none}

/* FOOTER */

footer{min-height: 200px}

footer ul{width: auto !important;display: inline-block !important;list-style-type: none}

footer ul li{text-align: left}

footer ul li a{color:#FFFFFF;opacity: 0.7;font-size:0.85rem}

footer ul li.current a{opacity: 1}

/* RESPONSIVE */

@media screen and (max-width: 950px) {

    .txt-default,.txt-default p{
        font-size: 0.7rem;
        line-height: normal;
    }

    .txt-medium,.txt-medium p{
        font-size: 0.9rem;
        line-height: normal;
    }

    .txt-large,.txt-large p{
        font-size: 1.2rem;
        line-height: normal;
    }

    .txt-xlarge,.txt-xlarge p{
        font-size: 1.6rem;
        line-height: normal;
    }

    .txt-xxlarge,.txt-xxlarge p{
        font-size: 2.0rem;
        line-height: normal;
    }

    .txt-small,.txt-small p{
        font-size: 0.75rem;
        line-height: normal;
    }

}

@media screen and (max-width: 770px) {

    .txt-default,.txt-default p{
        font-size: 0.7rem;
        line-height: normal;
    }

    .txt-medium,.txt-medium p{
        font-size: 0.9rem;
        line-height: normal;
    }

    .txt-large,.txt-large p{
        font-size: 1.2rem;
        line-height: normal;
    }

    .txt-xlarge,.txt-xlarge p{
        font-size: 1.6rem;
        line-height: normal;
    }

    .txt-xxlarge,.txt-xxlarge p{
        font-size: 2.0rem;
        line-height: normal;
    }

    .txt-small,.txt-small p{
        font-size: 0.70rem;
        line-height: normal;
    }

}



@media screen and (max-width: 450px) {

    .txt-default,.txt-default p{
        font-size: 0.7rem;
        line-height: normal;
    }

    .txt-medium,.txt-medium p{
        font-size: 0.9rem;
        line-height: normal;
    }

    .txt-large,.txt-large p{
        font-size: 1.0rem;
        line-height: normal;
    }

    .txt-xlarge,.txt-xlarge p{
        font-size: 1.2rem;
        line-height: normal;
    }

    .txt-xxlarge,.txt-xxlarge p{
        font-size: 1.9rem;
        line-height: normal;
    }

    .txt-small,.txt-small p{
        font-size: 0.73rem;
        line-height: normal;
    }

}