.pagination {
  margin: 25px 0;
}

.node--view-mode-map h1 {
  padding: 0 !important;
  font-size: 25px;
}

.node--view-mode-map .layout__region {
padding: 0;
}
.node--view-mode-map .field.field--name-field-adresse {
margin-bottom: 25px;
}

.field.field--name-field-tranche-d-age .field__item {
display: inline-block;
margin: 0 15px;
}
.field.field--name-field-tranche-d-age .field__label {
margin: 15px;
margin-top: 25px;
font-family: Orkney bold;
}

.vocabulary-thematiques-activites-sportives .vague-title {
display: none;
}
.vocabulary-thematiques-activites-sportives .field--name-field-icone {
float: left;
margin-right: 15px;
}
.vocabulary-thematiques-activites-sportives {
background: var(--vdm-header-top-color);
color: white;
display: inline-block;
}
.vocabulary-thematiques-activites-sportives .layout__region {
padding: 0;
}
.block-field-blocktaxonomy-termthematiques-activites-sportivesname .field__item {
color: white;
width: 100%;
}
.vocabulary-thematiques-activites-sportives {
display: inline-block;
min-width: 250px;
}


.node--view-mode-full .field--name-body strong {
  font-weight: normal;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none !important;
} 
 .view-liste-des-activites  .views-field-field-thematique-activite , .view-liste-des-sports .views-field.views-field-name {
background: var(--vdm-header-top-color);
padding: 15px;
color: white;
border-radius: 5px;
margin: 0 !important;
display: inline-block;
}
 .view-liste-des-activites  .fontawesome-icons, .view-liste-des-sports .fontawesome-icons {
display: inline-block;
margin-right: 11px;
}
.view-liste-des-sports .views-field.views-field-title {
margin-top: 35px !important;
}
.view-liste-des-sports .views-field.views-field-name {
margin-top: 0px !important;
display: inline-block !important;
}

.pagination .page-item a, .pagination .page-item > span {
  padding: 10px;
  background: var(--vdm-button-color);
  color: white;
}


.views-element-container.contextual-region.block.block-views.block-views-blockcalendrier-events-block-1 {
 border: 5px solid var(--vdm-header-top-color);
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 50px;
}
.fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
  border-top: none !important;
}
.js-drupal-fullcalendar tr {
border-bottom: none !important;
}
.fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
border: 1px solid #dcdcdc !important;
border-bottom: none !important;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3 !important;
}


.block.block-layout-builder.block-field-blocknodeevenementtitle {
  margin-bottom: 15px;
}



.fc-day-grid-event{
background: var(--vdm-header-top-color) !important;
padding: 5px;
}
.fc-day-grid-event .fc-content {
white-space: initial;
}

.js-drupal-fullcalendar td {
background: white;
}

.fc .fc-row .fc-content-skeleton td {
  background: #fff;
}
.js-drupal-fullcalendar th {
background: var(--vdm-header-top-color);
height: 50px;
vertical-align: middle;
}

span.button.js--apwa-allow, span.button.js--apwa-cancel {
    margin: 5px;
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
    cursor: pointer;
    background: var(--vdm-header-top-color);
    border-radius: 5px;
    padding: 5px 10px;
    color: white;
}

.advanced_pwa-model-embedded i {
    font-size: 22px;
    margin-right: 7px;
    rotate: -15deg;
}

.advanced_pwa-model-embedded {
bottom: 0;
    position: fixed;
    right: 0;
    z-index: 5000;
    width: 270px;
    height: 100px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;

}

.block-block-content50022ce0-233c-4633-aba2-1a2fd4ad1a18 {
  margin-top: 25px;
}
.views-field {
  font-size: 18px;
}

.views-view-responsive-grid .views-field.views-field-title a {
  margin-top: 8px;
  color: black !important;
  display: block;
}

.event-date-debut, .event-date-fin { 
 font-size: 15px;
}

