:root {
    --color-1: #0e253a;
    --color-1-rgb: 14, 37, 58;
    --color-2: #9E8D67;
    --color-2-rgb: 158, 141, 103;
    --color-3: #797470;
    --color-3-rgb: 220, 216, 214;
    --color-4: #FFFFFF;
    --color-4-rgb: 255, 255, 255;
}

.hidden{
	display: none;
}

body, a, .copyright p {
    font-family: letter-gothic-std, monospace;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Inconsolata', monospace; */
    font-family: 'Josefin Sans', sans-serif;
}

h2 {
    /* font-size: 225%; */
    font-size: 190%;
}

h1, h2, h3 {
    /* font-weight: 700; */
    font-weight: 300;
}

h4, h5, h6 {
    font-weight: 600;
}

li a {
    display: block;
}

a {
    font-weight: 700;
    letter-spacing: 0.5px;
}

a:hover,
footer.page_footer a:hover {
    color: #9E8D67;
}

img {
    user-select: none;
    pointer-events: none;
}

*[data-vc-full-width="true"] {
    left: 0 !important;
    width: 100% !important;
}

.vc_section[data-vc-full-width="true"] {
    margin-left: 0;
    margin-right: 0;
}

.grecaptcha-badge{
    visibility: hidden !important;
}

/* SECTION Header */
.multiply_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(14, 37, 58, 0.95);
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 96;
    /* transition: height 150ms ease-in-out; */
}

/* .multiply_background.sticky {
    transition: height 150ms ease-in-out;
} */

header.page_header {
    /* position: absolute; */
    color: #797470;
    background-color: rgba(10, 26, 41, 0.95);
    box-shadow: none;
    /* transition: height 150ms ease-in-out; */
}

.multiply_background.isLoaded,
header.page_header.isLoaded {
    transition: height 150ms ease-in-out;
}

header.page_header.multiply_enabled {
    background-color: transparent;
}

body.menu_open header.page_header {
    padding-right: 47px;
}

header.page_header {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: minmax(125px, auto);
    column-gap: 15px;
    row-gap: 10px;
    padding: 10px 30px;
    mix-blend-mode: normal;
}

header.page_header .burger {
    width: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 2px);
    row-gap: 4px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

header.page_header .burger .line {
    background-color: #9E8D67;
    height: 2px;
    width: 100%;
    max-width: 30px;
}

header.page_header .burger .line4 {
    max-width: 20px;
    transition: max-width 150ms ease-in-out;
}

header.page_header .burger:hover .line4 {
    max-width: 30px;
}

header.page_header .logo {
    position: relative;
    justify-self: center;
    grid-column: 2;
    grid-row: 1;
    transition: all 150ms ease-in-out;
}

header.page_header:not(.sticky) .logo {
    grid-column: 2;
    transition: all 150ms ease-in-out;
}

header.page_header .logo a img {
    /* width: auto;
    height: 100px; */
    width: 250px;
    height: auto;
    transition: all 150ms ease-in-out;
}

header.page_header .logo a:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0px;
    width: 250px;
    height: 30px;
    background: url(/wp-content/uploads/2019/09/logo-hotel.png) no-repeat;
    background-position: center;
    /* transition: all 150ms ease-in-out; */
}

header.page_header .logo a:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 250px;
    height: 30px;
    background: url(/wp-content/uploads/2019/09/logo-stroch.png) no-repeat;
    background-position: center;
    /* transition: all 150ms ease-in-out; */
}

header.page_header.sticky {
    grid-template-rows: minmax(60px, auto);
}

header.page_header.sticky .logo a:before {
    display: none;
}

header.page_header.sticky .logo a:after {
    display: none;
}

header.page_header .change_langue {
    justify-self: end;
    grid-column: 3;
    grid-row: 1;
}

.change_langue a.langue {
    font-weight: 700;
    padding-top: 0;
}

.change_langue a.langue:hover,
.change_langue a.langue.actif {
    font-weight: 700;
    color: #9E8D67;
}

header.page_header .change_langue i {
    margin: 0 -4px;
}

header.page_header .cta_menu_reserver {
    justify-self: end;
    grid-column: 3;
    grid-row: 1;
    transition: all 150ms ease-in-out;
}

header.page_header .cta_menu_reserver a {
    border: 1px solid #9E8D67;
    background-color: #9E8D67;
    color: #FFFFFF;
    padding: 5px 15px;
    transition: all 150ms ease-in-out;
}

header.page_header .cta_menu_reserver a:hover {
    background-color: transparent;
}

header.page_header nav.main_menu {
    justify-self: center;
    grid-column: span 3;
    grid-row: 2;
}

header.page_header nav.main_menu ul.menu_items {
    grid-template-rows: auto;
}

header.page_header nav.main_menu ul.menu_items a {
    color: #9E8D67;
    font-weight: 700;
}

header.page_header nav.main_menu ul.menu_items a:hover,
header.page_header nav.main_menu ul.menu_items li.current-menu-item a {
    color: #797470;
}

header.page_header + .menu_fullscreen {
    display: grid;
    grid-template-columns: 1fr 2fr;

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 96;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-x: hidden;
    overflow-y: auto;
}

header.page_header + .menu_fullscreen .menu_partLeft {
    overflow-x: hidden;
    overflow-y: auto;

    background-color: #FFFFFF;
    height: 100vh;
}

header.page_header + .menu_fullscreen .menu_partLeft .containerToScroll {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    row-gap: 50px;
    padding: 50px;
    width: 100%;
}

header.page_header + .menu_fullscreen .menu_partRight {
    display: grid;
    grid-template-columns: 100px minmax(auto, 271px) 1fr;

    overflow: hidden;
    background-color: #0e253a;
    width: 100%;
    height: 100vh;
}

body.menu_open header.page_header + .menu_fullscreen {
    pointer-events: initial;
}

header.page_header.sticky nav.main_menu,
header.page_header.sticky .change_langue {
    display: none;
}

header.page_header:not(.sticky) .burger,
header.page_header:not(.sticky) .cta_menu_reserver {
    display: none;
}

header.page_header .burger {
    grid-column: 1;
}

header.page_header.cta_menu_reserver {
    grid-column: 3;
}

header.page_header + .menu_fullscreen .logo img {
    width: 100%;
    height: auto;
    max-width: 350px;
}

body.menu_open header.page_header {
    pointer-events: none;
}

body.menu_open header.page_header .burger {
    pointer-events: initial;
}

