body {
    font-family: 'Montserrat';
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
    font-family: 'Raleway', sans-serif;
}
h3 {
    font-size: 1.17em;
}
h4 {
    font-size: 1.12em;
}
h5 {
    font-size: .83em;
}
h6 {
    font-size: .75em;
}

section {
    position: relative;
}
b, strong {
    font-weight: bold;
}
i {
    font-style: italic;
}
.the-content .entry.offreentry ul{
    margin-left: 40px;
    margin-bottom: 15px;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 50px;
    padding-top: 25px;
}
/*the-content()*/

.clearfix:after {

    content: "";

    display: table;

    clear: both;

}

.content .banner {
    height: 400px;
    width: 100%;
    background-position: center center;
    background-size: cover !important;
    padding-bottom: 20px;
}
.left-nav {
    float: left;
    width: 23%;
}
.left-nav hr {
    border: none;
    height: 1px;
    color: #e1e1e1;
    background-color: #e1e1e1;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
}
.left-nav a {
    color: #000000; /*8e8e8e*/
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    left: 0;
    transition: all 300ms;
    padding: .4rem 0;
    display: block;
}
.left-nav a:hover {
    left: 3px;
    text-shadow:0 0 1px black;
}
.left-nav .active-l {
    color: black;
}
.left-nav .active-l:before {
    content: '▶';
    color: #000000; /*079bc3*/
    margin-left: -15px;
    padding-right: 5px;
}
.right-content {
    width: 73%;
    float: right;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 50px;
}
.right-content.blogue .les-attraits li {
    position: relative;
    display: inline-block;
    width: 32%;
    margin-right: 10px;
    margin-bottom: 15px;
    vertical-align: top;
}
.right-content.blogue {
    width: 100%;
    float: right;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 50px;
}
.right-content .top-nav {
    font-size: 12px;
    font-style: italic;
    color: #000000; /*#767676;*/
    padding-bottom: 25px;
}
.right-content .top-nav a {
    color: #000000; /*#767676;*/
    text-decoration: none;
}
.right-content .top-nav a:after {
    content: '▶';
    font-size: 5px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}