.views-view-responsive-grid .views-view-responsive-grid__item {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
border-radius: 5px;
}
.views-view-responsive-grid .views-field {
padding: 8px 15px;
}
.views-view-responsive-grid .views-field.views-field-field-vignette, .views-view-responsive-grid .views-field.views-field-field-image {
padding: 0;
}

.block-field-blocknodeevenementfield-date-debut {
margin-bottom: 15px;
}

body .field--name-field-date-fin .datetime::before {
content: "Au";
display: inline-block;
color: var(--vdm-text-color);
font-family: "Orkney";
font-size: 18px;
margin-right: 5px;
}

.field--name-field-date-debut .datetime,
.field--name-field-date-fin .datetime,
 {
text-transform: lowercase;
}
.field--name-field-date-debut .datetime::before {
content: "Du";
  display: inline-block;
  color: var(--vdm-text-color);
  font-family: "Orkney";
  font-size: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  text-transform: capitalize;
}


.field--name-field-date-debut {
margin-bottom: 0;
}

.block-views-blockcarte-lieu-evenement-block-1 {
padding: 15px;
}

.view-liste-des-activites ul {
  list-style: disc;
  margin-left: 25px;
}
.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
  overflow: hidden;
}

#pick-hours {
  padding: 10px 20px;
}
#pick-hours strong {
display: none;
}
.block-views-blockcalendrier-des-evenements-block-1 {
margin-bottom: 30px;
} 
.actus_slider-items .content .bouton_niv2 {
    display: block !important;
  }
.node .block-field-blocknodearticlefield-tag-actu .field--name-field-tag-actu .field__item {
  padding-right: 0;
  float: none;
  margin-top: 10px;
}
.layout--threecol-section .layout__region {
  padding: 18px;
}
.page-node-2210 .layout.layout--onecol {
  padding: 25px;
}

#edit-captcha-response--description {
display: none;
}

.captcha-type-challenge--image .captcha__element {
align-items: flex-end;
margin-bottom: 20px;
}

.captcha .field-prefix.input-group-text {
height: 100%;
}
#edit-captcha-response--description {
margin-top: 10px;
display: block;
}

.slick-arrow {
margin: 16px;
font-family: 'Orkney Bold';
}
.slick__arrow {
text-align: center;
}
.pwa-a2hs-active .button--primary {
    background-color: var(--vdm-button-color);
    color: white;
}

.icon-icons__menu_burger::before {
  content: "\e92c";
  z-index: 5000;
  top: -19px;
  position: relative;
  color: white;
}

.style-btn {
  padding: 10px;
  border-radius: 5px;
}
#block-vdm-main-menu a:hover {
  color: #555 !important;
}
.site-footer a:hover{
  color: #CCC !important;
}
a {
  color: var(--vdm-link-color);
}
.block-content-basic.block.block-block-content.block-block-content1ed45915-7871-499a-9650-f52e2282b643 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.boutton_acces-rapides:hover > span {
  background: var(--vdm-button-hover-color) !important;
}

#views-exposed-form-tous-les-evenements-block-1 .fa-solid.fa-calendar-days {
  margin-right: 10px;
  rotate: -20deg;
  font-size: 21px;
}

#views-exposed-form-tous-les-evenements-block-1 {
padding-left: 10px;
}

.actus_content-item .content_desc {
  font-family: 'Orkney Bold';
}
#views-exposed-form-tous-les-evenements-block-1 label {
font-family: 'Orkney Bold' !important;
padding: 15px 0;
font-size: 18px;
}
#views-exposed-form-tous-les-evenements-block-1 #edit-actions {
margin-left: 15px;
}
#views-exposed-form-tous-les-evenements-block-1 {
margin-bottom: 20px;
}

.event-date-debut, .event-date-fin {
background: var(--vdm-header-top-color);
color: #fff !important;
padding: 7px;
border-radius: 5px;
text-align: center;
display:inline-block;
}