header.page_header + .menu_fullscreen .menu_partLeft * {
    justify-self: center;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    background: url(/wp-content/uploads/2019/09/Menu_Trame-VerticalTileable.png);
    background-repeat: no-repeat repeat !important;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 > * {
    width: 100%;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 > .menu_tagline p {
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline;
    background-color: #0e253a;
    line-height: 1.4;
    font-size: 275%;
    padding: 8px 0;
    font-weight: 400;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 > .menu_tagline p strong {
    font-size: 115%;
    font-weight: 700;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 .cta_menu_reserver li {
    text-align: right;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 .cta_menu_reserver a {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #9E8D67;
    background-color: #9E8D67;
    color: #FFFFFF;
    padding: 5px 15px;
    margin-top: 50px;
    outline: 6px solid #0e253a;
    transition: all 150ms ease-in-out;
}

header.page_header + .menu_fullscreen .menu_partRight .col1 .cta_menu_reserver a:hover {
    border: 1px solid #9E8D67;
    background-color: #0e253a;
    color: #FFFFFF;
}

header.page_header + .menu_fullscreen .menu_partRight .col2 {
    grid-column: 3;
    align-self: center;
    justify-self: center;
}

.menu_fullscreen .change_langue a,
.menu_fullscreen .change_langue span {
    color: #797470;
}

.menu_fullscreen .change_langue a:hover,
.menu_fullscreen .change_langue a.actif {
    color: #0e253a;
}

.menu_fullscreen .menu_items li a {
    color: #797470;
    text-transform: uppercase;
    font-size: 120%;
    text-align: center;
    font-weight: 700;
}

.menu_fullscreen .menu_items li:hover a,
.menu_fullscreen .menu_items li.current-menu-item a {
    color: #0e253a;
}

.menu_fullscreen .menu_items li:not(:last-of-type) {
    margin-bottom: 35px;
}

.menu_reserver_container #menu-reservez,
.menu_reserver_container #menu-reservez-anglais{
    display: flex;
}


.menu_reserver_container #menu-reservez .btn-carte-cadeau a,
.menu_reserver_container #menu-reservez-anglais .btn-carte-cadeau a{
    background-color: transparent !important;
    border: none !important;
    background-image: url('images/royal-william-carte-cadeau.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    overflow: hidden;
    margin-top: 0;
    margin-right: 34px;
    transition: filter 150ms ease-in-out;
}

.menu_reserver_container #menu-reservez .btn-carte-cadeau:hover a,
.menu_reserver_container #menu-reservez-anglais .btn-carte-cadeau:hover a{
    filter: grayscale(1) brightness(2);
}

.menu_reserver_container #menu-reservez .btn-carte-cadeau a span,
.menu_reserver_container #menu-reservez-anglais .btn-carte-cadeau a span{
    visibility: hidden;
}

.menu_partRight .btn-carte-cadeau{
    display: none;
}

.page-id-190 .grid-une-icone:last-of-type,
.page-id-191 .grid-une-icone:last-of-type{
    grid-column: 1 / -1;
}

@media screen and (max-width: 1024px) {
    header.page_header:not(.sticky) .burger {
        display: grid;
    }

    header.page_header:not(.sticky) .cta_menu_reserver {
        display: block;
    }

    header.page_header:not(.sticky) .logo {
        grid-column: 2;
    }

    header.page_header .change_langue {
        display: none;
    }
    .inclut_forfait, .inclut_forfait p, .inclut_forfait h2{
        text-align: center !important;
        padding-right: 0;
    }
    .container_prix_forfait p{
        text-align: center !important;
    }
}

/* SECTION Contenu de la page */
.page_content {
    padding-top: 0;
}

.bloc_404 {
    display: grid;
    gap: 15px;
    padding: 305px 30px 100px;
    text-align: center;
}

.bloc_404 .iconError i {
    color: #9e8d67;
    font-size: 300%;
}

.bloc_404 h1.error404 {
    font-weight: 300;
}

.bloc_404 h1.error404 strong {
    font-weight: 600;
}

body.menu_open .page_content {
    padding-right: 16px;
}

.bg_leftbot.blue,
.bg_rightbot.blue,
.bg_topleft.blue,
.bg_topright.blue {
    background-color: #0e253a;
}

.bg_leftbot:before,
.bg_rightbot:before,
.bg_topleft:before,
.bg_topright:before {
    content: "";
    position: absolute;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    background: url(/wp-content/uploads/2019/09/trame-griseRectangle-Tileable.png);
    background-repeat: repeat;
}

.bg_leftbot.blue:before,
.bg_rightbot.blue:before,
.bg_topleft.blue:before,
.bg_topright.blue:before {
    background: url(/wp-content/uploads/2019/10/trame-bleuRectangle-Tileable.png);
}

.bg_topleft:before {
    top: 0;
    left: 0;
}

.bg_topright:before {
    top: 0;
    right: 0;
}

.bg_rightbot:before {
    bottom: 0;
    right: 0;
}

.bg_topright:before {
    top: 0;
    right: 0;
}

.isCover * {
    width: 100%;
    height: 100%;
}

.isCover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.call_to_action_vc.normal a {
    position: relative;
    color: #9E8D67;
    /* padding: 0; */
    padding: 5px 35px 5px 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.call_to_action_vc.normal a:hover {
    padding: 5px 40px 5px 15px;
}

.call_to_action_vc.invert a {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #9E8D67;
    padding: 5px 15px;
    transition: all 150ms ease-in-out;
}

.call_to_action_vc.invert a:hover {
    background-color: #9E8D67;
}

.call_to_action_vc.normal a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #9E8D67;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: padding 150ms ease-in-out;
}

.call_to_action_vc.normal a:hover:after {
    padding-left: 10px;
}

.call_to_action_vc.normal.white_blue a {
    color: #0a1a29;
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid transparent;
    padding: 5px 35px 5px 15px;
}

.call_to_action_vc.normal.white_blue a:hover {
    background-color: rgba(255, 255, 255, 1);
    /* border: 1px solid #0a1a29; */
    padding: 5px 50px 5px 15px;
}

.call_to_action_vc.normal.white_blue a:after {
    color: #0a1a29;
}

.tagline_chambre p {
    font-size: 300%;
    line-height: 1.1;
    text-transform: uppercase;
}

.culinaire > div {
    background-position: right center !important;
}

.culinaire .wpb_text_column p {
    font-size: 240%;
    line-height: 1.1;
    text-transform: uppercase;
}

.les_types_de_lits .vc_col-sm-6 .custom_border_rw {
    opacity: 0;
    visibility: hidden;
    transition: all 150ms ease-in-out;
}

.les_types_de_lits .vc_col-sm-6:hover .custom_border_rw {
    opacity: 1;
    visibility: visible;
}

.type_lit {
    position: relative;
    text-align: center;
    z-index: 1;
}

.type_lit a {
    position: relative;
    display: block;
    padding: 100px 10%;
}

.overflowVisible,
.overflowVisible * {
    overflow: visible;
}

/* .type_lit a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(/wp-content/themes/graphsynergie-child/typelit.svg) no-repeat;
    width: 92%;
    height: 105%;
    background-size: contain;
    background-position: center;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 150ms ease-in-out;
} */

/* .type_lit a:hover:before {
    opacity: 1;
    visibility: visible;
} */

.type_lit img {
    margin-bottom: 30px;
}

.type_lit p {
    text-transform: uppercase;
}

.culinaire_slider {
    display: grid !important;
    grid-template-columns: minmax(224px, auto);
    grid-template-rows: 100px auto 1fr;
    gap: 10px;
}

.culinaire_slider p {
    font-size: 240%;
    line-height: 1.1 !important;
    text-transform: uppercase;
    text-align: right !important;
    direction: rtl;
    font-family: 'Josefin Sans', sans-serif;
}

.top_pattern img, .bottom_pattern img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.maxHeight {
    max-height: 700px;
}

.blocCenterRight {
    transform: translate(-25px, 6%);
}

.blocCenterLeft {
    transform: translate(25px, -6%);
}

.little_logo img {
    width: 100px;
    height: auto;
}

/* ---------- */

.blackandwhite img {
    filter: grayscale(100%) brightness(0.8) contrast(0.85);
    transition: all 1000ms ease-in-out;
}

.blackandwhite.colorized img {
    filter: grayscale(0%) brightness(1) contrast(1);
    /* transition: all 1000ms ease-in-out; */
}

.blackandwhite:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all 1000ms ease-in-out;
}

.blackandwhite:not(.colorized):after {
    background-color: rgba(238, 238, 238, 0.5);
    /* transition: all 1000ms ease-in-out; */
}

.blackandwhite.colorized:after {
    background-color: transparent;
    /* transition: all 1000ms ease-in-out; */
}

/* ---------- */

/* SECTION Actualités */
.actualites_recentes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

/* .article_card {
    transition: all 150ms ease-in-out;
}

.article_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 3px 6px 2px rgba(10, 26, 41, 0.1);
} */

.article_card a {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 200px auto;
}

.article_card a .excert_bloc {
    color: #6f6a66;
    line-height: 1.1;
}

.article_card a:hover {
    /* color: initial; */
    color: #424242;
}

.article_thumb {
    width: 100%;
    height: 100%;
    background-color: #797470;
    overflow: hidden;
}

.article_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 350ms ease-in-out;
}