.right-content .top-nav a:last-child:after {
    content: '';
}
.right-content .top-nav .active {
    color: #000000; /*#079bc3;*/
}
.right-content .category-title {
    color: #000000; /*#767676;*/
    font-size: 45px;
    /* font-family: 'Raleway', sans-serif; maxnew*/
    font-weight: 900;
    font-family: 'Montserrat';
    text-transform: uppercase;
}
.right-content .category-desc {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 35px;
}
.right-content h2 a {
    text-decoration: none;
}
.right-content .btnVoir {
    width: 200px;
    margin-bottom: 25px;
}
.right-content .date {
    text-transform: uppercase;
    font-size: 20px;
    color: #000000; /*079bc3*/
}
.right-content .box {
    display: flex;
    margin-bottom: 40px; /* equal height of the children */
}
.right-content .box a {
    text-decoration: none;
}
.right-content .box h2 {
    padding-top: 0px;
}
.right-content .box .col {
    flex: 1;
}
.right-content .box-left {
    width: 40%;
    float: left;
    margin-right: 20px;
}
.right-content .box-right {
    width: 50%;
    float: right;
}
.right-content .share-bar {
    /* border-top: 1px solid #dcdcdc; */
    /* border-bottom: 1px solid #dcdcdc; */
    vertical-align: middle;
    height: 40px;
    font-size: 15px;
    margin: 20px 0px 0px 0px;
    line-height: 35px;
}
.right-content .share-bar span {
    vertical-align: middle;
}
.right-content .share-bar a i {
    color: black;
    margin-right: 5px;
    font-size: 17px;
    vertical-align: middle;
}
.right-content .les-attraits li {
    position: relative;
    display: inline-block;
    width: 30%;
    margin-right: 10px;
    margin-bottom: 15px;
    vertical-align: top;
}
.right-content .les-attraits li h2 a {
    font-size: 20px;
}
.right-content .les-attraits li hr {
    display: none;
}
.right-content .les-attraits li div {
    position: relative;
    vertical-align: top;
}
.right-content .les-attraits li div .btnMore {
    z-index: 2;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 10px;
    transition: all 0.4s ease-in-out;
}
.right-content .les-attraits li:hover .btnMore {
    opacity: 1;
}
.right-content .les-attraits li:hover .b-overlay {
    opacity: 1;
}
.right-content .les-attraits li div .btnMore img {
    width: 40px;
}
.right-content .les-attraits li .b-overlay {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: url('images/black-overlay.png');
    background-size: cover;
    transition: all 0.4s ease-in-out;
}
.right-content .les-attraits li .thumbnail img:after {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}
/*.the-content div, .the-content span, .the-content applet, .the-content object, .the-content iframe, .the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6, .the-content p, .the-content blockquote, .the-content pre, .the-content a, .the-content abbr, .the-content .the-content acronym, .the-content address, .the-content big, .the-content cite, .the-content code, .the-content del, .the-content dfn, .the-content em, .the-content img, .the-content ins, .the-content strike, .the-content strong, sub,.the-content  sup, .the-content tt, .the-content var, .the-content b, .the-content u,.the-content  i, .the-content dl, .the-content dt, .the-content dd, .the-content ol,.the-content  ul, .the-content li, .the-content fieldset, .the-content form, .the-content label, .the-content legend,.the-content  table, caption,.the-content  tbody,.the-content  tr, .the-content th, .the-content  td,.the-content  article,.the-content  aside, .the-content embed, .the-content figure, .the-content figcaption, .the-content nav, .the-content section{margin:inherit;}*/
.the-content {
    padding-top: 100px;
}
.the-content.page_blog {
    padding-top: 50px;
}
.the-content h2 {
    font-weight: bold;
    font-size: 30px;
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #000000; /*#767676; !important;*/
    vertical-align: top;
}
.the-content h2 a {
    font-weight: bold;
    font-size: 30px;
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #000000; /*#767676; !important;*/
}
.the-content a i {
    text-decoration: none;
}
.the-content img,
.my-cont img{
    max-width: 100%;
    height: auto;
}
.the-content .date {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #000000; /*079bc3*/
}
.the-content .info-fiche {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
.the-content .info-fiche .left {
    float: left;
}
.the-content .info-fiche .left a {
    text-decoration: none;
}
.the-content .info-fiche .right {
    float: right;
}
.the-content .info-fiche .left .adresse {
    font-size: 15px;
    line-height: 20px;
}
.the-content .info-fiche .left .tel {
    font-weight: bold;
    font-size: 20px;
}
.the-content .info-fiche .left .tel a {
    color: black;
    display: inline-block;
    margin-right: 15px;
}
.the-content .info-fiche .right a {
    display: inline-block;
}
.the-content .entry{
    padding-top: 3rem;
}
.the-content .entry p, .the-content .entry ul, .the-content .entry ol {
    font-size: calc(18 /16 * 1rem); /*15px;*/
    line-height: calc(24 /16 * 1rem);/*20px;*/
    padding-top: 0px;
    font-family: 'Open sans', sans-serif;
    text-align: justify
}
.the-content .entry ul,
.the-content .entry ol {
    margin-left: 20px;
}
.the-content .entry ul li, .the-content .entry ol li {
    list-style: disc;
    display: list-item;
}
.the-content .entry a {
    color: #000;
    text-decoration: underline;
}
.the-content .box-result {
    font-family: 'Raleway', sans-serif;
}
.the-content .box-result {
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid gray;
}
.the-content .box-result a {
    text-decoration: none;
    color: black;
}
.the-content .box-result p {
    padding-bottom: 20px;
}
.the-content .box-result .roundBtnG {
    width: 100px;
    margin: initial;
}
.the-content .box-result .roundBtnG:hover {
    color: white;
}


.pR {
    position: relative;
}
/**/
.centerAll {
    margin: 0 auto;
    text-align: center;
}
.centerTxt {
    text-align: center;
}
.centerAbsolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.centerAbsoluteHeader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 15%);
    -webkit-transform: translate(-50%, 15%);
}
.centerAbsoluteY {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.centerAbsoluteY0 {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.centerAbsoluteX {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}

.margL {
    margin-left: 14%;
    margin-top: 84px;
}
/*left side*/
.margLnoY {
    margin-left: 14%;
}
.margLR {
    margin-left: 13%;
    padding-top: 54px;
}
/*right side*/
.margLRnoY {
    margin-left: 13%;
}
.margL10 {
    margin-left: 10px;
}
.margR20 {
    margin-right: 20px;
}
.pdB20 {
    padding-bottom: 20px;
}
.w100 {
    width: 100%;
}
.w75 {
    width: 75%;
}
.w70 {
    width: 70%;
}
.w50 {
    width: 50%;
}
.w30 {
    width: 30%;
}
.w25 {
    width: 25%;
}


.sq50 {
    width: 50%;
    height: 50%;
    background-size: cover !important;
    background-position: center center !important;
}
.sq50 div {
    text-align: center;
}
.sq50 div p {
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    font-weight: 300;
}
.sq50 .sq50Btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    margin: 0px;
}
.inlB {
    display: inline-block !important;
}
.vAln {
    vertical-align: middle;
}
.vAlnT {
    vertical-align: top;
}
.flL {
    float: left;
}
.flR {
    float: right;
}
/*text*/
.tcW {
    color: white !important;
}
.tcB {
    color: black !important;
}
.tUpc {
    text-transform: uppercase;
}
.tUdl {
    text-decoration: underline !important;
}
.tAlnR {
    text-align: right;
}
.ftRl {
    font-family: 'Raleway', sans-serif;
}
.ftMst {
    font-family: 'Montserrat';
}
.ftw300 {
    font-weight: 300;
}
.ftz12 {
    font-size: 12px;
}
.ftz30 {
    font-size: 30px;
}
.ftz40 {
    font-size: 40px;
}
.ftz50 {
    font-size: 50px;
}
.spL {
    letter-spacing: 2px;
}
/**/
.roundBtnW {
    font-size: 12px;
    margin: 20px 15px 0px 0px;
    text-align: center;
    display: block;
    width: 109px;
    padding: 10px 30px 10px 30px;
    letter-spacing: 2px;
    text-decoration: none;
    border: 1px solid white;
    color: white;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}
.roundBtnB {
    font-size: 12px;
    margin: 20px 15px 0px 0px;
    text-align: center;
    display: block;
    width: 109px;
    padding: 10px 30px 10px 30px;
    letter-spacing: 2px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}
.roundBtnG {
    font-size: 12px;
    margin: 20px 15px 0px 0px;
    text-align: center;
    display: block;
    padding: 15px 8px 15px 8px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #000000; /*#767676;*/
    color: #000000; /*#767676;*/
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat';
}
.noBorder{
    border: none;
    font-size: 15px;
}
.roundBtnW:hover {
    border-radius: 0px;
}
.roundBtnB:hover {
    border-radius: 0px;
}
.bloc_blogue .roundBtnB:hover {
    border-radius: 0px;
}
.bloc_blogue .roundBtnG:hover {
    background: #333333;
    color: white;
}
.roundBtnG:hover {
    background: #333333;
    color: white;
}
/*hiver*/
.bg-hiver {
    background: #8cdbda !important;
}
.txt-hiver {
    color: #8cdbda;
}
/*HEADER*/
header#header {
    background: rgba(0, 0, 0, 1);
    height: 100px;
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0px;
    z-index: 10000; /* z-index pour que les fèches du bx slider apparaissent en dessous */
}
.admin-bar header#header {
    top: 32px
}
header .container-h {
    padding: 15px 0px 0px 50px;
}
header .level1 {
    padding-top: 15px;
}
header .level1 a {
    color: white;
}
header .sub-menu {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    padding-top: 5px;
    padding-bottom: 5px;
}
header .sub-menu li {
    display: inline-block;
    font-size: 16px !important;
}
header .sub-menu li:before {
    content: '•';
    color: white;
    font-size: 20px;
    padding-right: 5px;
    padding-left: 5px;
}
header .menu-mobile {
    display: none;
    cursor: pointer;
    float: left;
    width: 100%;
    height: 35px;
    color: white;
    text-align: center;
    background: black;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: -35px;
    transition: all 0.3s ease-in-out;
}
header .menu-mobile a {
    color: white;
}
header .menu-mobile .content {
    display: none;
    height: 100vh;
    padding-left: 40px;
    margin-top: 35px;
    background: rgba(0, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.84) 52%, rgba(255, 255, 255, 0.69) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(52%, rgba(0, 0, 0, 0.84)), color-stop(100%, rgba(255, 255, 255, 0.69)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.84) 52%, rgba(255, 255, 255, 0.69) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.84) 52%, rgba(255, 255, 255, 0.69) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.84) 52%, rgba(255, 255, 255, 0.69) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.84) 52%, rgba(255, 255, 255, 0.69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0);
}
header .menu-mobile:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #89d690;
}
header .menu-mobile a {
    transition: all 0.3s ease-in-out;
}
header .menu-mobile a:hover {
    color: #89d690;
}
header .menu-mobile {
    display: none;
}
header .menu-mobile span {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}
header .menu-mobile span:not(:first-child) {
    font-size: 30px;
    font-weight: 700;
}
header .menu-mobile .menu1-mobile {
    display: block;
}
header .menu-mobile .menu1-mobile ul li {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
header .menu-mobile .menu1-mobile ul li a {
    font-size: 23px;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
header .menu-mobile .menu2-mobile {
    display: block;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
header .menu-mobile .menu2-mobile ul li {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
header .menu-mobile .menu2-mobile ul li a {
    text-decoration: none;
    font-size: 20px;
}
header .logoHeader {
    display: inline-block;
    float: left;
    margin-right: 40px;
    transition: all 0.2s ease-in-out;
}
header .logoHeader img {
    width: 250px;
}
header .logoHeader:hover {
    opacity: 0.7;
}
header .socials {
    float: right;
    margin-right: 30px;
}
header .socials a {
    display: inline-block;
    vertical-align: middle;
    margin-right: -11px;
}
header .socials a img {
    width: 22px;
    height: auto;
    transition: all 0.2s ease-in-out;
}
header .socials a img:hover {
    opacity: 0.6;
}
header .socials-mobile {
    float: left !important;
    margin-top: -12px;
    margin-right: 30px;
}
header .socials-mobile a {
    display: inline-block;
    vertical-align: middle;
    margin-right: -11px;
}
header .socials-mobile a img {
    width: 20px !important;
    height: auto;
    transition: all 0.2s ease-in-out;
}
header .socials-mobile a img:hover {
    opacity: 0.6;
}
header .search-btn {
    cursor: pointer;
    width: 22px;
}
header .search-bar {
    display: none;
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    float: left;
    right: 0px;
    margin-top: 38px;
    color: white;
}
header .search-bar .closeForm {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 20px;
}
header .menu1 {
    display: inline-block;
}
header .menu1 ul li {
    position: relative;
    font-size: 22px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Pathway Gothic One', sans-serif;
}
header .menu1 ul li a {
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
header .menu1 ul li a:hover {
    opacity: 0.6;
}
header .searchform {
    display: inline-block;
    vertical-align: middle;
}
header .searchform input[type="text"] {
    font-family: 'Raleway', sans-serif;
    background: black;
    border: none;
    padding: 5px;
    color: white;
}
header .searchform input[type="submit"] {
    font-family: 'Raleway', sans-serif;
    background: gray;
    color: white;
    border: none;
    padding: 5px;
    cursor: pointer;
    text-transform: uppercase;
}

/*
|------------------------------------------------------------------------------
| PAGE HEADER - Carrousel custom sept24
|------------------------------------------------------------------------------
*/
.enTete_photoVideo + #s2 {
    margin-top: 0;
}
#s2 {
    z-index: 10;
}
@media (min-width: 768px) {
    .enTete {
        margin-top: 68px;
    }
}
/*ACCUEIL*/
/*section specific*/
/*s = section | d = div | dc = div child | */
.d1 {
    float: left;
    height: 100%;
    position: relative;
    background-position: center center !important;
}
.d2 {
    float: right;
    height: 100%;
    position: relative
    background-position: center center !important;
}
.d1rv {
    float: right;
    height: 100%;
    position: relative;
    background-position: center center !important;
}
.d2rv {
    float: left;
    height: 100%;
    position: relative;
    background-position: center center !important;
}
.bcP {
    background-color: black;
    z-index: 0;
}
.bc-bg {
    opacity: 1;
    height: 100%;
    z-index: -1;
    width: 100%;
    position: absolute;
}
.bcP-bg {
    opacity: 0.5 !important;
    height: 100%;
    z-index: -1;
    width: 100%;
    position: absolute;
}
#s1 { /*height: 750px; dlalonde - 2017-11-08*/
    margin-top: 68px;
}
#s1 img {
    max-width: 100%;
    width: 100%;
}
#s1 .concours-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 50%;
}
#s1 .concours-panel div {
    padding: 20px 0px 20px 20px;
}
#s1 .concours-panel .concours-panel-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    right: 0px;
}
#s1 .btn-concours {
    margin: 0px;
    margin-right: 30px;
}
#s2 { /*display: flex;*/
    height: 515px;
    margin-top: -30px;
}
#s2 div { /*flex:1;*/
}
#s2 .d1 .evenements {
    width: 80%;
}
#s2 .d1 .evenements a {
    color: white;
}
#s2 .d1 .evenements hr {
    border-bottom: 0.5px solid white;
    margin-bottom: 15px;
}
#s2 .d1 .evenements li {
    margin-bottom: 20px;
}
#s2 .d2 {
    float: right;
    height: 100%;
    position: relative;
}
#s2 .d2 .dc1 {
    position: relative;
    background: #89d690;
    height: 50%;
}
#s2 .d2 .dc2 {
    position: relative;
    background: url('images/image-fond-forfaits.jpg') no-repeat;
    background-size: cover;
    height: 50%;
}
#s2 .d2 .dc2 h2 {
    font-size: 27px;
}
#s3 {
    height: 515px;
}
#s4 {
    min-height: 515px;
    line-height: 0px;
    clear: both;
}
#s4 div {
    line-height: normal;
}
#s4 .playBtn {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#s4 .playBtn:hover {
    -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
}
#s5 {
    height: 515px;
}
#s6 {
    height: 515px;
}
#s7 {
    position: relative;
    padding: 50px 0px 50px 0px;
}
#s7 ul li {
    display: inline-block;
    vertical-align: middle;
}

