@charset "UTF-8";

@font-face {
    font-family: 'dm_serif_displayitalic';
    src: url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.eot');
    src: url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.woff') format('woff'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-italic-webfont.svg#dm_serif_displayitalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dm_serif_displayregular';
    src: url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.eot');
    src: url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.woff') format('woff'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/bassin-arcachon/assets/fonts/dmserifdisplay-regular-webfont.svg#dm_serif_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html{ scroll-behavior: smooth;}
body.admin-bar.f-topbar-fixed .sticky.fixed { margin-top: 2rem}
.wp-caption>figcaption { max-width: 100%; font-size: .8rem; color: #999; padding: .25rem 0}
p.wp-caption-text { font-size: 90%; color: #666; padding: .625rem 0}
.alignleft { float: left; padding-right: 1rem; margin: 0}
.alignright { float: right; padding-left: 1rem; margin: 0}
.aligncenter { display: block; margin-left: auto; margin-right: auto}
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

body { overflow-x: hidden}
.row { max-width: 89rem !important; margin: 0 auto; padding: 2rem 6rem}

#page-full-width { max-width: 89rem !important; margin-right: auto; margin-left: auto; margin-top: 3rem}
.page-template-default #page-full-width p, .page-template-page-incontournables section.container p { font-size: 1.15rem}
.page-template-default #page-full-width .tailor-ui .tablet-columns { margin-left: 0 !important; margin-right: 0 !important}
.page-template #page-full-width, .page-template-default #page-full-width { max-width: 100vw !important; width: 100vw !important}
.page-template-page-balades section.container #page-full-width { max-width: 90vw !important; margin: 0; padding: 0; margin-left: auto; margin-right: auto}

@media screen and (min-width:1280px) {

    .page-template-page-balades section.container #page-full-width { max-width: 68.125rem !important }
    
}

.page-template #page-full-width>article.main-content>div.article_alterne,
.page-template #page-full-width>article.main-content>div.entry-content,
.page-template-default #page-full-width>article.main-content>div.entry-content {    max-width: 89rem;    margin: 0;    padding: 0;    margin-left: auto;    margin-right: auto}
.page-template-default .tailor-element h2,
.page-template-default .tailor-element h3 { color: #515151; font-size: 3.6rem; line-height: 1.125}

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

    .page-template-default .tailor-element h2,
    .page-template-default .tailor-element h3 { font-size: 3rem; padding-top: 2rem }
    .page-template #page-full-width>article.main-content>div.article_alterne, .page-template #page-full-width>article.main-content>div.entry-content, .page-template-default #page-full-width>article.main-content>div.entry-content { max-width: 90vw; }

}

.page-template-default .tailor-element h2:before,
.page-template-default .tailor-element h3:before {    content: "";    background-color: #515151;    height: 4px;    width: 7.5rem;    display: block;    margin-bottom: 1.75rem}

@media screen and (min-width:640px) {

    .tailor-ui .tailor-grid--desktop.tailor-grid--2>.tailor-grid__item { width: 48.5% }
    
}

.tailor-ui .tailor-grid--desktop:not(.tailor-grid--masonry),
.tailor-ui .tailor-grid--tablet:not(.tailor-grid--masonry) {    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between}

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

    .tailor-ui .tailor-grid--desktop:not(.tailor-grid--masonry).rtl,
    .tailor-ui .tailor-grid--tablet:not(.tailor-grid--masonry).rtl {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-orient: vertical;        -webkit-box-direction: reverse;        -ms-flex-direction: column-reverse;        flex-direction: column-reverse    }
    
}

h1 { color: #fff;}
.single h1 { color: #101820; font-size: 3rem; text-align: center}
h2 { color: #101820}
.single h2 {font-size: 2rem;}
h3 { color: #101820}
h3.white, h4.white { color: #fff!important}
h4 { color: #101820}
h5 { color: #101820}
h6 { color: #101820}

header>.page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

header>.page-title h1.entry-title { font-size: 3rem; margin: 0 auto; color: #fff; text-align: center}
.breadcrumb_block {display: none;max-width: 89rem; margin: 2rem auto; padding: 0 5rem;}
.cookies { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; height: 80px; width: 100vw; background-color: #515151; position: fixed; bottom: 0; left: 0; z-index: 9}

@media print,screen and (min-width:40em) {

    header>.page-title h1.entry-title { font-size: 5.5rem    }
    
}

@media print,screen and (min-width:64em) {

    .breadcrumb_block {display: block;}
    
}


/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body { margin: 0}

article,
aside,
footer,
header,
nav,
section {    display: block}

h1 { font-size: 2em; margin: .67em 0}

figcaption,
figure { display: block}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main { display: block}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button; appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #515150;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}


/* Début bootstrap ? (2 sur le meme fichier...)----------------------------------------------------------------------------------------------------------------------------------- */

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

.row::after,
.row::before {
    display: table;
    content: ' '
}

.row::after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row.gutter-small>.column,
.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium>.column,
.row.gutter-medium>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width:40em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,
.small-up-1>.columns {
    float: left;
    width: 100%
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    float: left;
    width: 50%
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    float: left;
    width: 33.33333%
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    float: left;
    width: 25%
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    float: left;
    width: 20%
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    float: left;
    width: 16.66667%
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    float: left;
    width: 14.28571%
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    float: left;
    width: 12.5%
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,
screen and (min-width:40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.15rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row.expanded {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: initial
}

@media print,
screen and (min-width:40em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column.row.row,
.row.row.columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.small-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width:40em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .medium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .medium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:40em) {

    .row.medium-unstack>.column,
    .row.medium-unstack>.columns {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:40em) {

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .large-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .large-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:64em) {

    .row.large-unstack>.column,
    .row.large-unstack>.columns {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: dm_serif_displayregular, "Droid Sans", "Helvetica Neue", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #a1a19f
}

h1 {
    font-size: 1.37rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem;
    line-height: 1;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
   font-size: 1.04rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: .5rem;
    color: #101820
}

h4 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,
screen and (min-width:40em) {

    h1 { font-size: 4.53125rem }
    h2 { font-size: 2rem!important; line-height: 1.4; }    
    h3 { font-size: 1.9375rem }
    h4 { font-size: 1.5625rem }
    h5 { font-size: 1.15rem }
    h6 { font-size: 0.85rem }
    
}

a {
    line-height: inherit;
    color: #101820;
    text-decoration: none;
    cursor: pointer
}

a:focus, a:hover { color: #949494}

a img { border: 0}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.15rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #a1a19f;
    border-left: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.15rem;
    list-style-type: disc
}

ol {
    margin-left: 1.15rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.15rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.15rem 0 1.1875rem;
    border-left: 1px solid #a1a19f
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #515150
}

cite {
    display: block;
    font-size: .8125rem;
    color: #515151
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #5f5f5f;
    color: #5f5f5f;
    cursor: help
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #a1a19f;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #5f5f5f
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #5f5f5f
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #515151
}

.lead {    font-size: 125%;    line-height: 1.6}
.stat {    font-size: 2rem;    line-height: 1}
p+.stat {    margin-top: -1rem}
.no-bullet {    margin-left: 0;    list-style: none}
.text-left {    text-align: left}
.text-right {    text-align: right}
.text-center {    text-align: center}
.text-justify {    text-align: justify}

@media print,
screen and (min-width:40em) {
    .medium-text-left {        text-align: left    }
    .medium-text-right {        text-align: right    }
    .medium-text-center {        text-align: center    }
    .medium-text-justify {        text-align: justify    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {        text-align: left    }
    .large-text-right {        text-align: right    }
    .large-text-center {        text-align: center    }
    .large-text-justify {        text-align: justify    }
}

.show-for-print {    display: none !important}

@media print {
    * {
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    .ir a:after,
    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: ''
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #515151;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #101820;
    border-radius: 0;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: 0;
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a1a19f
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a1a19f
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a1a19f
}

input::placeholder,
textarea::placeholder {
    color: #a1a19f
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-bottom: 0; line-height: 1.2;
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #5f5f5f
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #5f5f5f
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child {
    border-radius: 0
}

.input-group>:last-child>* {
    border-radius: 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #a1a19f;
    background: #e6e6e6;
    color: #5f5f5f;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.85rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.15rem;
    border: 1px solid #a1a19f
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a1a19f;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 0.85rem;
    line-height: normal;
    color: #5f5f5f;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 139, 135%29'></polygon></svg>");
    -webkit-background-origin: content-box;
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    -webkit-background-size: 9px 6px;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #cc4b37
}

.form-error.is-visible {
    display: block
}

.button {
       display: inline-block;
    vertical-align: middle;
    margin: 0 0 0.25rem 0;
    padding: 0.5em 1em;
    -webkit-appearance: none;appearance: none;
    border-radius: 0;
    -webkit-transition: all .25s ease-out, color .25s ease-out;
    transition: all .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: #101820;
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,
.button:hover {
    color: #515151;
}

.button.tiny {
    font-size: .55rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.15rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #515151;
    color: #5f5f5f
}

.button.primary:focus,
.button.primary:hover {
    background-color: #00799e;
    color: #fff
}

.button.secondary {
    background-color: #767676;
    color: #5f5f5f
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5e5e5e;
    color: #fff
}

.button.success {
    background-color: #3adb76;
    color: #5f5f5f
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #fff
}

.button.warning {
    background-color: #ffae00;
    color: #5f5f5f
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #fff
}

.button.alert {
    background-color: #cc4b37;
    color: #5f5f5f
}

.button.alert:focus,
.button.alert:hover {
    background-color: #a53b2a;
    color: #fff
}

.button.hollow {
    border: 3px solid #515151;
    color: #515151
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #004c63;
    color: #004c63
}

.button.hollow.primary {
    border: 3px solid #515151;
    color: #515151
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #004c63;
    color: #004c63
}

.button.hollow.secondary {
    border: 3px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success {
    border: 3px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 3px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 3px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: transparent;
    color: #515151
}

.button.disabled.primary,
.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #515151;
    color: #515151
}

.button.disabled.secondary,
.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #767676;
    color: #515151
}

.button.disabled.success,
.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #515151
}

.button.disabled.warning,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #515151
}

.button.disabled.alert,
.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #cc4b37;
    color: #515151
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion-item:first-child>:first-child {
    border-radius: 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.15rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #515151
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active>.accordion-title::before {
    content: '–'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #5f5f5f
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #515151 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.badge { display: inline-block; min-width: 2.1em; padding: .3em; border-radius: 50%; font-size: .55rem; text-align: center; background: #515151; color: #fefefe}
.badge.primary { background: #515151; color: #fefefe}
.badge.secondary { background: #767676; color: #fefefe}
.badge.success { background: #3adb76; color: #5f5f5f}
.badge.warning { background: #ffae00; color: #5f5f5f}
.badge.alert { background: #cc4b37; color: #fefefe}

.breadcrumbs { margin: 0 auto; list-style: none; display: flex; justify-content: center;}
.breadcrumbs::after,.breadcrumbs::before { display: table; content: ' '}
.breadcrumbs::after { clear: both}
.breadcrumbs li { float: left; font-size: .875rem; color: #5f5f5f; cursor: default}
.breadcrumbs li:not(:last-child)::after { position: relative; top: 1px; margin: 0 .75rem; opacity: 1; content: "/"; color: #a1a19f}
.breadcrumbs a { color: #515151}
.breadcrumbs a:hover { text-decoration: underline}
.breadcrumbs .disabled { color: #a1a19f; cursor: not-allowed}

.button-group { margin-bottom: 1rem; font-size: 0}
.button-group::after,
.button-group::before { display: table; content: ' '}
.button-group::after { clear: both}
.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: .9rem}
.button-group .button:last-child { margin-right: 0}
.button-group.tiny .button { font-size: .55rem}
.button-group.small .button { font-size: .75rem}
.button-group.large .button { font-size: 1.15rem}
.button-group.expanded { margin-right: -1px}
.button-group.expanded::after,
.button-group.expanded::before { display: none}
.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {    display: inline-block; width: calc(50% - 1px); margin-right: 1px}
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child { margin-right: -6px}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {    display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child { margin-right: -6px}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {    display: inline-block; width: calc(25% - 1px); margin-right: 1px}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child { margin-right: -6px}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {    display: inline-block; width: calc(20% - 1px); margin-right: 1px}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child { margin-right: -6px}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {    display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child { margin-right: -6px}

.button-group.primary .button { background-color: #515151; color: #5f5f5f}

.button-group.primary .button:focus,
.button-group.primary .button:hover { background-color: #00799e; color: #fff}

.button-group.secondary .button { background-color: #767676; color: #5f5f5f}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover { background-color: #5e5e5e; color: #fff}

.button-group.success .button { background-color: #3adb76; color: #5f5f5f}

.button-group.success .button:focus,
.button-group.success .button:hover { background-color: #22bb5b; color: #fff}

.button-group.warning .button { background-color: #ffae00; color: #5f5f5f}

.button-group.warning .button:focus,
.button-group.warning .button:hover { background-color: #cc8b00; color: #fff}
 
.button-group.alert .button { background-color: #cc4b37; color: #5f5f5f}

.button-group.alert .button:focus,
.button-group.alert .button:hover { background-color: #a53b2a; color: #fff}

.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button { width: 100%}

.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child { margin-bottom: 0}

@media print, screen and (min-width:40em) {

    .button-group.stacked-for-small .button { width: auto; margin-bottom: 0 }
    
}

@media print, screen and (min-width:64em) {

    .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0 }
    
}

@media screen and (max-width:39.9375em) {

    .button-group.stacked-for-small.expanded { display: block}
    .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0 }
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(95, 95, 95, .25);
    border-radius: 0;
    background-color: #fff;
    color: #5f5f5f
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #d0f4ff;
    color: #5f5f5f
}

.callout.secondary {
    background-color: #eaeaea;
    color: #5f5f5f
}

.callout.success {
    background-color: #e1faea;
    color: #5f5f5f
}

.callout.warning {
    background-color: #fff3d9;
    color: #5f5f5f
}

.callout.alert {
    background-color: #f7e4e1;
    color: #5f5f5f
}

.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.card {
    margin-bottom: .25rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #5f5f5f
}

.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    padding: 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.close-button {
    position: absolute;
    color: #515151;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #5f5f5f
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    display: table-cell;
    vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
    vertical-align: middle
}

.menu>li>a i+span,
.menu>li>a img+span,
.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu.horizontal>li,
.menu>li {
    display: table-cell
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.vertical>li {
    display: block
}

@media print,
screen and (min-width:40em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.medium-expanded>li:first-child:last-child {
        width: 100%
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal>li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.large-expanded>li:first-child:last-child {
        width: 100%
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    margin-right: 1rem;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.align-right::after,
.menu.align-right::before {
    display: table;
    content: ' '
}

.menu.align-right::after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,
.menu.icon-top>li>a img,
.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.icon-top.vertical a>span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    background: #515151;
    color: #fefefe
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

.menu.menu-bordered li:not(:first-child) {
    border-top: 0
}

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''
}

.menu-icon:hover::after {
    background: #a1a19f;
    -webkit-box-shadow: 0 7px 0 #a1a19f, 0 14px 0 #a1a19f;
    box-shadow: 0 7px 0 #a1a19f, 0 14px 0 #a1a19f
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #5f5f5f;
    -webkit-box-shadow: 0 7px 0 #5f5f5f, 0 14px 0 #5f5f5f;
    box-shadow: 0 7px 0 #5f5f5f, 0 14px 0 #5f5f5f;
    content: ''
}

.menu-icon.dark:hover::after {
    background: #515151;
    -webkit-box-shadow: 0 7px 0 #515151, 0 14px 0 #515151;
    box-shadow: 0 7px 0 #515151, 0 14px 0 #515151
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    -webkit-transition: height .5s;
    transition: height .5s
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #515151;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #515151 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    margin-right: .75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #a1a19f;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 0.85rem
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #515151 transparent transparent;
    right: 5px;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #515151 transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #515151
}

@media print,
screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #515151 transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #515151 transparent transparent
    }

    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #515151
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #515151 transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #515151 transparent transparent
    }

    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #515151
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #a1a19f;
    background: #fefefe
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #515151 transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #515151
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #515151;
    color: #fefefe
}

.label.primary {
    background: #515151;
    color: #fefefe
}

.label.secondary {
    background: #767676;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #5f5f5f
}

.label.warning {
    background: #ffae00;
    color: #5f5f5f
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}



.pagination {
    margin: 0;
      margin-bottom: 0px;
    margin-bottom: 2rem;
    text-align: center;
  }
.pagination::after,
.pagination::before { display: table; content: ' '}
.pagination::after { clear: both}
.pagination li { margin-right: .0625rem; border-radius: 0; font-size: .875rem; display: none}
.pagination li:first-child,
.pagination li:last-child { display: inline-block}

@media print, screen and (min-width:40em) {

	.pagination li { display: inline-block }
	
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #5f5f5f
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #515151;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #a1a19f;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: 0 0
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #5f5f5f
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb'
}

.progress {
    height: 1rem;
    margin-bottom: .25rem;
    border-radius: 0;
    background-color: #a1a19f
}

.progress.primary .progress-meter {
    background-color: #515151
}

.progress.secondary .progress-meter {
    background-color: #767676
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #cc4b37
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #515151
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.15rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #a1a19f;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #515151;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle { outline: 0 }

.slider-handle:hover {
    background-color: #0080a7
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.15rem;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck { position: absolute; z-index: 11}
.sticky.is-stuck.is-at-top { top: 0}
.sticky.is-stuck.is-at-bottom { bottom: 0}
.sticky.is-anchored { position: relative; right: auto; left: auto}
.sticky.is-anchored.is-at-bottom { bottom: 0}
body.is-reveal-open { overflow: hidden}
html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(95, 95, 95, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #a1a19f;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: .25rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #a1a19f;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    content: ''
}

input:checked~.switch-paddle {
    background: #515151
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .58rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.15rem;
    height: 1.15rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 0.85rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: .25rem;
    border-radius: 0
}

table tbody,
table tfoot,
table thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

table caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

table thead {
    background: #f8f8f8;
    color: #5f5f5f
}

table tfoot {
    background: #f1f1f1;
    color: #5f5f5f
}

table tfoot tr,
table thead tr {
    background: 0 0
}

table tfoot td,
table tfoot th,
table thead td,
table thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

table tbody td,
table tbody th {
    padding: .5rem .625rem .625rem
}

table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width:63.9375em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {    margin: 0 auto;    /*border: 1px solid #e6e6e6;*/    background: #fefefe;    list-style-type: none}
.tabs::after,
.tabs::before { display: table; content: ' '}
.tabs::after {    clear: both}
.tabs.vertical>li {    display: block;    float: none;    width: auto}
.tabs.simple>li>a {    padding: 0}
.tabs.simple>li>a:hover {    background: 0 0}
.tabs.primary {    background: #515151}
.tabs.primary>li>a {    color: #fefefe}
.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {    background: #00a3d5}
.tabs-title {    float: left}
.tabs-title>a {    display: block;    padding: 1.15rem 1.5rem;    font-size: .75rem;    line-height: 1;
    color: #515151}
.tabs-title>a:hover {    background: #fefefe;    color: #0082a9}
.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {    background: #e6e6e6;    color: #515151}
.tabs-content {    border: 1px solid #e6e6e6;    border-top: 0;    background: #fefefe;    color: #5f5f5f;    -webkit-transition: all .5s ease;    transition: all .5s ease}
.tabs-content.vertical {    border: 1px solid #e6e6e6;    border-left: 0}
.tabs-panel {    display: none;    padding: 1rem}
.tabs-panel[aria-hidden=false] {    display: block}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: .25rem;
    border: solid 4px #fefefe;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(95, 95, 95, .2);
    box-shadow: 0 0 0 1px rgba(95, 95, 95, .2);
    line-height: 0
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out
}

a.thumbnail:focus,
a.thumbnail:hover {
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 151, 197, .5);
    box-shadow: 0 0 6px 1px rgba(0, 151, 197, .5)
}

a.thumbnail image {
    -webkit-box-shadow: none;
    box-shadow: none
}

.title-bar {
    padding: .5rem;
    background: #2c3840;
    color: #fefefe
}

.title-bar::after,
.title-bar::before {
    display: table;
    content: ' '
}

.title-bar::after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: 700;
    cursor: help
}


/* Tooltip ----------------------------------------------------------------------------------------------------------------------------------- */

.tooltip {
    position: absolute;
    top: calc(100% + .2165rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .45rem;
    border-radius: 2px;
    background-color: #515151;
    font-size: 0.85rem;
    color: #fff
}

.tooltip::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .25rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #515151;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .25rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #515151 transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .25rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #515151;
    top: 50%;
    bottom: auto;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .25rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #515151 transparent transparent;
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}


/* Top bar ----------------------------------------------------------------------------------------------------------------------------------- */

.top-bar {
    padding: 0
}

.top-bar::after,
.top-bar::before {
    display: table;
    content: ' '
}

.top-bar::after {
    clear: both
}

.top-bar,
.top-bar ul { background-color: #2c3840}
.top-bar input { max-width: 200px; margin-right: 1rem}
.top-bar .input-group-field { width: 100%; margin-right: 0}
.top-bar input.button {color: #fff; width: auto}
.top-bar .top-bar-left,
.top-bar .top-bar-right { width: 100%}

@media print,
screen and (min-width:40em) {

    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width:63.9375em) {

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:74.9375em) {

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    float: left;
    padding: .5rem 1rem .5rem 0
}

.top-bar-title .menu-icon {
    bottom: 2px
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}


/* Hide / show ? ----------------------------------------------------------------------------------------------------------------------------------- */

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}


/* Float - align ? ----------------------------------------------------------------------------------------------------------------------------------- */

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::after,
.clearfix::before {
    display: table;
    content: ' '
}

.clearfix::after {
    clear: both
}

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

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

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width:40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}



@media screen and (max-width:960px) {
    .hide-for-small {
        display: none
    }
}

ul.agenda_forms {
    margin-left: 32%;
    list-style: none
}

ul.agenda_forms li {
    display: block
}

ul.agenda_forms li a {
    display: inline-block;
    width: auto;
    font-size: dm_serif_displayregular, sans-serif;
    color:#515151;
    line-height: 3;
    font-size: 1.15rem
}

ul.agenda_forms li a img.arrow {
    margin-right: 1rem
}

.padding-small {
    padding: 1rem 8rem
}

form#activites_header {
    width: 100vw !important;
    margin: 0 auto !important;
    padding-left: 0 8rem !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form#activites {
    width: 100vw !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

form span {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popup-content {
    width: 17.625rem
}

.popup-content .pop-up-content-img {
    float: right;
    margin-top: 1.5rem;
    width: 16.25rem;
    height: 10.875rem;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.popup-content h4 {
    color: #515151;
    padding-left: 1.15rem
}

.fullpage-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-color: #515151;
    background-image: url(/wp-content/uploads/2020/07/home-00-wisible.jpg);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fullpage-404 h1 {
    color: #fff;
    position: relative;
    z-index: 1
}

.fullpage-404:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

div.golden-border {
    width: 90%;
    padding: 1rem;
    text-align: center;
    padding-bottom: 1rem
}

div.golden-border p {
    font-size: 1.2rem;
    line-height: 1.25;
    text-align: center
}

.daterangepicker td { border-radius: 0}
.daterangepicker td.active { background-color: #515151}
.daterangepicker td table tbody tr:nth-child(even) { background-color: #fff}

.results-banner {
    position: relative;
    z-index: 2;
    left: 0;
    padding: 2rem 9rem;
    width: 100%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    margin: 0
}

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

    .results-banner { padding: 2rem }
    
}

.results-banner a.edit_filtres {
    float: right;
    padding: 0;
    margin-top: 8px;
}

.results-banner.stuck { position: fixed; padding: 2rem 18rem 1rem 18rem; background: #fff}

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

    .results-banner.stuck { padding: 0 }
    .results-banner a.edit_filtres, a.reinit_filtres { display: none}
    
}

#criteres .checkbox { display: inline-block}

#criteres .checkbox span {
    font-size: 1.37rem;
    border-bottom: 2px solid #a1a19f;
    color: #a1a19f;
    margin-right: .5rem;
    text-transform: uppercase
}

#criteres input[type=checkbox]:checked+span {
    color: #515151;
    border-bottom: 2px solid #515151
}

#criteres input[type=checkbox] {
    display: none
}

#stream_progress {
    width: 0
}

.chambreshotes fieldset {
    display: inline-block
}

.chambreshotes .select_label {
    display: inline-block;
    max-width: 16rem
}

@media screen and (min-width:1160px) {
    .chambreshotes .select_label {
        top: -1rem
    }
}

@media screen and (max-width:1366px) {
    .chambreshotes .select_label {
        max-width: 11rem
    }
}

.stuck {
    position: fixed
}

.fixed {
    position: fixed
}

.entries-pagination nav ul.pagination {
    margin-bottom: 2rem
}

.entries-pagination nav ul.pagination li a {
    border-radius: 12px;
    color: #fff;
    font-family: dm_serif_displayregular, sans-serif;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.entries-pagination nav ul.pagination li a:hover {
    background-color: #005c79
}

@media screen and (max-width:768px) {
    .entries-pagination nav ul.pagination li a {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 1.5rem
    }
}

.entries-pagination nav ul.pagination li a[data-page=first],
.entries-pagination nav ul.pagination li a[data-page=last],
.entries-pagination nav ul.pagination li a[data-page=next],
.entries-pagination nav ul.pagination li a[data-page=prev] {
    padding: 0 12px
}

.tailor-ui .tailor-grid__item {
    border: 0 none !important
}

.tailor-ui .tailor-grid--tablet.tailor-grid--2>.tailor-grid__item {
    width: 50%
}

@media only screen and (max-width:768px) {
    .tailor-ui .tailor-grid--tablet.tailor-grid--2>.tailor-grid__item {
        width: 100% !important
    }
}

.large_preview {
    height: 26.25rem
}

.div-brochures {
    max-width: 89rem;
    margin: 0 auto
}

@media all {
    .page-break {
        display: none
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always
    }

    * {
        font-family: sans-serif;
        font-size: 16pt;
        color: #000
    }

    #footer .lang_selector,
    #footer .links,
    #footer .logos,
    #footer .social_links,
    #map,
    #pre-footer-hero,
    #result_map,
    .main-content.post-65,
    header#featured-hero,
    section.grey {
        display: none !important
    }

    .results {
        max-width: auto;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0
    }

    .results .result {
        width: 100%;
        min-height: auto
    }
}



.switch-card {
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    height: 9rem
}

.switch-card .st0n {
    opacity: 0;
    fill: #fff
}

.switch-card .st0 {
    opacity: 1;
    fill: #515151
}

.switch-card:hover {
    background-color: #515151
}

.switch-card:hover span {
    color: #fff
}

.switch-card:hover .st0 {
    opacity: 0
}

.switch-card:hover .st0n {
    opacity: 1
}

.page-template-ou-dormir .switch-card,
.page-template-page-fma .switch-card,
.page-template-page-results-villages-vacances .switch-card {
    width: 30%
}


/* Trafic routier ----------------------------------------------------------------------------------------------------------------------------------- */

.page-template-page-traficroutier .tailor-tabs__navigation li.tailor-tabs__navigation-item {
    max-width: 180px;
    text-align: center;
    width: 180px;
    height: 180px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:first-child {
    margin-left: 12.5%
}

.page-template-page-traficroutier .tailor-tabs__navigation li:first-child:before {
    max-width: 57.5%;
    content: url(../images/maps/train.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:first-child.is-active:before {
    content: url(../images/maps/train_b.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(2):before {
    max-width: 72.5%;
    content: url(../images/maps/plane.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(2).is-active:before {
    content: url(../images/maps/plane_b.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(3):before {
    max-width: 80%;
    content: url(../images/maps/bus.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(3).is-active:before {
    content: url(../images/maps/bus_b.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(4):before {
    top: 20px;
    position: relative;
    max-width: 80%;
    content: url(../images/maps/car.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:nth-child(4).is-active:before {
    content: url(../images/maps/car_b.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:last-child:before {
    top: 37.5px;
    position: relative;
    max-width: 75%;
    content: url(../images/maps/bike.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li:last-child.is-active:before {
    content: url(../images/maps/bike_b.svg);
    display: block;
    height: 120px
}

.page-template-page-traficroutier .tailor-tabs__navigation li::before,
.page-template-page-traficroutier .tailor-tabs__navigation li:before { margin: 0 auto }

.page-template-page-venir .tailor-tabs__navigation li.tailor-tabs__navigation-item {
    max-width: 180px;
    text-align: center;
    width: 180px;
    height: 180px
}


/* Venir ----------------------------------------------------------------------------------------------------------------------------------- */

.page-template-page-venir .tailor-tabs__navigation li:first-child:before {
    top: 8px;
    position: relative;
    max-width: 50%;
    content: url(../images/maps/train.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:first-child.is-active:before {
    content: url(../images/maps/train_b.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(2):before {
    top: 4px;
    position: relative;
    max-width: 65%;
    content: url(../images/maps/plane.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(2).is-active:before {
    content: url(../images/maps/plane_b.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(3):before {
    position: relative;
    top: 14px;
    max-width: 65%;
    content: url(../images/maps/bus.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(3).is-active:before {
    content: url(../images/maps/bus_b.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(4):before {
    position: relative;
    top: 24px;
    max-width: 70%;
    content: url(../images/maps/car.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:nth-child(4).is-active:before {
    content: url(../images/maps/car_b.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:last-child:before {
    top: 30px;
    position: relative;
    max-width: 70%;
    content: url(../images/maps/bike.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li:last-child.is-active:before {
    content: url(../images/maps/bike_b.svg);
    display: block;
    height: 120px
}

.page-template-page-venir .tailor-tabs__navigation li::before,
.page-template-page-venir .tailor-tabs__navigation li:before { margin: 0 auto }

.tailor-tabs { padding: 0 2rem }


/* Se deplacer ----------------------------------------------------------------------------------------------------------------------------------- */

.page-template-page-se-deplacer .tailor-tabs__navigation li.tailor-tabs__navigation-item {
    max-width: 180px;
    text-align: center;
    width: 180px;
    height: 180px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:first-child:before {
    top: 37.5px;
    position: relative;
    max-width: 75%;
    content: url(../images/maps/bike.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:first-child.is-active:before {
    content: url(../images/maps/bike_b.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(2):before {
    max-width: 65%;
    content: url(../images/maps/boat.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(2).is-active:before {
    content: url(../images/maps/boat_b.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(3):before {
    max-width: 57.5%;
    content: url(../images/maps/train.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(3).is-active:before {
    content: url(../images/maps/train_b.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(4):before {
    max-width: 80%;
    content: url(../images/maps/bus.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:nth-child(4).is-active:before {
    content: url(../images/maps/bus_b.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:last-child:before {
    top: 20px;
    position: relative;
    max-width: 80%;
    content: url(../images/maps/car.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li:last-child.is-active:before {
    content: url(../images/maps/car_b.svg);
    display: block;
    height: 120px
}

.page-template-page-se-deplacer .tailor-tabs__navigation li::before,
.page-template-page-se-deplacer .tailor-tabs__navigation li:before { margin: 0 auto }

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


.tailor-element ul { list-style: square }

.results .result a { word-break: break-word }

.tailor-element p,
.tailor-section p,
p { font-size: 1.15rem; line-height: 1.65}

p a:not(.button) {
    border-bottom: 2px solid #101820;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

p a:not(.button):hover { border-bottom: 2px solid #515151 }

.tailor-section h3 { font-size: 3.6rem; line-height: 1; margin-bottom: 1.5rem }

@media screen and (max-width:640px) {
    .tailor-section .tablet-columns {
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tailor-section .tablet-columns>div {
        width: 100% !important
    }
}

.header_logo { display: block; margin: 0 auto }

h6.blue { color: #515151;}

.gm-style { font-size: 1.15rem }



.page-template-page-composez article h3 {
    font-size: 3.6rem;
    line-height: 1
}

.page-template-page-composez article p {
    font-size: 1.37rem;
    line-height: 1.3
}


/* Brochures ------------------------------------------------------------------------------------------------------------------------------------ */

.post-type-archive-brochures .pre-footer {
    max-width: 70rem !important;
    margin: 0 auto
}

@media screen and (max-width:640px) {
    .post-type-archive-brochures .brochures_animated {
        display: none
    }
}

@media screen and (max-width:640px) {
    .post-type-archive-brochures .form-brochure .brochures_animated+* {
        padding: 1rem
    }
}

.post-type-archive-brochures .form-brochure .brochures_animated+p {
    font-size: 1.85rem;
    color: #515151;
    font-family: dm_serif_displayregular, sans-serif
}

@media screen and (max-width:640px) {
    .post-type-archive-brochures .form-brochure .brochures_animated+p {
        padding: 1rem
    }
}

.post-type-archive-brochures form {
    width: 100%;
    text-align: left
}

.post-type-archive-brochures form input[type=email],
.post-type-archive-brochures form input[type=tel],
.post-type-archive-brochures form input[type=text] {
    font-size: 1.15rem;
    border: none;
    padding: .5rem;
    height: 3rem;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: 2rem
}

.post-type-archive-brochures form input[type=email]:focus,
.post-type-archive-brochures form input[type=tel]:focus,
.post-type-archive-brochures form input[type=text]:focus {
    border-bottom: 3px solid #515151;
    -webkit-box-shadow: none;
    box-shadow: none
}

.post-type-archive-brochures form input[type=email] placeholder,
.post-type-archive-brochures form input[type=tel] placeholder,
.post-type-archive-brochures form input[type=text] placeholder {
    color: red
}

.post-type-archive-brochures form input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    /* border: 3px solid #515151; */
    color: #515151;
    text-transform: uppercase;
    /* margin-bottom: 1rem; */
    /* float: right; */
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.post-type-archive-brochures form input[type=submit]:hover {
    background: #fff
}

.post-type-archive-brochures form .wpcf7-validation-errors {
    color: #515151;
    position: absolute;
    margin-top: -8rem;
    margin-left: 9rem
}

.post-type-archive-brochures form .row {
    padding: 0 8rem
}

@media screen and (max-width:640px) {
    .post-type-archive-brochures form .row {
        padding: 0 .5rem
    }
}

.post-type-archive-brochures form input[type=checkbox] {
    float: left;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 3rem
}

.post-type-archive-brochures form .columns:last-child:not(:first-child) {
    float: left
}

.post-type-archive-brochures form p.smaller {
    font-size: .9rem;
    color: #a1a19f;
    line-height: 1.2
}

.page-template-default .tailor-element h2,
.page-template-default .tailor-element h3,
.tailor-element h2,
.tailor-element h3 {
    color: #515151 !important
}

.post-type-archive-brochures .brochure_left {
    left: 12.5%
}

.post-type-archive-brochures .brochure_right {
    left: 7.5%
}

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

section.grey h2.p1 {
    font-size: 2.25rem
}

.top-bar .menu .home a {
    padding-top: .35rem
}

.page_meteo {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(10%, rgba(255, 255, 255, 0))), url(../images/bg-blog-bg-meteo.jpg);
    background: -webkit-linear-gradient(top, #fff 10%, rgba(255, 255, 255, 0)), url(../images/bg-blog-bg-meteo.jpg);
    background: linear-gradient(180deg, #fff 10%, rgba(255, 255, 255, 0)), url(../images/bg-blog-bg-meteo.jpg);
    -webkit-background-size: cover, cover;
    background-size: cover, cover;
    background-position: center, bottom center
}

.page_meteo h3 {
    color: #515151;
    font-size: 2rem;
    line-height: 1
}

.page_meteo h3 span {
    font-size: 3.5rem;
    text-transform: capitalize
}

.page_meteo h3 span.date { font-size: 2rem; text-transform: lowercase}

.page_meteo #forecast_day_1,
.page_meteo #forecast_day_2,
.page_meteo #forecast_day_3,
.page_meteo .cweather {
    overflow: hidden;
    clear: both;
    background-color: #fff;
    padding: .5rem
}

.page_meteo .cweather { margin: 0 1rem}

.page_meteo .current_weather_div_col { padding-right: 2rem; border-right: 1px solid #a1a19f}

.page_meteo #current_weather_description { text-align: center}

.page_meteo #current_weather_description p {
    color: #515151;
    /* font-family: dm_serif_displayregular, sans-serif; */
    font-size: 1.6rem;
    text-transform: capitalize;
    border-bottom: 1px solid #515151;
    line-height: 1;
    padding-bottom: 1rem;
}

.page_meteo #current_temperature { text-align: center}

.page_meteo #current_temperature p {color: #515151; font-size: 2rem; line-height: .85}

.page_meteo #current_temperature p span.small { font-size: 2rem}

.page_meteo .info_meteo p.info { color: #515151; font-family: dm_serif_displayregular, sans-serif; font-size: 1.5rem}

.page_meteo .info_meteo p { font-size: 1.6rem!important; color: #515151; line-height: 1; font-family: inherit!important;}

.page_meteo .temp { font-family: inherit!important; font-size: 1.6rem !important; color: #515151!important;}
.page_meteo #forecast_day_1,
.page_meteo #forecast_day_2,
.page_meteo #forecast_day_3 { min-height: 23.75rem}

.page_meteo #forecast_day_1 .info_meteo img,
.page_meteo #forecast_day_2 .info_meteo img,
.page_meteo #forecast_day_3 .info_meteo img { max-width: 44px; height: auto}

.page-template-default.page-id-891 #page-full-width,
.page-template-default.page-id-895 #page-full-width { background: 0 0 }

.page-template-page-marees section.banner_marees,
.page-template-page-meteo section.banner_marees {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 28.125rem
}

.page-template-page-marees section.banner_marees h2,
.page-template-page-meteo section.banner_marees h2 {
    color: #fff;
    text-align: left;
    max-width: 53.5%
}

.social-feed-container-272 .social-feed-element.w240m15 {
    width: 240px !important;
    margin: 15px !important
}

div.gm-style-iw {
    max-width: 294px;
    width: 294px
}

.gm-style-iw {
    width: 270px !important;
    top: 20px !important;
    left: 20px !important;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(178, 178, 178, .6);
    box-shadow: 0 1px 6px rgba(178, 178, 178, .6);
    border: none;
    border-radius: 0
}

.infowindow {
    max-width: 270px
}

.infowindow h6 {
    max-width: 90%;
    padding: 10px 0 0 10px;
    font-size: 1.15rem;
    line-height: 1
}

.infowindow #rating_small,
.infowindow p {
    padding: 0 0 10px 10px
}

.slickmini {
    width: 16.25rem;
    height: 10.875rem;
    padding-top: 10px;
    padding-left: 10px
}

.slickmini .slickminislide {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

p.bordered {
    border-top: 1px solid #515151;
    border-bottom: 1px solid #515151;
    padding-top: .5rem;
    margin-top: .5rem !important;
    padding-bottom: .5rem;
    margin-bottom: .5rem !important
}

p.bordered-top {
    border-top: 1px solid #515151;
    padding-top: .5rem;
    margin-top: .5rem !important;
    padding-bottom: .5rem;
    margin-bottom: .5rem !important
}

.bg_marees {
    /* 
background-image: url(../images/bg_marees.jpg);
    background-position: bottom center;
    -webkit-background-size: cover;
    background-size: cover;
 */
    font-size: 1.15rem
}
.bg_marees h2 {
    font-size: 1.4em;
    vertical-align: middle;
    margin: -0.4rem 1rem 0;
    display: inline-block;
    height: 40px;
}

@media screen and (min-width:768px) {
	
	.bg_marees h2 { font-size: 1.8em;
    margin: -0.2rem 3rem 0;
    vertical-align: top;}
	
}

.row-no-padding {
    padding: .25rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-bordered-bottom {    border-bottom: 1px solid #ccc}
p.greyed {    color: #a1a19f}
.grey-header {    background-color: #f3f3f3;    color: #515151;    padding: 0}
.grey-header span {    font-size: 1.15rem}

.grey-header span strong {
    font-family: dm_serif_displayregular, sans-serif;
    font-size: 1.75rem
}

.fullpage-404 p {
    font-family: dm_serif_displayregular, sans-serif;
    color: #fff;
    font-size: 1.37rem;
    margin-top: 1.5rem;
    position: relative;
    z-index: 1
}

.fullpage-404 a,
.fullpage-404 h2 {
    position: relative;
    z-index: 1
}

.get_links {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
        justify-content: center;
    width: 40rem
}

.get_links ul {
    list-style: none;     text-align: center;
}

.get_links ul li a {    font-size: 1.37rem;    color: #fff;    line-height: 1.5}
.get_links ul li a:hover {    border-bottom: 2px solid #fff}
.composez-resa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.composez-resa a,
.composez-resa img,
.composez-resa p {    position: relative;    z-index: 1}
.composez-resa p { color: #fff; font-family: dm_serif_displayregular, sans-serif; max-width: 60%; font-size: 1.15rem; text-align: center}
.composez-resa:before { content: ""; position: absolute; z-index: 0; background: rgba(0, 0, 0, .5); top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%}
.questions-content a,
.questions-content h3,
.questions-content p {    text-align: center}
.main-content ul:not(.tailor-tabs__navigation) li { font-size: 1.15rem}

p.agenda_date_block { background-color: #101820; font-size: .9rem; color: #fff; margin: 0.5rem 0; line-height: 1;    display: inline-block; padding: 0.25rem; text-transform: uppercase; font-family: 'Lato', sans-serif;}

.slick-dots li button:before { background-color: #515150 !important; width: 70px !important; height: 2px !important; border-radius: 0; content: "" !important;}

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

	.slick-dots li button:before { width: 12px!important; height: 12px!important; border-radius: 50px!important; content: "" !important;}
    p.agenda_date_block { font-size: 1.15rem }
    
}

.single-post header>.page-title h1.entry-title {    line-height: 1 !important}

.tooltip { max-width: 14rem; padding: .25rem; -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .075); box-shadow: 0 0 8px 2px rgba(0, 0, 0, .075); background-color: #fee7d7!important; color: #101822!important}
.tooltip:before { display: none!important;}
.social_links .has-tip { cursor: pointer!important}
a[rel=external]:after { /*content: url(../images/article_link.png); display: inline-block;*/ display: none; /* width: 13px; height: 13px; margin-left: 1rem*/}
.range-classement { margin-bottom: 1rem !important}
.padding-bottom-1rem { padding: 0 0 1rem 0 !important}
#masthead { /* display: none; */height: 0!important;  position: relative}

@media print,
screen and (min-width:40em) {
    #mobile-menu, .title-bar { display: none !important }
}

.title-bar { display: none !important}


@media screen and (max-width:640px) {
    .desktop-menu { display: block !important }
}

.tagline .st0 { fill: #fff}
.tagline .st1 { fill: #cfcfcf}
.tagline .grayed .st0 { fill: #999}
.tagline .grayed .st1 {fill: #cfcfcf }
.bassin { fill: #fff; -webkit-transition: all .25s ease; transition: all .25s ease}
.bassin.grayed { fill: #8b8b89}
nav { margin-top: 0}

@media screen and (max-width:640px) {
    .top-bar ul { background-color: transparent }
}

@media screen and (max-width:640px) {
    .is-dropdown-submenu,
    .is-dropdown-submenu.js-dropdown-active { display: block !important; right: 0 !important; left: auto }
}

.top-bar-left .menu { width: auto; display: none}

@media screen and (max-width:640px) {
    .top-bar-left .menu { display: none !important }    
}

.title-bar-title { display: block; width: 164px; margin: 0 auto}
.title-bar-title a { font-size: 0.85rem; color: #b9b9b9}
.title-bar { width: 100vw; padding: 0 .25rem .25rem; }

.top-bar { z-index: 9; background-color: transparent; height: 5.625rem}

@media print, screen and (min-width:40em) {

    .top-bar { background-color: transparent }
    
}

.top-bar .menu .home a { font-size: 0.85rem; color: #b9b9b9}
.top-bar .menu a { line-height: 45px; color: #e6e6e6; padding-top: 0; padding-bottom: 0; font-weight: 400; font-size: .8rem; line-height: 1}
.top-bar .menu .active>a { color: #41525e}
.top-bar .menu>li:not(.menu-text)>a { padding: .5rem; margin: 0 auto; display: inline-block}
.top-bar .menu li:not(:last-child) { border-right: 0 none}
.top-bar .dropdown.menu .submenu { border: 0}
.top-bar .dropdown.menu .has-submenu.is-down-arrow a { padding-right: 1rem}
.top-bar .dropdown.menu .has-submenu.is-down-arrow>a::after { border: 0}
.top-bar .dropdown.menu:first-child>li.is-dropdown-submenu-parent>a::after { display: none}

@media print, screen and (min-width:40em) {

    .top-bar ul { background-color: transparent }
    
}

.post-navigation:after,
.post-navigation:before { content: ""; display: table}
.post-navigation:after { clear: both}
.nav-previous {max-width: 50%; float: left; border-left: 2px solid; padding-left: 0.5em;}
.nav-next {max-width: 50%; float: right; border-left: 2px solid; padding-left: 0.5em;}
.menu .active>a { background: 0 0}

#cross { z-index: 1; position: fixed; top: -1rem; left: 100vw; margin-left: -5.5rem; width: 5.5rem; height: 5.5rem; background-color: #515151; color: #fff; text-align: center}
#cross:after { content: "×"; line-height: 5.5rem; font-size: 3rem}
.favorites_menu_holder { position: fixed; left: 95vw; top: 4rem; cursor: pointer; width: 1.875rem; background-color: transparent; height: 1.5rem}

.hamburger-menu {position: absolute; left: 2vw; top: 2vh; cursor: pointer; width: 3.6rem; background-color: transparent; height: 3.6rem; color: #fff;}
.hamburger-menu .border { position: relative; width: 30px; height: 3px; background-color: #fff; margin-bottom: 6px; -webkit-transition: all .3s ease; transition: all .3s ease}

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

    .hamburger-menu .border { background-color: #5f5f5f !important }
    .home.hamburger-menu .border { background-color: #fff !important }
    
}

.hamburger-menu:hover .border-1,
.hamburger-menu:hover .border-2 {width: 30px}
.hamburger-menu.active .border-1 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px}
.hamburger-menu.active .border-2 { display: none}
.hamburger-menu.active .border-3 { -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.border.below-hero { background-color: #515151 !important}

@media screen and (min-width:640px) {
    .hamburger-menu {left: 3vw; }
}

html.no-touchevents .hamburger-menu:hover { opacity: .8}
html.no-touchevents .hamburger-menu:hover .border-2 { width: 60%}
.hamburger-menu.active { z-index: 9999999999999; right: 45px}

@media screen and (max-width:640px) {
    .hamburger-menu.active { right: 1rem !important }
}

.hamburger-menu.active .border-1 { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);    transform: rotate(45deg); top: 9px; width: 30px}

.hamburger-menu.active .border-2 { display: none}
.hamburger-menu.active .border-3 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.hamburger-menu.active .border { background-color: #fff !important}
.hamburger-menu .border {    position: relative;    width: 30px;    height: 3px;    background-color: #fff;    margin-bottom: 6px;    -webkit-transition: all .3s ease;    transition: all .3s ease}
.hamburger-menu.change-color .border { background-color: #0ba78f}
.hamburger-menu.change-color-black .border { background-color: #000}
.hamburger-menu .border-3 { margin-bottom: 0}
.hamburger-menu .border-1 { width: 20px; -webkit-transition: all .25s ease; transition: all .25s ease}
.hamburger-menu .border-2 { width: 25px; -webkit-transition: width .25s ease; transition: width .25s ease}
.hamburger-menu .border-3 { margin-bottom: 0}

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

    nav.top-bar { display: block !important; top: 0 !important }
    
}

.top-bar-right {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    position: absolute !important;
    top: -1rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #101822;
    width: 100vw !important;
    height: 100vh;
    /* margin-top: 0; */
    z-index: 9;
    overflow-y: auto;
    /* padding-bottom: 3rem; */
    /* overflow: hidden; */
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed!important;
    padding-bottom: 4rem;
}

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

    .top-bar-right { top: 0 }
    
}

.top-bar-right>ul { color: #fff; padding: 1rem 0 2rem!important; margin: 0}

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

    .top-bar-right>ul { padding: .25rem 0 }
    
}

.top-bar-right ul { display: block}
.top-bar-right ul li {
    display: block;
    border: 0 none;
    text-align: center;
    font-family: dm_serif_displayregular, sans-serif;
    font-size: 2rem
}

.top-bar-right ul li a {
    height: auto !important;
    font-size: 1.6rem !important;
    /* text-transform: uppercase; */
    color: #fff !important;
    line-height: 1;
    -webkit-transition: line-height .35s ease;
    transition: line-height .35s ease
}

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

    .top-bar-right ul li a { font-size: 1.5rem !important; line-height: 1 }
    
}

.top-bar-right ul ul:not(.submenu)>li.menu-item-has-children>a { font-size: 0.85rem !important; color: #00769a !important}
.top-bar-right .is-dropdown-submenu { position: relative}
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a { font-size: 0.85rem !important; color: #00769a !important}

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

    .top-bar-right ul li.menu-item-has-children>a {font-size: 0.85rem !important;color: #00769a!important}
    
}

@media screen and (min-width:640px) {

    .top-bar-right ul.menu ul ul { display: none !important }
    
}

.container-menu-left {
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5.5rem;
    text-align: center;
    border-radius: 0;
    z-index: 9;
    -webkit-box-shadow: 3px 3px 12px 5px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 12px 5px rgba(0, 0, 0, .05);
    display: none
}
.container-menu-left .main-menu { list-style: none; margin-left: 0;margin-bottom: 0}
.container-menu-left .main-menu li {    background-color: rgba(254, 231, 213, 1);    -webkit-transition: all .4s ease;    transition: all .4s ease;    height: 5.625rem}

@media screen and (max-height:720px) {

    .container-menu-left .main-menu li { height: 4.375rem }
    
}

.container-menu-left .main-menu li:hover { background-color: #515151}
.container-menu-left .main-menu li:hover a { color: white}
.container-menu-left .main-menu li:hover a img { fill: #fff}
.container-menu-left .main-menu li.active { background-color: #515151}
.container-menu-left .main-menu li.active a { color: white}
.container-menu-left .main-menu li.active a img { fill: #fff}
.container-menu-left li:first-child {    border-radius: 0}
.container-menu-left li { position: relative; border-bottom: 1px solid #eee; cursor: pointer}
.container-menu-left li.menu-item-organisez { padding-top: .35rem}

@media screen and (max-height:768px) {

    .container-menu-left li.menu-item-organisez { padding-top: .45rem }
    
}

.container-menu-left li a {
    padding: 1.15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 16px;
    text-transform: uppercase;
    color: #646462;
    font-size: 0.63rem;
    font-family: dm_serif_displayregular, sans-serif
}

@media screen and (max-height:720px) {

    .container-menu-left li a { padding: .5rem }
	.container-menu-left li.menu-item-seminaire a { padding-top: 0	}
	
}

.container-menu-left li a>img:not(.img_active) { display: block; margin-bottom: .25rem}

@media screen and (max-height:640px) {

    .container-menu-left li a>img:not(.img_active) { max-width: 22px }
	.container-menu-left li a>img.blog:not(.img_active) {max-width: 22px;width: 100%;}

}

.container-menu-left li a>img.img_active { margin-bottom: .25rem}

.menu-holder {
    position: fixed;
    left: 107px;
    position: fixed;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -107px;
    -webkit-transition: left .6s ease;
    transition: left .6s ease;
    -webkit-box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, .05)
}

.menu-holder .sub-menu { display: none; visibility: hidden}
.menu-holder.fixed-to-right { left: 100vw}
.menu-holder.fixed-to-35vw { left: 35vw}

.container-menu-left .container-sub-toggle {
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    margin-left: -6.6875rem;
    padding-left: 6.6875rem;
    height: 75vh;
    background-color: #fff;
    border-radius: 0;
    padding-top: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media screen and (min-height:768px) {

    .container-menu-left .container-sub-toggle { padding-top: 1.15rem }
    
}

.container-menu-left .container-sub-toggle.half-opened { width: 35vw; background-color: #fff; height: 75vh; left: 0}
.container-sub-toggle.half-opened{  overflow-y: scroll;}

@media screen and (max-height: 768px){

  .container-sub-toggle.half-opened{ height: 100vh !important; }
  .menu-item-infos{ width: 8rem; }
  
}

.container-menu-left .container-sub-toggle.fully-opened { width: 100vw; background-color: rgba(254, 231, 213, 1); height: 100vh; left: 0}


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

    .top-bar .menu>li:not(.menu-text)>a { padding: .25rem }
    
}

.click-close-menu {
    width: 5.5rem;
    height: 5.5rem;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    background-color: #fde7d5;
    z-index: 9;
    cursor: default
}

.click-close-menu:after { content: "×"; color: #515151; line-height: 1.05; font-size: 4.5rem}
.click-close-menu.whitey { background-color: transparent}
.click-close-menu.whitey:after { color: #515151}
.breadcrumbs li:not(:last-child)::after { content: " > "}
.favorite_menu_icon { position: relative}
.favorite_menu_icon #fav_counter {
    z-index: 1;
    font-size: 11px;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #515151;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    color: #fff
}

.back-to-top {
    text-transform: uppercase;
    z-index: 8;
    padding: 0;
    margin: 0;
    position: fixed;
    bottom: 28.125rem;
    right: -1.5rem;
    height: auto;
    display: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after,
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border: 0 none}
.img_active { display: none}
.menu-icon { display: none !important; float: right; right: 1.5rem; top: 1rem}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #515151;
    -webkit-box-shadow: 0 7px 0 #515151, 0 14px 0 #515151;
    box-shadow: 0 7px 0 #515151, 0 14px 0 #515151;
    content: ''
}

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

    .sticky-container { position: absolute; top: 0; z-index: 9 }
    
}


/* top bar */


.Toolbar-langues .selected{ color: #515151;}
.top-bar-right ul li a { background: url(../images/fond-nonhover.png); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: #515151}
.top-bar-right ul li a::after,
.top-bar-right ul li a:after {
    display: block;
    text-align: center;
    content: "";
    position: relative;
    top: 10px !important;
    margin-top: 0 !important;
    width: 0 !important;
    left: 0 !important;
    height: 4px !important;
    -webkit-transition: all .65s ease !important;
    transition: all .65s ease !important;
    border: none !important;
    background-color: #fde7d5 !important
}
.top-bar-right ul li a:hover { -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: #fde7d5; color: #515151;}
.top-bar-right ul li a:hover::after,
.top-bar-right ul li a:hover:after {
    text-align: center !important;
    content: "" !important;
    position: relative !important;
    top: 10px !important;
    right: 0 !important;
    height: 4px !important;
    width: 100% !important;
    border: none !important
}
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a::after,
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:after { display: none}
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:hover { background: url(../images/fond-nonhover.png); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: #fff}
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:hover::after,
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:hover:after { display: none}


/* pre-footer */


#pre-footer-hero { padding: 0 .5em 4.0625rem; clear: both;}
#pre-footer-hero .ba-large {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 60vw;
    left: 50vw;
    pointer-events: none
}

#pre-footer-hero .pre-footer { max-width: 90rem; margin-right: auto; margin-left: auto;}
#pre-footer-hero .pre-footer::after, #pre-footer-hero .pre-footer::before { display: table; content: ' '}
#pre-footer-hero .pre-footer::after { clear: both}

@media screen and (min-width:641px), screen and (max-width:1280px) {

    #pre-footer-hero .pre-footer { text-align: center }
    
}


#pre-footer-hero h1.white {
    color: #fff;
    font-size: 3.6rem;
    text-transform: none;
    font-size: 2rem;
    text-align: center
}

@media screen and (max-width:640px) {
    #pre-footer-hero h1.white+img {
        text-align: center;
        display: block;
        margin: 0 auto
    }
}


#pre-footer-hero .links-brochure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 450px;
    margin: 3rem auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#pre-footer-hero .links-brochure a { color: #101820;}
#pre-footer-hero .links-brochure a:hover { color: #a1a19f; border-bottom: 1px solid #a1a19f}

#pre-footer-hero #pre-footer-blocs {
    padding-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
}
#pre-footer-hero #pre-footer-blocs h2 { margin: auto; font-size: 2.4rem;}
#pre-footer-hero #pre-footer-blocs > div { display: flex;
    padding-top: 3em;
    flex-wrap: wrap;}
#pre-footer-hero #pre-footer-blocs > div >section { text-align: left; flex: 1; padding: 0 1em; display: flex; flex-direction: column;margin-bottom: 2em;}
#pre-footer-hero #pre-footer-blocs a.button { text-align: left;}
#pre-footer-blocs section > span { flex-basis: 75%; text-align: center}
.headerInfos { flex-basis: 25%; padding-right: 10px;}

@media screen and (min-width:768px) {
	#pre-footer-hero #pre-footer-blocs > div >section { border-right: thin solid; flex-direction: row; margin-bottom: 0;}
	#pre-footer-hero #pre-footer-blocs > div >section:last-child { border-right:0;}
	#pre-footer-blocs section > span {text-align: left;}
}

@media screen and (max-width:640px) {
    #pre-footer-hero #pre-footer-blocs>section { width: 100vw; height: auto; margin-bottom: 2rem }
    #pre-footer-hero #pre-footer-blocs>section a>img { max-width: 45%; margin-bottom: 1rem; display: block }

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

    #pre-footer-hero #pre-footer-blocs > div { flex-direction: column;}
    #pre-footer-hero #pre-footer-blocs h2 { font-size: 2rem;}
}

#pre-footer-hero #pre-footer-blocs p { line-height: 1.2; font-size: 1.13rem;}
#pre-footer-hero #pre-footer-blocs div.illu img.illu-theme-footer { max-height: 60px;}
#pre-footer-hero #pre-footer-blocs h3 { color: #101820; text-align: left; font-size: 2rem}


/* footer */


#footer-container { max-width: 100%; width: 100%; margin: 0 auto; text-align: center; background-color: #101820; color:#fff; clear: both;}
#footer-container #footer { margin-right: auto; margin-left: auto; max-width: 46rem; padding: 1.875rem 0}
#footer-container #footer::after,#footer-container #footer::before { display: table; content: ' '}
#footer-container #footer::after { clear: both}
#footer-container #footer .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute;    justify-content: space-around; width: 100%}
#footer-container #footer .logos img { max-width: 300px;}
#footer-container #footer .links { display: -webkit-box; display: -ms-flexbox; display: flex;    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: center; width: 100%; padding: 2rem 3rem}
#footer > div:nth-child(2) {border-bottom: 1px solid #fff;border-top: 1px solid #fff; padding: 1em 0; margin-bottom: 1em; display: flex; justify-content: center; align-items: center; flex-direction: row;}
#footer-container #footer .links a { color: #fff}
#footer-container #footer .social_links .social { display: -webkit-box; display: -ms-flexbox; display: flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;    -ms-flex-wrap: no-wrap;    flex-wrap: no-wrap;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between}
#footer-container #footer .social_links span {display:block; font-size: 1.2em; font-weight: 700; padding-bottom: 1em;}
.social a { margin: 0.54em 0.2em;}
#footer-container #footer .social_links img { max-width: 120px; height:24px; width: 100%;}
#footer-container #footer p.select { padding-top: 1rem}
#footer-container #footer select { display: inline; width: auto; border-width: 3px;    margin-left: .5rem; background-image: url(../images/select_arrow_down.svg);    -webkit-background-origin: content-box; background-origin: content-box; background-position: 90% center; background-repeat: no-repeat; -webkit-background-size: 9px 6px; background-size: 9px 6px; width: 7.5rem}

@media screen and (max-width:640px) {
    #footer-container #footer select { display: block; margin: 0 auto; padding: .25rem }
}

#footer-container #footer ul { list-style-type: none; margin: 0; padding: 0}
#footer-container #footer a {color: #fff}
#footer-container #footer p,#footer-container #footer span { text-transform: none}
#footer-container #footer p a:not(.button):hover { border-bottom: 2px solid #fff;}
#footer-container #footer p img { vertical-align: text-bottom}
#footer-container #footer svg.logo_footer .st2 { fill: #00f}
#footer-container #footer p.small { padding: 1rem 1rem 0; font-size: .85rem}
#footer-container #footer select { height: 3rem}



#siba_widget_hebergement { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 280px; background: #515151; margin: 1rem 0}




/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {    top: -.5em}
sub {    bottom: -.25em}
img {    border: 0}
svg:not(:root) {    overflow: hidden}
/*figure {    margin: 1em 40px}*/
hr {    height: 0;    -webkit-box-sizing: content-box;    box-sizing: content-box}
pre {    overflow: auto}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {    margin: 0;    font: inherit;    color: inherit}

button {    overflow: visible}

button,
select {    text-transform: none}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {    line-height: normal}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield; appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}



* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
fieldset#options {
    text-align: center;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.daterangepicker_input {
    display: none
}

.daterangepicker .calendar-table table tbody td {
    border: 1px solid #e7e7e7
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px
}

.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001
}

.daterangepicker.single .calendar,
.daterangepicker.single .ranges {
    float: none
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px
}

.daterangepicker .calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
    white-space: nowrap;
    text-align: center;
    min-width: 32px
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 0;
    background-color: #fff
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    color: #999
}

.daterangepicker td.in-range {
    background-color: rgba(100, 99, 99, 0.4);
    border: 1px solid rgba(100, 99, 99, 0.4);
    color: #fff;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 0
}

.daterangepicker td.end-date {
    border-radius: 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 0
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #515151;
    border-color: #515151;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin-bottom: 0
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer
}

.ranges li:hover {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

.ranges li.active {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 160px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px
    }

    .daterangepicker.ltr .calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.rtl .calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px
    }

    .daterangepicker.rtl .calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .calendar.left {
        clear: none !important
    }
}

.daterangepicker .calendar-table table thead {
    background: #fff
}

.daterangepicker .calendar-table table thead tr:first-child {
    color: #929290;
    font-size: 1.15rem
}

.daterangepicker .calendar-table table thead tr:first-child .monthcolor { color: #515151 }

.daterangepicker .calendar-table table thead tr:last-child {
    color: #b4b4b4;
    border-bottom: 2px solid #dfdfdf
}

.daterangepicker .calendar-table table tbody {
    font-family: 'Noto Sans', sans-serif
}

.daterangepicker td.off:not(.disabled),
.daterangepicker td.off:not(.disabled):hover {
    color: #fff;
    cursor: default;
    background-color: #fff;
    border: 1px solid #e7e7e7
}

.calendar.left td[class="off off disabled"],
.calendar.left td[class="off off disabled"]:hover {
    color: #fff;
    cursor: default;
    background-color: #fff;
    border: 1px solid #e7e7e7
}

.sites-button {
    background: #ff6908;
    font-size: 1.15rem;
    font-weight: 700;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
    border-radius: 3px;
    border: none
}

.white-button {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.blue-button {
    background: rgba(254, 231, 213, 1);
    border-color: rgba(254, 231, 213, 1);
    color: #515151
}

.blue-button:hover {
    background-color: #fff;
    color: #515151;
    border-width: 3px
}

.gold-button {
    background: 0 0;
    border-color: #515151;
    color: #515151
}

.gold-button:hover {
    background-color: #515151;
    color: #fff;
    border-width: 3px
}

.button.large img {
    padding-right: 2rem
}

.flex-card-example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:40em) {
    .flex-card-example {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.flex-card-example .card {
    width: 100%
}

.flex-card-example .card img {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .flex-card-example .card {
        width: 32%
    }
}

.flex-card-example .card .card-content {
    padding: 1rem
}

/* end bootstrap / normalize -------------------------------------------------------------------------------------------------------------------------------------------*/


.header-entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 68.125rem;
    margin: 0 auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}


.page-template .header-entry-meta { display: none}



@media screen and (max-width:640px) {
    #featured-hero {
        /* margin-top: 3rem; */
        min-height: 40vh!important
    }
}

header>.page-title h1.entry-title {
    line-height: 1
}

.dotted {
    border-style: dashed;
    margin: 2rem 0
}

[data-whatinput=mouse] a:focus,
button:focus,
button:focus [data-whatinput=touch] a:focus {
    outline: 0
}

form,
form#small_selector {
    /*width: 85%;*/
    margin: 0 auto;
    padding: 2rem 0
}

form select,
form#small_selector select {
    width: 75%;
    background-color: #515151;
    color: #fff;
    border: 3px solid #fff;
    margin: 2rem auto;
    display: block;
    font-size: 1.37rem;
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill:#ffffff'></polygon></svg>")
}

form a.button,
form#small_selector a.button {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 80%;
    padding: 1.5rem;
    font-size: 1.35rem;
}

form.large {
    width: 100%;
    padding: 0
}

input[type=submit] {
    margin-top: 3rem;
    padding: 1rem!important;
    font-size: 1.15rem;
    background: transparent;
    border-color: #101820;
    border-style: solid;
    font-size: 1rem!important;
    text-decoration: none!important;
}
#searchForm input[type=submit] {
    border-color: #fff;
    color: #fff;
}

.glyphicon {
    font-size: 2rem;
    color: #515151
}

.glyphicon-chevron-left,
.glyphicon-chevron-right {
    font-size: 0.85rem;
    color: #515151
}

.symbol {
    display: inline-block;
    border-radius: 50%;
    border: 5px double #fff
}

.symbol-empty {
    background-color: #515151
}

.symbol-filled {
    background-color: #515151
}

.composez form,
.composez form#small_selector {
    width: 65rem;
    max-width: 65rem;
    margin: 0 auto
}

.composez form select,
.composez form#small_selector select {
    width: auto;
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: 3px solid #fff;
    margin: 0;
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    height: auto;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill:#ffffff'></polygon></svg>")
}

.composez form a.button,
.composez form#small_selector a.button {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 80%;
    padding: 1.5rem;
    font-size: 1.35rem;
}

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

    .composez form,
    .composez form#small_selector { width: 100vw; max-width: 100vw }
}

input[name=from]::-webkit-input-placeholder { color: #515151}
input[name=from]::-moz-placeholder { color: #515151}
input[name=from]:-ms-input-placeholder { color: #515151}
input[name=from]::placeholder { color: #515151}
label.transport_type { display: inline-block}

.transport_type .img_transport {
    width: 3rem;
    height: 3rem;
    opacity: .6;
    padding: 1rem;
    background-color: #fff;
    display: inline-block;
    margin-right: 1rem
}

.transport_type .img_transport.checked {    opacity: 1}

.transport_type_PLANE { display: none}

.transport_type_PLANE .img_transport {
    background-image: url(../images/maps/plane.svg);
    -webkit-background-size: 75% 75%;
    background-size: 75%;
    background-position: center center;
    background-repeat: no-repeat
}

.transport_type_TRANSIT .img_transport {
    background-image: url(../images/maps/train.svg);
    -webkit-background-size: 50% 50%;
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat
}

.transport_type_DRIVING .img_transport {
    background-image: url(../images/maps/car.svg);
    -webkit-background-size: 75% 75%;
    background-size: 75%;
    background-position: center center;
    background-repeat: no-repeat
}

.transport_type_BICYCLING .img_transport {
    background-image: url(../images/maps/bike.svg);
    -webkit-background-size: 75% 75%;
    background-size: 75%;
    background-position: center center;
    background-repeat: no-repeat
}

.transport_type_WALKING .img_transport {
    background-image: url(../images/maps/pedestrian.svg);
    -webkit-background-size: 27.5% 27.5%;
    background-size: 27.5%;
    background-position: center center;
    background-repeat: no-repeat
}

input.transport_type_radio {
    display: none
}



#direction-panel { font-family: Roboto, sans-serif; line-height: 30px; padding-left: 10px}
#direction-panel input,
#direction-panel select { font-size: 15px}
#direction-panel select { width: 100%}
#direction-panel i { font-size: 0.85rem}
#direction-panel { height: auto; width: 100%; overflow: auto; overflow-y: scroll}
.adp-placemark,.adp-summary { display: none}
.adp-step,.adp-substep { font-size: 1rem;}
table tbody tr:nth-child(even) { background-color: #fff}
legend { color: #101822;  margin-top: 0; margin-bottom: 0.5rem; text-align: center; display: block;}

@media screen and (min-width:640px) {

    .form_launcher { display: none }
    
}

@media screen and (max-width:640px) {
    form[name=hebergements] {
        top: 0;
        position: absolute;
        width: 100%;
        z-index: 10;
        background: rgba(240, 240, 240, .975);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100vh
    }
}

.print_iti { float: right}

span.from,
span.to { text-transform: uppercase}

span.from:before,
span.to:before {
    content: url(../images/icon_localisation_beige.svg);
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
}

#info_map {
    display: none;
    background: #fff;
    padding: 0;
    color: #515151;
    text-align: left
}

#info_map p {
    font-size: 1.2rem;
    padding-top: .56rem
}

#info_map>div {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    float: right;
    position: relative;
    top: -2.65rem;
    right: 0;
    line-height: 44px;
    text-align: center;
    color: #515151
}

.page-template-page-venir .tailor-ui .tailor-tabs__navigation-item {
    height: 150px;
    width: 180px
}

.page-template-page-venir article h2 {
    text-align: center;
    color: #515151;
    font-size: 3.6rem
}

#footer-container #footer select {
    padding: .33rem
}

div.wpcf7-response-output {
    border: 2px solid #515151 !important;
    color: #515151;
    font-size: 1.15rem;
    background: rgba(255, 255, 255, .75);
    padding: 1.5rem 1rem;
    width: 80%;
    position: relative !important;
    height: auto;
    margin: 0 auto !important;
    text-align: center
}

div.wpcf7-validation-errors {
    border: 2px solid tomato !important;
    color: tomato !important
}

.page-template-ou-dormir form {
    width: 100%
}

.page-template-ou-dormir form select {
    width: 100%;
    background-color: #fff;
    color: #999;
    border: 1px solid #999;
    margin: 2rem auto;
    display: block;
    font-size: 0.85rem;
    height: 2.75rem
}

body.overflow-y-hidden {
    overflow-y: hidden !important
}





body.fixed-noscroll { overflow-y: hidden }

#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#front-hero {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom center;
    padding: 1rem;
    margin: 0;
    height: 100vh;
    position: relative;
    text-align: left
}

#front-hero .video_holder {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh
}

#front-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translate3D(-50%, -50%, 0);
    -ms-transform: translate3D(-50%, -50%, 0);
    transform: translate3D(-50%, -50%, 0);
    background: url(/wp-content/uploads/2020/07/home-00-wisible.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity
}

#front-hero .masthead {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 75rem;
    position: relative;
    z-index: 2
}

#front-hero .masthead::after,
#front-hero .masthead::before {
    display: table;
    content: ' '
}

#front-hero .masthead::after { clear: both }

@media screen and (max-width:640px) {
    #front-hero .masthead { max-width: 100vw }
    #front-hero svg[id=logo_siba] { max-width: 100% }
    #front-hero video, #front-hero .video_holder { display: none }
}

@media print,
screen and (min-width:40em) {
    #front-hero {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        height: 100vh;
        margin: 0
    }
}

#front-hero .tagline {
    text-align: center;
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width:40em) {
    #front-hero .tagline {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

#front-hero .tagline:last-child:not(:first-child) { float: right }

@media print,
screen and (min-width:40em) {
    #front-hero .tagline {
        width: 100%;
        float: left;
        padding-right: .625rem;
        padding-left: .625rem;
        padding-top: 6vh
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    #front-hero .tagline {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) {
    #front-hero .tagline:last-child:not(:first-child) {
        float: right
    }
}

#front-hero h1.subheader {
    color: #fff;
    font-weight: 500;
    margin-top: 4.15rem;
    font-size: 2.2rem
}

@media print,
screen and (min-width:40em) {
    #front-hero h1.subheader {
        font-size: 3.5rem
    }
}

#front-hero .download {
    margin-top: 1.15rem
}

#front-hero #scroll_invit {
    position: absolute;
    left: 50vw;
    bottom: 2rem;
    width: 90px;
    margin-left: -45px;
    z-index: 8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default
}

#front-hero #scroll_invit span {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.3rem;
    line-height: 1.2;
	margin-bottom: 10px;
    font-family: dm_serif_displayregular, sans-serif
}

#front-hero #watch_button {
    position: absolute;
    left: 50vw;
    top: 45vh;
    z-index: 8;
    margin-left: -44px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:640px) {
    #front-hero #watch_button {
        display: none
    }
}

#front-hero #watch_button:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

#front-hero #watch_button a {
    font-size: 1.37rem;
    color: #fff;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#front-hero #watch_button a:hover {
    color: #fff
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.curtain {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.62) 90%, black);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.62) 90%, black);
    z-index: -1;
    -webkit-transition: all .45s ease;
    transition: all .45s ease
}

.white_curtain {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    z-index: 0
}

#semaine-hero {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom center;
    padding: 1rem;
    margin: 0;
    height: auto;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#semaine-hero .semaine {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 55rem;
    margin-left: 6rem;
    margin-right: 6rem
}

#semaine-hero .semaine h1,
#semaine-hero .semaine h2 {
    color: #fff;
    font-size: 3.6rem;

}

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

    #semaine-hero .semaine h1, #semaine-hero .semaine h2 { font-size: 2rem }
}

#semaine-hero .semaine p.subheader { color: #fff; font-size: 1.37rem; line-height: 1.25; max-width: 28rem; margin-bottom: 2rem}
#semaine-hero .semaine::after,
#semaine-hero .semaine::before { display: table; content: ' '}
#semaine-hero .semaine::after { clear: both}

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

    #semaine-hero .semaine { margin: 1rem; min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
    
}

@media print,
screen and (min-width:40em) {
    #semaine-hero { min-height: 50vh;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: bottom center;
        height: auto;
        margin: 0;
        padding: 6rem
    }
}

/* sections bas de page ------------------------------------------------------------------------------------------------------------------------------------------ */

#picks-hero {position: relative;}
#picks-hero .picks { margin-right: auto; margin-left: auto; -webkit-transition: all .25s ease; transition: all .25s ease }
#picks-hero .picks .pick { position: relative; height: 23.75rem; background-size: cover; margin-bottom:2em}
.pick-txt {padding: 2em; position: absolute; bottom: 0;}
#picks-hero .picks .pick-01, #picks-hero .picks .pick-02, #picks-hero .picks .pick-03 {background-size: cover;height: 100%}
#picks-hero .picks .title-picks { opacity: 0}
#picks-hero .picks h3.white { line-height: 1; max-width: 100%; margin: 0 0 .5em;
    font-size: 2em;}
#picks-hero .picks h4.small-subtitle { color: #fff; font-size: 1.35rem; line-height: 1;}
#picks-hero:before { background-color: transparent !important}
#picks-hero .pick::before {content: '';
    display: block;
    position: absolute;
    height: 50%;
    width: 100%;
    z-index: 0;
    bottom: 0;
    transition: height 0.5s ease-out;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
  }

@media only screen and (min-width: 640px) {
    
    #picks-hero .picks h3.white { font-size: 2.2rem; }
    #picks-hero .picks .pck2, #picks-hero .picks .pck3 { left: 0 }
    
}

@media only screen and (min-width: 1070px) {

    #picks-hero .picks { display: flex; gap: 2em;}
    #picks-hero .picks .pick { flex-basis: 33%; }
    #picks-hero .picks h3.white { font-size: 2.2rem; }

}

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

    #picks-hero .picks { max-width: 90vw; width: 900vw; }

}

/* Intro ? ------------------------------------------------------------------------------------------------------------------------------------------ */

.intro { max-width: 75rem; margin-right: auto; margin-left: auto}
.intro::after,
.intro::before { display: table; content: ' ' }
.intro::after { clear: both}
.intro .fp-intro { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem }

@media print,
screen and (min-width:40em) {

    .intro .fp-intro { padding-right: .9375rem; padding-left: .9375rem }

}

.intro .fp-intro:last-child:not(:first-child) { float: right }

@media print,
screen and (min-width:40em) {
    .intro .fp-intro {
        width: 83.33333%;
        float: left;
        padding-right: .625rem;
        padding-left: .625rem;
        margin-left: 8.33333%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    .intro .fp-intro {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) {

    .intro .fp-intro:last-child:not(:first-child) { float: right }
    .intro .fp-intro h2 { font-weight: 300; margin-bottom: 1.5rem }
    .intro .fp-intro h4 { font-size: 1rem; line-height: 1.6; color: #777;  margin-bottom: 2rem }

}

.menu-bassin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    color: #fff;
    padding: 1rem 2.5rem
}

.menu-bassin h2 { font-size: 2.25rem; text-transform: uppercase; color: #fff; display: inline-block }
.menu-bassin h2 a { color: #515151;}
.menu-bassin h2 a:after {
    content: "";
    text-align: center;
    height: 4px;
    width: 0;
    display: block;
    margin: .25rem auto;
    background-color: #515151;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}
.menu-bassin h2 a:hover:after { width: 100%}
.menu-bassin>div { width: 50%}
#menu-web-tv h2.white a:hover:after { width: 100%}
.menu-bloc-right { position: relative; z-index: 1}
.row.incontournables {padding: 2rem 0; align-items: center;}
#menu-web-tv:after { content: ""; display: block; width: 200px; height: 2px; margin: 2rem auto; background-color: #515151 }
div#menu-nos-incontournables h2 { margin-bottom: 1em;}
div#menu-nos-incontournables + div h2 { margin-bottom: 2em;}

@media screen and (max-height:768px) {

    #menu-nos-incontournables:after, #menu-web-tv:after { margin: 1rem auto }
    
}

.liste-menu-incontournables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    column-count: 2;
    -ms-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    margin: 0;
    padding: 0;
    margin-left: 0!important;
    margin-top: 2rem;
}

.liste-menu-incontournables li { margin-left: 2%; line-height: 1.2rem; width: 46%; border: none; text-align: left; padding: .5rem 0 .5rem 0;}
.liste-menu-incontournables li a { font-size: .9rem; text-transform: none; padding: 0 15px 0 0; border: 2px solid transparent;}
.liste-menu-incontournables li a:hover { border-bottom: 2px solid #515151}

@media screen and (max-height:768px) {

    .liste-menu-incontournables li a { font-size: 0.85rem }
    
}

.liste-saisons { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal;    -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center;    align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 0}
.liste-saisons li { border: none}
.liste-saisons li a { font-size: 1.15rem; text-transform: none; border: 2px solid transparent; padding: .5rem 0}
.liste-saisons li a:hover { border-bottom: 2px solid #515151}

#menu-map { margin-top: -7.5rem; z-index: -1; position: relative; /* top: 2rem; */ left: 2rem; /* width: 90%; */ -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}
#menu-map2 { position: relative; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; text-align: center;}

@media print,screen and (min-width:40em) {

    #page .main-content { padding-right: .9375rem; padding-left: .9375rem }
    #page { margin-top: 3rem}
    #page .main-content { width: 66.66667%; float: left; padding-right: .625rem; padding-left: .625rem }
    #page .main-content { padding-right: .9375rem; padding-left: .9375rem }
	#page .main-content:last-child:not(:first-child) { float: right }
    
}

@media screen and (min-height:800px) {

    #menu-map { margin-top: -11.5rem;}
    
}

@media screen and (min-height:960px) {

    #menu-map { width: 100%; margin-top: -15rem }
    
}

#page { max-width: 100%; margin-left: auto; margin-right: auto;}
#page .main-content { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem}
#page .main-content:last-child:not(:first-child) { float: right}

.page-template-page-articles #page > .row {max-width: 89rem !important;}


/* Blog + V2 ------------------------------------------------------------------------------------------------------------------------------------------ */
.blog2 .blog_accroche {font-size: 1.6em; line-height: 1.2em;}

.cat_filter { justify-content: center; }
.cat_filter .lien_cat { margin: .5em; background-color: #edf0f2; }
.cat_filter .lien_cat a { font-weight: 900; font-size: 1.2em; color: #333 !important; padding: .5em .8em; display: flex; align-items: center}
.cat_filter .picto_cat img { width: 30px; max-height: 30px; margin-right: .5em}

.masonry-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap}
.catblog {position: absolute; background-color: #000; color: #fff; text-transform: uppercase; bottom: 0; display: inline-block; left: 0; padding: 0.2em 0.6em; font-size: .8em; z-index: 2;}

.grid-container {display: grid; grid-auto-flow: row dense; gap: 2em; margin-bottom: 3em }
.grid-container .blog_big {background-color: #edf0f2; padding: .5em 2em 1em; align-content: center;}
.grid-container .blog_big .catblog { position: relative; background-color: inherit; color: #333; text-transform: lowercase; display: block; padding: 0; font-size: 1em;}
.grid-container .blog_big > div { display:none; margin-top: .5em;}
.grid-container .blog-hero-image { height: auto;}
.grid-container .blog_small img { aspect-ratio: 1; max-height: 390px;}
.grid-container h3 {font-size: 1.6em; line-height: 1.2;}



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

    .masonry-container .item { width: 100% }
    
}

@media screen and (min-width:48em) {
	
	.masonry-container .item { width: 50%; padding: 1rem}
    .grid-container {grid-template-columns: repeat(2, 1fr); }
    .grid-container .blog_big {min-height: 155px}
    .blog2 .blog_accroche {font-size: 2.2em}

}

@media screen and (min-width:64em) {
	
	.masonry-container .item { width: 33%; padding: 1rem}
    .grid-container {grid-template-columns: repeat(3, 1fr); }

    .grid-container .blog_big {margin: 0 2em; transform: translateY(-3em); }
    .grid-container .item:nth-child(4), .grid-container .item:nth-child(11)  { grid-column: 1 / -1;transform: translateY(0); margin-bottom: 3em; }
    .grid-container .item:nth-child(4) .blog_big, .grid-container .item:nth-child(11) .blog_big { padding: 2em; text-align: left; background-color: #fff; transform: translateY(0); margin: 0; grid-column: 2 / span 2; }
    .grid-container .item:nth-child(4) h3, .grid-container .item:nth-child(11)  h3 { font-size: 2rem; font-family: dm_serif_displayregular, "Droid Sans", "Helvetica Neue", sans-serif;}
    .grid-container .item:nth-child(4) .blog_big > div, .grid-container .item:nth-child(11) .blog_big > div {display: block;}
    .grid-container .item:nth-child(4) .blogpost-entry, .grid-container .item:nth-child(11) .blogpost-entry { display: grid; gap: 2em 2em; grid-template-columns: repeat(3, 1fr);}
    .grid-container .item:nth-child(4) img, .grid-container .item:nth-child(11) img { aspect-ratio: inherit }

    .grid-container .item:nth-child(4) .blog_small { grid-column: 2 / span 2; order: 2;}
    .grid-container .item:nth-child(4) .blog_big { grid-column: 1/1; order:1;}

    .grid-container .item:nth-child(11) .blog_small { grid-column: 1 / span 2; }
    .grid-container .item:nth-child(11) .blog_big { grid-column: 3 / span 1}

}

.blog-article h2 { line-height: 1; font-size: 1.85rem; padding-top: 1rem; margin-bottom: 0;}
.grid-container .blog-article h2 { line-height: 1; font-size: 1.6rem; padding: .3em 0; font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif; font-weight: 800;}
.related_posts h3 { font-size: 1.4rem;}
.date-blog-insert { position: absolute; bottom: 1rem; left: 1.5rem; color: #fff; z-index: 2}
.blog-hero-image { height: 18.125rem; width: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.grid-container .blog-hero-image img { 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.05) translateX(-15px);
    -moz-transform: scale(1.05) translateX(-15px);
    -ms-transform: scale(1.05) translateX(-15px);
    -o-transform: scale(1.05) translateX(-15px);
    transform:  scale(1.05) translateX(-15px);
}
.grid-container .blog-hero-image:hover img {
    -webkit-transform: scale(1.05) translateX(0);
    -moz-transform: scale(1.05) translateX(0);
    -ms-transform: scale(1.05) translateX(0);
    -o-transform: scale(1.05) translateX(0);
    transform: scale(1.05) translateX(0)
}
.blog-hero-image:after { content: ""; position: absolute; bottom: 0; left: 0; height: 6.25rem;    width: 100%; display: block; z-index: 1; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85), transparent); background-image: linear-gradient(0deg, rgba(0, 0, 0, .85), transparent)}
.grid-container .blog-hero-image:after { display:none;}
.blog-hero-image picture { width: 100%;}
.blog-hero-image source, .blog-hero-image img { object-fit: cover; width: 100%; height: 100%}
#blog-hero span.date_pub {margin: 0.3em 0; display: block; font-size: .9em;}

.article_alterne {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

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

    .article_alterne { -ms-flex-wrap: wrap; flex-wrap: wrap }
    
}

@media print,screen and (min-width:40em) {

    .article_alterne { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap }
    
}

@media print, screen and (min-width:64em) {

    .article_alterne { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap }
    
}

.article_alterne h3 { font-size: 3.6rem; line-height: 1}

.article_alterne .bloc_fond_image {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 47.5%;
    max-width: 47.5%
}

@media screen and (min-width:1024px) {

    .article_alterne .bloc_fond_image { width: 57.5%; max-width: 57.5% }
    
}

.article_alterne .bloc_fond_image.bloc_images_saison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article_alterne .bloc_fond_image.bloc_images_saison div { width: 48%}
.article_alterne .bloc_fond_image.bloc_images_saison div:first-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    margin-bottom: 1rem
}
.article_alterne .bloc_fond_image.bloc_images_2 div { -webkit-background-size: cover !important;   background-size: cover !important}
.article_alterne .bloc_fond_image.bloc_images_2 div:nth-child(2) { background-position: 70% 70%}
.article_alterne .bloc_fond_image.bloc_images_3 div { width: 100%}
.article_alterne .bloc_fond_image.bloc_images_4 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.article_alterne .bloc_fond_image.bloc_images_4 div:first-child { width: 48%; margin-right: 1rem}
.article_alterne .bloc_fond_image.bloc_images_4 div:nth-child(2) { -webkit-background-size: cover !important; background-size: cover !important; margin-bottom: 1rem}
.article_alterne .bloc_fond_image.bloc_images_4 div:last-child { width: 100%}

.article_alterne div.bloc_texte_alterne {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

@media print, screen and (min-width:40em) {

    .article_alterne div.bloc_texte_alterne { width: 42.5% }
    
}

@media print,
screen and (min-width:40em) {
    .article_alterne div.bloc_texte_alterne.to_left { padding-right: 2.5rem }
    .article_alterne div.bloc_texte_alterne.to_right { padding-left: 2.5rem }
}

.article_alterne div.bloc_texte_alterne h3 { word-break: normal}
.article_alterne div.bloc_texte_alterne p { margin-top: 2rem; font-size: 1.15rem; line-height: 1.64975}

.article_jour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

@media screen and (max-width:640px) {
    .article_jour { -ms-flex-wrap: wrap; flex-wrap: wrap }
}

@media print,
screen and (min-width:40em) {
    .article_jour { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap }
}

@media print,
screen and (min-width:64em) {
    .article_jour { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap }
}

.article_jour h3 { font-size: 3.6rem; line-height: 1}
.article_jour .bloc_fond_image {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 47.5%;
    max-width: 47.5%
}

@media screen and (max-width:640px) {
    .article_jour .bloc_fond_image { width: 100%; max-width: 100%; height: auto }
    .article_jour .bloc_fond_image>div { height: 280px }
}

.article_jour .bloc_fond_image.bloc_images_saison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article_jour .bloc_fond_image>div { width: 100%; margin-bottom: 1rem; background-position: center center}
.article_jour .bloc_fond_image.bloc_images_pm.bloc_images_1 div:nth-child(2) { margin-right: 1rem}
.article_jour .bloc_fond_image.bloc_images_pm.bloc_images_1 div:nth-child(2),.article_jour .bloc_fond_image.bloc_images_pm.bloc_images_1 div:nth-child(3) { width: 47.5%}
.article_jour .bloc_fond_image.bloc_images_pm.bloc_images_2 div { width: 47.5%}
.article_jour .bloc_fond_image.bloc_images_am.bloc_images_6 div:nth-child(2),.article_jour .bloc_fond_image.bloc_images_am.bloc_images_6 div:nth-child(3) { width: 47.5%}

span.txt_jour {
    position: absolute;
    font-size: 10rem;
    z-index: -1;
    font-family: dm_serif_displayregular, sans-serif;
    color: #515151;
    text-transform: none;
    top: -3.5rem
}

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

    span.txt_jour { font-size: 7.5rem; top: 0 }
    
}

.article_jour {
    position: relative;
    padding-top: 10.75rem;
    padding: 10.75rem 3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article_jour>div { width: 50%}
.article_jour h5 { color: #515151; font-size: 2rem; line-height: 1.25}
.article_jour .bloc_am_pm { font-size: 3.6rem; color: #515151; margin: 1rem 0; line-height: 1; display: inline-block; font-family: dm_serif_displayregular, sans-serif;}
.article_jour p { padding-right: 2rem}


/* Brochures ? */

.post-type-archive-brochures .brochures_container { position: relative; max-width: 70rem; margin: 0 auto; padding: 0}

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

    .article_jour { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; padding: 5.5rem 0 4rem; }
    .article_jour>div { width: 100% }
    .article_jour .bloc_am_pm { font-size: 2rem }
    .post-type-archive-brochures .brochures_container { padding: 0 1rem }
    
}

.post-type-archive-brochures .brochures_container .bloc_texte_brochure h3 {
    color: #515151 !important;
    line-height: 1;
    padding-top: 1rem;
    font-size: 1.5rem;
    max-width: 95%
}

.post-type-archive-brochures .brochures_container .bloc_texte_brochure h3:before { display: none !important}

.post-type-archive-brochures .brochures_container .bloc_texte_brochure h3:after {
    content: "";
    background-color: #515151;
    height: 4px;
    width: 5rem;
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.post-type-archive-brochures .brochures_container .bloc_image_brochure { position: relative; width: 100%}
.post-type-archive-brochures .brochures_container .bloc_image_brochure img { max-width: 100%; height: auto; z-index: -1; width: 100%;}
.post-type-archive-brochures .brochures_container .bloc_image_brochure .brochures_actions {
    height: 36px;
    position: absolute;
    margin: auto;
    bottom: 1em;
    width: 100px;
    background: #515151;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-type-archive-brochures .brochures_container .bloc_image_brochure:hover .brochures_actions {opacity: 1; cursor: pointer}
.post-type-archive-brochures .brochures_container .bloc_image_brochure .brochures_actions img {height: 32px;}

.post-type-archive-brochures .brochures_container .brochures_actions a { color: #fff; padding: 0 .5rem; display: inline-block;}
.post-type-archive-brochures .brochures_container .bloc_image_brochure .brochures_actions a.download { float: right}
#page-full-width .brochure .main-content, .brochure div.main-content { margin: 0; float: left;}

.form-brochure .item-form { padding: 1% 2%;}
.form-brochure .item-form.check-radio { width: 100%; justify-content: left;}
.form-brochure .item-form.check-radio input {margin: 0;}
.form-brochure .formContainer [type=text] { background-color: #fff;}
.form-brochure .inputContainer { justify-content: left;}
.form-brochure .inputContainer label { text-align: left;}
.form-brochure #rgpd-0 { margin-top: 0.5rem; line-height: 1.4;}

.page-template-page-semaine article.main-content { position: relative}
section.grey h2 { line-height: 1; padding: .5rem 0}
#page-full-width { max-width: 75rem; margin-right: auto; margin-left: auto; margin-top: 0;     padding-top: 0;}
#page-full-width::after,
#page-full-width::before { display: table; content: ' '}
#page-full-width::after { clear: both}
#page-full-width .main-content { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem; float: none; margin: 0 auto 4rem 0}

@media print, screen and (min-width:40em) {

    #page-full-width .main-content { padding-right: .9375rem; padding-left: .9375rem    }
    
}

#page-full-width .main-content:last-child:not(:first-child) { float: right}



/* A lire aussi ----------------------------------------------------------------------------------------------------------------------------- */

#a-lire-aussi { background: url(../images/bg-section-a-lire-aussi.jpg) bottom center; -webkit-background-size: cover; background-size: cover; background-position: bottom; height: auto; position: relative; text-align: left}
#a-lire-aussi .picks { max-width: 75rem; margin-right: auto; margin-left: auto; max-width: 985px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; top: -2.5rem}
#a-lire-aussi .picks::after, #a-lire-aussi .picks::before { display: table; content: ' '}
#a-lire-aussi .picks::after { clear: both}
#a-lire-aussi .picks .pick { width: 31%; position: relative}
#a-lire-aussi .picks .pick-01, #a-lire-aussi .picks .pick-02, #a-lire-aussi .picks .pick-03 { height: 23.75rem; -webkit-background-size: cover; background-size: cover; background-position: center; -webkit-transition: all .25s ease; transition: all .25s ease}
#a-lire-aussi .picks .pick-02 { margin-top: 4rem}
#a-lire-aussi .picks .pick-03 { margin-top: -5rem }
#a-lire-aussi .picks h3.white { color: #fff; font-size: 2.75rem; max-width: 50%; line-height: 1; margin-top: -4.75rem; margin-left: 1rem }
#a-lire-aussi .picks h3.white:after { content: ""; width: 60px; background-color: #515151; height: 3px; display: block; margin: 1rem 0 }
#a-lire-aussi .picks h4.small-subtitle { margin-top: 1.5rem; font-size: 1.4rem; font-family: dm_serif_displayregular; margin-left: 1rem; line-height: 1.4; }

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

   #a-lire-aussi .picks { -ms-flex-wrap: wrap; flex-wrap: wrap; top: 0 }
   #a-lire-aussi .picks .pick { width: 100% }
   #a-lire-aussi .picks .pick-01, #a-lire-aussi .picks .pick-02, #a-lire-aussi .picks .pick-03 { height: 11.15rem }
   #a-lire-aussi .picks .pick-02, #a-lire-aussi .picks .pick-03 { margin-top: 0; }
    
}

@media print,
screen and (min-width:40em) {
    #a-lire-aussi {
        background: url(../images/bg-section-a-lire-aussi.jpg) bottom center;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        height: auto;
        width: 100vw;
        padding: 0;
        margin-top: 4em;
    }
}

/* Resa questions ---------------------------------------------------------------------------------------------------------------------------- */

#resa-questions .semaine .semaine-content { text-align: center; z-index: 1;}
#resa-questions .semaine .semaine-content h3, #resa-questions .semaine .semaine-content p { color: #fff;}
#resa-questions .semaine .semaine-content h3 {font-size: 3rem; }
#resa-questions a { color: #fff; border-bottom: 2px solid #fff;}
#resa-questions a.button {text-decoration: none;}
#resa-questions .semaine .semaine-content form { width: 100%!important; padding: 0}
#resa-questions .semaine .semaine-content form input[type=email], #resa-questions .semaine .semaine-content form input[type=text] { color: #fff; text-align: left; font-size: 1.15rem; padding: 1rem; height: auto; border: 4px solid #fff;}

#resa-questions .semaine .semaine-content form input[type=email]::-webkit-input-placeholder,
#resa-questions .semaine .semaine-content form input[type=text]::-webkit-input-placeholder { color: #515151}
#resa-questions .semaine .semaine-content form input[type=email]::-moz-placeholder,
#resa-questions .semaine .semaine-content form input[type=text]::-moz-placeholder { color: #515151}
#resa-questions .semaine .semaine-content form input[type=email]:-ms-input-placeholder,
#resa-questions .semaine .semaine-content form input[type=text]:-ms-input-placeholder { color: #515151 }

#resa-questions .semaine .semaine-content form input[type=email]::placeholder,
#resa-questions .semaine .semaine-content form input[type=text]::placeholder { color: #515151 }
#resa-questions .semaine .semaine-content form input[type=submit] {
    background-color: #fff;
    color: #515151;
    text-align: left;
    font-size: 1.15rem;
    padding: 1rem;
    height: auto;
    border: none;
    text-transform: uppercase
}
#resa-questions .semaine .semaine-content form p.smaller { line-height: 1; font-size: 0.85rem; }

div.wpcf7-validation-errors { color: #fff; border: none }
span.wpcf7-not-valid-tip { display: none !important }
div.wpcf7-response-output { border: none !important; color: #fff; font-size: 1.15rem}

.resa-button { padding: .65rem 1rem !important }
.resa-button .stis_on { opacity: 0}
.resa-button .stis { opacity: 1 }
.resa-button:hover .stis { opacity: 0}
.resa-button:hover .stis_on { opacity: 1}

#resa-questions > div > div { margin: 0 1%;}
#resa-questions {max-width: 480px;  margin: auto;}
#resa-questions > div {
    margin: 2rem auto;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: center;
    padding: 3em;
    min-height: 320px;
  background-size: cover;
  align-items: center;
  position: relative;
}

#resa-questions > div:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    bottom: 0;
    transition: height .5s ease-out;
    background: linear-gradient(to bottom,transparent 0%,#000 100%);
}

#resa-questions > div .resa { width: 47.5%; height: 38.375rem; position: relative; overflow: hidden}
#resa-questions > div .resa h3 { font-size: 3.6rem; line-height: 1.1; text-align: center; padding-top: 2rem}
#resa-questions > div .resa.villes { background-color: #fde7d5}
#resa-questions > div .resa.villes img.composez-in-page { max-width: 75%; margin: 1rem auto; display: block}

#resa-questions > div .resa.incontournables {
    background: url(../images/bg-div-composer.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding: 2rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    z-index: 1;
    text-align: center
}

#resa-questions > div .resa.incontournables p { color: #fff; font-size: 1.15rem; font-family: dm_serif_displayregular, sans-serif}

#resa-questions > div .resa.incontournables:before {
    content: "";
    float: left;
    background-color: rgba(0, 0, 0, .45);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#resa-questions>div .questions {margin: auto;
    width: 47.5%;
    height: 38.375rem;
    background: url(../images/bg-div-questions.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative
}

#resa-questions>div .questions .questions-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 3rem
}

#resa-questions>div .questions .questions-content h3 { color: #fff; font-size: 3.6rem}
#resa-questions>div .questions .questions-content p { color: #fff; font-size: 1.15rem; font-family: dm_serif_displayregular, sans-serif; text-align: center}
#resa-questions>div .questions .questions-content img.block { text-align: center; display: block; margin: 0 auto}
#resa-questions>div .questions .questions-content img.block:after { display: block}
#resa-questions>div .questions .questions-content p a { color: #fff}

#resa-questions>div .questions:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    float: left
}

#resa-questions>div .semaine {
    width: 47.5%;
    height: auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:768px) {
    #resa-questions { margin-left: 0; margin-right: 0 }
    #resa-questions>div .resa { width: 100%; margin-bottom: 4rem    }
    #resa-questions>div .questions { width: 100% }
    #resa-questions>div .semaine { width: 100% }
}

#resa-questions>div .semaine .semaine-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 3rem
}

#resa-questions>div .semaine .semaine-content h3 { color: #fff; font-size: 3.6rem}
#resa-questions>div .semaine .semaine-content p { color: #fff; font-size: 1.15rem; text-align: center}
#resa-questions>div .semaine .semaine-content p img.block { text-align: center; display: block; margin: 0 auto}
#resa-questions>div .semaine .semaine-content p img.block:after { display: block}
#resa-questions>div .semaine .semaine-content p a:not(.button) { color: #fff; border-bottom: none}

#resa-questions>div .semaine:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    float: left
}

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


.page-id-39 #composez-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom center;
    padding: 4.0625rem 0;
    margin: 0;
    height: auto;
    position: relative;
    text-align: left
}
.page-id-39 #composez-hero .composez {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 100vw;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-left: 0;
    margin: auto;
    justify-content: center;
}
.page-id-39 #composez-hero .composez::after,
.page-id-39 #composez-hero .composez::before { display: table; content: ' '}
.page-id-39 #composez-hero .composez::after { clear: both}

@media print,
screen and (min-width:40em) {
    .page-id-39 #composez-hero {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
}

.page-id-39 #composez-hero .composez-frontpage { max-width: 28.75vw; margin: 0 auto; margin-bottom: 2rem; opacity: 1}
.page-id-39 #composez-hero p.subheader { text-align: center; color: #fff; font-size: 1.15rem; line-height: 1; margin: 2rem 0; padding: 0 4rem}
.page-id-39 #composez-hero p>a[role=submit] { display: block; margin-top: 2rem; width: 260px; margin: 0 auto}
.page-id-39 #composez-hero span.subheader {
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 1.5;
    font-size: 2.85rem;
    font-family: dm_serif_displayregular, sans-serif
}
.page-id-39 #composez-hero:before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .45)
}
.page-id-39 .back-to-top { color: #fff}
.page-id-39 .back-to-top img { fill: #fff}
.page-id-39 article {
    width: 100vw;
    height: 100vh;
    left: 0;
    margin: 0 auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: wrap;
    flex-direction: wrap;
    overflow: hidden;
    position: relative
}
.page-id-39 article .left {
    position: relative;
    z-index: 2;
    width: 50vw;
    height: 100vw;
    padding-left: 8rem;
    top: 25vh
}

@media screen and (max-width:640px) {
    .page-id-39 #composez-hero span.subheader { font-size: 1.37rem; line-height: 1 }
    .page-id-39 article .left { width: 100vw; padding: 1rem; top: 5vh }
    .page-id-39 article .left .bloc_texte_alterne p { font-size: 0.85rem }
}

.page-id-39 article .left .bloc_texte_alterne h3 { color: #fff}
.page-id-39 article .left .bloc_texte_alterne p { color: #fff}
.page-id-39 article .left .bloc_texte_alterne p a { color: #fff;    border-bottom-color: #fff}
.page-id-39 article .left .bloc_texte_alterne p a:hover { background-color: #515151}
.page-id-39 article .left u { text-decoration: none}

.page-id-39 article:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .25);
    z-index: 2;
    content: ""
}

.page-id-39 article .bloc_image_premier_plan {
    position: absolute;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    top: 0;
    left: 50%;
    right: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.page-template-page-composez .submit.button {
    opacity: 1 !important
}

.select_button {
    display: inline-block;
    position: relative
}

.select_button button[type=button] {
    opacity: 1 !important;
    border: none;
    color: #fff;
    background: 0 0;
    font-family: dm_serif_displayregular, sans-serif;
    font-size: 2.85rem;
    text-transform: none;
    margin: 0;
    padding: 0;
    padding-bottom: .5rem;
    border-bottom: 4px solid #fff;
    margin-bottom: 0;
    padding-right: 2rem
}

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

    .select_button button[type=button] {
        font-size: 1.37rem;
        border-bottom: 2px solid #fff;
        padding-bottom: .15rem
    }
    .select_button button[type=button]:after {
        bottom: .5rem
    }

}

.select_button button[type=button]:after {
    content: "";
    width: .65rem;
    height: .65rem;
    position: absolute;
    right: .35rem;
    bottom: 1.35rem;
    background-color: none;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg)
}

.select_button button[type=button] span {
    display: inline-block
}

.list-compose {
    display: none;
    list-style: none inside;
    position: absolute;
    z-index: 1;
    margin: 0;
    background-color: rgba(255, 255, 255, .95);
    padding: .75rem .5rem;
    border-radius: 1rem
}

.list-compose.cible {
    width: 20rem
}

@media screen and (max-width:640px) {
    .list-compose.cible {
        width: 100vw
    }
    .list-compose.saison {
        width: 100vw
    }
    .list-compose.activite {
        width: 100vw
    }
    .list-compose li {
        font-size: 1.37rem;
        line-height: 1
    }
}

.list-compose.saison {
    width: 20rem
}

.list-compose.activite {
    width: 28.125rem
}

.list-compose li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    color: #515151;
    font-size: 2rem;
    line-height: 1.1;
    padding: .25rem;
    cursor: default
}

.select_button.triggered .list-compose {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width:640px) {
    .select_button.triggered .list-compose {
        position: fixed;
        top: 15vh;
        font-size: 1.37rem;
        line-height: 1
    }
}

#composez-hero-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 2;
    background: url(../images/bg-composez-intro.jpg) bottom center;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom;
    padding: 4.0625rem 0;
    margin: 0;
    height: auto;
    position: relative;
    text-align: left
}

#composez-hero-intro .composez {
    max-width: 100vw;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:640px) {
    #composez-hero-intro .composez {
        height: 75vh
    }
    #composez-hero-intro .composez p {
        font-size: 2rem;
        max-width: 90vw
    }
}

#composez-hero-intro .composez p {
    max-width: 50vw;
    color: #fff;
    line-height: 1;
    font-size: 3.6rem;
    text-transform: none;
    padding: 0;
    font-family: dm_serif_displayregular, sans-serif
}

#composez-hero-intro #scroll_invit {
    position: absolute;
    left: 50vw;
    bottom: 2rem;
    width: 90px;
    margin-left: -45px;
    z-index: 8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default
}

#composez-hero-intro #scroll_invit span {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.3rem;
    line-height: 1.2;
	margin-bottom: 10px;
    font-family: dm_serif_displayregular, sans-serif
}

@media print,
screen and (min-width:40em) {
    #composez-hero-intro {
        background: url(../images/bg-composez-intro.jpg) bottom center;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        height: 100vh;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
}

#composez-hero-intro .composez-frontpage { max-width: 32.5vw}
#composez-hero-intro p.subheader {
    text-align: center;
    color: #fff;
    font-size: 1.15rem;
    line-height: 1;
    margin: 2rem 0;
    padding: 0 4rem
}

section.grey>div { margin: 0 auto 2rem; padding: 1rem 2rem; background-color: #f9f9f9; display: flex; justify-content: space-between; align-items: center;}
.page-full-width { max-width: 89rem; margin: 0 auto; padding: 0 6rem; }

@media screen and (max-width:640px) {
    .page-full-width { max-width: 100vw; padding: 1rem; margin-top: 1rem }
}

.page-full-width .main-content { width: 100%; margin-left: 0; margin-right: 0}

@media screen and (min-width:1366px) {
    .page-full-width .main-content { width: 100%; margin-left: 0; margin-right: 0 }
}

.page-full-width h3 { font-size: 3.6rem; color: #101820; line-height: 1}
.page-full-width article { margin-bottom: 4rem}
.page-full-width article p { font-size: 1.15rem}
.page-full-width+section:not(#pre-footer-hero):not(#resa-questions) {
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
    height: 65vh;
    padding: 2rem 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 0 0;
    color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.page-full-width+section:not(#pre-footer-hero):not(#resa-questions):before {
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (max-width:640px) {
    .page-full-width+section:not(#pre-footer-hero):not(#resa-questions) { padding: 4rem 1rem; height: auto }
}

.page-full-width+section:not(#pre-footer-hero):not(#resa-questions) h3 {
    font-size: 3.6rem;
    line-height: 1;
    padding-bottom: 1rem;
    max-width: 60vw
}

.page-full-width+section:not(#pre-footer-hero):not(#resa-questions) p {    font-size: 1.5;    line-height: 1.35}
.page-template-ou-dormir #picks-hero { height: 100vh !important; overflow: auto}
.page-template-ou-dormir .terrain img.sky { top: -128px !important}


/* blog ? ----------------------------------------------------------------------------------------------------------------------------------- */

.article_alterne.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

@media screen and (max-width:640px) {
    .article_alterne.half {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media print,
screen and (min-width:40em) {
    .article_alterne.half {
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap
    }
}

@media print,
screen and (min-width:64em) {
    .article_alterne.half {
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap
    }
}

.article_alterne.half h3 { font-size: 3.6rem; line-height: 1}

.article_alterne.half .bloc_fond_image {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    max-width: 50%
}

@media screen and (min-width:1024px) {

    .article_alterne.half .bloc_fond_image { width: 50%; max-width: 50% }
    
}

.article_alterne.half div.bloc_texte_alterne.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%; width: 100%
}

@media print, screen and (min-width:40em) {

    .article_alterne.half div.bloc_texte_alterne.half { width: 50% }
    .article_alterne.half div.bloc_texte_alterne.half.to_left { padding-right: 2.5rem }
    .article_alterne.half div.bloc_texte_alterne.half.to_right { padding-left: 2.5rem }
    
}

.article_alterne.half div.bloc_texte_alterne.half h3 { word-break: normal}
.article_alterne.half div.bloc_texte_alterne.half p { margin-top: 2rem; font-size: 1.15rem; line-height: 1.64975}
.page-template-page-traficroutier #map { height: 80vh}
div.full-img { position: absolute}
.image { position: fixed; top: 0; left: 0; right: 0; z-index: 0; width: 100vw; height: 100vh; display: block; opacity: 0}
.alireaussi_large { position: relative; left: 12%; font-size: 6rem; font-family: dm_serif_displayregular, sans-serif;}

.sticky-post-hero {position: relative; overflow: hidden; display: flex; height: auto; flex-direction: column; color: #fff;}
.sticky-post-hero > div {display: flex; justify-content: center; }
.sticky-post-hero .cardwhite {padding: 3em; display: flex; justify-content: center; flex-direction: column; background-color: #f4e5d9; color: #333;}
.sticky-post-hero h2 {color: #333; font-size: 2.3em; line-height: 1.2;}
.sticky-post-hero h2.overlined { color: #515150 !important; text-align: left !important}
.sticky-post-hero picture { width: 100%;}
.sticky-post-hero source, .sticky-post-hero img { object-fit: cover; width: 100%;}

@media screen and (min-width:40em) {

    .sticky-post-hero {height: 430px; flex-direction: row;}
    .sticky-post-hero img, .sticky-post-hero > div { flex-basis: 50%; }
    
}
@media screen and (min-width:64em) {

    .sticky-post-hero img { flex-basis: 100%; }
    .sticky-post-hero > div { flex-direction: column; flex-basis: 20%; }
    .sticky-post-hero .cardwhite {transform: translateX(-40%); width: 180%;}
    
}

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

    h2.overlined:before { margin-top: 1rem }
    
}

.sticky-article-button { color: #515150; text-transform: uppercase; border-bottom: 2px solid #515150; -webkit-transition: all .35s ease; transition: all .35s ease}
.sticky-article-button:hover { color: #515150; border-bottom: 2px solid #515150}

.post-categories { list-style: none; margin-left: 0; margin-bottom: 0}
.post-categories li { display: inline-block; padding-right: .5rem; border-right: 1px solid #515150; margin-right: .5rem}
.post-categories li:last-child { padding-right: 0; border-right: none; margin-right: 0}
.post-categories li a { text-transform: uppercase; font-family: dm_serif_displayregular, sans-serif}

a[rel=tag] { text-transform: uppercase; font-family: dm_serif_displayregular, sans-serif}
a[rel=tag]:last-child { padding-right: .5rem; border-right: 1px solid #515150; margin-right: .5rem}
a[rel=category] { text-transform: uppercase; font-size: 2rem;    border-bottom: 2px solid #515150; margin-right: 1rem}

#single-post { background-color: #fff; padding-top: 1rem; max-width: 100vw}
#single-post .main-content { padding-bottom: 2rem; width: 100%; float: left; padding-right: 1.2rem; padding-left: 1.2rem}

@media print, screen and (min-width:40em) {

    #single-post .main-content { padding-right: .9375rem; padding-left: .9375rem }
    #single-post .main-content { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem }
    #single-post .main-content { padding-right: .9375rem; padding-left: .9375rem }
    #single-post .main-content:last-child:not(:first-child) { float: right }
    
}

#single-post .main-content:last-child:not(:first-child) { float: right}
#single-post .main-content #respond,
#single-post .main-content .entry-content,
#single-post .main-content footer,
#single-post .main-content nav { max-width: 100rem; margin: 0 auto}
#single-post h6 { font-size: 2.125rem; color: #515151; line-height: 1.15; margin-bottom: 2rem}
#single-post p { font-size: 1.15rem}
.avantages { line-height: 1;}
.avantages strong { background-color: #151820; color: #fff; padding: 0 0.3em; font-weight: 400;}
#single-post .main-content { background: #fff;}
p.colored { color: #515151}

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

    .parent-pageid-43 section.grey { display: none }
    
}

@media print, screen and (min-width:64em) {

   #single-post .main-content .entry-content { padding: 0 6rem}
    
}

 
#allowed_tags { display: none}
form#commentform { width: 100%; padding: 0}
.center-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}

header>.page-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-bottom: 2em;}
header>.page-title h1.entry-title { font-size: 2.5rem; margin: 0 auto; color: #fff; text-align: center}

@media print, screen and (min-width:40em) {

    header>.page-title h1.entry-title { font-size: 3rem; max-width: 65vw }
    
}

@media print, screen and (min-width:64em) {

    header>.page-title h1.entry-title { font-size: 3.5rem }
    
}

section.grey h2 { text-align: center; color: #515151; font-size: 4.25rem}
section.grey h3 { text-align: center; color: #fff; font-size: 1rem;}

.select_fields {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: center
    
}

.select_fields > div { margin: 0 1em;    display: flex;}
.select_fields h3 { font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 1rem; text-align: center; display: inline-block; margin: auto; padding: 0.5em; border-radius: 26px; background-color: #101820;}
.page-title .select_fields h3 { background-color: #fff; font-size: .9rem;}

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

    .select_fields h3 { color: #515151; font-size: 1.5rem }
    
}

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

    .select_fields { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 }
    
}

#resa-questions > div .resa.villes div.select { border: 3px solid #515150; color: #515150; padding: .75rem 1rem; background-color: transparent; position: relative; width: 25vw;}
#resa-questions>div .resa.villes .select_fields span{ color: #515150;}
div.select { border-bottom: 1px solid #fff; color: #fff; padding: 0.75rem 0; background-color: transparent; position: relative; font-weight: 700; font-size: 1.15rem; width: 25vw; margin: 0 0.5rem;}


.entries-pagination {
    width: 100%;
    margin: 0 auto
}

.entries-pagination nav {
    text-align: center
}

.entries-pagination nav ul.pagination li {
    border-radius: 50%
}

.entries-pagination nav ul.pagination li a {
    background-color: rgba(0, 151, 197, .75)
}

.pagination a:not('[arial-label=next]') {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 50%;
    color: #5f5f5f;
    font-size: 1.15rem;
    background-color: rgba(0, 151, 197, .75)
}

.pagination li {
    display: inline-block !important
}


#small_map {
    height: 15rem
}

.set_itinerary {
	margin-top: 1rem;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    text-decoration: none!important;
    font-size: 1.15rem;
    padding: 0.25rem;
}

.set_itinerary:after {
    content: " › ";
    display: inline-block;
    color: #fff;
    margin-left: .5rem;
    font-size: 1.37rem;
    margin-top: -1rem
}

.set_itinerary:hover:after {
    color: #515151
}

h5.blue-h5 {
    margin-top: 1.5rem;
    color: #515151;
    margin-bottom: 1rem;
    font-size: 1.75rem
}

.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media screen and (max-width:640px) {
    .cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cards .card {
    border: 2px solid #515151;
    margin-right: 1em;
    padding: 0 0.5rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    text-transform: uppercase;
    color: #515151;
    font-size: .8rem;
    justify-content: space-evenly;
    height: 6rem;
}

.cards .card img {
    margin-bottom: 1rem
}

@media screen and (max-width:640px) {
    .cards .card {
        width: 100%
    }
}

.padding-top-padding-bottom-0 {
    padding-top: 0;
    padding-bottom: 0
}


.sharing-entry {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1.5rem;
    padding-left: .25rem
}

.sharing-entry #favori_handler {
    float: left
}

.sharing-entry a {
    margin-right: 1rem
}

.sharing-entry+p {
    margin-top: 1rem
}

img.v-align-text-top {
    vertical-align: top
}

span.adresse-fiche {
    display: inline-block;
    margin-left: 4px
}

span.tel-fiche {
    display: inline-block;
    margin-left: 10px
}

.large-link {
    font-size: 1rem;
    padding-bottom: 1rem;
}

@media screen and (min-width:840px),
screen and (max-width:1024px) {

    .entries .column,
    .entries .columns {
        min-width: 50%;
        width: 100%
    }
}

.entries .column:last-child:not(:first-child),
.entries .columns:last-child:not(:first-child) { float: left }

.highlight_agenda_dates {
    background-color: #515151;
    font-family: dm_serif_displayregular, sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.65rem;
    padding: .1rem .25rem;
    display: inline-block;
    line-height: 1;
    margin-top: 1rem
}

.padding-top-0 { padding-top: 0 !important}
.margin-top-0 { margin-top: 0 !important}
form {    padding-bottom: 0}
.results-banner.stuck { top: 0; width: 100vw; background: #fff; margin: 0; padding: 1.5rem 12rem 0 12rem; height: 5rem; z-index: 2}

@media screen and (max-width:640px) {
    .row { padding: 1rem    }
}

@media screen and (max-width:960px) {
    .results-banner.stuck { padding: 2rem    }
}

#itineraire input[name=from],
#itineraire select {border: 0; border-bottom: 1px solid #515151; padding: 0.2rem 0; background-color: #fff; position: relative; width: 100%;}


hr { border-bottom-color: #dbdbdb}
.mail-color { color: #515150}


.page-id-645 #page-full-width { background: none !important}
.page-template-page-brochures .pre-footer .wpcf7 { max-width: 75rem !important; margin: 0 auto;}
.page-template-page-brochures form input[type=email],
.page-template-page-brochures form input[type=tel],
.page-template-page-brochures form input[type=text] { font-size: 1.15rem;    border: none; padding: .5rem; height: 3rem; -webkit-transition: all .35s ease; transition: all .35s ease; border-bottom: 3px solid transparent; }
.page-template-page-brochures .row { text-align: left !important;}
.page-template-page-brochures form p.smaller { font-size: .9rem; color: #a1a19f; line-height: 1.2;}
.page-template-page-brochures form input[type=submit], .page-template-page-brochures .forminator-button-submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: 3px solid #515151!important; color: #515151!important; text-transform: uppercase; margin-bottom: 1rem; -webkit-transition: all .35s ease; transition: all .35s ease; padding: .7em 1em !important;display: flex; margin: auto;}
.forminator-consent__label span, .forminator-ui.forminator-custom-form[data-design="basic"] .forminator-checkbox .forminator-checkbox-box ~ span {font-size: .9rem !important;
    line-height: 1.2;}
.forminator-field-html > div {display: none}
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-checkbox .forminator-checkbox-box ~ span { margin-left: 5px!important; }
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-label, .forminator-field.forminator-is_filled > label, #checkbox-1 .forminator-label, #consent-1 .forminator-label { display: none!important;}

.une-semaine-background { background-size: cover; background-repeat: no-repeat;}

.titleSectionBlock {
    width: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    margin-top: 57px;
}

.titleSectionBlock p {
    padding: 0 5px;
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 65px;
    color: #181522;
    font-family: "dm_serif_displayregular", "Droid Sans", "Helvetica Neue", sans-serif;
}

.titleSectionBlockCulture p{
    background: #FED966;
}

.titleSectionBlockArt p{
    background: #8FAADD;
}

.titleSectionBlockBien p{
    background: #A8D18D;
}

.copyrightVisuel{
    font-size: 15px;
}

.parentContent:not(:first-child){
    margin-top: 45px;
}

.linkWrapper{
    display: flex;
    flex-direction: column;
}

.laPerle{
    display: flex;
    margin-top: 25px;
    border-top: solid 4px #fbe7d5;
    border-bottom: solid 4px #fbe7d5;
    border-right: solid 4px #fbe7d5;
}

.servicePlus {
    display: flex;
    margin-top: 25px;
    border-top: solid 4px #515151;
    border-bottom: solid 4px #515151;
    border-right: solid 4px #515151;
}

.servicePlus  > .iconPerleWrapper{ background: #515151;}
.iconPerleWrapper{ flex: 0 1 15%; background: #fce7d5; padding: 20px 12px 0;}
.iconPerleWrapper img{ max-width: 100%;}
.laPerleContent, .ServiceContent{ padding: 20px; flex: 0 1 85%;}
.laPerleContent h5, .ServiceContent h5{ font-size: 32px; line-height: 45px; margin-bottom: 5px;}
.laPerleContent p, .ServiceContent p{ font-size: 18px; line-height: 30px;}
.sectionCulture > .parentContent:not(:first-child){ margin-top: 60px;}
.sectionArt > .parentContent:not(:first-child){ margin-top: 60px;}
.sectionBienEtre > .parentContent:not(:first-child){ margin-top: 60px;}


.introText {
    display: flex;
    margin: 0 auto;
    justify-self: center;
    align-items: center;
    width: 80%;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}


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


}

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

    .selectorContent{ width: 95%; }
    .nextMonth, .prevMonth{ display: none; }
    .prevButton { left: -50px; }
    .nextButton { right: -50px; }

}