.article_card a:hover .article_thumb img {
    transform: scale(1.1);
}

.article_excerpt {
    width: 100%;
    height: 100%;
    padding: 16px 8px 0;
    /* background-color: #FFFFFF; */
    overflow: hidden;
}

.article_excerpt h3 {
    margin-bottom: 15px;
}

.excert_bloc {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 300;
    line-height: 1.3;
}

.article-header {
    height: 80vh;
    min-height: 600px;
    padding: 305px 30px 100px 30px;
    background-color: #0e253a;
}

.article-header:before {
    background-color: rgba(14, 37, 58, 0.65);
}

/* .article, .article .container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
} */

.leslogosjd {
    grid-template-columns: repeat(4, 1fr)!important;
    padding: 0 10%;
}

.leslogosjd img {
    max-width: 60%!important;
    height: auto;
}

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


.leslogosjd a {
    display: block;
}

@media all and (max-width: 991px) {
.leslogosjd {
    grid-template-columns: repeat(2, 1fr)!important;
    padding: 0 10%; }
	
.footer_widgets.leslogosjd {
    padding-bottom: 30px;
}
	
}


footer.article-footer {
    background-color: #eee;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 15px;
}

footer.article-footer a {
    text-transform: uppercase;
}

.tous_les_articles a {
    display: block;
    padding: 15px 30px;
    border: 1px solid #9E8D67;
}

.tous_les_articles a:hover {
    color: #FFFFFF;
    background-color: #9E8D67;
}

.article-recent {
    align-self: center;
    width: 100%;
}

.article-recent a {
    display: grid;
    grid-template-rows: 80px;
    align-items: center;
    gap: 15px;
}

.article-recent a .image_article {
    overflow: hidden;
}

.article-recent a .image_article img {
    transition: all 350ms ease-in-out;
}

.article-recent a:hover .image_article img {
    transform: scale(1.1);
}

.article-recent.prev a {
    grid-template-columns: 250px 1fr;
}

.article-recent.next a {
    grid-template-columns: 1fr 250px;
}

.article-recent p:not(.date) {
    padding: 15px;
}

.article-recent a .titre_article {
    padding: 15px 0;
}

.article-recent.next .image_article {
    grid-column: 2;
    grid-row: 1;
}

.article-recent.next .titre_article {
    grid-column: 1;
    grid-row: 1;
    text-align: right;
}

.article-recent a .image_article {
    width: 100%;
    height: 100%;
}

.article-recent a .image_article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-recent.next p:not(.date) {
    padding-right: 115px;
    text-align: right;
}

.article-recent.prev p:not(.date) {
    padding-left: 115px;
}

.article-header-details p.date {
    font-weight: 400;
    font-family: 'Inconsolata', monospace;
}

.article-recent h3 {
    font-size: 100%;
}

.article-recent p.date {
    font-size: 75%;
    color: initial !important;
}

/* .single-post .container {
    max-width: 1000px;
} */

.article-main {
    width: 100%;
}

.withParenthesis {
    position: relative;
    overflow: visible;
}

.withParenthesis:before,
.withParenthesis:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 150px) !important;
    height: 130%;
    background: url(/wp-content/themes/graphsynergie-child/images/parenthese.svg) no-repeat;
    background-size: contain;
    overflow: visible;
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-position: right center;
}

.withParenthesis:before {
    /* background-position: left center; */
    transform: translate(-50%, -50%) scaleX(-1);
}

/* .withParenthesis:after {
    background-position: right center;
} */

.citation p {
    color: #0a1a29;
    font-size: 190%;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
}

.grid_boussole {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, auto);
}

.grid_boussole .ligne_1,
.grid_boussole .ligne_2 {
    grid-column: span 5;
    grid-row: span 2;
}

.grid_boussole .boussole {
    position: absolute !important;
    top: 50%;
    /* grid-column-start: 3;
    grid-column-end: 4; */
    grid-row-start: 1;
    grid-row-end: 6;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
}

.grid_boussole .boussole * {
    text-align: center;
}

.grid_boussole .boussole img {
    width: auto;
    height: 320px;
}

.grid_boussole .ligne_1 > div > div,
.grid_boussole .ligne_2 > div > div {
    padding: 50px 25% !important;
}

/* .grid_boussole .ligne_1,
.grid_boussole .ligne_2 {
    display: grid;
    grid-template-columns: 10% 1fr 10% 10% 1fr 10%;
}

.grid_boussole .ligne_1 > div:nth-child(1),
.grid_boussole .ligne_2 > div:nth-child(1) {
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row: 1;
}

.grid_boussole .ligne_1 > div:nth-child(2),
.grid_boussole .ligne_2 > div:nth-child(2) {
    width: 100%;
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row: 1;
} */

.cta_blue .call_to_action_vc.normal a,
.cta_blue .call_to_action_vc.normal a:after {
    color: #0e253a;
}

.cta_white .call_to_action_vc.normal a,
.cta_white .call_to_action_vc.normal a:after {
    color: #fff;
}

.titre_type_ch > div > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.titre_type_ch h2 {
    font-size: 180%;
    font-weight: 300;
    transform: translateY(20px);
}

.features_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
}

.wpb_text_column ul {
    margin-inline-start: 30px;
}

.wpb_text_column ul li {
    position: relative;
    text-transform: uppercase;
    font-size: 110%;
    color: #9E8D67;
}

.wpb_text_column ul li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -30px;
    background: url(/wp-content/themes/graphsynergie-child/images/pattern_list.png) no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    /* transform: translate(-30px, -50%); */
    pointer-events: none;
}

.wpb_text_column.corpo_list ul li:before {
    background: url(/wp-content/themes/graphsynergie-child/images/pattern_list_w.png) no-repeat;
}

.custom_border {
    position: relative;
}

.custom_border:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    pointer-events: none;
    transform: translate(-50%,-50%);
    border: 2px solid #091c2c;
}

.custom_border:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(90% + 5px);
    height: calc(90% + 5px);
    pointer-events: none;
    transform: translate(-50%,-50%);
    background-image:
        url(/wp-content/themes/graphsynergie-child/images/topleft.png),
        url(/wp-content/themes/graphsynergie-child/images/topright.png),
        url(/wp-content/themes/graphsynergie-child/images/botleft.png),
        url(/wp-content/themes/graphsynergie-child/images/botright.png);
    background-repeat: no-repeat;
    background-position: left top, right top, left bottom, right bottom;
}