.filterHome {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
}
.filterHome select {
    font-family: "Montserrat";
    background: none;
    border: 1px solid gray;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    padding: 5px;
    height: 40px;
    width: 150px;
    letter-spacing: 2px;
    margin-right: 5px;
}
/*ACCUEIL*/

/*FOOTER=================*/
footer .first a {
    text-decoration: none;
}
#footer {
    background: #0e0e0e;
    background: -moz-linear-gradient(top, #0e0e0e 0, #373737 100%);
    background: -webkit-linear-gradient(top, #0e0e0e 0, #373737 100%);
    background: linear-gradient(to bottom, #0e0e0e 0, #373737 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0e', endColorstr='#373737', GradientType=0);
    overflow: hidden;
    width: 100%;

}
#footer a {
    color: #999798;
    text-decoration: none;
}

.footer-newsletter-form {
    margin: 0 auto;
    position: relative;
    display: block;
    max-width: 1000px;
}
.footer-soc-ico {
    width: 23px;
    margin-right: 10px;
    vertical-align: middle;
}

.footer-holder {
    margin: 0 auto 50px;
    /*width:1084px;*/
    padding: 38px 0 0 52px;
    overflow: hidden;
}
.footer-holder span {
    color: white;
}

.footer-column-holder {
    overflow: hidden;
    margin: 0 0 24px;
}

.footer-holder .column {
    float: left;
    width: 22%; /*25*/
    margin: 0 2%;
    color: white;
}
.footer-holder #first {
    width: 23%;
}
.footer-holder #second {
    width: 20%;
}
.footer-holder #third {
    width: 24%;
}
.footer-holder #third .infolettre-form {
    height: 80%;
    background: #323232;
    padding: 20px;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-holder #third .infolettre-form input[type="email"] {
    color: white;
    margin-top: 20px;
    border: 0.5px solid gray;
    font-style: italic;
    background: none;
    padding: 10px;
}
.footer-holder #third .infolettre-form input[type="submit"] {
    color: black;
    border: none;
    padding: 10px;
    background: gray;
    font-size: 12px;
}
.footer-holder #fourth {
    width: 20%;
}
.footer-holder #fourth ul li {
    display: inline-block;
    vertical-align: middle;
}
.footer-column-holder .column:first-child {
    margin: 0;
}

