h1,
h2,
h3,
h4,
h5 {
    color: var(--vdm-title-color);
}

.node.node--view-mode-full {
    background-color: var(--vdm-bg-block-color);
  }
.path-frontpage .node.node--view-mode-full {
    background: none;
  }



  .actualite-top-image.container-fluid.full-width {
    margin-top: -30px !important;
  }

body, button, label, div {
    font-family: 'Orkney';
}

.toolbar-fixed #header.fixed {
    top: 74px;
}



th.views-field {
    background: var(--vdm-header-top-color);
}
.view-header .taxonomy-term h2 {
    margin: 15px 0;
  }

  #edit-openid-connect-client-generic-login {
    border: 3px solid #1a489c;
    margin-bottom: 30px;
    margin-top: 15px;
    background: none;
    color: #1a489c !important;
    padding: 12px 15px;
    font-weight: bold;
  }
  
  .maintenance-page > .visually-hidden-focusable {
	display: none;
	}
	.maintenance-page #name-and-slogan {
	  margin: 15px 0;
	}

  .separ {
    align-items: center;
    display: flex;
    text-align: center;
    padding-bottom: 1.3rem;
  }

  #choisirFC {
    width: 35px;
    background-color: var(--vdm-bg-color);
  }

  .separ::after, .separ::before {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e8e8e8;
  }
  #edit-openid-connect-client-generic-login:hover {
    background: #1a489c;
    color: white !important;
    -webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
  }

.menu-inpage ul.links li {
    display: inline-block;
    padding: 0 1em 0 0;
    white-space: nowrap;
    line-height: 65px !important;
}

.node--view-mode-full .field--name-body a.list_actus-filtre-item:not(.active) {
    color: white;
}

.vignettes-event {
    margin-top: 25px;
    margin-bottom: 25px;
}
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    overflow: hidden;
  }
.dropdown-item.active,
.dropdown-item:active {
    background: none;
}
.actus_content-item .content_description, .actus_content-item .content_description * {
    font-size: 0.9rem;
  }
.dropdown-menu .dropdown-item a.active::before {
    content: ">";
    margin-right: 10px;
}

.layout--twocol-section.layout--twocol-section--25-75>.layout__region--second,
.layout--twocol-section.layout--twocol-section--75-25>.layout__region--first {
    overflow: hidden;
}

.block-field-blocknodearticlefield-galerie .slick,
.block-field-blocknodepagefield-galerie .slick {
    margin-top: 45px;
}

.block-field-blocknodearticlefield-galerie .slick .slick-slide,
.block-field-blocknodepagefield-galerie .slick .slick-slide {
    margin-right: 10px;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container > dl dt > a
{
  padding-left: 60px !important;
  background-color: var(--vdm-header-top-color);
  color: var(--vdm-bg-color) !important;

}

.webform-submission-form label {
    margin: 20px 0;
}

.menu-inpage {
    margin-bottom: 50px;
}

.field--name-field-date-debut,
.field--name-field-lieu, .date-event-section {
    font-family: 'Orkney bold';
    margin-bottom: 25px;
}

.field--name-field-date-debut .datetime::before, .date-event-section::before {
    content: "\e928";
    font-size: 1rem;
    color: var(--vdm-header-top-color);
    font-family: 'icomoon';
    display: block;
    margin-bottom: 15px;
}


  
  
.lieu-event-section::before {

    content: "\e924";
    font-size: 1.15rem;
    color: var(--vdm-header-top-color);
    font-family: 'icomoon';
    display: block;
    margin-bottom: 15px;

}

.menu-inpage hr {
    margin-top: 35px;
}

.field--name-field-lieu .field__label {
    color: var(--vdm-header-top-color);
    margin-bottom: 10px;
}

.detail-article .field--name-field-tags .field__label {
    display: none;
}

#block-vdm-main-menu .dropdown-menu {
    left: 45%;
    background: var(--vdm-bg-color);
    margin: 0;
    padding: 0;
}



.detail-article.page-no-image {
    margin-top: 0;
}

.node-page .c-detail-article {
    padding: 0;
    margin-top: 25px;
}

.node-page-2-col .inner-detail-article h1 {
    padding-bottom: 0;
}

.node-page-2-col .title-field {
    margin-bottom: 25px;
}

.item-docs {
    padding: 0 15px;
}

.links-documents {
    padding-bottom: 4.375rem;
}

.menu-inpage .links a.active {
    background: white;
    color: var(--vdm-text-color);
    border: 2px solid var(--vdm-header-top-color);
    padding: 1.088rem;
}

.menu-inpage .links a:not(.active) {
    color: white;
}

.inner-detail-article .title-intro > * {
    font-size: 3.125rem;
    font-family: 'Orkney Bold', sans-serif;
    color: white !important;
    padding-bottom: 1.875rem;
    display: block;
  }

.inner-detail-article h2 font {
    font-size: 2rem;
    font-family: 'Orkney Bold', sans-serif !important;
    color: var(--vdm-text-color);
    padding-bottom: 1.875rem;
    display: block;
}

.inner-detail-article h3 font {
    font-size: 1.5rem;
    font-family: 'Orkney Bold', sans-serif !important;
    color: var(--vdm-text-color);
    padding-bottom: 1.875rem;
    display: block;
}

.node__content.clearfix {
    margin-top: 0;
}

.tout-savoir_content {
    background-color: var(--vdm-header-top-color);
    color: #fff;
    font-family: 'Orkney Regular', sans-serif;
}

.tout-savoir_content a,
.tout-savoir_content p,
.tout-savoir_content h1,
.tout-savoir_content h2,
.tout-savoir_content h3,
.tout-savoir_content h4 {
    color: #fff;
}

.tout-savoir_content h1,
.tout-savoir_content h2,
.tout-savoir_content h3,
.tout-savoir_content h4 {
    margin-bottom: 15px;
}

.col-top-header-center {
    text-align: center;
}

.col-top-header-center .navbar-brand img {
    max-height: 100px;
    position: relative;
    top: -3px;
}

.col-top-header-right {
    text-align: right;
}

.region-header {
    text-align: center;
}

.layout.layout--onecol {
    clear: both;
}

.title-intro p {
    font-size: 65px;
    padding-right: 250px;
    color: white;
}


.full-width {
    width: 100vw;
    left: calc(50% - 50vw);
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

.programme-title a,
.content_desc a {
    color: #000;
}

.dropdown-item:active {
    background: none;
}

#block-vdm-page-title {
    display: none !important;
}

body .site-footer .content ul:not(.menu) {
    padding-left: 0;
}

body .site-footer .block,
body .site-footer__bottom {
    border: none;
}

body .footer_items-content a:hover {
    text-decoration: none !important;
}

.site-footer__top .content li a {
    border: none;
    padding: 5px 18px;
}

.menu-mobile,
.menu-mobile::before,
.menu-mobile::after {
    background: var(--vdm-bg-color) !important;
}

#block-vdm-main-menu>li:hover>ul {
    display: block;
}

#block-vdm-main-menu .dropdown-menu.show {
    display: none;
}

section[class*=" region-footer-"] h3, section[class*=" region-footer-"] h2 {
    font-size: 1.375rem;
    font-family: 'Orkney Medium', sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    color: #fff;
    border: none;
  margin-bottom: 20px;
  text-transform: none;
}

.image-full-height img {
    width: 100%;
}
.image-full-height {
    height: auto !important;
  }

  .social-media-links--platforms li a span::before {
    position: relative;
    left: 15px;
  }
section[class*=" region-footer-"] p {
    font-size: 14px;
    font-family: 'Orkney Regular', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    margin-bottom: 0.3125rem;
    transition: all 0.2s ease;
}

body .site-footer .content a,
.site-footer .content a.is-active {
    color: white;
}

.menu-inpage li a {
    padding: 15px 15px !important;
}

.dropdown-menu .dropdown-item a {
    color: var(--vdm-text-color) !important;
    font-size: 0.8125rem;
    font-family: 'Orkney Medium', sans-serif;
    padding: 5px 5px;
    font-weight: normal !important;
}

.dropdown-toggle::after {
    display: none;
}