.grid_espaces {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #9E8D67;
    gap: 1px;
}

.grid_espaces:before,
.grid_espaces:after {
    display: none;
}

.grid_espaces > div {
    width: 100%;
    background-color: #fff;
    padding: 50px 10%;
}

.grid_espaces > div:nth-child(1),
.grid_espaces > div:nth-child(2),
.grid_espaces > div:nth-child(3) {
    /* padding: 0 10% 50px 10%; */
    display: flex;
    align-items: flex-end;
}

.grid_espaces > div:nth-child(4),
.grid_espaces > div:nth-child(5),
.grid_espaces > div:nth-child(6) {
    /* padding: 50px 10% 0 10%; */
    display: flex;
    align-items: flex-start;
}

.grid_espaces > div .wpb_text_column p {
    font-size: 500%;
    line-height: 1;
    color: #9E8D67;
}

.custom_border_rw {
    display: grid;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    grid-template-columns: 114px 1fr 114px;
    grid-template-rows: 82px 1fr 82px;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
}

.custom_border_rw .corner {
    width: 100%;
    height: 100%;
    display: grid;
}

.custom_border_rw .corner.topleft,
.custom_border_rw .corner.bottomleft {
    grid-template-columns: 1fr 78px;
}

.custom_border_rw .corner.topright,
.custom_border_rw .corner.bottomright {
    grid-template-columns: 78px 1fr;
}

.custom_border_rw .corner.topleft
.custom_border_rw .corner.topright {
    grid-template-rows: 1fr 38px;
}

.custom_border_rw .corner.bottomleft
.custom_border_rw .corner.bottomright {
    grid-template-rows: 38px 1fr;
}

/* NOTE Top Left */
.custom_border_rw .topleft {
    grid-column: 1;
}

.custom_border_rw .topleft > div:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
    border-right: 2px solid #091c2c;
    border-bottom: 2px solid #091c2c;
}

.custom_border_rw .topleft > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    border-right: 2px solid #091c2c;
    border-bottom: 2px solid #091c2c;
}

.custom_border_rw .topleft > div:nth-child(3) {
    grid-column: 1;
    grid-row: 1;
    width: 2px;
    height: 2px;
    justify-self: end;
    align-self: flex-end;
    background-color: #091c2c;
}

/* NOTE Top Right */
.custom_border_rw .topright {
    grid-column: 3;
}

.custom_border_rw .topright > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    border-left: 2px solid #091c2c;
    border-bottom: 2px solid #091c2c;
}

.custom_border_rw .topright > div:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    border-left: 2px solid #091c2c;
    border-bottom: 2px solid #091c2c;
}

.custom_border_rw .topright > div:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    width: 2px;
    height: 2px;
    justify-self: start;
    align-self: flex-end;
    background-color: #091c2c;
}

/* NOTE Bottom Right */
.custom_border_rw .bottomright {
    grid-column: 3;
}

.custom_border_rw .bottomright > div:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
    border-top: 2px solid #091c2c;
    border-left: 2px solid #091c2c;
}

.custom_border_rw .bottomright > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    border-top: 2px solid #091c2c;
    border-left: 2px solid #091c2c;
}

.custom_border_rw .bottomright > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    width: 2px;
    height: 2px;
    justify-self: start;
    align-self: flex-start;
    background-color: #091c2c;
}

/* NOTE Bottom Left */
.custom_border_rw .bottomleft {
    grid-column: 1;
}

.custom_border_rw .bottomleft > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    border-top: 2px solid #091c2c;
    border-right: 2px solid #091c2c;
}

.custom_border_rw .bottomleft > div:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    border-top: 2px solid #091c2c;
    border-right: 2px solid #091c2c;
}

.custom_border_rw .bottomleft > div:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    width: 2px;
    height: 2px;
    justify-self: end;
    align-self: flex-start;
    background-color: #091c2c;
}

/* NOTE Lines */
.custom_border_rw .line.top {
    grid-column: 2;
    grid-row: 1;
    border-top: 2px solid #091c2c;
}

.custom_border_rw .line.right {
    grid-column: 3;
    grid-row: 2;
    border-right: 2px solid #091c2c;
}

.custom_border_rw .line.bottom {
    grid-column: 2;
    grid-row: 3;
    border-bottom: 2px solid #091c2c;
}

.custom_border_rw .line.left {
    grid-column: 1;
    grid-row: 2;
    border-left: 2px solid #091c2c;
}

.custom_border_rw.white * {
    border-color: #fff !important;
}

.custom_border_rw.white .corner > div:nth-child(3) {
    background-color: #fff !important;
}

.custom_border_rw.gold * {
    border-color: #9E8D67 !important;
}

.custom_border_rw.gold .corner > div:nth-child(3) {
    background-color: #9E8D67 !important;
}



.les_types_de_lits .custom_border_rw {
    grid-template-columns: 57px 1fr 57px;
    grid-template-rows: 41px 1fr 41px;
}

.les_types_de_lits .custom_border_rw .corner.topleft,
.les_types_de_lits .custom_border_rw .corner.bottomleft {
    grid-template-columns: 1fr 39px;
}

.les_types_de_lits .custom_border_rw .corner.topright,
.les_types_de_lits .custom_border_rw .corner.bottomright {
    grid-template-columns: 39px 1fr;
}

.les_types_de_lits .custom_border_rw .corner.topleft
.les_types_de_lits .custom_border_rw .corner.topright {
    grid-template-rows: 1fr 19px;
}

.les_types_de_lits .custom_border_rw .corner.bottomleft
.les_types_de_lits .custom_border_rw .corner.bottomright {
    grid-template-rows: 19px 1fr;
}

/* SECTION ICONES ET CHIFFRES */
.icone_chiffre_vc {
    position: relative;
    text-align: center;
}

.icone_chiffre_vc .image_espace {
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.icone_chiffre_vc > .chiffre_espace {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #9E8D67;
    font-size: 150%;
    line-height: 1.195;
    font-weight: 600;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.icone_chiffre_vc .chiffre_espace > p span {
    font-size: 250%;
    line-height: 1.195;
    font-weight: 300;
}

.icone_chiffre_vc .label_espace {
    margin-top: 25px;
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.icone_chiffre_vc .label_espace p {
    color: #9E8D67;
    font-size: 160%;
    line-height: 1.185;
    font-weight: 300;
    text-transform: uppercase;
}

.icone_chiffre_vc:hover > .chiffre_espace {
    visibility: visible;
    opacity: 1;
}

.icone_chiffre_vc:hover .image_espace,
.icone_chiffre_vc:hover .label_espace {
    visibility: hidden;
    opacity: 0;
}
/* DÉSACTIVATION DES CONFIGURATIONS DISPONIBLES 11-jan-2021 frederick denis */
.desactive{
    pointer-events: none;
    filter: grayscale(100%);
}

/* SECTION CARTE */

.gmap_nav_distance {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    z-index: 10;
}

.carte-contact-wrapper .gmap_nav_distance{
	display: none;
}

.gmap_nav_distance > button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: 100px 1fr;
    border: none;
    background-color: transparent;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: 3px solid transparent;
    transition: all 150ms ease-in-out;
    outline: none;
    padding: 15px 0 5px 0;
}

.gmap_nav_distance > button:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border: 3px solid #9E8D67;
    background-color: #FFFFFF;
    width: 30px;
    height: 30px;
    z-index: -1;
    transition: all 150ms ease-in-out;
    pointer-events: none;
}

.gmap_nav_distance > button.active:after {
    bottom: -20px;
}

.gmap_nav_distance > button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    width: 44px;
    height: 10px;
    border-radius: 100%;
    transition: all 150ms ease-in-out;
    pointer-events: none;
}