.footer-holder .column h3 {
    margin: 0 0 9px;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0;
}
.footer-holder .column ul {
    letter-spacing: 0;

    margin: 0;
    list-style: none;
    margin-bottom: 20px;
}

.footer-holder .column ul li {
    margin: 0 0 3px;
    color: #9b999a;
}
.footer-holder .column ul a {
    color: #000;
    font-size: .9em;
}
.footer-bottom {
    border-top: 1px solid #ebebeb;
    color: #5d5d5d;
    padding: 10px 8px 0;
}
.footer-bottom address {
    font-style: normal;
    white-space: pre-wrap;
}
.footer-logo {
    width: 100%;
    height: auto;
}
.footer-logo-link {
    display: inline-block;
    vertical-align: top;
    height: 100px;
}

.lm-logo {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#wpadminbar {
    position: fixed;
}

/*custom bxslider*/
.bx-viewport, .bx-wrapper {
    position: relative;
    width: 100%;
    /* height:100% !important;*/
    top: 0;
    left: 0;
}
.bxslider, .bxslider div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bxslider img {
    width: 100% !important;
    height: auto !important;
}
.bxslider div {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport {
    left: 0 !important;
    top: 0 !important;
    -moz-box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    border: none !important;
}
.bx-controls {
    margin-top: -75px;
    margin-left: 50px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: relative !important;
    margin-top: -50px !important;
    bottom: 0px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px !important;
    height: 15px !important;
    border-radius: 10px !important;
    background: #fff !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000 !important;
}

.empty50 {
    padding-top: 30px;/* 60px; */
    /* margin-top: 30px; */
}
.carousel-fiche {
    padding-top: 10px;
}
.carousel-fiche .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: initial;
}
.carousel-fiche .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 200px;
    height: 30px;
    margin: 0 auto;
}
.carousel-fiche .bx-controls {
    margin: 0 auto !important;
}
.carousel-fiche .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #3e929d !important;
}
.carousel-cat .bx-controls {
    margin-top: -75px !important;
}

#bxslider2 {
    height: 400px !important;
}
#bxslider3 {
    height: 400px !important;
}

#bxslider1 div {
    max-height: 730px !important;
    overflow: hidden !important;
}

#bxslider2 div, #bxslider3 div {
    max-height: 400px !important;
    overflow: hidden !important;
}