.actus_content .img-container {
    height: 189px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


a:hover,
a:focus,
.link:hover,
.link:focus {
    color: inherit !important;
}

.actualite-top-image {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -1.675rem;
}

@font-face {
    font-family: 'Orkney Regular';
    src: url(/themes/custom/vdm/css/fonts/Orkney-Regular.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orkney';
    src: url(/themes/custom/vdm/css/fonts/Orkney-Regular.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orkney Light';
    src: url(/themes/custom/vdm/css/fonts/Orkney-Light.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orkney Medium';
    src: url(/themes/custom/vdm/css/fonts/Orkney-Medium.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orkney Bold';
    src: url(/themes/custom/vdm/css/fonts/Orkney-Bold.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src: url(/themes/custom/vdm/css/fonts/icomoon.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.view-search-content .views-exposed-form label {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  #edit-submit-search-content {
    height: 50px;
    margin-left: 10px;
  }
  #views-exposed-form-search-content-page-1 {
    padding: 0 9px;
  }


.node--view-mode-full .field--name-field-tags a  {
    color: white;
    font-size: 0.9375rem;
    display: inline-block;
    width: auto;
    padding: 12px 20px;
    height: auto;
    background-color: var(--vdm-button-color);
  }

  .a2a_svg {
    background-color: var(--vdm-button-color) !important;
  }

  .node--view-mode-full .field--name-body .field--name-field-tags ul li {
    margin-bottom: 15px;
    padding: 0;
  }


  /* Fin des changements VDM custom */ 

.icon-picto-SITEWEB:before {
    content: "\e939";
}

.icon-picto-SORTIR:before {
    content: "\e900";
}

.icon-icons__actualite:before {
    content: "\e901";
}

.icon-icons__culture:before {
    content: "\e902";
}

.icon-icons__decouvrir_marseille:before {
    content: "\e903";
}

.icon-icons__economie:before {
    content: "\e904";
}

.icon-icons__education:before {
    content: "\e905";
}

.icon-icons__environnement:before {
    content: "\e906";
}

.icon-icons__e-service:before {
    content: "\e907";
}

.icon-icons__international:before {
    content: "\e908";
}

.icon-icons__mairie:before {
    content: "\e909";
}

.icon-icons__mer:before {
    content: "\e90a";
}

.icon-icons__numerique:before {
    content: "\e90b";
}

.icon-icons__prevention:before {
    content: "\e90c";
}

.icon-icons__sante:before {
    content: "\e90d";
}

.icon-icons__social:before {
    content: "\e90e";
}

.icon-icons__sport:before {
    content: "\e90f";
}

.icon-icons__transport:before {
    content: "\e910";
}

.icon-Fichier-13:before {
    content: "\e911";
}

.icon-icons_allo_mairie:before {
    content: "\e912";
}

.icon-icons_carte_identite:before {
    content: "\e913";
}

.icon-icons_etat_civil:before {
    content: "\e914";
}

.icon-icons_inscirption_scolaire:before {
    content: "\e915";
}

.icon-icons_liste_electoral:before {
    content: "\e916";
}

.icon-icons_meteo_plage:before {
    content: "\e917";
}

.icon-icons_musee:before {
    content: "\e918";
}

.icon-icons_offre_emploi:before {
    content: "\e919";
}

.icon-icons_passeport:before {
    content: "\e91a";
}

.icon-icons_peril:before {
    content: "\e91b";
}

.icon-icons_piscine:before {
    content: "\e91c";
}

.icon-icons_rdv_passeport_cni:before {
    content: "\e91d";
}

.icon-icons_stationnement:before {
    content: "\e91e";
}

.icon-icons_superminot:before {
    content: "\e91f";
}

.icon-icons__facebook:before {
    content: "\e920";
}

.icon-icons__twitter:before {
    content: "\e921";
}

.icon-icons__youtube:before {
    content: "\e922";
}

.icon-icons_instagram:before {
    content: "\e923";
}

.icon-icons__carte:before {
    content: "\e924";
}

.icon-icons__cartographie:before {
    content: "\e925";
}

.icon-icons__chevron:before {
    content: "\e926";
}

.icon-icons__croix_close:before {
    content: "\e927";
}

.icon-icons__evenement:before {
    content: "\e928";
}

.icon-icons__fichier_pdf:before {
    content: "\e929";
}

.icon-icons__fleche:before {
    content: "\e92a";
}

.icon-icons__lien_externe:before {
    content: "\e92b";
}

.icon-icons__menu_burger:before {
    content: "\e92c";
}

.icon-icons__recherche1:before {
    content: "\e92d";
}

.icon-icons__webcam:before {
    content: "\e92e";
}

.icon-icons__home:before {
    content: "\e92f";
}

.icon-icons__recherche:before {
    content: "\e930";
}

.icon-icons__services:before {
    content: "\e931";
}

.icon-icons_services_plein:before {
    content: "\e932";
}

.icon-icons__home_logement_plein:before {
    content: "\e933";
}

.icon-icons_actualite_plein:before {
    content: "\e934";
}

.icon-icons__culture_plein:before {
    content: "\e935";
}

.icon-icons__culture_plein1:before {
    content: "\e936";
}

.icon-download:before {
    content: "\e937";
}

.icon-calendar-o:before {
    content: "\e938";
}

.icon-location:before {
    content: "\e947";
}

.icon-clock:before {
    content: "\e94e";
}

.icon-plus:before {
    content: "\ea0a";
}

.icon-minus:before {
    content: "\ea0b";
}

@keyframes bgAnimateThrough {
    0% {
        transform: scale(1.2);
        animation-timing-function: ease-in;
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    25% {
        animation-timing-function: ease-out;
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
        animation-timing-function: ease-in;
    }
    to {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
        background-color: var(--vdm-bg-color) !important;
    margin: 0; 
    padding: 0; 
    overflow-x:hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 0;
}

img {
    max-width: 100%;
    height: auto;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 19px;
    margin-bottom: 0px;
}

p {
    font-size: 19px;
    margin-bottom: 26px;
}



button {
    border: transparent;
    background: transparent;
    cursor: pointer;
}

.block {
    display: block;
}

.displayNone {
    display: none !important;
}

.labelDisplayNone {
    color: transparent !important;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
}

a {
    text-decoration: none !important;
}

a:focus h3 {
    outline: var(--vdm-header-top-color) solid 0.5px !important;
}

.flex-star-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.bouton_niv1,
input[type="submit"],
.links a {
    width: 8.1875rem;
    height: 3.125rem;
    border: none;
    border-radius: 4px;
    background-color: var(--vdm-header-top-color);
    color: white;
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.9375rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bouton_niv1:hover,
input[type="submit"]:hover,
.links a:hover {
    transition: all 0.3s ease;
    background-color: #002454;
    color: white;
}

input[type="text"],
input[type="email"] {
    height: 3.125rem;
    border-radius: 3px;
    border: solid 2px #dfdfdf;
    background-color: #f7f4f1;
    transition: all 0.2s ease;
    color: #464646;
    font-size: 0.9375rem;
    line-height: 3.125rem;
    padding: 0 1.5625rem;
    box-shadow: 0 0 0 0 transparent;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder {
    font-size: 0.9375rem;
    color: #464646;
    transition: all 0.2s ease;
}

input[type="text"]:hover,
input[type="email"]:hover {
    transition: all 0.3s ease;
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0 0 7px 0 #d2d2d2;
}

input[type="text"]:focus,
input[type="email"]:focus {
    transition: all 0.3s ease;
    background-color: #fff;
    border-color: #dfdfdf;
    box-shadow: 0 0 0 0 transparent;
}

.bouton_niv2,
a.bouton_niv2 {
    color: var(--vdm-header-top-color);
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.9375rem;
    padding: 0;
    margin: 0;
    margin-bottom: 1.25rem;
    display: table;
    position: relative;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.bouton_niv2::after,
a.bouton_niv2::after {
    content: "";
    width: 3.75rem;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: 0;
    bottom: -0.3125rem;
    transition: all 0.2s ease;
}

.bouton_niv2::before,
a.bouton_niv2::before {
    content: "\e926";
    font-family: 'icomoon' !important;
    font-size: 9px;
    position: absolute;
    right: -15px;
    font-weight: bold;
    top: 50%;
    transform: translate(0, -50%);
}

.bouton_niv2:hover,
a.bouton_niv2:hover {
    transition: all 0.3s ease;
}

.bouton_niv2:hover::after,
a.bouton_niv2:hover::after {
    content: "";
    width: 100%;
    background-color: var(--vdm-header-top-color);
    transition: all 0.3s ease;
}

.block-views-blockvignette-evenements-block-1>h2,
.section_title {
    font-family: 'Orkney Bold', sans-serif;
    font-size: 2.1875rem;
    padding-bottom: 2.8125rem;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    width: 100%;
}

.color-bare svg path {
    fill: var(--vdm-bg-color) !important;
    stroke: var(--vdm-bg-color) !important;
}
.views-view-vignetteviewstyle .content_type {
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-bottom: 15px;
  }

  .field--type-file .file a::after {
    content: "\e937";
    font-family: 'icomoon';
    font-size: 0.9375rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate(0,-50%);
    color: #002454;
    }
    .field--type-file .file a {
    font-family: 'Orkney Regular',sans-serif;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    background: var(--vdm-header-top-color);
    padding: 1.125rem 5rem 0.875rem 1.25rem;
    position: relative;
    display: block;
    height: 100%;
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    border-radius: 5px;
    }
    .field--type-file .file {
    background: none;
    padding-left: 0;
    }


.block-views-blockvignette-evenements-block-1>h2:before,
.section_title:before {
    content: "";
    display: block;
    position: absolute;
    left: -5rem;
    top: 0rem;
    width: 26.875rem;
    height: 4.6875rem;
    background: url(/themes/custom/vdm/images/fnd-title.svg) no-repeat;
    z-index: -1;
}

.section_title:after{
content : none !important;
}

.block-views-blockvignette-evenements-block-1>h2:before,
.section_title.white-decorqtion:before {
    background: url(/themes/custom/vdm/images/fnd-title-white.svg) no-repeat;
}



.pt-80 {
    height: 5rem;
    width: 100%;
    display: block;
}

.hasFnd .img {
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.hasFnd .img>img {
    display: none;
}

.logged-in .region-content .tabs {
    margin-bottom: 1.875rem;
}

.row-c-column {
    margin-bottom: 1.5625rem;
    display: block;
}

.row-c-column .col-xs-12 {
    font-family: 'Orkney Regular', sans-serif;
    font-size: 0.875rem;
    float: left;
    line-height: 1.5;
}

.c-partage i {
    margin-left: 8px;
    position: relative;
    top: 2px;
}

.view-check-inscription { 
    text-align: center;
}
.view-check-inscription  .field-content {
    display: block;
    margin-top: 7px;
  }
.view-check-inscription .views-field {
margin: 15px 0;
}
.view-check-inscription .views-label {
opacity: 0.7;
}

.node--view-mode-full .field--name-body h2 {
    padding-bottom: 0.9375rem;
    font-size: 1.875rem;
    font-family: 'Orkney Bold', sans-serif;
    line-height: 1;
    color: var(--vdm-title-color);
    position: relative;
    margin-bottom: 2.1875rem;
    line-height: 1;
}

.node--view-mode-full .field--name-body h2:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.125rem;
    background: #dfdfdf;
}

.node--view-mode-full .field--name-body h2.headline {
    font-size: 1.0625rem;
    margin-bottom: 0;
}

.node--view-mode-full .field--name-body h3 {
    padding-bottom: 0.9375rem;
    font-size: 1.5rem;
    font-family: 'Orkney Bold', sans-serif;
    line-height: 1;
    color: var(--vdm-title-color);
}
.vague-title .color-bare {
    margin-left: -25px;
    display: block;
    margin-top: 8px;
  }
  .vague-title {
    margin-top: 10px !important;
    margin-bottom: 0;
  }
  .vague-title::after {
    content: none !important;
  }
.node--view-mode-full .field--name-body h4 {
    padding-bottom: 0.625rem;
    font-size: 1rem;
    font-family: 'Orkney Bold', sans-serif;
    line-height: 1;
    color: var(--vdm-title-color);
    text-transform: uppercase;
}

.node--view-mode-full .block-field-blocknodearticlebody .field--name-body ul,
.node--view-mode-full .block-field-blocknodeevenementbody .field--name-body ul,
.node--view-mode-full .block-field-blocknodepagebody .field--name-body ul {
    list-style: disc;
    padding-left: 15px;
}

.node--view-mode-full .field--name-body ul li {
    padding-left: 1.125rem;
padding-bottom: 0.3125rem;
transition: all 0.3s;
font-size: 1.125rem;
font-family: 'Orkney Regular',sans-serif;
color: var(--vdm-text-color);
line-height: normal;


}


.cherchez-map {
    background-image: url(/themes/custom/vdm/images/background-map.png);
    margin: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.4375rem 0;
    text-align: center;
    height: 500px;
    display: table;
}

.cherchez-map > .container {
    vertical-align: middle;
    display: table-cell;
  }


.cherchez-map_icon {
    color: white;
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
}


.cherchez-map_title {
    max-width: 47.875rem;
    font-size: 2rem;
    font-family: 'Orkney Regular', sans-serif;
    line-height: 65px;
    color: white;
    text-align: center;
    margin: 0 auto 0.9375rem;
}

.cherchez-map_description {
    font-size: 1.25rem;
    font-family: 'Orkney Regular', sans-serif;
    line-height: 27px;
    color: white;
    text-align: center;
    margin-bottom: 1.5625rem;
}

.cherchez-map .bouton_niv1 {
    background-color: #fff;
    color: var(--vdm-header-top-color);
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    line-height: 3.125rem;
    padding: 0 1.125rem;
    font-family: 'Orkney Bold', sans-serif;
    max-width: 200px;
}

.node--view-mode-full .cherchez-map_description {
    color: white;
}


.cherchez-map .bouton_niv1:hover {
    background-color: #002454;
    color: #fff;
}


.node--view-mode-full .field--name-body ul li strong {
    font-family: 'Orkney Bold', sans-serif;
}

.node--view-mode-full .field--name-body p ul li:before {
    content: "";
    display: block;
    border: none;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--vdm-header-top-color);
    top: 0.5rem;
    position: absolute;
    left: 0.0625rem;
}

.node--view-mode-full .field--name-body ul.liseDesc li:before {
    border: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent var(--vdm-header-top-color);
    background: none;
    border-radius: initial;
    top: 0.375rem;
}

.node--view-mode-full .field--name-body ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-bottom: 1.875rem;
    margin: 0;
}

.node--view-mode-full .field--name-body ol li {
    counter-increment: my-awesome-counter;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-bottom: 1.25rem;
    padding-left: 2.9375rem;
    position: relative;
    color: var(--vdm-text-color);
    font-family: 'Orkney Regular', sans-serif;
}

.node--view-mode-full .field--name-body ol li:before {
    content: counter(my-awesome-counter);
    font-size: 0.875rem;
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    color: var(--vdm-header-top-color);
    font-family: 'Orkney Bold', sans-serif;
    border: 0.125rem solid #d2d2d2;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: -0.125rem;
}

.node--view-mode-full .field--name-body a {
    font-size: 1.125rem;
    font-family: 'Orkney Bold', sans-serif;
    color: var(--vdm-link-color);
}

.node--view-mode-full .field--name-body a.fa {
    text-decoration: none !important;
    font-family: FontAwesome;
}

.node--view-mode-full .field--name-body a:hover {
    text-decoration: none !important;
}

.node--view-mode-full .field--name-body a.link-extern {
    display: block;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.125rem;
    font-family: 'Orkney Medium', sans-serif;
    line-height: 1;
    color: #000;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    position: relative;
    text-decoration: none !important;
    padding-right: 3.75rem;
}

.node--view-mode-full .field--name-body a.link-extern:before {
    display: block;
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0.9375rem;
    background: url(/themes/custom/vdm/images/icon-linkExtra.svg) center center #dfdfdf no-repeat;
    border-radius: 50%;
}

.node--view-mode-full .field--name-body a.link-extern~.link-extern {
    border-top: none;
}

.node--view-mode-full .field--name-body blockquote {
    position: relative;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 3.125rem;
    margin-left: 3.125rem;
    border-left: 0.125rem solid var(--vdm-header-top-color);
    color: var(--vdm-header-top-color);
    font-size: 1.375rem;
    font-family: 'Orkney Bold', sans-serif;
    margin-bottom: 3.125rem;
}

.node--view-mode-full .field--name-body blockquote span {
    display: block;
    color: #848484;
    font-size: 0.875rem;
    font-family: 'Orkney Medium', sans-serif;
    padding-top: 0.625rem;
}

.node--view-mode-full .field--name-body blockquote p {
    color: inherit;
    font-size: 1.375rem;
    font-family: 'Orkney Bold', sans-serif;
    text-align: left;
}


.node--view-mode-full .field--name-body img.alignright,
.node--view-mode-full .field--name-body img.align-right {
    float: right;
    margin-left: 2.5rem;
    margin-bottom: 2.5rem;
}

.node--view-mode-full .field--name-body img.alignright.mini-img,
.node--view-mode-full .field--name-body img.align-right.mini-img {
    margin-left: 0.5rem;
}

.node--view-mode-full .field--name-body img.alignleft,
.node--view-mode-full .field--name-body img.align-left {
    float: left;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
}

.node--view-mode-full .field--name-body img.alignleft.mini-img,
.node--view-mode-full .field--name-body img.align-left.mini-img {
    margin-right: 0.5rem;
}

.node--view-mode-full .field--name-body img.aligncenter,
.node--view-mode-full .field--name-body img.align-center {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
}

.node--view-mode-full .field--name-body figcaption {
    font-size: 0.875rem;
    color: #848484;
    font-family: 'Orkney Regular', sans-serif;
    padding-top: 0.625rem;
}

.node--view-mode-full .field--name-body figure {
    margin-bottom: 2.1875rem;
}

.node--view-mode-full .field--name-body figure.align-left {
    float: left;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
}

.node--view-mode-full .field--name-body figure.align-right {
    float: right;
    margin-left: 2.5rem;
    margin-bottom: 2.5rem;
}

.node--view-mode-full .field--name-body figure.align-center {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
    text-align: center;
}

.node--view-mode-full .field--name-body table {
    width: 100%;
}

.node--view-mode-full .field--name-body table thead tr {
    background: #f2efeb;
}

.node--view-mode-full .field--name-body table thead tr th {
    font-size: 1.125rem;
    border-right: 1px solid black;
    padding: 1.5625rem;
}

.node--view-mode-full .field--name-body table thead tr th:last-child {
    border: none;
}

.node--view-mode-full .field--name-body table tbody tr:nth-child(2n+2) {
    background: #f2efeb;
}

.node--view-mode-full .field--name-body table tbody tr td {
    font-size: 1.125rem;
    border-right: 1px solid black;
    padding: 0.9375rem;
}

.node--view-mode-full .field--name-body table tbody tr td:last-child {
    border: none;
}


.node--view-mode-full {
    font-size: 1.125rem;
    font-family: 'Orkney Regular', sans-serif;
    color: var(--vdm-text-color);
}

.node--view-mode-full p {
    font-size: 1.125rem;
    font-family: 'Orkney Regular', sans-serif;
    color: var(--vdm-text-color);
    padding-bottom: 0.625rem;
    line-height: 1.5;
    margin: 0;
}

.node--view-mode-full .field--name-body p:after {
    content: "";
    clear: both;
}

.node--view-mode-full .field--name-body p strong {
    font-family: 'Orkney Bold', sans-serif;
    color: inherit;
}

.node--view-mode-full .field--name-body p.rtejustify {
    text-align: left;
}

.node--view-mode-full .field--name-body .souligne {
    text-decoration: underline;
}

.node--view-mode-full .field--name-body em {
    font-style: italic;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl {
    border: none;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt {
    position: relative;
    background: #f7f4f1;
    border-left: 0.25rem solid transparent;
    margin-bottom: 0.625rem;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span {
    position: absolute;
    width: 2.1875rem;
    height: 2.1875rem;
    top: 50%;
    right: 1.25rem;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    transform: translate(0, -50%);
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span:after,
.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span:before {
    content: "";
    background: var(--vdm-header-top-color);
    width: 0.75rem;
    height: 0.1rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span.open {
    background: var(--vdm-header-top-color);
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span.open:before {
    display: none;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt span.open:after {
    background: #fff;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt>a {
    padding: 1.25rem 5.625rem 1.25rem 1.875rem;
    font-size: 1.125rem;
    color: #000;
    font-family: 'Orkney Medium', sans-serif;
    display: block;
    text-decoration: none !important;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt.active {
    border-left: 0.25rem solid var(--vdm-header-top-color);
    margin-bottom: 0;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggle {
    background: var(--vdm-header-top-color);
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggle:after {
    background: #fff;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggle:before {
    display: none;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dd {
    display: none;
    padding: 1.25rem;
    font-size: 1.125rem;
    border-left: 0.25rem solid var(--vdm-header-top-color);
    margin-bottom: 0.625rem;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container>dl dd p {
    font-size: 1.125rem;
    color: black;
}

.node--view-mode-full .field--name-body iframe {
    width: 100%;
    height: 38.75rem;
}

.node--view-mode-full .field--name-body .align-center iframe {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.node--view-mode-full .field--name-body .embeddedContent {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.node--view-mode-full .field--name-body .embeddedContent iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.node--view-mode-full .field--name-body .bouton_niv2 {
    color: var(--vdm-header-top-color);
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.node--view-mode-full .field--name-body .bouton_niv2::after {
    content: "";
    width: 3.75rem;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: 0;
    bottom: - 0.3125rem;
    transition: all 0.2s ease;
}

.node--view-mode-full .field--name-body .bouton_niv2::before {
    content: "\e925";
    font-family: 'icomoon' !important;
    font-size: 9px;
    position: absolute;
    right: -15px;
    font-weight: bold;
    top: 50%;
    transform: translate(0, -50%);
}

.node--view-mode-full .field--name-body .bouton_niv2:hover {
    transition: all 0.3s ease;
}

.node--view-mode-full .field--name-body .bouton_niv2:hover::after {
    content: "";
    width: 100%;
    background-color: var(--vdm-header-top-color);
    transition: all 0.3s ease;
}

.node--view-mode-full .field--name-body .bouton_niv1 {
    height: 3.125rem;
    line-height: 3.125rem;
    width: inherit;
    display: inline-block;
    border: none;
    border-radius: 4px;
    background-color: var(--vdm-header-top-color);
    color: #fff !important;
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.9375rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0 1.5625rem;
    white-space: nowrap;
    margin-right: 0.9375rem;
    text-decoration: none !important;
    margin-bottom: 1.25rem;
}

.node--view-mode-full .field--name-body .bouton_niv1:hover {
    transition: all 0.3s ease;
    background-color: #002454;
}


.node--view-mode-full .field--name-body .cadre {
    border: 3px solid var(--vdm-header-top-color);
    padding: 1.25rem 0.9375rem;
    margin-bottom: 3.125rem;
}

.node--view-mode-full .field--name-body .card {
    border: none;
    margin-bottom: 0.625rem;
    background: #f7f4f1;
}

.node--view-mode-full .field--name-body .card-header {
    position: relative;
    background: #f7f4f1;
    border: none;
    padding: 1.25rem 5.625rem 1.25rem 1.875rem;
    font-size: 1.125rem;
    color: #000 !important;
    font-family: 'Orkney Medium', sans-serif;
    display: block;
    text-decoration: none !important;
}

.node--view-mode-full .field--name-body .card-header button {
    position: absolute;
    width: 2.1875rem;
    height: 2.1875rem;
    top: 50%;
    right: 1.25rem;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    transform: translate(0, -50%);
}

.node--view-mode-full .field--name-body .card-header button:after,
.node--view-mode-full .field--name-body .card-header button:before {
    content: "";
    background: #da1984;
    width: 0.75rem;
    height: 0.1rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.node--view-mode-full .field--name-body .card-header button:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.node--view-mode-full .field--name-body .card-header button.open {
    background: #da1984;
}

.node--view-mode-full .field--name-body .card-header button.open:before {
    display: none;
}

.node--view-mode-full .field--name-body .card-header button.open:after {
    background: #fff;
}

.node--view-mode-full .field--name-body .head-acc {
    border-left: 0.25rem solid transparent;
}

.node--view-mode-full .field--name-body .head-acc.show {
    border-left: 0.25rem solid var(--vdm-header-top-color);
}

.node--view-mode-full .field--name-body .head-acc.show .card-header button {
    background: var(--vdm-header-top-color);
}

.node--view-mode-full .field--name-body .head-acc.show .card-header button:before {
    display: none;
}

.node--view-mode-full .field--name-body .head-acc.show .card-header button:after {
    background: #fff;
}

.node--view-mode-full .field--name-body .card-body {
    font-family: 'Orkney Regular', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 1.875rem;
}

.node--view-mode-full .field--name-body .card-body strong {
    font-family: 'Orkney Bold', sans-serif;
}

.node--view-mode-full .field--name-body .body-acc {
    border-left: 0.25rem solid var(--vdm-header-top-color);
}

.node--view-mode-full .field--name-body .stats {
    text-align: center;
    padding: 0.9375rem 0;
}

.node--view-mode-full .field--name-body .stats .num {
    font-size: 2.8125rem;
    font-family: 'Orkney Bold', sans-serif;
    color: #000;
}

.node--view-mode-full .field--name-body .stats .type {
    font-family: 'Orkney Medium', sans-serif;
    font-size: 1.125rem;
    color: #464646;
}

.boutton_acces-rapides {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    color: var(--vdm-button-color);
    font-family: 'Orkney Bold', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75rem;
    padding: 0 30px;
    line-height: 15px;
}

.boutton_acces-rapides span {
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    line-height: 4.175rem;
    margin-bottom: 0.625rem;
    position: relative;
    border-radius: 50%;
    background: var(--vdm-button-color);
    font-family: 'icomoon';
    text-align: center;
}

.boutton_acces-rapides span img,
.boutton_acces-rapides span svg {
    max-width: 2.1875rem;
    max-height: 2.25rem;
    display: inline-block;
    vertical-align: middle;
}

.boutton_acces-rapides span svg {
    fill: #fff;
}

.boutton_acces-rapides span:after {
    color: #fff;
    font-family: 'icomoon';
    display: block;
    position: absolute;
    font-size: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.boutton_acces-rapides:hover {
    color: #002454;
    text-decoration: none;
}

.boutton_acces-rapides:hover span {
    background: #002454;
}

.btn-icons_allo_mairie .icon:after {
    content: "\e911";
}

.btn-icons_offre_emploi .icon:after {
    content: "\e918";
}

.btn-icons_stationnement .icon:after {
    content: "\e91d";
}

.btn-icons_meteo_plage .icon:after {
    content: "\e916";
}

.btn-icons_passeport .icon:after {
    content: "\e919";
}

.btn-icons_musee .icon:after {
    content: "\e917";
}

.btn-icons_liste_electoral .icon:after {
    content: "\e915";
}

.btn-icons_piscine .icon:after {
    content: "\e91b";
}

.btn-icons_inscirption_scolaire .icon:after {
    content: "\e914";
}

.btn-icons_peril .icon:after {
    content: "\e91a";
}

.btn-icons_etat_civil .icon:after {
    content: "\e913";
}

.btn-icons_carte_identite .icon:after {
    content: "\e912";
}

.btn-icons_rdv_passeport_cni .icon:after {
    content: "\e91c";
}

.btn-icons_superminot .icon:after {
    content: "\e91e";
}

.bouton_niv3 {
    color: var(--vdm-link-color);
    font-size: 0.9375rem;
    font-family: 'Orkney Bold', sans-serif;
    display: inline-block;
    position: relative;
    padding-right: 2.1875rem;
    border: transparent;
    background: transparent;
    cursor: pointer;
}

.bouton_niv3:after {
    position: absolute;
    display: block;
    content: "\ea0a";
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 1.5rem;
    height: 1.5rem;
    border: solid 2px #dfdfdf;
    color: var(--vdm-link-color);
    border-radius: 50%;
    font-family: 'icomoon';
    font-size: 0.625rem;
    transition: all 0.3s;
    text-align: center;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

.bouton_niv3:hover {
    text-decoration: none;
}

.bouton_niv3:hover:after {
    border-color: var(--vdm-header-top-color);
}

.bouton_niv3.in:after {
    content: "\ea0b";
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
}


.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.main-video-inner {
    width: 100%;
    padding-top: 41.41%;
    position: relative;
    overflow: hidden;
}


.anchorLink:focus {
    opacity: 1;
}

@keyframes slidemenu {
    from {
        top: -200px;
    }
    to {
        top: 0;
    }
}



.c-rs {
    padding-top: 1.25rem;
}

.c-rs ul {
    text-align: center;
    width: 100%;
}

.c-rs ul li {
    display: inline-block;
    padding: 0 0.3125rem;
}

.c-rs ul li a {
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
}

.c-rs ul li a i {
    display: block;
    font-size: 1.125rem;
    color: #fff;
}

.c-rs ul li a i.icon-icons__facebook:before {
    content: "\e910";
}

.c-rs ul li a:hover i,
.c-rs ul li a:focus i {
    color: #00a8ff !important;
}

.c-rs ul li:last-child {
    padding-right: 0;
}

.main-banner {
    position: relative;
    z-index: 1;
}
.social-sharing-buttons { 
    margin: 1rem 0;
}
.social-sharing-buttons svg {

    background : var(--vdm-button-color) !important;
    fill : var(--vdm-bg-block-color) !important;

}

.node  .block-field-blocknodearticlechanged,
.node  .block-field-blocknodearticlefield-tags,
.node  .block-better-social-sharing-buttons {
    display: flex;
    justify-content: right;
}

.node--type-evenement  .block-better-social-sharing-buttons {
    justify-content: left;
}

.node  .block-field-blocknodearticlefield-tags .field--name-field-tags ul.links li{
    padding-right: 0;
    float: none;
    margin-top: 10px;
} 

.main-banner:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, var(--vdm-header-top-color), rgba(216, 216, 216, 0));
    opacity: 0.6;
}

.nbplaces {
    padding: 25px 20px;
    border: 3px solid;
    border-color: var(--vdm-header-top-color);
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 5px;
  }

  .layout-region.layout-region-registration-main, .layout-region-registration-footer, .nbplaces {
    font-size: 18px;
  }

  .registration-confirm-form #edit-actions {
    margin-top: 15px;
  }

.main-banner .info-meteo {
    display: none;
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
}

.main-banner .info-meteo span {
    font-size: 1rem;
    color: #fff;
    font-family: 'Orkney Medium', sans-serif;
    display: inline-block;
    margin-left: 0.4375rem;
    margin-top: 0.1875rem;
}

.main-banner .info-meteo span sup {
    line-height: 0.9375rem;
    position: relative;
    top: 0.0625rem;
    left: 0.125rem;
}

sup {
    font-size: 0.70em !important;
  }

.main-banner .img-banner.img-banner-mobile {
    display: none;
}

.main-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
}

.hiddenLabel {
    display: none !important;
}

.region-banner {
    min-height: 1.875rem;
}

.header-link {
    display: none;
    position: fixed;
    right: 2.1875rem;
    top: 1.5625rem;
    z-index: 99;
}

.header-link a {
    font-size: 0.8125rem;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Orkney Bold', sans-serif;
    display: inline-block;
    position: relative;
    padding-right: 2.1875rem;
    padding-top: 0.5rem;
}

.header-link a:after {
    content: "";
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    background: url(/themes/custom/vdm/images/icon-billet.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

 .layout__region {
    padding: 30px;
}
.main-banner.container-fluid.full-width {
    margin-top: -30px !important;
}

.indicates-required {
    padding-bottom: 0.9375rem;
}

.mc-field-group {
    padding-bottom: 0.9375rem;
}

.mc-field-group input {
    width: 100%;
}

.site__opera .header-top .logo {
    padding-top: 0.5rem;
}

.site__opera #section-top-navigation.fixed .header-top .logo img,
.site__opera #section-top-navigation.intern .header-top .logo img {
    width: auto;
}


.main-menu.in {
    width: 100%;
    height: 100vh;
    overflow: auto;
}

.main-menu ul .menu li {
    margin: 0;
}

#block-vdm-customcssglobal {
    display: none;
  }

.wrraper-menu {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 0.9375rem;
}


@keyframes opacity-menu {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.btn-menu {
    width: 7.875rem;
    height: 4.375rem;
    padding: 1.25rem;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.btn-menu span {
    color: #fff;
    font-size: 0.938em;
    font-family: 'Orkney Bold', sans-serif;
}

.btn-menu span.txt-close {
    display: none;
}

.btn-menu.open {
    background: #f7f4f1;
}

.btn-menu.open span {
    color: #002454;
}

.btn-menu.open span.txt-close {
    display: block;
}

.btn-menu.open span.txt-menu {
    display: none;
}

.btn-menu.open .icon-menu span {
    background: #002454;
}

.btn-menu.open .icon-menu span:nth-child(1) {
    top: 0.4375rem;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.btn-menu.open .icon-menu span:nth-child(2) {
    opacity: 0;
}

.btn-menu.open .icon-menu span:nth-child(3) {
    top: 0.4375rem;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}


.icon-menu {
    width: 0.9375rem;
    height: 1.1875rem;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    color: #fff;
    font-size: 0.938em;
    background: none;
    border: none;
    margin-right: 0.9375rem;
}

.icon-menu span {
    color: #fff;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.icon-menu span:nth-child(1) {
    top: 0px;
}

.icon-menu span:nth-child(2) {
    top: 0.375rem;
}

.icon-menu span:nth-child(3) {
    top: 0.75rem;
}

.open .icon-menu {
    width: 1.25rem;
    height: 1.25rem;
}

.menu-main .mdp-100 {
    height: 8.75rem;
    z-index: 99;
    position: relative;
    display: none;
}

.menu-main .mdp-100 span {
    font-size: 1.375rem;
    color: #fff;
    font-family: 'Orkney Bold', sans-serif;
}

.menu-main.in {
    display: block;
    left: 0;
}

.menu-main .picto-svg {
    display: none;
}

.menu-main .label-menu .picto-svg {
    position: static;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    height: 1.5625rem;
    left: inherit;
    top: inherit;
    bottom: inherit;
}

.menu-main .label-menu .picto-svg svg {
    position: relative;
    display: inline-block;
    top: inherit;
    transform: inherit;
    left: 0;
}

.menu-main ul {
    display: flex;
    justify-content: center;
}

.menu-main ul li {
    position: relative;
    margin: 0;
}

.menu-main ul li:after {
    content: "";
    display: block;
    width: 0.0625rem;
    height: 0.6875rem;
    background: #fff;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0.9375rem;
}


.menu-main ul li:before {
    content: "";
    position: absolute;
    top: 1.75rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    z-index: 99;
    display: none;
}

.menu-main ul li:last-child:after {
    display: none;
}

.menu-main ul li:last-child a {
    padding-right: 0;
}

.menu-main ul li>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background: #940010;
    z-index: 9;
    width: 17.5rem;
    max-height: calc(100vh - 180px);
    overflow: auto;
    scrollbar-color: #fff transparent;
    scrollbar-width: thin;
}

.menu-main ul li>ul::-webkit-scrollbar {
    width: 5px;
}

.menu-main ul li>ul::-webkit-scrollbar-thumb {
    background: #fff;
}

.menu-main ul li>ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu-main ul li>ul li:after {
    display: none;
}

.menu-main ul li>ul li a {
    padding: 0.625rem 1.5625rem;
    font-family: 'Orkney Medium', sans-serif;
    font-size: 0.875rem;
    white-space: normal;
}

.menu-main ul li>ul li a:hover {
    color: #fff;
}

.menu-main ul li>ul li a:after {
    display: none;
}

.menu-main ul li a {
    display: block;
    padding: 0.625rem 1.375rem;
}

.menu-main ul li a:hover {
    color: inherit;
}

.menu-main ul li.show a:hover {
    color: #fff;
}

.menu-main ul li.show:before {
    display: block;
}

.menu-main ul li.show ul {
    display: block;
}

.menu-main ul>li a {
    font-size: 1rem;
    font-family: 'Orkney Bold', sans-serif;
    text-decoration: none;
    position: relative;
    z-index: 99;
    line-height: 1.375rem;
    color: #fff;
    font-weight: normal !important;
}

.menu-main ul>li a i {
    position: absolute;
    left: 0.9375rem;
    font-size: 1.5rem;
}

.menu-main ul>li a:hover .sub-menu {
    z-index: -1;
}


.menu-main ul>li>a {
    white-space: nowrap;
}


.menu-main ul>li.show a:after {
    transform: rotate(134deg);
}




.title-categories {
    color: #002454;
    font-family: 'Orkney Bold', sans-serif;
    font-size: 1.25em;
    padding: 0 0.625rem 1.5625rem 1.25rem;
}


.menu-mobile {
    display: none;
    background: url(/themes/custom/vdm/images/fnd-bare-menu-mobile.png) center center no-repeat;
    position: fixed;
    bottom: -0.0625rem;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}

.menu-mobile:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 3.6875rem;
    right: 65%;
    top: 0.0625rem;
    z-index: -1;
}

.menu-mobile:before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 3.6875rem;
    left: 65%;
    top: 0.0625rem;
}

.menu-mobile .rub-mobile {
    text-align: center;
    padding: 0.75rem 0 !important;
    display: inline-block;
    position: relative;
    width: 3.75rem;
}

.menu-mobile .rub-mobile li {
    display: inline-block;
    padding: 0 0.625rem;
}

.menu-mobile .rub-mobile li a {
    position: relative;
    display: inline-block;
    padding-top: 1.5625rem;
    font-size: 0.75rem;
    font-family: 'Orkney Regular', sans-serif;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0.7;
}

.menu-mobile .rub-mobile li a:hover {
    text-decoration: none;
    color: #000;
}

.menu-mobile .rub-mobile li a i,  .menu-mobile .rub-mobile li a svg {
    font-size: 1.25rem;
    display: block;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    left: 58%;
}

.menu-mobile .rub-mobile li a.active {
    opacity: 1;
}

.menu-mobile .rub-mobile li.btn-menu-mobile a {
    opacity: 1;
    color: rgba(0, 0, 0, 0.7);
}

.menu-mobile .rub-mobile li.btn-menu-mobile span {
    position: absolute;
    display: block;
    cursor: pointer;
    top: -2.125rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 3rem;
    height: 3rem;
    background: var(--vdm-header-top-color);
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.menu-mobile .rub-mobile li.btn-menu-mobile span i {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 20px;
}

.menu-mobile .rub-mobile li.btn-menu-mobile span i:before {
    transition: all 0.3s;
}

.menu-mobile .rub-mobile li.btn-menu-mobile.open span i:before {
    content: "\e927";
}

.menu-mobile .rub-mobile li:nth-child(1) {
    position: absolute;
    left: -8.5rem;
    bottom: 0.75rem;
}

.menu-mobile .rub-mobile li:nth-child(2) {
    position: absolute;
    left: -4.75rem;
    bottom: 0.75rem;
}

.menu-mobile .rub-mobile li:nth-child(4) {
    position: absolute;
    right: -67px;
    max-width: 88px;
    bottom: 12px;
}

.menu-mobile .rub-mobile li:nth-child(5) {
    position: absolute;
    right: -147px;
    bottom: 12px;
}

.menu-more-link {
    padding-top: 3.125rem;
}

.menu-more-link .site-extern .title-site-extern {
    font-size: 1.25rem;
    color: #263e52;
    font-family: 'Orkney Bold', sans-serif;
    padding-bottom: 1.875rem;
    padding-left: 0.9375rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.menu-more-link .site-extern .c-site-extern {
    padding-bottom: 3.125rem;
}

.menu-more-link .site-extern .c-site-extern a {
    display: block;
    font-size: 0.9375rem;
    color: #002454;
    font-family: 'Orkney Bold', sans-serif;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1.125rem 0.625rem 0.875rem 3.4375rem;
    position: relative;
    transition: all 0.3s;
}

.menu-more-link .site-extern .c-site-extern a:after {
    font-family: 'icomoon';
    content: "\e92a";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 1.375rem;
    color: #000;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1rem;
}

.menu-more-link .site-extern .c-site-extern a:hover {
    color: var(--vdm-header-top-color);
}

.menu-more-link .c-nous-suivre {
    padding-bottom: 3.125rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.menu-more-link .c-nous-suivre .title-nous-suivre {
    font-size: 1.25rem;
    color: #263e52;
    font-family: 'Orkney Bold', sans-serif;
    padding-bottom: 1.5625rem;
}

.menu-more-link .c-nous-suivre .c-rs {
    padding: 0;
}

.menu-more-link .c-nous-suivre .c-rs ul {
    text-align: left;
}

.menu-more-link .c-nous-suivre .c-rs ul li {
    padding: 0 0.4375rem;
}

.menu-more-link .c-nous-suivre .c-rs ul li a {
    border: none;
    color: #263e52;
    width: 2.5625rem;
    height: 2.5625rem;
    line-height: 2.8125rem;
    border: 0.125rem solid #d2d2d2;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    transition: all 0.3s;
}

.menu-more-link .c-nous-suivre .c-rs ul li a i {
    color: #263e52;
    position: static;
    font-size: 1.125rem;
    display: inline-block;
}

.menu-more-link .c-nous-suivre .c-rs ul li a:hover {
    background: #263e52;
    border-color: #263e52;
    color: #fff;
}

.menu-more-link .c-nous-suivre .c-rs ul li a:hover i {
    color: #fff !important;
}

.menu-more-link .c-webcams {
    margin: 0 1.5625rem 2.8125rem 1.5625rem;
    padding: 1.5625rem 0.9375rem;
    border: 0.0625rem solid #dfdfdf;
    position: relative;
}

.menu-more-link .c-webcams .title-webcams {
    font-size: 1.25rem;
    color: #263e52;
    font-family: 'Orkney Bold', sans-serif;
    padding-bottom: 0.9375rem;
    padding-top: 1.5625rem;
    text-align: center;
}

.menu-more-link .c-webcams .title-webcams a {
    font-size: 1.25rem;
    color: #263e52;
    text-decoration: underline !important;
}

.menu-more-link .c-webcams .title-webcams a:hover {
    text-decoration: none !important;
}

.menu-more-link .c-webcams .text-webcams {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    color: #263e52;
    font-family: 'Orkney Regular', sans-serif;
    padding-bottom: 0.9375rem;
    text-align: center;
}

.menu-more-link .wrraper-webcams {
    text-align: center;
    position: absolute;
    top: -1.5625rem;
    left: 0;
    width: 100%;
    z-index: 1;
}

.menu-more-link .wrraper-webcams i {
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    background: #fff;
    border-radius: 50%;
    font-size: 1.625rem;
}

.bannerDispatch {
    position: relative;
    margin-top: 0;
}

.bannerDispatch img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.bannerDispatch:before {
    display: none;
}


.bannerDispatch:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #606060;
    opacity: 0.4;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: none;
}

.intro-title {
    position: absolute;
    left: 50%;
    bottom: 3.125rem;
    transform: translate(-50%, 0);
    padding-bottom: 1.25rem;
    z-index: 1;
}

.intro-title .ico-cat {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: #da1984;
    border-radius: 50%;
    margin-bottom: 1.25rem;
    text-align: center;
    line-height: 3.75rem;
    color: #fff;
    font-size: 1.75rem;
}

.intro-title .ico-cat svg {
    fill: #fff;
    vertical-align: middle;
    width: 1.5625rem;
    height: 1.6875rem;
}

.intro-title .color-bare {
    position: absolute;
    left: -5.4375rem;
    bottom: -1.25rem;
    z-index: -1;
    display: inline-block;
}

.intro-title .color-bare svg.svg-mobile {
    display: none;
}


.inner-intro {
    position: relative;
    margin-top: -1.875rem;
    margin-bottom: 3.125rem;
    z-index: 2;
}


.f-hedaer {
    height: 4.375rem;
}


.c-brc {
    margin: 1.625rem 0;
    position: relative;
    z-index: 3;
}


.c-breadcrumb>ul li {
    display: inline-block;
    padding: 0 0.625rem 0 0;
    vertical-align: middle;
}

.c-breadcrumb>ul li a.current-item {
    height: 2.1875rem;
    line-height: 2.1875rem;
    background: #fff;
    border-radius: 1.125rem;
    padding: 0 0.9375rem 0 0.9375rem;
    font-size: 0.875rem;
    font-family: 'Orkney Medium', sans-serif;
    color: var(--vdm-text-color);
    display: block;
    position: relative;
    transition: all 0.3s;
}

.c-breadcrumb>ul li:not(:last-child) {
    padding-left: 0;
    border-right: 0.125rem solid #dfdfdf;
    margin-right: 0.625rem;
}

.c-breadcrumb>ul li:not(:last-child) a span {
    display: inline-block;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2rem;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    color: var(--vdm-text-color);
    font-size: 1.125rem;
}

.c-breadcrumb>ul li {
    font-size: 0.875rem;
    font-family: 'Orkney Medium', sans-serif;
    color: var(--vdm-text-color);
}

.c-breadcrumb>ul li span.last {
    height: 2.1875rem;
    line-height: 2.1875rem;
    font-family: 'Orkney Light', sans-serif;
}

.c-inner-intro {
    background: #fff;
    padding: 1.875rem 3.125rem;
}

.c-inner-intro p {
    font-size: 1.25rem;
    font-family: 'Orkney Regular', sans-serif;
    color: #474747;
    line-height: 1.5;
}

.title-intro h2 {
    font-family: 'Orkney Bold', sans-serif;
    font-size: 4.375rem;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.item-docs {
    height: 100%;
}

.item-docs a {
    font-family: 'Orkney Regular', sans-serif;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    background: var(--vdm-header-top-color);
    padding: 1.125rem 5rem 0.875rem 1.25rem;
    position: relative;
    display: block;
    height: 100%;
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}


.item-docs a:after {
    content: "\e928";
    font-family: 'icomoon';
    font-size: 0.9375rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate(0, -50%);
    color: #002454;
}

.item-docs a:hover {
    opacity: 0.8;
}

.paragraphs-items-field-document-element {
    width: 100%;
}

.field-name-field-document-element .field-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.9375rem;
}

.field-name-field-document-element .field-items .field-item {
    width: 50%;
    margin-bottom: 0.9375rem;
}

.field-name-field-document-element .field-items .field-item .col-md-12 {
    height: 100%;
}


.list_actus {
    margin-bottom: 0rem;
}

.list_actus .section_title {
    margin-top: 3.75rem;
}


.list_actus-filtre {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1.875rem;
}


.list_actus-filtre li:not(:last-child) {
    margin-right: 0.9375rem;
}

.list_actus-filtre li {
    margin-bottom: 0.625rem;
}

.list_actus-filtre-item {
    position: relative;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.9375rem;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 0.25s ease;
    display: inline-block;
    background-color: var(--vdm-button-color);
    border: 1px solid var(--vdm-button-color);
}

.list_actus-filtre-item:hover,
.list_actus-filtre-item.active {
    color: var(--vdm-text-color);
    transition: all 0.3s ease;
    background: var(--vdm-bg-color);
    border: 1px solid #d2d2d2;
}

.list_actus-filtre-item:hover::before,
.list_actus-filtre-item.active::before {
    color: #fff;
}

.list_actus-filtre-item.all {
    padding-left: 1.25rem;
}

.list_actus-filtre-item.all:hover,
.list_actus-filtre-item.all.active {
    color: var(--vdm-text-color);
    background-color: var(--vdm-bg-color);
    border-color: #d2d2d2;
}

.list_actus-filtre {
    padding-top: 1.25rem;
}

.list_actus .row {
    position: relative;
}

.archives-btn {
    position: absolute;
    right: 0;
    top: 3.75rem;
    height: 3.125rem;
    line-height: 3.125rem;
    background: #fff;
    border-radius: 1.5625rem;
    color: #002454;
    font-size: 0.9375rem;
    text-decoration: underline;
    font-family: 'Orkney Medium', sans-serif;
    padding: 0 2.1875rem 0 1.5625rem;
    z-index: 1;
}

.archives-btn:after {
    content: "\e926";
    font-family: 'icomoon';
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate(0, -50%);
}




[class^="art__"]#main {
    background: #fff;
}

[class^="art__"]#main .links-documents {
    background: #f7f4f1;
}

.detail-article {
    position: relative;
    z-index: 2;
}

.dateArticle {
    padding: 0 0 0.625rem 1.5625rem;
    margin-bottom: 2.8125rem;
    position: relative;
    font-size: 1.125rem;
    color: #464646;
    font-family: 'Orkney Regular', sans-serif;
    border-bottom: 0.125rem solid #dfdfdf;
}

.dateArticle:after {
    font-family: 'icomoon';
    position: absolute;
    top: -0.125rem;
    left: 0;
    font-size: 1.125rem;
    color: #000;
    opacity: 0.5;
    content: "\e928";
}

.a-partage {
    margin-top: 35px;
    display: block;
}

.c-partage .labelPartage {
    display: inline-block;
    font-size: 0.9375rem;
    font-family: 'Orkney Bold', sans-serif;
    color: var(--vdm-header-top-color);
    margin-right: 0.9375rem;
}

.c-partage ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.c-partage ul li {
    display: inline-block;
    padding: 0 0.8125rem 0 0;
    padding-left: 0 !important;
}

.node__meta {
    display: none;
}

.c-partage ul li:before {
    display: none;
}

.c-partage ul li a {
    display: block;
    width: 2.0625rem;
    height: 2.0625rem;
    border: solid 2px #cecece;
    color: var(--vdm-header-top-color);
    text-align: center;
    line-height: 2.0625rem;
    border-radius: 50%;
    font-size: 1rem;
    text-decoration: none !important;
    transition: all 0.4s;
}

.c-partage ul li a:hover {
    border: solid 2px var(--vdm-header-top-color);
    background: var(--vdm-header-top-color);
    color: #fff;
}

.inner-detail-article h1 {
    font-size: 3.125rem;
    font-family: 'Orkney Bold', sans-serif;
    color: var(--vdm-title-color);
    padding-bottom: 3rem;
}

.cat-article {
    padding-bottom: 1.5625rem;
    font-size: 0.9375rem;
    font-family: 'Orkney Bold', sans-serif;
    line-height: 1;
    color: var(--vdm-header-top-color);
    display: flex;
}

.cat-article span {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    color: var(--vdm-header-top-color);
    width: 1.875rem;
    vertical-align: middle;
}

.cat-article div:nth-child(2n) {
    padding-left: 0.9375rem;
    position: relative;
}

.cat-article div:nth-child(2n):after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #b0b0b0;
    display: block;
    position: absolute;
    top: 50%;
    left: 0.25rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50%;
}

.c-detail-article,
.c-galerie-infos {
    padding-left: 9.6875rem;
    padding-right: 9.6875rem;
    position: relative;
}


.actus {
    overflow: hidden;
}

.actus_slider {
    margin-bottom: 1.5rem;
    overflow: hidden;
    max-height: 33.3125rem;
}

.actus_slider.enableHeight {
    max-height: inherit;
}

.actus_slider .slick-arrow {
    font-size: 0;
    line-height: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    position: absolute;
    z-index: 1;
    color: #000;
    bottom: 2.5rem;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    overflow: hidden;
    cursor: pointer;
}

.actus_slider .slick-arrow::after {
    display: block;
    background-color: transparent;
    font-family: "icomoon";
    font-size: 0.8125rem;
    text-align: center;
    color: var(--vdm-header-top-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.2s ease;
    transform: translate(-50%, -50%);
}

.actus_slider .slick-arrow:hover,
.actus_slider .slick-arrow:focus {
    color: #000001;
    background-color: #dfdfdf;
}

.actus_slider .slick-prev {
    right: 5.9375rem;
}

.actus_slider .slick-prev::after {
    content: "\e92a";
}

.actus_slider .slick-next {
    right: 2.5rem;
}

.actus_slider .slick-next::after {
    content: "\e92a";
    transform: translate(-50%, -50%) rotate(180deg);
}

.actus_slider .slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 1.25rem;
}

.actus_slider .slick-dots li {
    font-size: 0;
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #e0e0e0;
    transition: all 0.2s ease;
    margin: 0 0.1875rem;
}

.actus_slider .slick-dots li * {
    display: none;
}

.actus_slider .slick-dots li:hover {
    background-color: #b0b0b0;
    transition: all 0.3s ease;
}

.actus_slider .slick-dots li.slick-active {
    background-color: #b0b0b0;
}

.actus_slider-items {
    background-color: #fff;
    display: flex !important;
}

.actus_slider-items .img {
    width: 48.0625rem;
    height: 33.3125rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

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

.actus_slider-items .content {
    padding: 2.5rem;
    background-color: var(--vdm-bg-block-color);
    flex: 1 1 0;
}

.actus_slider-items .content_them-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.actus_slider-items .content_them-list li {
    font-family: 'Orkney Bold', sans-serif;
    font-size: 0.75rem;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0.625rem;
}

.actus_slider-items .content_them-list li:not(:last-child) {
    margin-right: 0.9375rem;
}

.actus_slider-items .content_them-list li:not(:last-child)::after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #b0b0b0;
    display: block;
    position: absolute;
    top: 50%;
    right: - 0.46875rem;
    transform: translate(50%, -50%);
    border-radius: 50%;
}

.actus_slider-items .content .title a {
    color: rgba(0, 0, 0, 0.8)
}

.actus_slider-items .content .title {
    font-family: 'Orkney Medium', sans-serif;
    font-size: 2.1875rem;
    line-height: 1.14;
    color: #000;
    margin-bottom: 1.1875rem;
    display: block;
    outline: none;
    text-decoration: none !important;
}


.actus_slider-items .content .title:hover,
.actus_slider-items .content .title:focus {
    color: #000001;
}

.actus_slider-items .content .discription,
.actus_slider-items .content p {
    font-family: 'Orkney Regular', sans-serif;
    font-size: 0.9375rem;
    color: #474747;
    line-height: 1.47;
    margin-bottom: 1.3125rem;
}



.actus_slider-items .content_date {
    position: relative;
    left: 0;
    bottom: 0;
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    padding-left: 1.3125rem;
    color: #8c8c8c;
    font-family: 'Orkney Regular', sans-serif;
}

.actus_slider-items .content_date .icon-date {
    width: 0.75rem;
    height: 100%;
}

.actus_slider-items .content_date .icon-date::before {
    content: "\e927";
    font-family: "icomoon";
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
}

.actus_content {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0;
    margin-left: 0px;
}

.actus_content.view-empty {
    min-height: 6.25rem;
}

.actus_content.visible {
    height: auto;
}


.actus_content-item {
    background-color:var(--vdm-bg-block-color);
    text-decoration: none !important;
    text-transform: none;
    margin-bottom: 1.5625rem;
    cursor: pointer;
    box-shadow: 0 0 0 0 transparent;
    border: 2px solid var(--vdm-bg-color);
    transition: all 0.2s ease;
}

.actus_content-item:hover,
.actus_content-item:focus {
    box-shadow: 0 0 8px 0 #d2d2d2;
    transition: all 0.3s ease;
}

.actus_content-item .img {
    width: 100%;
    max-height: 11.25rem;
    overflow: hidden;
}

.actus_content-item .img img {
    width: 100%;
    object-fit: cover;
    transition: all 0.6s;
}
body .slick-arrow::before {
    color : var(--vdm-button-color);
    opacity: 1;
}
.actus_content-item .content {
    min-height: 120px;
padding: 20px;
}

.block-field-blocknodearticlefield-tags .field--name-field-tags a::before {
    content: "#";
    margin-right: 3px;
  }

  .block-field-blocknodearticlechanged .field--name-changed time::before {
    content : "\f017";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
  }

  .block-field-blocknodearticlechanged .field--name-changed time {
    font-size:18px;
    margin-bottom: 30px;
    display: block;
  }

.actus_content-item .content_title, .view--toutes-les-actualites .content_title {
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
    font-family: 'Orkney Bold', sans-serif;
    text-transform: uppercase;
    color: var(--vdm-header-top-color);
}

.actus_content-item .content_desc, .view--toutes-les-actualites .content_real_title a {
    margin-bottom: 0.8125rem;
    font-size: 1rem;
    font-family: 'Orkney Medium', sans-serif;
    color: #000;
    display: block;
    outline: none;
    text-decoration: none !important;
    line-height: 1.5;
}

.actus_content-item .content_desc:hover,
.actus_content-item .content_desc:focus {
    color: #000001;
}

.actus_content-item .content_date {
    position: absolute;
    left: 1.5625rem;
    bottom: 1.875rem;
    font-size: 0.9375rem;
    padding-left: 1.3125rem;
    color: #8c8c8c;
    font-family: 'Orkney Regular', sans-serif;
}

.actus_content-item .content_date .icon-date {
    width: 0.75rem;
    height: 100%;
}

.actus_content-item .content_date .icon-date::before {
    content: "\e928";
    font-family: "icomoon";
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
}


.actus .c-more-acces {
    margin-bottom: 5rem;
}

.actus .c-more-acces .wraper-link {
    background-color: #f7f4f1;
}

.actus .c-more-acces::before {
    background-color: #fff;
}

.view-programmation {
    max-width: 77.5rem;
    width: 100%;
    margin: 0 auto;
}

.vignettes-event.actus {
    display: flex;
    flex-wrap: wrap;
}

.vignettes-event .views-row {
    width: 25%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin-bottom: 1.25rem;
}

.vignettes-event .views-row .programme-item {
    height: 100%;
}

.vignettes-event .views-row .programme-item img {
    width: 100%;
}

.vignettes-event .views-row .programme-item .desc-programme-item {
    background: #fff;
    padding: 1.5625rem;
    padding-bottom: 5rem;
    position: relative;
    min-height: 14rem;
}

.vignettes-event .views-row .programme-item .programme-cat {
    color: var(--vdm-header-top-color);
    font-family: 'Orkney Bold', sans-serif;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.vignettes-event .views-row .programme-item .programme-title {
    font-size: 1.25rem;
    color: #000;
    font-family: 'Orkney Medium', sans-serif;
    padding-bottom: 0.3125rem;
    line-height: normal;
}

.vignettes-event .views-row .programme-item .programme-title .field-content {
    text-transform: lowercase;
    display: block;
}

.vignettes-event .views-row .programme-item .programme-title .field-content::first-letter {
    text-transform: uppercase;
}

.vignettes-event .views-row .programme-item .programme-auteur {
    font-size: 1.25rem;
    color: #464646;
    font-family: 'Orkney Light', sans-serif;
}

.vignettes-event .views-row .programme-item .programme-auteur .field-content {
    text-transform: lowercase;
}

.vignettes-event .views-row .programme-item .programme-auteur .field-content::first-letter {
    text-transform: uppercase;
}

.vignettes-event .views-row .programme-item .dateTimeProgramme {
    position: absolute;
    left: 1.5625rem;
    bottom: 1.875rem;
}


.vignettes-event .views-row .programme-item .programme-date,
.actus_content .programme-date {
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: #000;
    font-family: 'Orkney Medium', sans-serif;
    margin-bottom: 0.4375rem;
    padding-top: 0.1875rem;
    position: relative;
}

.vignettes-event .views-row .programme-item .programme-date:after,
.actus_content .programme-date:after {
    content: "\e928";
    font-size: 0.9375rem;
    color: #000;
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.vignettes-event .views-row .programme-item .programme-time {
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: #000;
    font-family: 'Orkney Medium', sans-serif;
    position: relative;
    padding-top: 0.1875rem;
}

.vignettes-event .views-row .programme-item .programme-time:after {
    content: "\e94e";
    font-size: 0.9375rem;
    color: #000;
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.tout-savoir {
    position: relative;
}

.tout-savoir .img {
    height: 34.375rem;
}


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

.tout-savoir_content {
    width: 34.1875rem;
    padding: 3.125rem;
    position: absolute;
    top: 30%;
    right: calc(50% - 560px);
    display: block;
}

.tout-savoir_content.left {
    right: inherit;
    left: calc(50% - 560px);
}


.tout-savoir_content-title {
    margin-bottom: 1.5625rem;
    font-family: 'Orkney Regular', sans-serif;
    font-size: 2.4375rem;
    line-height: 1.13;
    color: #000;
}
.tout-savoir_content-description {
    margin-bottom: 1.25rem;
    font-family: 'Orkney Regular', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: #474747;
}

.tout-savoir_content .bouton_niv2 {
    margin-bottom: 0;
}

.thematiques {
    padding: 5rem 0 3.75rem;
}


.thematiques_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.thematiques_content li {
    background-color: #fff;
    width: 29.5%;
    margin-right: 3.375rem;
    border-radius: 5px;
    margin-bottom: 0.9375rem;
    box-shadow: 0 0 0 0 transparent;
    transition: all 0.2s ease;
}


.thematiques_content li:hover {
    box-shadow: 0 0 8px 0 #d2d2d2;
    transition: all 0.3s ease;
}

.thematiques_content li:nth-child(3n+3) {
    margin-right: 0;
}


.thematiques_content li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 1.25rem 1.25rem 1.25rem 3.75rem;
    text-decoration: none;
    font-family: 'Orkney Bold', sans-serif;
    font-size: 1.125rem;
    color: #002454;
}



.thematiques_content li a .icon {
    position: absolute;
    top: 50%;
    left: 1.3rem;
    transform: translate(0, -50%);
}

.thematiques_content li a .picto-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.75rem;
    bottom: 0;
}

.thematiques_content li a .picto-svg svg {
    position: relative;
    max-width: 1.375rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-search {
    background: #fff;
    position: relative;
    margin-top: -5.625rem;
    padding: 1.875rem 3.125rem 1.3125rem 3.125rem;
    width: 100%;
    z-index: 4;
}

.main-search .c-list-acces {
    max-height: 7.625rem;
}


.main-search .c-search input[type="text"] {
    width: 100%;
    font-size: 1.125rem;
    height: 3.5rem;
    border-radius: 1.875rem;
}

.main-search .c-search input[type="text"]:focus,
.main-search .c-search input[type="text"].in {
    box-shadow: 0 0 7px 0 #d2d2d2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: none !important;
    border-color: var(--vdm-header-top-color);
}

.main-search .c-search button {
    top: 1.3125rem;
    right: 1.3125rem;
}

.main-search .c-search .c-sugger {
    top: calc(100% - 1px);
}

.main-search .list-acces.descktop {
    display: none;
}


.main-search .list-acces.mobile {
    display: none;
}


.main-search .list-acces .c-more-acces {
    margin-bottom: 0;
}

.list-acces {
    padding: 30px 0;
    position: relative;
    background: white;
    border-radius: 6px;
    max-height: 160px;
    overflow: hidden;
}

.list-acces.expanded {
    max-height: unset !important;
}
.c-more-acces .bouton_niv3.expanded:after {
    content: "\ea0b" !important;
}

.list-acces .c-more-acces {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1.25rem;
}


.node-type-page-dispatch .list-acces {
    padding-top: 0.625rem;
    padding-bottom: 0;
}

.node-type-page-dispatch .c-inner-intro {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.node-type-page-dispatch .c-inner-intro .list-acces .col-sm-2 {
    padding-bottom: 0;
}

.c-more-acces {
    text-align: center;
    padding-top: 1.875rem;
    position: relative;
    padding-bottom: 2.125rem;
    width: 100%;
    background: white;
    top: -17px;

}
.intro-title .color-bare svg path {
    fill: none !important; 

}
#user-pass-reset {
    margin-top: 25px;
    text-align: center;
  }

  .password-suggestions {
    display: none;
  }

.fixed {
    position: fixed;
    z-index: 10;
    width: 100%;
    top:0;
}

header.fixed .region-top-header-left {
    display: none;
    }
    header.fixed .region-top-header-right {
    display: none;
    }
    header.fixed .col-top-header-center {
    display: inline-block;
    }
    header.fixed #navbar-top {
    display: inline-block;
    }
    header.fixed #navbar-main {
    display: inline-block !important;
    }
    #header.fixed {
        animation: slidemenu 1s;
    background: var(--vdm-header-top-color);
    }
    



.c-more-acces.white .wraper-link {
    background: #fff !important;
}

.c-more-acces.white:before {
    background: #f7f4f1 !important;
}

.c-more-acces.gray .wraper-link {
    background: #f7f4f1 !important;
}

.c-more-acces.gray:before {
    background: #fff !important;
}

.c-more-acces .wraper-link {
    display: inline-block;
    padding: 0 0.9375rem;
    background: white;
    position: relative;
    z-index: 2;
}

.c-more-acces:before {
    position: absolute;
    bottom: 2.675rem;
    left: 0;
    content: "";
    display: block;
    height: 0.125rem;
    width: 100%;
    background: #ececec;
}

.c-more-acces ul {
    margin: 0;
    padding: 0;
}

.c-more-acces ul li {
    margin: 0;
    padding: 0;
}

.c-more-acces ul li a {
    color: var(--vdm-header-top-color);
    font-size: 0.875em;
    font-family: 'Orkney Bold', sans-serif;
    display: inline-block;
    position: relative;
    padding-right: 2.1875rem;
    border: transparent;
    background: transparent;
    cursor: pointer;
}

.c-more-acces ul li a:after {
    position: absolute;
    display: block;
    content: "\ea0a";
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 1.5rem;
    height: 1.5rem;
    border: solid 2px #dfdfdf;
    color: var(--vdm-header-top-color);
    border-radius: 50%;
    font-family: 'icomoon';
    font-size: 0.625rem;
    transition: all 0.3s;
    text-align: center;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}

.c-more-acces ul li a:hover {
    text-decoration: none;
}

.c-more-acces ul li a:hover:after {
    border-color: var(--vdm-header-top-color);
}

.c-more-acces.more-infos {
    padding-top: 0;
    margin-bottom: 0;
}

.c-more-acces.more-infos:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.73) 9%, rgba(255, 255, 255, 0.73) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.73) 9%, rgba(255, 255, 255, 0.73) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.73) 9%, rgba(255, 255, 255, 0.73) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6bffffff', endColorstr='#baffffff', GradientType=0);
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    content: "";
    display: block;
    height: 3.125rem;
    width: 100%;
    z-index: 1;
}

.c-more-acces.more-infos.in:after {
    display: none;
}

.c-list-acces-plus {
    display: none;
}

.c-list-acces-plus.inner-plus-infos {
    padding-bottom: 20px;
}

.slider-acces .slick-arrow {
    width: 2.5rem;
    height: 7rem;
    background: #fff;
    border: none;
    overflow: hidden;
    font-size: 0;
    text-indent: -62.5rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
}

.slider-acces .slick-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    border: 2px solid #002454;
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.slider-acces .slick-arrow.slick-prev {
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.slider-acces .slick-arrow.slick-prev:after {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.slider-acces .slick-arrow.slick-next {
    right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.slider-acces .slick-arrow.slick-disabled {
    display: none !important;
}

.c-contact {
    max-width: 33.75rem;
    padding: 0 0.625rem;
    width: 100%;
    margin: 0 auto;
}

.c-contact h2 {
    font-size: 1.875rem;
    padding-bottom: 3.125rem;
    font-family: 'Orkney Bold', sans-serif;
}

.form-item {
    padding-bottom: 3.125rem;
    margin: 0;
}

.form-item input[type="text"],
.form-item input[type="email"] {
    width: 100%;
    background-color: #fff;
}

.form-item h1 {
    font-size: 1.25rem;
    font-family: 'Orkney Medium', sans-serif;
    padding-bottom: 0.625rem;
}

.form-item h2 {
    padding-bottom: 0;
}

.form-item p {
    margin-bottom: 0;
}

.form-item p strong {
    font-family: 'Orkney Bold', sans-serif;
    color: #000;
}

.form-item label {
    font-size: 0.9375rem;
    font-family: 'Orkney Medium', sans-serif;
    padding-bottom: 0.1875rem;
}

.form-item label.error {
    font-size: 0.8125rem;
    color: #d60000;
    font-family: 'Orkney Bold', sans-serif;
    padding-top: 0.3125rem;
}

.form-item .selectric-wrapper .selectric .label {
    line-height: 3.125rem;
    font-family: 'Orkney Medium', sans-serif;
    font-size: 0.9375rem;
    color: #464646;
    margin-left: 0;
    transition: all 0.25s ease;
    text-align: left;
    padding: 0;
}

.form-item .selectric-wrapper .selectric .label::before {
    content: "";
    transition: all 0.34s ease;
}

.form-item .selectric-wrapper .selectric .button {
    top: 50%;
    transform: translate(0, -50%);
    background-color: transparent;
}

.form-item .selectric-wrapper .selectric .button::after {
    width: 0.5rem;
    height: 0.5rem;
    border: none;
    border-top: 2px solid #bbb;
    border-right: 2px solid #bbb;
    transform: rotate(135deg);
    transition: all 0.2s ease;
}

.form-item .selectric-wrapper.selectric-open .selectric .button::after {
    border-top: 2px solid var(--vdm-header-top-color);
    border-right: 2px solid var(--vdm-header-top-color);
}

.form-item .selectric-wrapper.selectric-open .selectric .label {
    position: relative;
    display: block;
    padding-left: 1.125rem;
    color: var(--vdm-header-top-color);
}

.form-item .selectric-wrapper.selectric-open .selectric .label::before {
    content: "L";
    transform: rotateY(180deg) rotateZ(-45deg);
    display: block;
    position: absolute;
    left: 2px;
    bottom: -0.625rem;
    color: var(--vdm-header-top-color);
    font-size: 1.125rem;
}

.form-item .selectric-wrapper .selectric-items ul li {
    font-family: 'Orkney Medium', sans-serif;
    color: #464646;
    font-size: 0.9375rem;
    padding-left: 1.625rem;
}

.form-item .selectric-wrapper.selectric-open .selectric-items {
    background-color: #fbfaf9;
    border: none;
    display: block;
}

.form-item .selectric-wrapper.selectric-open .selectric-items ul li {
    font-family: 'Orkney Medium', sans-serif;
    color: #464646;
    font-size: 0.9375rem;
    padding-left: 1.625rem;
}

.form-item .selectric-wrapper.selectric-open .selectric-items ul li.selected.highlighted,
.form-item .selectric-wrapper.selectric-open .selectric-items ul li:hover {
    background-color: #f7f4f1;
}

.form-item .selectric-wrapper.selectric-open .selectric {
    background-color: #fbfaf9;
}

.form-item .selectric-wrapper.selectric-open .button::after {
    transform: rotate(-45deg);
}

.form-item .selectric,
.form-item input[type="text"],
.form-item input[type="email"] {
    height: 3.125rem;
    border-radius: 0.1875rem;
    transition: all 0.2s ease;
    color: #464646;
    font-size: 0.9375rem;
    line-height: 3.125rem;
    padding: 0 0.9375rem;
    background-color: #fff;
    border: solid 2px #dfdfdf;
    font-family: 'Orkney Medium', sans-serif;
    width: 100%;
    margin-top: 0;
    overflow: inherit;
}

.form-item .selectric.error,
.form-item input[type="text"].error,
.form-item input[type="email"].error {
    border-color: #d60000;
    color: #d60000;
}

.form-item textarea {
    border-radius: 0.1875rem;
    padding: 0.625rem 0.9375rem;
    background-color: #fff;
    border: solid 2px #dfdfdf;
    font-family: 'Orkney Medium', sans-serif;
    width: 100%;
    height: 13.125rem;
    resize: none;
}

.form-item .form-managed-file {
    border-radius: 0.1875rem;
    position: relative;
    padding: 0.3125rem;
    display: flex;
    flex-direction: column-reverse;
}

.form-item .form-managed-file .form-file {
    opacity: 0;
    height: 3.125rem;
    width: 100%;
    height: 3.4375rem;
}

.form-item .form-managed-file .ajax-processed {
    display: none;
}

.form-item .form-managed-file .c-elementFile {
    position: absolute;
    border: solid 2px #dfdfdf;
    left: 0;
    top: 0rem;
    width: 100%;
    padding: 0.3125rem;
}

.form-item .input-file-trigger {
    height: 2.5rem;
    vertical-align: middle;
}

.form-item .file-return {
    display: inline-block;
    font-family: 'Orkney Medium', sans-serif;
    font-size: 0.9375rem;
    padding-left: 0.9375rem;
    vertical-align: middle;
    margin: 0;
}

.form-item .description {
    color: #464646;
    font-family: 'Orkney Regular', sans-serif;
    margin-top: 0.8125rem;
    font-size: 0.8125rem;
}

.form-item .selectric-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.form-item .selectric-hide-select {
    overflow: inherit;
    width: 100%;
}

.form-item .selectric-hide-select select {
    opacity: 0;
}

.form-item .selectric-items {
    z-index: 1;
}

.form-item .error~.selectric {
    border-color: #d60000;
}

.form-item .file-upload-js-error {
    border: none;
    background: none;
    padding: 0;
    font-size: 0.8125rem;
    color: #d60000;
    font-family: 'Orkney Bold', sans-serif;
}

.form-item .file-upload-js-error~.c-elementFile {
    border-color: #d60000 !important;
}

.form-actions div[id^="google_recaptcha"] {
    margin-bottom: 1.25rem;
}

.webform-datepicker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.webform-datepicker>div {
    padding: 0 0.9375rem 0 0;
}

.webform-datepicker input {
    width: 1.625rem;
    height: 1.5rem;
    top: 0 !important;
}

legend {
    padding-bottom: 1rem;
}

legend span {
    font-family: 'Orkney Regular', sans-serif;
    font-size: 1.0625rem;
}

fieldset li {
    font-family: 'Orkney Regular', sans-serif;
    font-size: 1.0625rem;
}

.form-actions {
    display: block;
}

.form-actions .webform-next {
    float: right;
}

.form-actions:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.alert-danger {
    margin: 0 auto 3.125rem auto;
    max-width: 75.625rem;
    padding: 0.9375rem 1.5rem;
}

.div#rdv-header div.item-list ul {
    display: block;
}

.div#rdv-header div.item-list ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.webform-confirmation {
    max-width: 58.125rem;
    margin: 0 auto;
    padding: 1.375rem;
    min-height: 9.375rem;
}

.webform-confirmation p {
    font-size: 1.25rem;
    font-family: 'Orkney Medium', sans-serif;
    color: green;
    text-align: center;
}

.webform-confirmation~.links {
    padding: 1.25rem;
    text-align: center;
    min-height: 12.5rem;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
    background: var(--vdm-bg-color);
}

.tabs ul.primary li a.is-active {
    background: var(--vdm-bg-color);
}

.tabs ul.primary li.is-active a {
    background: var(--vdm-bg-color);
}

#navbar-top {
    background-color: var(--vdm-header-top-color);
    padding-bottom: 0;
}

.block-field-blocknodeevenementtitle h1{
    padding-bottom: 0;
}

#navbar-main {
    background-color: var(--vdm-header-top-color);
}

a:hover,
a:focus,
.link:hover,
.link:focus {
    color: #7a3636;
}

a:active,
.link:active {
    color: #b64343;
}

.page-item.active .page-link {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.page-link,
.page-link:hover {
    color: #3b3b3b;
}

.sidebar .block {
    background-color: #f3f8f2;
    border-color: #f3f8f2;
}

.btn-primary {
    background-color: var(--vdm-button-color);
    border-color: var(--vdm-button-color);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--vdm-button-hover-color);
}

.menu-main ul li::before {
    display: none !important;
}

.site-footer {
    background: var(--vdm-footer-color);
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
    color: #3581b8;
}

[dir="rtl"] .color-form .color-palette {
    margin-left: 0;
    margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
    float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
    right: -20px;
    left: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    padding-right: 12px;
padding-left: 20px;
}
.taxonomy-term-fullpage {
    background-color: var(--vdm-bg-block-color);
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 25px;
  }

  .taxonomy-term-fullpage .field.field--name-name {
    font-family: 'Orkney bold';
    color: var(--vdm-title-color);
  }

  .field-item.even.color-preview-page-title {
    font-family: 'Orkney bold';
  }

  .list_actus-filtre li {
    margin-right: 0 !important;
  }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

nav.tabs {
    margin-bottom: 1rem;
}

.alert-success {
    color: #333;
    background-color: white;
    border-left: #28a745 15px solid;
}

.alert{
    font-family: 'Orkney';
    padding: 25px 10px;
    margin-bottom: 10px;
}

.alert-heading {
    font-size: 25px;
    margin-bottom: 10px;
}

.alert::before {
    margin-right: 20px;
}

.alert svg {
    max-width: 2rem;
    max-height: 104px;
    display: none;
}

.alert-success::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="green" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1.5rem 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-position: 0 0.4rem;
    width: 1.75rem;
    height: 1.75rem;
}

.alert-warning {
    color: #333;
    background-color: white;
    border-left: #ff8800 15px solid;
}

.alert-warning::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="orange" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1.5rem 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-position: 0 0.4rem;
    width: 1.75rem;
    height: 1.75rem;
}

.alert-danger {
    color: #333;
    background-color: white;
    border-left: #cc0000 15px solid;
}

.alert-danger::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="red" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1.5rem 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-position: 0 0.4rem;
    width: 1.75rem;
    height: 1.75rem;
}

.alert-dismissible .btn-close {
    opacity: 0.6;
}

.jesuisbeau {
    font-size: 1000px;
}

.field--name-count .form-number {
  margin: 10px 0;
max-width: 150px;
}

.node-layout-builder .field--name-field-type-inscription .field__item {
    font-size: 1.875rem;
    font-family: 'Orkney Bold',sans-serif;
    color: #000;
    margin-left: 15px;
}

.node--type-evenement .node__content strong, .node--type-evenement .field--name-body {
    font-size: 18px !important;
}

.node--type-evenement .node--view-mode-full .field--name-body a {
    margin-bottom: 7px;
}

a {
color: var(--vdm-header-top-color);

}

small.text-muted {
  font-size: 15px;
}

.registration-who-msg {
  display: none;
}


#block-vdm-content .card.clearfix.card-block.card-body {
  border: 0;
  margin-top: 30px;
  padding: 35px;
}


.field--name-field-lieu .actualite-top-image.container-fluid.full-width {
  margin: 0 !important;
  position: inherit;
  height: 170px;
width: 100%;
}

.field--name-field-lieu h1 {
  font-size: 19px;
}

#block-vdm-main-menu {
  margin: 0 !important;
}

.boutton_acces-rapides span img, .boutton_acces-rapides span svg {

max-height: 2.5rem;
filter: invert(1);

}

.block-webform label {
    font-size: 18px;
  }

  .actus_slider .slider-img {
    min-height: 500px;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }

.menu-mobile::before, .menu-mobile::after {display:none;}

html {
    overflow-x: hidden;
}


.pwa-a2hs-active {
    text-align:center;
}
.pwa-a2hs-active button {
    color: var(--vdm-link-color);
    background: var(--vdm-bg-color);
    padding: 15px;
    border-radius: 5px;
}

.views-field.views-field-field-arrondissements {
    background: #70aff3;
    padding: 15px;
    margin: 8px;
    display: block;
    color: white !important;
    text-align: -webkit-center;
    border-radius: 5px
}

h2{
    color: #70aff3;
    text-align: center;
    padding: 10px;
    font-size: 33px;
    font-weight: 900;
}
.type-crenau,
.view-empty{
    text-align: center;
    padding-bottom: 30px;
}
.site-footer{
	margin-top: 20px; 
}

.field--type-registration a{
    background: #588972;
    padding: 6px;
    border-radius: 10%;
    color: white;
}

.home-login{
    border-bottom: 1px solid #0c80c3;
    border-left: 1px solid #0c80c3;
    border-right: 1px solid #0c80c3;
    color: #fff;
    background: #0c80c3;
    padding: 20px;
	text-align: center;
}

.home-login a{
    background: #29335c;
    padding: 10px 30px 10px 30px;
    margin: 10px;
    border-radius: 7px;
    color: #dfdfdf;
}
.webform-button--draft{
	display: none;
}