.gmap_nav_distance > button.active:before {
    bottom: -6px;
}

.gmap_nav_distance > button .image_nav {
    width: 100px;
    height: 100px;
}

.gmap_nav_distance > button .image_nav svg {
    width: 100%;
    height: 100%;
}

.gmap_nav_distance > button .texte_nav {
    text-transform: uppercase;
    font-size: 180%;
    padding: 0 15px;
    color: #DEDEDE;
    transform: translateY(20px);
}

.gmap_nav_distance > button.active {
    border-color: #9E8D67;
}

.gmap_nav_distance > button.active .texte_nav {
    color: #9E8D67;
}

.marker_data {
    display: none;
}
/* 
#liste_actualites .container {
    max-width: 1000px;
} */

.liste_articles {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    margin-top: 50px;
}

.liste_articles > div {
    position: relative;
}

.liste_articles > div:not(:last-of-type):after {
    content: "";
    width: calc(100% - 60px);
    height: 1px;
    background-color: #e7e7e7;
    position: absolute;
    bottom: -50px;
    left: 30px;
}

.bloc_article .bloc_image {
    position: relative;
    z-index: 1;
}

/* .bloc_article .bloc_image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgb(14,37,58);
    background: -moz-linear-gradient(0deg, rgba(14,37,58,1) 0%, rgba(14,37,58,0) 50%);
    background: -webkit-linear-gradient(0deg, rgba(14,37,58,1) 0%, rgba(14,37,58,0) 50%);
    background: linear-gradient(0deg, rgba(14,37,58,1) 0%, rgba(14,37,58,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e253a",endColorstr="#0e253a",GradientType=1);
} */

.article-header-infos h1 {
    margin-bottom: 10px;
}

/* .bloc_article .bloc_image img {
    display: block;
    width: 100%;
    height: auto;
} */

.bloc_article a .post_date {
    color: #0e253a;
}

.bloc_article .bloc_image h2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    color: #fff;
    width: calc(100% - 20px);
    padding: 20px 20px 12px 20px;
    background-color: #0e253a;
    /* background-color: rgba(14, 37, 58, 0.85); */
    transition: all 250ms ease-in-out;
}

/* .bloc_article a:hover .bloc_image h2 {
    background-color: #0e253a;
} */

.bloc_article .bloc_image .post_date {
    position: absolute;
    /* top: 50px;
    right: 0; */
    top: 10px;
    right: 10px;
    background-color: #e7e7e7;
    padding: 10px;
    line-height: 1;
    /* transform: translateX(50%); */
    font-size: 14px;
    border-radius: 5px;
}

.bloc_article .bloc_image .post_date span {
    text-align: center;
}

.bloc_article .bloc_image .post_date span.jour {
    display: block;
    font-size: 380%;
    color: #9e8d67;
    margin-bottom: 10px;
}

.bloc_article .bloc_image .post_date span.mois {
    font-weight: 400;
    font-size: 120%;
}

.bloc_article .bloc_image .post_date span.annee {
    font-size: 120%;
}

.bloc_article .bloc_excerpt {
    padding: 30px 30px 0;
}

.bloc_article .bloc_excerpt h2 {
    margin-bottom: 25px;
}

.bloc_article .bloc_excerpt h2 a {
    margin-bottom: 25px;
    font-weight: 400;
}

.bloc_article .bloc_excerpt h2 a:hover {
    color: #9e8d67;
}

.bloc_article .bloc_excerpt > a {
    display: inline-block;
    margin-top: 25px;
}

.fa-long-arrow-right {
    transition: all 150ms ease-in-out;
}

.fa-long-arrow-right:before {
    content: "\f178";
    color: #1a3044;
    opacity: 1;
    transition: none;
}

.fad.fa-long-arrow-right:after {
    content: "\10f178";
    color: #1a3044;
    opacity: 0.5;
    transition: none;
}

.bloc_article .bloc_excerpt a:hover {
    color: #1a3044;
}

.bloc_article .bloc_excerpt a:hover .fad.fa-long-arrow-right {
    transform: translateX(5px);
}

.bloc_article .bloc_excerpt a:hover .fad.fa-long-arrow-right:before {
    color: #1a3044;
}

.bloc_article .bloc_excerpt a:hover .fad.fa-long-arrow-right:after {
    color: #1a3044;
}

.article-sidebar {
    width: 100%;
    padding: 15px;
    background-color: transparent;
    border-top: 1px solid #e7e7e7;
}

.share_social_network {
    align-items: center;
}

.share_social_network h4 {
    width: initial;
    margin-right: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 100%;
}

.share_social_network a.social_network {
    border-radius: 5px;
    background-color: transparent;
    transition: all 150ms ease-in-out;
}

.share_social_network>a:not(:last-of-type) {
    margin-right: 15px;
}

.share_social_network a.social_network i {
    transition: all 150ms ease-in-out;
}

.share_social_network a.social_network.facebook i {
    color: #3b5998;
}

.share_social_network a.social_network.twitter i {
    color: #1da1f2;
}

.share_social_network a.social_network.pinterest i {
    color: #bd081c;
}

.share_social_network a.social_network.email i {
    color: #0e253a;
}

.share_social_network a.social_network:hover i {
    color: #fff;
}

.share_social_network a.social_network.facebook:hover {
    background-color: #3b5998;
}

.share_social_network a.social_network.twitter:hover {
    background-color: #1da1f2;
}

.share_social_network a.social_network.pinterest:hover {
    background-color: #bd081c;
}

.share_social_network a.social_network.email:hover {
    background-color: #0e253a;
}

.share_social_network a.social_network:before {
    display: none;
}

/* .article-content p:not(:last-of-type) {
    margin-bottom: 35px;
} */

img.aligncenter {
    margin: 0 auto;
    display: block;
}

img.alignright {
    float: right;
    padding: 0 0 20px 20px;
}

img.alignleft {
    float: left;
    padding: 0 20px 20px 0;
}

.contact_info_grid p {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 15px;
}

.contact_info_grid p > i {
    margin-top: 5px;
}

.contact_info_grid p > i.fad:after {
    opacity: 1;
    color: #9E8D67;
}

.contact_info_grid p > a {
    grid-column: 2;
}

.wpcf7-form input:not([type="submit"]),
.wpcf7-form select,
.wpcf7-form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    width: 100%;
    max-width: 500px;
    border: 1px solid #e7e7e7;
    border-left-width: 3px;
    outline: none;
    padding: 10px;
    transition: border 150ms ease-in-out;
}

.wpcf7-form textarea {
    resize: vertical;
    height: 150px;
    min-height: 150px;
    max-height: 200px;
}

.wpcf7-form input:not([type="submit"]):focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #0e253a;
}

.wpcf7-form input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #0e253a;
    color: #fff;
    border: 2px solid #0e253a;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: letter-gothic-std, monospace;
    outline: none;
    font-size: 110%;
    cursor: pointer;
    transition: all 150ms ease-in-out;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #9E8D67;
    border: 2px solid #9E8D67;
}