.page-template-template-accueil-custom-slider .vimeo-wrapper {
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.page-template-template-accueil-custom-slider .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-bouton {
    width: auto;
    min-width: 180px
}

/*home video modal*/
.play-video-btn {
    cursor: pointer;
}
.video-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.video-modal-content {
    position: relative;
    background-color: #000;
    margin: auto;
    padding: 20px;
    width: 80%;
    height: 60vh;
    margin-top: 100px;
}
.video-modal-content iframe {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* The Close Button */
.video-modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.video-modal-close:hover,
.video-modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*nous-joindre*/
.entry-contact p {
    font-size: 17px !important;
    line-height: 30px !important;
}
.info-bromont {
    font-family: 'Raleway', sans-serif;
    padding-top: 20px;
}
.info-bromont .row div {
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 10px;
}
.info-bromont .row div:nth-child(2) {
    width: 90px;
}
.info-bromont .row div:nth-child(3) {
    width: 130px;
}
.info-bromont .tel {
    color: black;
    font-weight: bold;
}
.info-bromont .mail {
    color: black;
    text-decoration: underline;
}


.contact-form h2 {
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 24px;
}
.contact-form .left {
    float: left;
    width: 65%;
}
.contact-form .left .w50 input {
    padding: 10px;
    border: 1px solid #ccc;
    width: 80%;
    margin-bottom: 15px;
    margin-top: 10px;
}
.contact-form .left .w50 select {
    padding: 20px;
    height: 40px;
    width: 80%;
    border-radius: none !important;
    border: 1px solid gray;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact-form .right {
    float: right;
    width: 30%;
}
.contact-form .left .w50 textarea {
    width: 84%;
    height: 100px;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.contact-form .left .w50 input[type="submit"] {
    background: #242424;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    width: 50%;
}

/*c7*/
div.wpcf7-validation-errors {
    border: none !important;
}
span.wpcf7-not-valid-tip {
    color: black !important;
}
/*404*/
.p404 {
    text-align: center;
    font-size: 30px;
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: 'Raleway', sans-serif;
}
.p404 h2 {
    font-size: 60px;
}
.p404 i {
    font-size: 50px;
}

/*pagination*/
.custom-pagination {
    margin: 20px 0px 20px 0px;
}
.custom-pagination .page-numbers {
    padding: 5px 15px 5px 15px;
    border: 1px solid black;
    color: black;
    transition: all 0.25s ease-in-out;
}
.custom-pagination .page-numbers:hover {
    background: #525252;
    color: white;
}
.custom-pagination .current {
    background: black;
    font-weight: bold;
    color: white;
}

.wpml-ls-statics-shortcode_actions {
    position: absolute;
    right: 20px;
}
.wpml-ls-display {
    display: none !important;
}

.post-type-list {
    display: inline-block;
    padding-bottom: 0px;
    margin-top: 30px;
    border-bottom: #333333 1px solid;
    width: 100%;
    text-decoration: none !important;
    color: #000;
}
.post-type-list h2 {
    padding: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: #cccccc 1px solid;
}

.bloc_blogue .post-type-list h2.blogue_title {
    border-bottom: none;
    font-size: 20px;
    color: #fff;
    padding-left: 25px;
}

.bloc_blogue .thumb_blogue {
    max-width: 100%;
    width: 100%;
}
.bloc_blogue .date_cat {
    padding-top: 0;
    padding-bottom: 25px;
    color: #fff !important;
    padding-left: 25px;
}
.date_cat.blogue_date {
    padding-top: 0;
    padding-bottom: 25px;
}
.bloc_blogue {
    display: flex;
    background-color: #000;
}
.bloc_blogue .margL {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
}
.bloc_blogue .post-type-list img {
    display: inline-block;
    width: 100%;
    max-width: none;
    vertical-align: top;
}

.bloc_blogue .blog_head a {
    font-size: 12px;
    display: block;
    letter-spacing: 2px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
    padding-left: 25px;
    padding-bottom: 15px;
}

.bloc_blogue .roundBtnB {
    font-size: 12px;
    margin: 20px 15px 0px 0px;
    text-align: center;
    display: block;
    width: 150px;
    padding: 10px 30px 10px 30px;
    letter-spacing: 2px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
}

.bloc_blogue .post-type-list .entry {
    display: inline-block;
    width: 28%;
    max-width: none;
    vertical-align: top;
}

.bloc_blogue .post-type-list {
    display: inline-block;
    padding-bottom: 0px;
    margin-top: 0px;
    border-bottom: none;
    width: 100%;
    text-decoration: none !important;
    color: #000;
}

.bloc_blogue .post-type-list .entry p {

    padding: 0px;
    padding-left: 0px;
    padding-left: 10px;
    line-height: 20px;

}

.bloc_blogue .roundBtnG {

    font-size: 12px;
    margin: 20px 15px 0px 0px;
    text-align: center;
    display: block;
    padding: 15px 8px 15px 8px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #000000; /*#767676;*/
    color: #000000; /*#767676;*/
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat';
    max-width: 300px;

}

.post-type-list img {
    display: inline-block;
    width: 100%;
    max-width: 320px;
    vertical-align: top;
}
.post-type-list .entry {
    display: inline-block;
    width: 100%;
    max-width: 450px;
    vertical-align: top;
}
.post-type-list .entry p {
    padding: 0px;
    padding-left: 10px;
}
.post-type-list-noimg .entry {
    max-width: none;
}
.feature-img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
    margin-top: 10px;
}

a {
    cursor: pointer;
}

.no-slider {
    height: 100% !important;
    max-height: 400px !important;
    overflow: hidden !important;
}


/*==QUOI FAIRE==*/

.attrait_mots {
    /*display:none;*/
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: normal;
    color: #000 !important;
    font-size: 10px;
    padding-bottom: 25px;
}
.attrait_mots span {
    padding-right: 8px;
}
.attrait_mots span:last-child {
    padding-right: 0px;
}

.attrait_mots .before_word::before {
    content: url(images/diese.png);
    vertical-align: -40%;
    padding-right: 8px;
}

.date_cat {
    /*display:none;*/
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: normal;
    color: #909090 !important;
    font-size: 12px;
    padding-bottom: 0px;
}

.under_row {
    background-color: #eee;
    border: 0 none;
    color: #eee;
    height: 1px;
    margin-bottom: 50px;
    max-width: 94%;
    margin-left: 0;
}

.concours img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 3em
}
.concours .gform_wrapper form {
    margin-top: 3em
}


.mobile-banner {
    display: none;
    background: url(images/image-tourismebromont-01.jpg) no-repeat left center;
    background-size: cover
}
.mobile-banner .row {
    height: 100%;
    width: 100%;
    clear: both;
    overflow: hidden
}
.mobile-banner img {
    display: block;
    width: 100%;
    height: auto
}
.mobile-banner .col {
    float: right;
}
.mobile-banner .col-65 {
    width: 68%
}
.mobile-banner .col-35 {
    width: 32%
}
.mobile-banner .col-100 {
    width: 100%;
    float: none
}


.allepou {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.boxepou {
    width: calc((100% / 3) - 30px);
    margin: 15px;
    height: auto;
    overflow: hidden;
}
.boxepou a {
    width: 100%;
    height: 300px;
    max-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxepou .ggg {
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.boxepou .voter {
    width: calc(100% - 20px);
    padding: 20px 10px;
    display: flex;
    height: auto;
    background: #212121;
    text-decoration: none !important;
    color: #fff !important;
    font-family: 'Pathway Gothic One', sans-serif;
    font-weight: 700;
    font-size: 30px;
}
.boxepou .voter:hover {
    background: #3a3a3a;
}
.galleryepou {
    position: relative;
    overflow: hidden;
    width: calc(100% - 2px) !important;
    border: 1px solid #d2d2d2;
}
.galleryepou a {
    object-fit: cover;
}
.ggg span {
    display: block;
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    font-family: 'Pathway Gothic One', sans-serif;
    margin: 20px 0;
}
.galleryepou:hover::after {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
    content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 100px;
}
#gform_submit_button_4,
#gform_submit_button_5 {
    background: #242424;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    padding: 15px 30px;
    border: none;
    margin-bottom: 15px;
    margin-top: 10px;
    cursor: pointer;
}
#gform_submit_button_4:hover {
    background: #3f3f3f;
}
#gform_4 h3,
#gform_5 h3 {
    font-size: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #9A9A9A;
    padding-bottom: 15px;
}
.page-template-template-page-generique .the-content {
    padding-top: 40px;
}
.epou-titre {
    text-align: center;
    margin-bottom: 50px;
}
.btn-soumission-epouvantail {
    display: flex;
    justify-content: center;
}

#content {
    margin-top: 100px;
}

.festif,
.form-festif input[type='submit'] {
    background-color: #6fb543 !important;
    transition: background-color ease 500ms;
}

.festif:hover,
.form-festif input[type='submit']:hover {
    background-color: darkred !important;
    transition: background-color ease 500ms;
}

.form-festif input[type='submit'] {
    color: white;
    border: none;
    padding: 10px 15px;
}
.form-festif input[type='submit']:hover {
    cursor: pointer;
}

.contest-text {
    text-align: center;
    margin-top: 15px;
}

.gift-idea-short-description {
    width: 50%;
}

.gift-idea-description {
    height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.lm-container {
    width: 100%;
    max-width: 1620px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.lm-container-full {
    max-width: 1920px;
}
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#header2021{
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1100;
    background: #fff;
    box-sizing: border-box;
    transition: transform 300ms, box-shadow 300ms;
    transform: translateY(0);
    height: 149px;
}
#header2021 + div,
#header2021 + section{
    margin-top: 149px;
}
.admin-bar #header2021{
    top: 32px;
}
.scroll-down #header2021{
    transform: translateY(-100%);
}
.scroll-up #header2021{
    -webkit-box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
    -moz-box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
    box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
}
.box-logo {
    width: 100%;
    max-width: 250px;
    padding: .5rem 2rem;
}
.box-logo a img {
    transition: all 700ms;
}
.box-logo a:hover img {
    transform: translateY(-5px);
}
.main-menu-1 {
    display: flex;
    margin-bottom: 1rem;
}
.main-menu-1 nav{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.top-menu-1 {
    margin: 1rem 0 2rem;
}
.top-menu-1 ul,
.main-menu-1 ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.main-menu-1 ul {
    margin-right: 2.5rem;
}
.main-menu-1 > ul > li {
    transition: all 300ms;
}
.main-menu-1 > ul > li:hover {
    transform: translateY(-3px);
}
.top-menu-1 a {
    font-size: .9rem;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    padding: .25rem;
    margin-left: .8rem;
}
.top-menu-1 ul.sub-menu {
    display: none;
    flex-direction: column;
    list-style: none;
    max-width: 190px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + .25rem);
    z-index: 1000;
}
.top-menu-1 ul.sub-menu li:before {
    display: none;
}
.top-menu-1 ul.sub-menu li {
    list-style: none;
}
.top-menu-1 ul.sub-menu li a {
    margin-left: 0;
    padding: .5rem;
    display: block;
    color: #fff;
}
.top-menu-1 .menu-item {
    position: relative;
}
.main-menu-1 a {
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    padding: .25rem;
    margin-left: 1.3rem;
    position: relative;
    top: 0;
    transition: top 300ms;
}
.search-box {
    border-left: 2px solid #000;
}
.search-box button {
    border: none;
    background: none;
    outline: none;
    padding: .35rem 0 .35rem 1rem;
    margin-left: 1.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.search-box button svg {
    height: 25px;
}
.position-relative {
    position: relative !important;
}
.home-slider-1 {
    position: static !important;
}
.home-slider-1 > button {
    position: absolute;
    max-width: 300px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;

    border: none;
    background: #01567b;
    padding: 0;
    cursor: pointer;
}
.home-slider-1 > button.thumb-slick-prev img {
    position: relative;
    left: 0;
    transition: all 600ms;
}
.home-slider-1 > button.thumb-slick-next img {
    position: relative;
    right: 0;
    transition: all 600ms;
}

@media (hover: hover){
    .home-slider-1 > button.thumb-slick-prev:hover img {
        left: 1rem;
    }
    .home-slider-1 > button.thumb-slick-next:hover img {
        right: 1rem;
    }
    .main-menu-1 a:hover{
        top: -3px;
    }
}
.home-slider-1 .slick-prev {
    left: -110px;
}
.home-slider-1 .slick-next {
    right: -110px;
}
.home-slider-1 > button img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.home-slider-1 .slick-dots,
.lm-slick-slider .slick-dots {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.home-slider-1 .slick-dots li,
.lm-slick-slider .slick-dots li {
    margin: .3rem;
}
.home-slider-1 .slick-dots li button,
.lm-slick-slider .slick-dots li button {
    color: #fff;
    background: #fff;
    outline: none;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.home-slider-1 .slick-dots li.slick-active button,
.lm-slick-slider .slick-dots li.slick-active button {
    background: #6cb945;
    color: #6cb945;
}
.slick-slide {
    outline: none;
}
.slider-image {
    height: 856px !important;
    background-blend-mode: multiply !important;
    background-size: cover !important;
    background-position: center !important;
}
.slider-image .info-bottom-right {
    position: absolute;
    bottom: 2rem;
    right: 5rem;

    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.slider-image .info-bottom-right h2 {
    font-size: 2.1rem;
    margin-bottom: 1rem;
}
.arrow-contenu {
    display: flex;
    align-items: center;
    min-height: 140px;
    color: #fff;
}
.arrow-contenu #previous-text,
.arrow-contenu #next-text {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    flex-grow: 1;
	margin: 0px 15px; 
}
.thumb-slick-prev .svg-chevron {
    margin-left: 1rem;
    margin-right: 2rem;
}
.thumb-slick-next .svg-chevron {
    margin-left: 2rem;
    margin-right: 1rem;
}
.svg-chevron svg {
    height: 67px;
    color: #c3d4db;
}
.lm-btn-1 {
    display: inline-block;
    outline: none;
    border: none;
    border-radius: 40px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #01567b;
    padding: .8rem 1.2rem;
    font-size: .9rem;
    font-weight: 600;
    transition: all 400ms;
}
.lm-btn-1:hover {
    background: #000;
}
.lm-btn-1.loading-icon{
    position: relative;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.lm-btn-1.loading-icon::after{
    display: none;
    content: '\f110';
    font-family: FontAwesome;
    -webkit-animation:spin 1.5s infinite linear;
    -moz-animation:spin 1.5s infinite linear;
    animation:spin 1.5s infinite linear;
    margin: 3px;
    position: absolute;
    top: 11px;
    right: 8px;
}
.lm-btn-1.loading-icon.loading::after{
    display: inline-block;
}

.guide-decouverte {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 585px;
    margin: 2.5rem auto;
    color: #000;
    text-decoration: none;
}
.guide-decouverte img {
    max-width: 180px;
    width: 100%;
    margin-left: 2rem;
    margin-right: 2rem;
}
.guide-decouverte svg {
    position: relative;
    right: 0;
    height: 67px;
    color: #c2d3da;
    transition: all 400ms ease-in-out;
}
.guide-decouverte > span {
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: 700;
}
.guide-decouverte:hover svg {
    right: -.75rem;
}
.bottom-sawtooth {
    background-image: linear-gradient(
            45deg, #fff 50%, transparent 50%), linear-gradient(
            -45deg, #fff 50%, transparent 50%);
    background-position: bottom left;
    background-size: 20px 20px;
    background-repeat: repeat-x;
    padding-bottom: 20px;
}
.section-video-1 {
    margin-top: 4.6rem;
    margin-bottom: 17rem;
}
.lm-recherche-rapide {
    box-sizing: border-box;
    background: #000;
    color: #fff;
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem 4rem;
    clip-path: polygon(100% 0%, calc(100% - 32px) 50%, 100% 100%, 0 100%, 32px 50%, 0 0);

    position: relative;
    top: -2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-video-section h2{
    margin-top: 4rem;
}
.home-video-1 {
    display: flex;
    justify-content: center;
    margin: 7rem auto 6rem;
    max-width: 1500px;
}
.home-video-1 iframe {
    width: 100%;
    height: 75vh;
    margin-bottom: 6rem;
}
.logo-video-home img {
    max-width: 277px;
    position: absolute;
    bottom: -142px;
    left: 50%;
    transform: translateX(-50%);
}
.grid-quoi-faire {
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
    margin-bottom: 4rem;
    justify-content: center;
}
.grid-quoi-faire > div{
    flex-grow: 1;
}
.grid-quoi-faire > div:first-child:last-child{
    flex-grow: initial;
}
.grid-nouvelles {
    display: grid;
    gap: 3.5rem;
}
.new-h2 {
    font-family: 'Montserrat';
    font-size: 3.7rem;
    text-transform: uppercase;
    font-weight: 900;
}
.lm-evenements{
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}
.lm-evenements a {
    text-decoration: none;
    color: #000000; /*4b4b4b*/
}
.lm-evenements h2 {
    margin-bottom: 3rem;
}
.lm-evenements .main-img {
    overflow: hidden;
}
.lm-evenements .main-img img {
    object-fit: cover;
    width: 100%;
    height: 500px;
    flex-shrink: 0;
    transform: scale(1);
    transition: all 500ms;
}
.lm-evenements .first-quoi-faire:hover .main-img img {
    transform: scale(1.05);
}
.lm-evenements .inline-quoi-faire {
    display: flex;
    align-items: center;
}
.lm-evenements .inline-quoi-faire img {
    object-fit: cover;
    width: 222px;
    height: 122px;
    flex-shrink: 0;
}
.lm-evenements .rest-of-quoi-faire article:not(:last-child) {
    border-bottom: 1px solid #000000; /*4b4b4b*/
    padding-bottom: .75rem;
    margin-bottom: .75rem;
}
.lm-evenements article h1 {
    font-size: 1.7rem;
    line-height: 1.9rem;
}
.lm-evenements .first-quoi-faire h1 {
    margin-bottom: 1.2rem;
}
.lm-evenements .rest-of-quoi-faire h1 {
    flex-grow: 1;
    margin-left: 2.5rem;
    margin-right: 1.5rem;
}
.lm-evenements .inline-quoi-faire svg {
    width: 2rem;
    flex-shrink: 0;
}
.lm-evenements .inline-quoi-faire img {
    position: relative;
    left: 0;
    transition: left 500ms;
}
.lm-evenements .inline-quoi-faire:hover img {
    left: .5rem;
}
.title-semaine-du {
    position: relative;
    z-index: 10;
}
.title-semaine-du.has-semaine {
    padding-right: calc(4rem + 145px);
}
.lm-evenements .semaine-du {
    background: #6db744;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    position: absolute;
    right: 3rem;
    top: 0;
    padding: 1.5rem 1.4rem;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
    text-align: center;
}
.lm-evenements .semaine-du small {
    font-size: .9rem;
}
.section_decouvrez {
    padding: 4rem 1rem;
}
.grid-decouvrez {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}
.block_decouvrez {
    position: relative;
    height: 380px;
    text-decoration: none;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.block_decouvrez span {
    font-size: 1.8rem;
    text-align: center;
    color: #000000; /*#4b4748*/
    font-weight: 700;
    display: block;
    margin-top: 4.5rem;
    position: relative;
    z-index: 10;
    transition: color 500ms;
}
.block_decouvrez button {
    background: #000;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.block_decouvrez button:hover {
    background: #01567b;
}
.block_decouvrez::before {
    content: '';
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color 500ms;
}
.block_decouvrez:hover::before {
    background-color: rgba(0, 0, 0, 0.3);
}
.block_decouvrez:hover span {
    color: #fff;
}
.section_instagram {
    padding-bottom: 5rem;
}
.section_instagram #sbi_images > div.sbi_item:first-child,
.section_instagram #sbi_images > div.sbi_item:nth-child(2) {
    width: 50% !important;
}
.section_instagram #sbi_images > div.sbi_item a.sbi_photo {
    height: 420px !important;
}
.section_instagram #sbi_images > div.sbi_item:first-child a.sbi_photo,
.section_instagram #sbi_images > div.sbi_item:nth-child(2) a.sbi_photo {
    height: 500px !important;
}
.section_instagram .sbi_photo_wrap .sbi_link {
    opacity: 1 !important;
    background: transparent !important;
    transition: background .6s ease-in-out !important;
}
.section_instagram .sbi_photo_wrap:hover .sbi_link {
    background: rgba(0, 0, 0, 0.6) !important;
}
.section_instagram .sbi_hover_top,
.section_instagram .sbi_hover_bottom {
    opacity: 0 !important;
    transition: background .6s ease-in-out !important;
}
.section_instagram .sbi_photo_wrap:hover .sbi_hover_top,
.section_instagram .sbi_photo_wrap:hover .sbi_hover_bottom {
    opacity: 1 !important;
}
#sb_instagram .sbi_link .sbi_instagram_link {
    right: initial;
    left: 4px;
}
.section_instagram .title-section {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
    font-weight: 700;
    padding: 3.2rem 1rem;
}
.section_instagram .title-section svg {
    height: 80px;
    margin-right: 1rem;
}
.section_instagram .sbi_follow_btn a {
    color: #fff !important;
    background: #000 !important;
    border-radius: 40px !important;
    padding: .8rem 3rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-top: 4rem !important;
    margin-bottom: 1rem !important;
    font-size: .9rem !important;
}
.lm-a-ne-pas-manquer {
    padding: 8rem 1rem 5rem;
}
.lm-a-ne-pas-manquer .new-h2 {
    margin-bottom: 3rem;
}
.lm-a-ne-pas-manquer .grid-nouvelles {
    grid-template-columns: 1fr 608px;
    margin-bottom: 5rem;
}
.lm-a-ne-pas-manquer .lm-pub img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.lm-a-ne-pas-manquer .single-news-box {
    height: calc(50% - 1.5rem);
    background: #fff;
}
.lm-a-ne-pas-manquer .single-news {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
}
.lm-a-ne-pas-manquer .single-news-box:first-child {
    margin-bottom: 3rem;
}
.lm-a-ne-pas-manquer .single-news .lm-img {
    position: relative;
    overflow: hidden;
    width: 34%;
    height: 100%;
}
.lm-a-ne-pas-manquer .single-news .lm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 500ms;
}
.lm-a-ne-pas-manquer .single-news:hover .lm-img img {
    width: 110%;
    height: 110%;
}
.lm-a-ne-pas-manquer .single-news .single-contenu {
    padding: 5rem 1.3rem 2rem;
    height: 100%;
    width: 66%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lm-a-ne-pas-manquer .single-news .single-contenu h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #484848;
    text-decoration: none;
    margin-bottom: 1.5rem;
}
.lm-a-ne-pas-manquer .single-news .single-contenu .lm-excerpt {
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #484848;
}
.lire-la-suite {
    text-decoration: underline;
    color: #484848;
    display: inline-block;
    padding-bottom: 1px;
    font-size: 1.1rem;
}
.lm-a-ne-pas-manquer .sharableElement {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.lm-all-news {
    display: flex;
    justify-content: center;
}
.lm-all-news .lm-btn-1 {
    background: #000;
}
.lm-all-news .lm-btn-1:hover {
    background: #01567b;
}
.partenaires-footer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    flex-wrap: wrap;
}
.partenaires-footer a {
    padding: 1rem;
}
.grid-footer-1 {
    display: grid;
    grid-template-columns: 3fr 4fr 4fr 3fr;
    gap: 4rem;
    padding: 3rem 1rem 5rem;
}
.grid-footer-1 > div {
    padding: 2rem 0;
}
.footer-title {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: #434343;
    margin-bottom: 1rem;
    display: block;
}
.footer-socials-icons {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
#footer2021 .lm-btn-1 {
    margin-top: 1.5rem;
    background: #000;
}
#footer2021 .lm-btn-1:hover {
    background: #01567b;
}
.footer-socials-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-socials-icons a {
    margin-left: 1rem;
}
.footer-socials-icons svg {
    height: 28px;
    color: #4a4a4a;
    padding: .75rem;
}
.socials {
    text-align: right;
}
.selectRechercheRapide {
    outline: none;
    font-size: 1.1rem;
    padding: .5rem 1rem;
    width: 300px;
    border-radius: .15rem;
    margin-left: .5rem;
    margin-right: .5rem;
}
.lm-recherche-rapide h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: .25rem 3rem .25rem 0;
}
.lm-recherche-rapide .lm-btn-1 {
    margin-left: 1rem;
    cursor: pointer;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border: 1px solid transparent;
}
.lm-recherche-rapide .lm-btn-1:hover {
    border: 1px solid #fff;
}
.font-permanent {
    font-family: 'Permanent Marker', cursive;
}
.home-slider-box h1 {
    font-size: 4rem;
    font-weight: 900;
    line-height: 4rem;
    color: #fff;
    position: absolute;
    top: 7rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-transform: uppercase;
    width: 100%;
    max-width: 1250px;
    text-align: center;
}
.home-slider-box h1 .font-permanent {
    font-size: 7rem;
}
#footer2021 p {
    font-size: 1.2rem;
    line-height: 1.7rem;
}
#sb_instagram {
    min-height: 1070px;
}
.footer-socials-icons a:hover svg {
    color: #01567b;
}
#searchBoxOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10001;
}
#searchBoxToggle {
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10002;
}
.admin-bar #searchBoxToggle {
    top: 32px;
}
#searchBoxToggle form {
    display: grid;
    grid-template-columns: 3fr 92fr 9fr 3fr;
    padding: 2rem 3rem;
    align-items: center;
}
#searchBoxToggle form svg {
    height: 28px;
}
#searchBoxToggle form div {
    display: flex;
}
#searchBoxToggle form input {
    font-size: 1.3rem;
    padding: .5rem 1rem;
    width: 100%;
}
#searchBoxToggle form button {
    margin-left: 1.2rem;
}
#closesearch {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-left: 1rem;
    cursor: pointer;
}
.lm-slick-slider .lm-single-slide img {
    height: 550px;
    width: 100%;
    object-fit: cover;
}
.lm-slick-slider .lm-slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 101;
    left: 0;
    border: none;
    background: rgba(0, 0, 0, 0.4);
    outline: none;
    padding: 1rem .7rem;
    cursor: pointer;
    transition: padding 300ms;
}
.lm-slick-slider .lm-slick-arrow:hover {
    padding: 1rem 1rem;
}
.lm-slick-slider .lm-slick-arrow.lm-right-arrow {
    left: initial;
    right: 0;
}
.lm-slick-slider .lm-slick-arrow svg {
    width: 25px;
    color: rgba(255, 255, 255, 0.62);
}
.grecaptcha-badge{
    display: none !important;
}
.hamb-button{
    outline: none;
    border: none;
    background: #fff;
    display: none;
    justify-content: center;
    align-items: center;
}
.hamburger {
    display: flex;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 24px;
}
.hamburger .hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 33px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000;
}
.hamburger-inner:before {
    content: "";
    display: block;
    top: -10px;
    transition: top 75ms ease .12s,opacity 75ms ease;
}
.hamburger-inner:after {
    content: "";
    bottom: -10px;
    display: block;
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.hamburger.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}
.hamburger.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}
#footer2021 p.copyright-p{
    font-size: 1rem;
}
.bg-white{
    background: #fff;
}
#recherche-rapide-results{
    padding: 0;
    position: relative;
    top: -2.3rem;
}
.home-attraits{
    padding: 2rem;
}
.home-attraits{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
.home-attraits .img-box{
    width: 100%;
    position: relative;
}
.home-attraits a{
    text-decoration: none;
}
.home-attraits a .btnMore{
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 300ms;
}
.home-attraits a .img-box::before{
    content: '';
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    transition: opacity 300ms;
    position: absolute;
    top: 0;
    left: 0;
}
.home-attraits a .btnMore img{
    max-width: 80px;
}
.home-attraits a:hover .btnMore,
.home-attraits a:hover .img-box::before{
    opacity: 1;
}
.home-attraits .thumbnail{
    width: 100%;
    display: block;
}
.home-attraits h2{
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #000000 !important; /*#767676; important*/
}
.home-attraits li{
    border-bottom: 1px solid #eee;
}
.home-attraits li:nth-child(n+9){
    display: none;
}
.box-voir-plus{
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
}
.box-voir-plus button{
    cursor: pointer;
}
.loading-i-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}
.loading-i-icon i{
    -webkit-animation:spin 1.5s infinite linear;
    -moz-animation:spin 1.5s infinite linear;
    animation:spin 1.5s infinite linear;
    transform: rotate(0);
    display: inline-block;
    font-size: 5rem;
}
.lmpop.fancybox-content{
    padding: 0;
    background: transparent;
    overflow: initial;
    outline: none;
}
.lmpop.fancybox-content a:focus-visible{
    outline: none;
}
.fancybox-slide--html .fancybox-close-small{
    color: #fff !important;
    background: #000;
}


.entry *{
    margin-bottom: 1em;
}
.entry li{
    margin-bottom: 0.2em;
}
.entry img{
    margin-bottom: 0em;
}
.entry .aligncenter {
    clear: both;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.the-content .lm-post-title a,.the-content .lm-post-title{ 
    font-weight: 900;
    font-family: 'Montserrat';
    font-size: calc(42 / 16 * 1rem);
    line-height: calc(48 / 16 * 1rem);
}