.actus_content .programme-date::after {
content: none;
display: none;
}
.programme-date {
padding-left: 0 !important;
}
.contextual-region.block-content-bloc_image_et_texte.block.block-block-content.block-block-content7d7cf2b7-1eca-4264-8895-5422105df247 {
  margin-bottom: 60px;
}
.bssb-printlink svg {
  padding: 8px;
}

.leaflet-popup-content .views-field {
  padding: 5px 0px;
}

.field.field--name-field-tag-actu.field--type-entity-reference {
  text-align: right;
}

.node--view-mode-full .field--name-field-tag-actu a {
  color: white;
  font-size: 0.9375rem;
  display: inline-block;
  width: auto;
  padding: 12px 20px;
  height: auto;
  background-color: var(--vdm-button-color);
border: none;
  border-radius: 4px;
font-family: 'Orkney Bold',sans-serif;
text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.field--name-field-tag-actu a::before {
  content: "#";
  margin-right: 3px;
}


.field.field--name-field-adresse .field__label::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  color: var(--vdm-header-top-color);
  margin-right: 15px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 15px;
}


.field.field--name-field-telephone .field__label::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  color: var(--vdm-header-top-color);
  margin-right: 15px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 15px;
}



.field.field--name-field-courriel .field__label::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  color: var(--vdm-header-top-color);
  margin-right: 15px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 15px;
}


.node--type-lieu .field__label {
  margin: 20px 0px 10px 0;
  font-weight: bold;
}

.node--view-mode-full .field--name-body iframe {
  width: 100%;
}


.masonry-item.views-row .views-field.views-field-changed {
  padding: 15px;
}
.masonry-item.views-row .views-field.views-field-type {
  display: block;
padding: 15px;
}
.masonry-item.views-row .views-field.views-field-title {
  display: block;
  font-size: 18px;
  margin-top: 10px;

font-family: "Orkney Bold";
}
.masonry-item.views-row .views-field-title h3 {
  padding: 15px !important;
}
.masonry-item.views-row {
margin-bottom: 15px;
  background: var(--vdm-bg-block-color);
}

.c-more-acces .wraper-link {
  background: var(--vdm-bg-color) !important;
}
.c-more-acces {
background: var(--vdm-bg-color);
}

.path-frontpage #block-vdm-breadcrumbs {
  display: none;
}

.full-width video {
  width: 100%;
  height: 100%;
}

.masonry-item h3 {
font-size: 23px;
font-family: "Orkney Bold";
}

.node--type-article .field.field--name-field-quartier,
.node--type-article .field.field--name-field-lieu {
  text-align: right;
}

.masonry-item.views-row {
border-radius: 5px;
box-shadow: 0px 0px 3px #000;
}
.masonry-item .views-field {
padding: 15px;
}

.masonry-item .views-field.views-field.views-field-field-image, .masonry-item  .views-field.views-field-field-vignette {
  padding: 0;
} {
padding: 0;
}
.masonry-item .views-field {
padding: 0 15px;
padding: 15px;
}


a:hover {
  color : var(--vdm-button-hover-color) !important;
}
.views-element-container > h2 {
  font-family: "Orkney bold";
  margin: 40px 0;
}
body tr td,  body tr th, body .node--view-mode-full .field--name-body table tbody tr td:last-child  {
    border: 1px solid #000;
}
.node--view-mode-full .field--name-body .ckeditor-accordion-container > dl dd {
  border: 4px solid var(--vdm-bg-color);
  border-top: 0;
}

.node--view-mode-full .field--name-body .ckeditor-accordion-container > dl dt.active span::before {
  display: none;
}



.boutton_acces-rapides:hover span {

background: var(--vdm-button-hover-color);

}

.view-actu-slider-accueil .section_title.white-decorqtion
{
  display: none;
}
.vue-custom-vdm-liste .views-field-field-tranche-d-age .views-label {
display: inline-block;
  opacity: 0.7;
}