span.wpcf7-not-valid-tip {
    color: #961111;
    font-size: 80%;
    font-weight: 600;
}

div.wpcf7-response-output {
    margin: 35px 0 0 0;
    width: 100%;
    max-width: 500px;
    padding: 10px 15px;
    line-height: 1.3;
    font-size: 90%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #d8c513;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #12a71b;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgb(14, 37, 58) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
}

.gm-style .gm-style-iw-c {
    color: #fff;
    background-color: #0e253a;
    border-radius: 5px;
    overflow: visible;
    padding: 22px !important;
}

.gm-ui-hover-effect {
    top: -10px !important;
    right: -10px !important;
    background-color: #fff !important;
    opacity: 1 !important;
    border-radius: 5px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}

.gm-style .gm-style-iw-c h3 {
    font-size: 150%;
}

.gm-style .gm-style-iw-c h3:not(:last-child) {
    margin-bottom: 5px;
}

.informations_marker a{
	font-family: 'Roboto';
    font-weight: 500;
	display: block;
	margin-top: 10px;
	color: #9E8D67;
    
}

.informations_marker a:hover{
	color: #797470;
}

/* SECTION Footer */
footer.page_footer {
    overflow: visible;
}

footer.page_footer .footer_widgets {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
    background-color: #0e253a;
    overflow: visible;
}

footer.page_footer .footer_widgets .persona {
    position: absolute;
    bottom: 0;
    height: 150%;
    z-index: 1;
    pointer-events: none;
}

footer.page_footer .footer_widgets .persona img {
    width: auto;
    height: 100%;
}

footer.page_footer .footer_widgets .persona_homme {
    left: 0;
}

footer.page_footer .footer_widgets .persona_femme {
    right: 0;
}

footer.page_footer .footer_col {
    position: relative;
    width: 100%;
    padding: 100px 10% 50px;
}

footer.page_footer .footer_col1 {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-self: stretch;
    align-items: center;
    background-color: #FFFFFF;
}

footer.page_footer .footer_col1 > div {
    grid-column: 2;
    text-align: center;
}

footer.page_footer .footer_col .widget-title,
footer.page_footer .footer_col h3 {
    color: #9E8D67;
    font-weight: 300;
}

footer.page_footer .footer_col h3 {
    font-size: 180%;
    line-height: 1.15;
    margin-bottom: 35px;
}

footer.page_footer .footer_social {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 15px;
    margin-bottom: 35px;
}

footer.page_footer .footer_social a {
    justify-self: center;
    align-self: center;
}

footer.page_footer .footer_social a img {
    width: 36px;
    height: auto;
}

footer.page_footer .footer_contact a {
    display: block;
}

footer.page_footer .footer_contact a.email {
    font-weight: 600;
}

footer.page_footer .footer_copyright {
    background-color: #0a1a29;
    font-size: 72%;
    padding: 10px 30px;
}

footer.page_footer .footer_copyright .copyright {
    padding: 0;
}

.sgpb-popup-builder-content-html h1{
	color: #9E8D67;
}










rs-module p,
rs-module a {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* rs-module h1 {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.30);
} */

.custom .tp-bullet {
    width: 15px;
    height: 15px;
    background: #9e8d67;
}

.custom .tp-bullet:hover, .custom .tp-bullet.selected {
    background: #ffffff;
}

/* .article .container {
    padding-left: 15px;
    padding-right: 15px;
} */

/* SECTION RESPONSIVE DESIGN */
@media all and (max-width: 1366px) {
    .features_list ul {
        grid-template-columns: 1fr;
    }

    .gmap_nav_distance {
        grid-template-columns: repeat(5, auto);
    }

    .gmap_nav_distance > button {
        padding: 5px 0;
    }

    .gmap_nav_distance > button .image_nav {
        width: 60px;
        height: 60px;
    }

    .gmap_nav_distance > button .texte_nav {
        font-size: 150%;;
        transform: translateY(12px);
        padding: 0 15px 0 0;
    }

    .article-recent.prev a {
        grid-template-columns: 150px 1fr;
    }

    .article-recent.next a {
        grid-template-columns: 1fr 150px;
    }
}

@media all and (max-width: 1280px) {
    /* ANCHOR HEADER */
    header.page_header + .menu_fullscreen {
        grid-template-columns: 1fr 1.4fr;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col2 {
        transform: translateX(25%);
    }

    header.page_header + .menu_fullscreen .menu_partRight {
        display: grid;
        grid-template-columns: 50px minmax(auto, 271px) 1fr;
        overflow: hidden;
        background-color: #0e253a;
        width: 100%;
        height: 100vh;
    }

    .les_types_de_lits .vc_col-sm-6 {
        width: 100%;
    }

    .type_lit a {
        display: grid;
        grid-template-columns: auto auto;
        gap: 15px 30px;
        padding: 50px 10%;
        justify-content: center;
        align-items: center;
    }

    .type_lit a .lit_texte p {
        text-align: left !important;
    }

    .sejour_privilegie > * {
        width: 50%;
    }

    .les_nouvelles .wpb_column.vc_column_container {
        width: 100%;
    }

    .les_nouvelles .vc_col-sm-4 h2 {
        text-align: center !important;
    }

    .les_nouvelles .vc_col-sm-4 .call_to_action_vc {
        justify-content: center;
    }

    .grid_espaces {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid_espaces > div {
        /* padding: 50px 10% !important; */
        align-items: center;
    }

    .has_video > div {
        width: 50%;
    }

    footer.article-footer {
        font-size: 80%;
    }

    /* ANCHOR FOOTER */
    footer.page_footer .footer_widgets {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    footer.page_footer .footer_widgets .persona {
        height: 130%;
    }

    footer.page_footer .footer_col {
        padding: 50px 10% 50px;
    }

    footer.page_footer .footer_col1 {
        grid-column: 1;
        grid-row: span 2;
    }

    footer.page_footer .footer_col2 {
        grid-column: span 2;
        padding-bottom: 0;
    }

    footer.page_footer .footer_col3 {
        grid-column: span 2;
    }
}

@media all and (max-width: 1024px) {
    header.page_header:not(.sticky) .burger {
        display: grid;
    }

    .sejour_privilegie > * {
        width: 100%;
    }
    .type_lit a {
        grid-template-columns: auto;
    }

    .type_lit img {
        justify-self: center;
    }

    .type_lit a .lit_texte p {
        text-align: center !important;
    }

    .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }

    .les_types_de_lits .vc_col-sm-6 {
        width: 50% !important;
    }


    .isCover {
        min-height: 500px;
    }

    /* .fullw_reversed {
        flex-direction: column-reverse;
    } */

    .fullw_reversed > div {
        width: 100%;
    }

    .fullw_reversed > div:nth-child(1) {
        order: 2;
    }

    .fullw_reversed > div:nth-child(2) {
        order: 1;
    }

    .grid_boussole .boussole {
        display: none;
    }

    .grid_boussole .ligne_1 > div > div, .grid_boussole .ligne_2 > div > div {
        padding: 50px 10% !important;
    }
}

@media all and (max-width: 991px) {
    header.page_header + .menu_fullscreen {
        grid-template-columns: 1fr minmax(auto, 400px);
    }

    header.page_header + .menu_fullscreen .menu_partRight {
        grid-template-columns: 50px minmax(auto, 271px) 50px;
        justify-content: end;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col1 > * {
        text-align: right;
        direction: rtl;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col2 {
        display: none;
    }

    header.page_header {
        padding: 10px 15px;
    }
    .custom_border_rw {
        grid-template-columns: 57px 1fr 57px;
        grid-template-rows: 41px 1fr 41px;
    }

    .custom_border_rw .corner.topleft,
    .custom_border_rw .corner.bottomleft {
        grid-template-columns: 1fr 39px;
    }

    .custom_border_rw .corner.topright,
    .custom_border_rw .corner.bottomright {
        grid-template-columns: 39px 1fr;
    }

    .custom_border_rw .corner.topleft
    .custom_border_rw .corner.topright {
        grid-template-rows: 1fr 19px;
    }

    .custom_border_rw .corner.bottomleft
    .custom_border_rw .corner.bottomright {
        grid-template-rows: 19px 1fr;
    }

    .service_unique > div,
    .disposez_espaces > div {
        width: 100%;
    }

    .service_unique > div.vc_col-sm-8 > div {
        padding: 50px 5% !important;
    }

    .centre_ville > .vc_col-sm-4 *,
    .disposez_espaces > .vc_col-sm-4 *,
    .service_unique > .vc_col-sm-4 * {
        text-align: left !important;
    }

    .centre_ville > .vc_col-sm-4 + .vc_col-sm-8 > div {
        padding: 50px 10% !important;
    }

    .features_list ul {
        grid-template-columns: auto auto;
        column-gap: 50px;
    }

    .inclus_location_demande .vc_col-sm-4 {
        width: 100%;
    }

    .inclus_location_demande .vc_col-sm-4:not(:last-of-type) > div {
        padding-bottom: 0 !important;
    }

    .tagline_chambre p {
        font-size: 250%;
    }

    .gmap_nav_distance > button:before,
    .gmap_nav_distance > button:after {
        display: none;
    }

    .gmap_nav_distance {
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
        background-color: #9e8d67;
    }

    .gmap_nav_distance > button {
        /* background-color: #0e253a; */
        border: none;
    }

    .gmap_nav_distance > button:last-of-type {
        grid-column: span 2;
    }

    .bloc_article .bloc_excerpt {
        padding: 30px 15px 0;
    }

    .liste_articles > div:not(:last-of-type):after {
        width: calc(100% - 30px);
        left: 15px;
    }

    footer.article-footer {
        grid-template-columns: repeat(4, 1fr);
    }

    .article-recent {
        grid-column: span 2;
        grid-row: 2;
    }

    .tous_les_articles {
        grid-column: span 4;
        margin-top: 15px;
        padding: 0 15px;
        text-align: center;
    }

    footer.page_footer .footer_widgets {
        grid-template-columns: 0.5fr 1fr 0.5fr;
    }

    footer.page_footer .footer_widgets .persona {
        height: 90%;
    }

    footer.page_footer .footer_col1 {
        grid-template-columns: 0.5fr 1fr 0.5fr;
        grid-column: span 3;
        grid-row: 1;
    }

    footer.page_footer .footer_col2 {
        grid-column: 2;
        grid-row: 2;
    }

    footer.page_footer .footer_col3 {
        grid-column: 2;
        grid-row: 3;
    }

    footer.page_footer .footer_col .widget > * {
        text-align: center;
    }

    footer.page_footer .footer_social {
        justify-content: center;
    }
}

@media all and (max-width: 840px) {
    header.page_header {
        grid-template-columns: auto 1fr auto;
    }

    header.page_header .burger {
        width: 30px;
    }

    header.page_header + .menu_fullscreen {
        display: block;
    }

    header.page_header + .menu_fullscreen .menu_partLeft,
    header.page_header + .menu_fullscreen .menu_partRight {
        height: auto;
    }

    header.page_header + .menu_fullscreen .menu_partLeft {
        min-height: calc(100vh - 80px);
    }

    header.page_header + .menu_fullscreen .menu_partRight {
        grid-template-columns: 1fr;
        justify-content: center;
        height: 80px;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col1 {
        grid-column: 1;
        background-position: center;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col1 .menu_tagline {
        display: none;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col1 .cta_menu_reserver li {
        text-align: center;
    }

    header.page_header + .menu_fullscreen .menu_partRight .col1 .cta_menu_reserver a {
        margin-top: 0;
    }
    .bloc_article{
        display: block !important;
        text-align: center !important;
    }
}

@media all and (max-width: 767px) {
	
    .les_types_de_lits .vc_col-sm-6 {
        width: 100% !important;
    }

    .type_lit a {
        display: grid;
        grid-template-columns: auto auto;
        gap: 15px 30px;
        padding: 50px 10%;
        justify-content: center;
        align-items: center;
    }

    .type_lit a .lit_texte p {
        text-align: left !important;
    }

    .actualites_recentes {
        grid-template-columns: 1fr;
    }

    .article_excerpt h3 {
        text-align: center;
    }

    .culinaire_slider {
        grid-template-rows: 10% auto 1fr;
    }

    .culinaire_slider p {
        font-size: 200%;
    }

    /* .withParenthesis:before,
    .withParenthesis:after {
        width: 115%;
    } */

    .withParenthesis.citation p {
        font-size: 140%;
    }

    .features_list ul {
        grid-template-columns: 1fr;
    }

    .has_video > div {
        width: 100%;
    }

    img.alignleft,
    img.alignright {
        float: none;
        padding: 0;
        margin: 0 auto;
        display: block;
    }

    footer.page_footer .footer_widgets {
        grid-template-columns: 0.3fr 1fr 0.3fr;
    }
}

@media all and (max-width: 640px) {
    header.page_header {
        grid-template-columns: auto 1fr;
    }

    /*header.page_header:not(.sticky) .cta_menu_reserver,
    header.page_header .cta_menu_reserver {
        display: none;
    }*/

    /* .withParenthesis:before,
    .withParenthesis:after {
        width: 125%;
    } */

    .grid_espaces {
        grid-template-columns: 1fr;
    }

    .gmap_nav_distance {
        grid-template-columns: repeat(2, 1fr);
    }

    .share_social_network h4 {
        width: 100%;
        margin-bottom: 15px;
    }

    .article-recent {
        grid-column: span 4;
    }

    .article-recent.next {
        grid-row: 3;
    }

    .article-recent.prev a,
    .article-recent.next a {
        grid-template-columns: 1fr 1fr;
    }

    .article-recent.prev p:not(.date),
    .article-recent.next p:not(.date) {
        padding: 15px 10%;
        text-align: center;
    }

    footer.page_footer .footer_col1 {
        grid-template-columns: 1fr;
    }

    footer.page_footer .footer_col1 > div {
        grid-column: 1;
    }

    footer.page_footer .footer_widgets .persona {
        height: 50%;
    }

    footer.page_footer .footer_widgets {
        grid-template-columns: 0.1fr 1fr 0.1fr;
    }
}

@media all and (max-width: 480px) {
    html {
        font-size: 16px;
    }
	
	.desktop-logo{
		display: none;
	}
	
	.mobile-logo{
		display: block !important;
		width: 85px !important;
	}
	
	header.page_header{
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.cta_menu_reserver li{
		font-size: 85%;
	}
	
	header.page_header .logo a:after,  header.page_header .logo a:before{
		left: 50%;
		transform: translatex(-50%);
	}

    header.page_header .logo a img {
        width: 200px;
    }

    header.page_header .logo a:before,
    header.page_header .logo a:after {
        width: 200px;
    }

    .bg_leftbot:before, .bg_rightbot:before, .bg_topleft:before, .bg_topright:before {
        width: 100%;
        height: 100%;
    }

    .bg_leftbot > div, .bg_rightbot > div, .bg_topleft > div, .bg_topright > div {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .blocCenterRight,
    .blocCenterLeft {
        transform: translate(0, 0);
    }

    .culinaire_slider {
        gap: 5px;
    }

    .culinaire_slider p {
        font-size: 140%;
    }

    .gmap_nav_distance > button .image_nav {
        display: none;
    }

    .gmap_nav_distance > button .texte_nav {
        transform: translateY(0);
        padding: 8px 15px 5px 15px;
    }

    .gmap_nav_distance {
        grid-template-columns: 1fr;
    }

    .gmap_nav_distance > button:last-of-type {
        grid-column: 1;
    }

    .info_contact > div > div {
        padding: 50px 0 !important;
    }

    .titre_type_ch .wpb_single_image {
        margin-right: 0 !important;
        text-align: center;
    }

    .titre_type_ch h2 {
        width: 100%;
        text-align: center !important;
    }

    footer.page_footer .footer_widgets .persona {
        display: none;
    }

    footer.page_footer .footer_widgets {
        grid-template-columns: 1fr;
    }

    footer.page_footer .footer_col2,
    footer.page_footer .footer_col3 {
        grid-column: 1;
    }

    .tagline_chambre p {
        font-size: 210%;
    }
}

/* CHANGEMENT - FREDERICK DENIS 8-01-2021 */
.bloc_article{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
    min-width: 0;
    min-height: 0;
}
.bloc_article:nth-child(even){
    flex-direction: row-reverse !important;
    text-align: left;
}
.post_date{
    visibility: hidden;
}
.bloc_article > .bloc_image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bloc_image img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}
.info_forfait{
    align-items: center !important;
}

.footer_forfait,
.credit_photo {
    font-size: small;
}
.container_prix_forfait{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inclut_forfait, .prix_forfait {
    padding-right: 50px;
}
/* rs-module-wrap #rev_slider_16_2_wrapper[data-alias="experience"] rs-carouel-space{
    position: absolute;
}
rs-module-wrap #rev_slider_16_2_wrapper[data-alias="experience"] #rev_slider_16_2_wrapper{
    height: 100% !important;
}
rs-module-wrap #rev_slider_16_2_wrapper[data-alias="experience"] #rev_slider_16_2{
    height: 100% !important;
} */
#rev_slider_16_2_wrapper rs-carousel-space{
    position: absolute !important;
}
#rev_slider_16_2_wrapper {
    height: 100%!important;
}
#rev_slider_16_2{
    height: 100% !important;
}
.container_texte-quartier{
    padding: 50px;
}

.liste-attraits-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
}

.liste-attraits-wrapper .single-attrait{
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 56vw max-content 1fr;
    background-color: #f7f7f7;
}

.liste-attraits-wrapper .single-attrait-image picture,
.liste-attraits-wrapper .single-attrait-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.liste-attraits-wrapper .single-attrait .single-attrait-image{
    position: relative;
    overflow: hidden;
}

.liste-attraits-wrapper .single-attrait .single-attrait-info-icon{
    position: absolute;
    bottom: 5px;
    right: 7px;
    border: 2px solid white;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    line-height: 18px;
    text-align: center;
    opacity: 0.8;
    transition: opacity 100ms ease-in-out;
    cursor: pointer;
}

.liste-attraits-wrapper .single-attrait .single-attrait-info-icon:hover{
    opacity: 1;
}

.liste-attraits-wrapper .single-attrait .single-attrait-info-icon i{
    font-size: 12px;
    color: white;
}

.liste-attraits-wrapper .single-attrait .single-attrait-titre{
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 18px;
} 

.liste-attraits-wrapper .single-attrait h4{
    font-size: 100%;
    line-height: 1.3;
}

.liste-attraits-wrapper .single-attrait .single-attrait-lien a{
    color: #9e8d67;
}

.liste-attraits-wrapper .single-attrait .single-attrait-lien a:hover{
    color: #797470;
}






.liste-attraits-wrapper .single-attrait .single-attrait-lien{
    margin-left: 18px;
    margin-right: 18px;
    display: grid;
    align-items: end;
    padding-bottom: 12px;
    padding-top: 10px;
}

.withLighboxLink>.vc_column-inner>.wpb_wrapper,
.withLighboxLink>.vc_column-inner>.wpb_wrapper>.wpb_raw_code,
.withLighboxLink>.vc_column-inner>.wpb_wrapper>.wpb_raw_code>.wpb_wrapper{
    height: 100%;
    min-height: 300px;
}

.withLighboxLink a svg .st0,
.withLighboxLink a svg .st1{
    transition: all 150ms ease-in;
}

.withLighboxLink a:hover svg{
    /*transform: scale(1.02) translate(-50%, -50%);*/
}
.withLighboxLink a:hover .st1{
    fill: #9E8D67;
}

.withLighboxLink a:hover .st0{
    stroke: #9E8D67;
}

.withLighboxLink a h4{
    position: absolute;
    top: calc(50% + 85px);
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 300;
}



.royalwilliam-lightbox-video{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.royalwilliam-lightbox-video svg{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: auto;
}

@media all and (min-width: 480px){
    .liste-attraits-wrapper{
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .liste-attraits-wrapper .single-attrait{
        grid-template-rows: 30vw max-content 1fr;
    }
}

@media all and (min-width: 768px){
    .royalwilliam-lightbox-video svg{
        width: 100px;
    }

    .withLighboxLink a h4{
        top: calc(50% + 100px);
    }

    .liste-attraits-wrapper{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .liste-attraits-wrapper .single-attrait{
        grid-template-rows: 20vw max-content 1fr;
    }
}

@media all and (min-width: 1024px){
    .liste-attraits-wrapper{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .liste-attraits-wrapper .single-attrait{
        grid-template-rows: 15vw max-content 1fr;
    }
}

@media all and (min-width: 2300px){
    .liste-attraits-wrapper .single-attrait{
        grid-template-rows: 10vw max-content 1fr;
    }
}

/* Popup promo */
.sgpb-popup-builder-content-html .premier img{
	width: 100%;
	max-height: 30vw;
	height: 30vw;
	object-fit: cover;
	object-position: center center;
}

.sgpb-popup-builder-content-html .over-content a{
	display: inline-block;
	background-color: #9e8d67;
	font-family: 'Josefin Sans', sans-serif;
	color: #fff;
	padding: 20px 60px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	margin-top: 36px;
	text-align: center;
	border: 1px solid #9E8D67;
	transition: all 150ms ease-in-out;
}

.sgpb-popup-builder-content-html .over-content a:hover{
	background-color: transparent;
}

@media all and (min-width: 1920px){
	.sgpb-popup-builder-content-html .premier img{
	max-height: 26vw;
	height: 26vw;
	}
}


@media all and (min-width: 1920px){
	.sgpb-popup-builder-content-html .premier img{
	max-height: 18vw;
	height: 18vw;
	object-position: bottom center;
	}
}