.slick.slick--optionset--slick-lightbox.slick--thumbnail.slick--multiple-view.slick--less.slick--initialized {
  display: none;
}

.vue-custom-vdm-liste .views-field-field-tranche-d-age .field-content {
display: inline-block;
  margin-left: 9px;
}

.vue-custom-vdm-liste .views-row {
padding: 25px;
background: var(--vdm-bg-block-color);
border: 2px solid #ccc;
margin-bottom: 25px;
border-radius: 10px;
}
.vue-custom-vdm-liste .views-field-field-icone {
float: left;
  margin-right: 10px;

}



.vue-custom-vdm-liste .views-row {
padding: 25px;
background: var(--vdm-bg-block-color);
border: 2px solid #ccc;
margin-bottom: 25px;
border-radius: 10px;
}


.vue-custom-vdm-liste .js-form-item label {
  margin-bottom: 10px;
}

.vue-custom-vdm-liste .js-form-item {
  margin-right: 20px;
}

.vue-custom-vdm-liste .js-form-item input, .vue-custom-vdm-liste .js-form-item select, .vue-custom-vdm-liste #edit-actions button {
  height: 45px;
}

.vue-custom-vdm-liste .js-form-item select {
  background: transparent;
}


.vue-custom-vdm-liste .views-row .views-field {
margin-top: 15px;
}
.vue-custom-vdm-liste .views-field-title {
font-family: 'Orkney bold';
font-size: 23px;
}
.vue-custom-vdm-liste .views-field-field-date-du-conseil-d-arrondis {
color: var(--vdm-link-color);
font-family: 'Orkney Bold';
font-weight: bold;
}


.boutton_acces-rapides span img, .boutton_acces-rapides span svg
{
  max-width: 2.5875rem;
}

.boutton_acces-rapides span
{
  border-radius: 15%;
}

/* CSS RESPONSIVE */ 

@media (min-width: 1200px) {
  .actus_slider-items .col-md-7 {
    width: 795px;
  }
  .actus_slider-items  .col-md-5 {
    width: 457px;
  }
}

@media (max-width: 767.98px) { 

.block-views-blockcalendrier-events-block-1 {
  display: none;
}

.view-id-search_content .view-content {
  padding: 20px;
}

.actualite-top-image.container-fluid.full-width {
  margin-top: -60px !important;
}

.block-block-contentbc0a7fa3-7e0c-4dea-8716-b0f0bc0a74a9 .ck-widget > .col-md {
  width: 40%;
}
.field__label, .field__item {
  font-size: 18px;
}


.tout-savoir_content.right.paralax-text {
  position: relative;
  top: -60px;
}


.tout-savoir .img{
background-size: cover;
}

.slider-img {
min-height: 190px !important;
}

}

@media only screen and (min-width: 40.063em) {




.blazybox.is-bbox.b-flybox {
  width: 600px;
  height: 400px;
}

}



/* CSS Fred */

.img-ronde-150 {
  width : 150px; height : 150px;
  border: none;
  -moz-border-radius : 75px;
  -webkit-border-radius : 75px;
  border-radius : 75px;
}
.img-ronde-300 {
  width : 300px; height : 300px;
  border: none;
  -moz-border-radius : 150px;
  -webkit-border-radius : 150px;
  border-radius : 150px;
}
.bouton-simple {
padding: 8px 16px 8px 16px;
margin:8px;
border: 1px solid #DEDEDE;
line-height: 2rem;
align:center;
text-align: center;
vertical-align: middle;
background-color:#FFF9C7;
border-radius:5px;
}
.bgcolorjaune{
background-color:#FFF9C7;
padding: 15px;
margin-bottom: 15px;
}
.boite_arrondie{
background-color:#FFF9C7;
border-radius:20px;
padding:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.boite_alerte{
background-color:#F54927;
padding: 15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}