/* GENERAL */
*:focus-visible {
  outline: solid 2px var(--black);
  outline-offset: -2px;
}

*:focus:not(:focus-visible) {
  outline: none!important;
}

.sr-only {
  color: #000 !important;
  background-color: #757575;
}

/* Variables */
:root {
  --green: #30726A;
  --pink: #61173C;
  --violet: #696D89;
  --blue: #2F7084;
  --black: #000;
}

/*-- Variation couleurs session --*/
body {
  --primary: var(--green);
}

body.theme-green {
  --primary: var(--green);
}

body.theme-pink {
  --primary: var(--pink);
}

body.theme-violet {
  --primary: var(--violet);
}

body.theme-blue {
  --primary: var(--blue);
}

/*-- Textes --*/
@font-face {
  font-family: 'Mattone';
  src: url('../fonts/Mattone-Regular.otf');
}

@font-face {
  font-family: 'Luciole-regular';
  src: url('../fonts/luciole/Luciole-Regular.ttf');
}

a, p, span, h1, h3, h4, h5, select, input, li, h6 {
  font-family: 'Luciole-regular';
}

.h2Title {
  font-family: 'Mattone' !important;
  font-size: 40px;
  color: #333;
  position: relative;
  font-weight: 400;
  padding-bottom: 40px;
  margin-bottom: 0;
  text-transform: inherit;
  line-height: 41px;
}

@media only screen and (max-width: 992px) {
  .h2Title {
    font-size: 22px;
  }
}

.h2Title .boldTitle {
  font-size: 50px !important;
  font-family: 'Mattone' !important;
}

@media only screen and (max-width: 992px) {
  .h2Title .boldTitle {
    font-size: 32px !important;
  }
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: url('/themes/custom/lyonfr_edito/images/ic_date.svg') no-repeat;
  width: 25px;
  height: 25px;
  display: block;
}

/*-- Lien evitement --*/
#evitement {
  display: inline-block;
  color: #555;
  width: 100%;
  background: #FFF;
  padding: .5em;
  position: absolute;
  left: -99999rem;
  z-index: 100;
}

#evitement:focus,
#evitement:focus-within,
#evitement:focus-visible {
  left: 0 !important;
  position: relative;
}

#evitement a {
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  color: #30726a;
  text-decoration: underline;
}

/*-- Container row --*/
.row {
  margin-left: 0;
  margin-right: 0;
}

/*-- Container fluid --*/
.containNewFluid-gen {
  max-width: 100% !important;
  padding: 0 !important;
  display: inline;
}

.accueil .main-container {
  text-align: left;
}

.accueil .region-content {
  max-width: 100% !important;
}

@media only screen and (max-width: 992px) {
  .containNewFluid-gen,
  .containNewFluid-gen .row {
    background-color: #F0E8DE;
  }
}

/*-- Carousel indicators --*/
#custom_carousel .carousel-control {
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .carousel.slide .carousel-indicators {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .carousel.slide .carousel-indicators {
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 5px;
    justify-content: center;
    /*height: 20px;
    align-items: center;*/
    align-items: baseline;
    margin-bottom: 2px;
  }

  .carousel.slide .carousel-indicators span,
  .carousel.slide .carousel-indicators li {
    height: 10px;
    border-radius: 50px;
    width: 10px;
    transition: all 0.2s;
    background-color: #333;
    border-color: #333;
    display: inline-block;
    margin-right: 5px;
  }

  .carousel.slide .carousel-indicators button[aria-disabled="true"],
  .carousel.slide .carousel-indicators .active {
    padding: 5px 5px 5px 5px;
    transition: all .2s;
    background-color: #e6134d;
    border-color: #e6134d;
    position: relative;
    display: block;
    cursor: pointer;
  }
}

/*-- cross content --*/
.secFocusNew.suggestions > .container {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .secFocusNew.suggestions .secFocusNew-carousel .carousel-indicators {
    height: 42px;
  }

  .secFocusNew.suggestions .carousel.slide .carousel-indicators li button[aria-disabled="true"],
  .secFocusNew.suggestions .carousel.slide .carousel-indicators li.active button[aria-disabled="true"] {
    display: none;
  }

  .secFocusNew.suggestions .carousel.slide .carousel-indicators li button.active {
    padding: 5px 5px 5px 5px;
    transition: all .2s;
    background-color: #e6134d;
    border-color: #e6134d;
    position: relative;
    display: block;
    cursor: pointer;
    top: -2px;
    left: -5px;
  }
}


@media only screen and (min-width: 1200px) {
  .secFocusNew.suggestions > .container {
    padding-right: 5px;
    padding-left: 5px;
    max-width: 1250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .secFocusNew.suggestions > .container {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 992px) {
  .secFocusNew.suggestions > .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .secFocusNew.suggestions > .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.secFocusNew.suggestions .tagNew {
  display: inline-block;
}

.secFocusNew.suggestions .field--name-field-date-evenement-debut time {
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0;
  color: var(--primary);
}

.edito-suggestion .secFocusNew-pic img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
}

@media only screen and (min-width: 992px) {
  .block-edito-suggestions-block .secFocusNew-carousel.slide .carousel-inner {
    display: flex;
    column-count: 3;
    flex-wrap: wrap;
    row-gap: 20px;
  }
}


.secFocusNew.suggestions .secFocusNew-pic .field--name-field-image-main {
  position: relative;
}

.secFocusNew.suggestions .secFocusNew-txt {
  min-height: 230px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.secFocusNew.suggestions .secFocusNew-txt .field--name-field-equipement {
  order: 0;
}

.secFocusNew.suggestions .secFocusNew-txt .field--name-field-date-evenement-debut {
  order: 1;
}

.secFocusNew.suggestions .secFocusNew-txt  .tagNew {
  order: 2;
}

.secFocusNew.suggestions .secFocusNew-txt  .tagNew + .tagNew + .tagNew + .tagNew {
  margin-top: 4px;
}

.secFocusNew.suggestions .secFocusNew-txt  a.stretched-link {
  order: 3;
}

.secFocusNew.suggestions .secFocusNew-txt .adresse strong::after {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-map.svg');
  background-position: center;
  background-size: contain;
}

.secFocusNew.suggestions .secFocusNew-txt .adresse strong {
  text-align: center;
  color: #696d89;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding-left: 25px;
}

.secFocusNew.suggestions .secFocusNew-txt .tagNew.dateStart-actu {
  color: #e6134d;
  background-color: #FFF!important;
  border: 1px solid #e6134d;
  margin: auto;
}

.secFocusNew.suggestions .secFocusNew-txt .suggestions-infos {
  position: relative;
  column-gap: 10px;
  padding-left: 52px !important;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100px;
  align-items: center;
  background-color: #f0e8de;
  display: flex;
  padding: 10px;
  margin-top: -17.5px;
  top: -38px;
  margin-bottom: -19px;
  height: 50px;
  z-index: 999;
  width: calc(100% + 50px);
  line-height: 14px;
}

@media only screen and (max-width: 1200px) {
  .secFocusNew.suggestions .secFocusNew-txt .suggestions-infos {
    margin-bottom: -15px;
    top: -30px;
  }
}

@media only screen and (max-width: 992px) {
  .secFocusNew.suggestions .secFocusNew-txt .suggestions-infos {
    margin-bottom: 0px;
  }
}

.secFocusNew.suggestions .secFocusNew-txt .suggestions-infos p {
  margin-bottom: 0;
}

.secFocusNew.suggestions .secFocusNew-txt .suggestions-infos .field--name-field-equipement a {
  padding-left: 20px;
  color: #444;
  font-size: 12px;
  position: relative;
  text-align: left;
  display: block;
  line-height: inherit;
}

.secFocusNew.suggestions .secFocusNew-txt .suggestions-infos .field--name-field-equipement a::before {
  background-image: url('/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-map.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  display: block;
  content: "";
}

.secFocusNew.suggestions .secFocusNew-txt .suggestions-infos::after {
  content: "";
  background-image: url('/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-agenda.svg');
  display: block;
  width: 45px;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6134d;
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  padding: 10px;
  border-radius: 100px 0 0 100px;
}

.secFocusNew.suggestions .suggestions-infos .field--name-field-date-evenement-debut .field--item {
  text-align: left;
}

.secFocusNew.suggestions .suggestions-infos .field--name-field-date-evenement-debut time {
  color: #444;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: inherit;
}

.secFocusNew.suggestions .secFocusNew-txt .field--name-field-equipement .adresse strong,
.secFocusNew.suggestions .secFocusNew-txt .field--name-field-equipement .field--name-field-date-evenement-debut time {
  color: #444;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.secFocusNew.suggestions .secFocusNew-txt .field--name-field-equipement .adresse strong {
  text-align: center;
  color: #696d89;
  line-height: 160%;
}

.secFocusNew.suggestions .secFocusNew-pic .field--name-field-image-large {
  position: inherit;
}

/*-- Mobile/PC affichage --*/
@media only screen and (min-width: 992px) {
  .mobileDisplay {
    display: none !important;
  }

  .desktopDisplay {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .mobileDisplay {
    display: block !important;
  }

  .desktopDisplay {
    display: none !important;
  }
}

/*-- Tags span --*/
.tagNew {
  font-size: 11px;
  line-height: 1;
  height: auto;
  font-weight: 400;
  border-radius: 50px;
  padding: 4px 8px;
  width: fit-content;
  display: flex;
  align-items: center;
}

/*-- Link arrow --*/
.linkArrowNew {
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}

.linkArrowNew:hover {
  text-decoration: underline;
}

h2 .boldTitle {
  font-size: 50px !important;
}

/*--------------------- CSS TEMPORAIRE ---------------------*/
.main-container.js-quickedit-main-content {
  background-color: #F0E8DE;
  overflow-x: hidden;
}

/*--------------------- breadcrumb ---------------------*/
.region-text-size {
  background-color: var(--primary);
}

.page-node-type-news .region-text-size {
  margin-bottom: 0;
}

.breadcrumb {
  display: none;
}

@media screen and (min-width: 992px) {
  .breadcrumb {
    display: block;
  }
}

.breadcrumb a {
  color: #FFF !important;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 100;
  line-height: 22px;
  font-style: normal;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .active {
  font-style: initial;
  font-size: 14px;
  font-family: 'Luciole-regular';
  color: #FFF
}

.breadcrumb > li + li:before {
  color: #FFF;
}

/*--------------------- Page Kiosque ---------------------*/
@media only screen and (max-width: 992px) {
  .view-kiosque .GROS_TITRE {
    margin-top: 70px;
  }
}


/*--------------------- Page Elu ---------------------*/
@media only screen and (max-width: 992px) {
  .standard.maire .BLOC-chapeau .container-fluid {
    width: 100%;
    padding: 0 !important;
    max-width: 100%;
  }
}

.standard.maire .BLOC-chapeau .description {
  width: 100%;
  margin-bottom: 0;
}

.standard.maire .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 1200px) {
  .standard.maire .BLOC-chapeau .description .container-fluid {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .standard.maire .BLOC-chapeau .description .container-fluid.trombi {
    margin-left: 0;
    width: 100%;
  }

  .standard.maire .BLOC-chapeau .description .container-fluid.trombi .standard.maire::after {
    display: none;
  }

  .standard.maire .BLOC-chapeau .description .container-fluid.trombi .standard.maire {
    padding: 0;
  }

  .standard.maire .BLOC-chapeau .description .container-fluid {
    margin-left: -53px;
    width: calc(100% + 110px);
    padding: 0!important;
  }
}

@media only screen and (max-width: 479px) {
  .standard.maire ~ .accordion {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .standard.maire > .container-fluid {
    display: grid;
    padding-left: 0!important;
    padding-right: 0!important;
  }

  .standard.maire > .container-fluid .col-sm-8,
  .standard.maire > .container-fluid .lien_arrondissement {
    width: 100%!important;
    padding: 0;
  }

  .standard.maire > .container-fluid .lien_arrondissement {
    text-align-last: center;
    margin-bottom: 80px;
  }
}

.standard.maire .lien_arrondissement {
  padding: 0;
  padding-left: 35px;
  margin-top: 11px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .standard.maire .lien_arrondissement {
    padding-left: 75px;
  }

  .standard.maire .lien_arrondissement a {
    margin-right: -40px!important;
  }
}

.standard.maire .lien_arrondissement a {
  display: inline-flex;
  padding: 15px 20px;
  border: 1px solid #e6134d;
  text-align: center;
  background: #e6134d;
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  column-gap: 10px;
  margin: 0;
  color: #FFF;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
}

.standard.maire .lien_arrondissement a:hover {
  border: 1px solid #e6134d;
  background-color: #FFF;
  color: #e6134d;
  transition: all .2s;
  text-decoration: underline;
  color: #e6134d!important;
}

.standard.maire .lien_arrondissement a img {
  display: none;
}

.main-container .accordion .panel {
  border-radius: 0 50px 0 0;
  margin-bottom: 20px;
}

.main-container .accordion {
  margin-bottom: 30px;
}

.main-container .accordion .panel-default>.panel-heading {
  border: 0;
  margin-bottom: 0;
  padding: 20px 70px 20px 70px;
}

@media only screen and (max-width: 992px) {
  .main-container .accordion .panel-default>.panel-heading {
    padding: 20px 25px 20px 15px;
  }
}

.main-container .accordion .panel-default>.panel-heading .panel-title {
  position: relative;
  padding-right: 25px;
}

.main-container .accordion .panel-default>.panel-heading .glyphicon {
  left: calc(100% - 20px);
  position: absolute;
  top: 0;
  border: 0;
}

.main-container .accordion .panel-default>.panel-heading .glyphicon::before {
  display: none;
}

.main-container .accordion .panel-default>.panel-heading a:hover {
  text-decoration: underline;
}

.main-container .accordion .panel-default>.panel-heading .glyphicon.more-less {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-moinsRound.svg') center center no-repeat;
}

.main-container .accordion .panel-default>.panel-heading .collapsed .glyphicon.more-less {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-plusRound.svg') center center no-repeat;
}

.main-container .accordion .panel-body {
  padding: 0 55px 30px 70px;
}

@media only screen and (max-width: 992px) {
  .main-container .accordion .panel-body {
    padding: 0 15px 20px 15px;
  }
}

.main-container .accordion .panel-body nav[role='navigation'] {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .adjoint-maire.panel-default {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .adjoint-maire.panel-default {
    margin-left: -40px;
    width: calc(100% + 80px);
  }
}

@media only screen and (min-width: 480px) and (max-width: 992px) {
  .adjoint-maire.panel-default {
    margin-left: -50px;
    width: calc(100% + 100px);
  }
}

@media only screen and (max-width: 480px) {
  .adjoint-maire.panel-default {
    margin-left: -30px;
    width: calc(100% + 60px);
  }
}

.accordion .adjoint-maire.panel-default.panel .panel-heading {
  padding: 20px 35px 20px 35px;
}

.adjoint-maire .panel-body .elu-container {
  justify-content: center;
  text-align: center;
  display: inline-flex;
  float: none;
  padding: 0 13px;
  margin: 0 0 20px -4px;
}

.adjoint-maire .panel-body .elu-container .elu .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.adjoint-maire .panel-body .elu-container .description {
  display: inline-block;
  width: 100%;
  max-width: 159px;
  text-align: center;
}

.adjoint-maire .panel-body .elu-container a {
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  text-decoration: none;
  color: black!important;
}

.adjoint-maire .panel-body .elu-container a:hover,
.adjoint-maire .panel-body .elu-container a:hover .nom,
.adjoint-maire .panel-body .elu-container a:hover .secDocRight-bloc {
  text-decoration: underline!important;
}

.adjoint-maire .panel-body .elu-container .fonction,
.adjoint-maire .panel-body .elu-container .fonction .secDocRight-bloc {
  font-size: 14px!important;
  font-weight: 700!important;
}

.adjoint-maire .panel-body .elu-container .fonction .secDocRight-carousel {
  overflow: visible;
  height: auto;
  margin-bottom: 10px;
}

.adjoint-maire .panel-body .elu-container .delegation {
  overflow: visible;
  height: inherit;
}

.main-container .accordion .panel-body .photo {
  overflow: hidden;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .main-container .accordion .panel-body .photo {
    width: 150px;
    height: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-container .accordion .panel-body .photo {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .main-container .accordion .panel-body .photo {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .main-container .accordion .panel-body .photo {
    width: 100px;
    height: 100px;
  }
}

.main-container .accordion .panel-body .photo img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 1200px) {
  .main-container .accordion .panel-body .photo img {
    min-height: 150px;
    max-height: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-container .accordion .panel-body .photo img {
    min-height: 120px;
    max-height: 120px;
  }
}


@media only screen and (min-width: 768px) and (max-width: 992px) {
  .main-container .accordion .panel-body .photo img {
    min-height: 100px;
    max-height: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .main-container .accordion .panel-body .photo img {
    min-height: 100px;
    max-height: 100px;
  }
}

.main-container .accordion .panel-body .nom {
  font-size: 14px;
  line-height: normal;
  font-family: 'Mattone';
  font-weight: 400 !important;
  height: inherit;
}

.main-container .accordion .panel-body .secDocRight,
.main-container .accordion .panel-body .secDocRight .carousel-inner {
  padding: 0!important;
}

.main-container .accordion .panel-body .delegation a,
.main-container .accordion .panel-body .fonction,
.main-container .accordion .panel-body .secDocRight .secDocRight-bloc {
  font-family: 'Luciole-regular';
  font-weight: 400;
  font-size: 12px;
}

.main-container .accordion .panel-body .secDocRight .secDocRight-bloc,
.main-container .accordion .panel-body .secDocRight .carousel-inner .item {
  display: block!important;
}

.main-container .accordion .panel-body .secDocRight .carousel-inner .item  .active {
  all: none;
}

.main-container .accordion .secDocRight .secDocRight-carousel .carousel-indicators {
  display: none;
}

.maire.actualite .paragraph--type--focus {
  display: block !important;
}

@media only screen and (max-width: 992px) {
  .maire.actualite .paragraph--type--focus {
    margin-top: 70px;
    margin-bottom: 20px;
  }
}

.maire.actualite .paragraph--type--focus .secFocusNew-txt {
  width: 100%;
  margin-left: 0;
}

.maire.actualite .paragraph--type--focus .secFocusNew-txt .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.maire.actualite + .paragraph--type--accordion-text-block:last-child {
  margin-bottom: 50px;
  display: grid;
}

.maire.actualite + .paragraph--type--accordion-text-block:last-child .field--name-field-title {
  padding-left: 35px !important;
}

.maire.actualite .paragraph--type--focus .secFocusNew-txt h1 {
  padding: 0;
  justify-content: left;
}

.maire.actualite .paragraph--type--focus .elu-pic {
  border-top-left-radius: 50px;
  overflow: hidden;
  display: grid;
  align-content: center;
  align-items: center;
}

@media only screen and (min-width: 1100px) {
  .maire.actualite .paragraph--type--focus .elu-pic {
    min-width: 174px;
    height: 174px;
    width: 174px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .maire.actualite .paragraph--type--focus .elu-pic {
    width: 174px;
    height: 174px;
    min-width: 174px;
  }
}

@media only screen and (max-width: 768px) {
  .maire.actualite .paragraph--type--focus .elu-pic {
    width: 174px;
    height: 174px;
  }
}

.maire.actualite .paragraph--type--focus .elu-pic img {
  display: block;
  max-width: 100%;
  height: 100%;
  border-top-left-radius: 50px;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 1100px) {
  .maire.actualite .paragraph--type--focus .elu-pic img {
    height: 174px;
    width: 174px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .maire.actualite .paragraph--type--focus .elu-pic img {
    height: 174px;
    width: 174px;
  }
}

@media only screen and (max-width: 768px) {
  .maire.actualite .paragraph--type--focus .elu-pic img {
    height: 174px;
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .maire.actualite .paragraph--type--focus h1 {
    padding: 20px 0;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .maire.actualite .paragraph--type--focus h1 {
    justify-content: start;
  }
}

@media only screen and (max-width: 992px) {
  .maire.actualite .paragraph--type--focus .secFocusNew-txt {
    padding-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .maire.actualite .paragraph--type--focus .elu-mainContent-mobile {
    display: flex;
    flex-wrap: wrap;
  }

  .maire.actualite .paragraph--type--focus .elu-content-desktop {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .maire.actualite .paragraph--type--focus .elu-mainContent-mobile {
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  .maire.actualite .paragraph--type--focus .elu-content-desktop {
    display: block;
    text-align: left;
    padding-bottom: 20px!important;
  }

  .maire.actualite .paragraph--type--focus .elu-mainContent-mobile {
    display: none;
  }
}

/*--------------------- Page "Mes newsletters"  ---------------------*/
.newsletters,
#iframe_newsletters {
  border-radius: 0 50px;
}

.newsletters {
  padding: 30px 20px;
  background-color: #FFF;
}

@media only screen and (max-width: 992px) {
  .newsletters {
    margin-top: 70px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .mesNewsletters .col-xs-12.col-lg-9.col-c,
  .mesNewsletters .col-xs-12.col-lg-3.col-d {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 992px) {
  .mesNewsletters .col-xs-12.col-lg-9.col-c {
    padding-right: 30px;
    margin-left: -15px !important;
    border-right: 1px solid #c7c7c7;
  }
}

@media only screen and (min-width: 992px) {
  .mesNewsletters .col-xs-12.col-lg-3.col-d {
    padding-left: 30px;
  }
}


@media only screen and (min-width: 1300px) {
  .mesNewsletters .col-xs-12.col-lg-3.col-d .col-droite {
    min-width: calc(100% + 110px);
  }
}

@media only screen and (min-width: 1150px) and (max-width: 1200px) {
  .mesNewsletters .col-xs-12.col-lg-3.col-d .col-droite {
    min-width: calc(100% + 20px);
  }
}

/*--------------------- Page "Mes favoris"  ---------------------*/
.standard.mesFavoris h1 {
  font-size: 35px;
  line-height: 43px;
  padding: 30px;
  border-radius: 80px 0;
  text-align: center;
  background: white;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: 'Mattone';
  font-weight: 400;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .standard.mesFavoris h1 {
    margin-top: 70px;
  }
}

.equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
  border-radius: 0 50px;
  background-color: #FFF !important;
  padding: 35px;
}

@media only screen and (min-width: 992px) {
  .equipement-favoris .row {
    display: flex;
  }

  .equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6:nth-child(1) {
    margin-right: 10px;
  }

  .equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6:nth-child(2) {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .equipement-favoris .row {
    display: grid;
  }

  .equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
    width: 100%;
  }

  .equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child {
    margin-top: 30px;
  }
}

.equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6 h2 {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
}

.evenement-favoris {
  background: inherit;
  padding: 0;
}

.evenement-favoris::before,
.evenement-favoris::after {
  display: none;
}

.actu-favorite .container-fluid .content,
.equipement-favoris .container-fluid .content,
.evenement-favoris .container-fluid .content {
  border-radius: 0 50px;
  background-color: #FFF !important;
  padding: 35px;
  margin: auto;
  display: block;
}

.actu-favorite .container-fluid .content h2,
.equipement-favoris .container-fluid .content h2,
.evenement-favoris .container-fluid .content h2 {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
}

.actu-favorite {
  padding-top: 0;
}


/*--------------------- Page Sortir  ---------------------*/
.pageSortir {
  margin-bottom: 50px;
}

@media only screen and (min-width: 992px) {
  .pageSortir {
    margin-top: -66px;
  }
}


.pageSortir .sortir-colGauche {
  padding: 0;
  z-index: 1;
}

.pageSortir .sortir-colGauche .sortir-rightcolumn .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .sortir-rightcolumn .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-chapeauMobile {
    margin-top: 40px;
  }
}

.pageSortir .sortir-colGauche .BLOC-chapeau {
  position: relative;
  z-index: 99;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .BLOC-chapeau {
    margin-bottom: 54px;
  }
}

.pageSortir .sortir-colGauche .BLOC-chapeau::after {
  width: 310%;
  left: -300%;
}

.pageSortir .sortir-colGauche .BLOC-chapeau::before {
  width: calc(100% + 50px);
  right: -50px;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .BLOC-chapeau::after,
  .pageSortir .sortir-colGauche .BLOC-chapeau::before {
    content: "";
    background: var(--primary);
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 9;
  }
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-ongletsMobile,
  .pageSortir .sortir-chapeauMobile {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .sortir-chapeauDesktop {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .pageSortir .sortir-colGauche .BLOC-chapeau .hubHeader {
    width: calc(100% - 160px);
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }
}

.pageSortir .sortir-colGauche .BLOC-chapeau .BLOC-image {
  z-index: 99;
  position: relative;
  padding-top: 15px;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .BLOC-chapeau .BLOC-image {
    padding-top: 35px;
  }
}

.pageSortir .sortir-colGauche .BLOC-chapeau .BLOC-image .field--item {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .BLOC-chapeau .BLOC-image img {
    width: auto;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .BLOC-chapeau .BLOC-image .field--name-field-sortir-header .field--item {
    display: flex;
    justify-content: center;
  }
}


@media only screen and (max-width: 992px) {
  .pageSortir .BLOC-chapeau .BLOC-image img {
    width: 210px;
  }
}

.pageSortir .BLOC-chapeau .hubHeader h1,
.pageSortir .BLOC-chapeau .hubHeader .boldTitle {
  text-align: center;
  margin-bottom: 25px;
  color: #FFF;
  font-family: 'Mattone';
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
}

@media only screen and (max-width: 992px) {
  .pageSortir .BLOC-chapeau .hubHeader h1 {
    color: #333;
    display: grid;
    font-size: 22px;
    line-height: 26.4px;
    margin-bottom: 20px;
  }

  .pageSortir .BLOC-chapeau .hubHeader h1 .boldTitle {
    color: #0C292F;
    font-size: 32px;
    font-weight: 400;
    line-height: 41px;
  }
}

.pageSortir .BLOC-chapeau .hubHeader .field--name-field-sortir-accroche p,
.pageSortir .BLOC-chapeau .hubHeader .field--name-field-da-teaser p {
  font-family: 'Luciole-regular';
  padding-bottom: 80px;
  margin-bottom: 0;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .pageSortir .BLOC-chapeau .hubHeader .field--name-field-sortir-accroche p,
  .pageSortir .BLOC-chapeau .hubHeader .field--name-field-da-teaser p {
    color: #333;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 50px;
    padding-right: 50px;
  }
}

.pageSortir .sortir-colGauche .secAccesNew {
  padding-top: 0;
  padding-bottom: 50px;
  margin-bottom: 58px;
  position: relative;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    width: calc(100% + 30px) !important;
    border-bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew::after {
    background-color: #33333333;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 20px);
    display: block;
    bottom: 0;
    left: -10px;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew > .container {
    margin-left: -10px;
    width: calc(100% + 20px) !important;
  }
}

@media only screen and (max-width: 767px) {
  .pageSortir .sortir-colGauche .secAccesNew > .container {
    margin-left: -15px;
    width: calc(100% + 30px) !important;
  }
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew::before {
    content: "";
    width: 1px;
    height: calc(100% + 50px);
    display: block;
    background-color: #33333333;
    position: absolute;
    right: -50px;
    top: 0;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .container {
  width: 100%;
  padding: 0;
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-block {
  list-style: none;
  column-count: 2;
  width: 100%;
  display: inline-table;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-block {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure {
    column-count: 1;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure {
  column-gap: 20px;
  display: inline-flex;
  width: calc(50% - 2px);
  column-count: 2;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure {
    width: 100%;
    display: contents;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure a {
  width: 100%;
  margin-bottom: 20px;
  min-height: 170px;
  padding: 25px 10px;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure a {
    display: inline-grid;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(1),
.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(3) {
  padding-right: 10px;
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(2),
.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(4) {
  padding-left: 10px;
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(1) a,
.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(2) a {
  border-radius: 40px 0px 0px 0px;
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(3) a,
.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure:nth-child(4) a {
  border-radius: 0px 0px 0px 40px;
}


.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-title {
  padding-left: 0;
  padding-right: 0;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-title .h2Title {
  text-align: left;
  color: #0C292F;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-title .h2Title {
    text-align: center;
    font-size: 22px;
    line-height: 26.4px;
    display: grid;
    row-gap: 10px;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-title .h2Title .boldTitle {
  font-size: 42px;
  font-weight: 400;
  line-height: 43px;
  padding-left: 0px;
  margin-left: 10%;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .secAccesNew .secAccesNew-title .h2Title .boldTitle {
    margin-left: 0;
  }
}

.pageSortir .sortir-colGauche .secAccesNew .secAccesNew-structure .secAccesNew-rub .quickaccess {
  font-size: 16px;
  line-height: 19.5px;
}

.sortir-colGauche .BLOC-image figure {
  margin:0;
}


/* --- Accès directs --- */
.pageSortir .sortir-colGauche .hub-items {
  position: relative;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .hub-items {
    margin-left: -25px;
    width: calc(100% + 50px);
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colGauche .hub-items .secHUBNew-title .h2Title {
    line-height: 26.4px;
  }
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colGauche .hub-items::before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background-color: #33333333;
    position: absolute;
    right: -50px;
    top: 0;
  }
}

/* --- Paragraphe Sorties actu --- */
.pageSortir .sortir-colDroite .container-fluid {
  padding-right: 0 !important;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colDroite .container-fluid {
    margin-top: 57px;
    padding-left: 93px!important;
  }
}

@media only screen and (min-width: 1300px) {
  .pageSortir .sortir-colDroite .container-fluid {
    min-width: calc(100% + 100px);
  }
}

@media only screen and (min-width: 1150px) and (max-width: 1300px) {
  .pageSortir .sortir-colDroite .container-fluid {
    min-width: calc(100% + 40px);
  }
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colDroite .container-fluid {
    width: calc(100% + 20px);
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .container-fluid {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pageSortir .sortir-colDroite .container-fluid {
    padding-left: 70px !important;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-content .img-actu
+
.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .actu-texte {
  margin-top: -23px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .paragraph--type--sorties .actu-tags {
  display: block;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .sortir-infos .field--name-field-main-category {
  display: none;
}

.pageSortir .sortir-colGauche .hub-items .secHUBNew-title,
.pageSortir .sortir-colGauche .hub-items .sortir-navigationEdito,
.pageSortir .sortir-colGauche .hub-items .sortir-navigationEdito .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row article:hover .linkArrowNew {
  text-decoration: underline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main {
  position: relative;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu {
  display: grid;
  align-content: center;
  border-top-left-radius: 50px;
  align-items: center;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu {
    height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu {
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu {
    border-top-right-radius: 0px;
    border-top-left-radius: 50px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 991px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 326.57px;
    max-height: 326.57px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 513.13px;
    max-height: 513.13px;
  }
}

@media only screen and (max-width: 768px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 375.74px;
    max-height: 375.74px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .bloc {
  border-radius: 50px 0 50px 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .actu-texte {
  display: grid;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .description {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  order: 3;
  line-height: 148%;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date {
  display: flex;
  justify-content: center;
  background-color: #f0e8de;
  border-radius: 100px;
  min-width: 40px;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  top: calc(0% - 23px);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .icon-date {
  height: 46px;
  background: #E6134D;
  display: flex;
  align-items: center;
  width: 46px;
  justify-content: center;
  border-radius: 100px 0 0 100px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .field--name-field-date-unique {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 10px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .field--name-field-main-category {
  width: fit-content;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  color: #FFF;
  background-color: #E6134D;
  font-size: 11px;
  line-height: 1;
  min-height: 18px;
  font-weight: 700;
  border-radius: 50px;
  padding: 2px 8px;
  display: flex;
  align-items: center;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .publication-date {
  position: relative;
  column-gap: 5px;
  width: fit-content;
  padding-left: 52px !important;
  left: 50%;
  transform: translateX(-50%);
  height: 46px;
  margin-bottom: 0px;
  border-radius: 100px;
  align-items: center;
  background-color: #fff;
  display: flex;
  padding: 10px;
  margin-top: -2px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .publication-date p {
  color: #696D89;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .publication-date p time {
  margin-left: 2.5px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .publication-date::before {
  content: "";
  background-image: url("/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-agenda.svg");
  display: block;
  width: 45px;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E6134D;
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  padding: 10px;
  border-radius: 100px 0 0 100px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .linkArrowNew {
  order: 3;
  font-family: 'Mattone' !important;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  color: #E6134D;
  column-gap: 10px;
  margin-top: 10px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .linkArrowNew p {
  font-family: 'Mattone' !important;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  color: #E6134D;
  margin-bottom: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .linkArrowNew svg path {
  fill: #E6134D;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main h3,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main h3 a {
  color: #333;
  font-family: 'Mattone';
  text-transform: none;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
  text-align: left;
  margin-bottom: 10px;

  a, a:hover {
    color: inherit;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main h3 {
  order: 2;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos {
  display: flex;
  place-items: center;
  justify-content: center;
  column-gap: 10px;
  margin-bottom: 15px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .tagNew .category-event {
  font-size: 12px;
  font-weight: 400;
  padding: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main #newsTeaserCategoryDate {
  top: inherit;
  align-items: center;
  margin-top: 46px;
  margin-bottom: 10px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .linkArrowNew:hover {
  text-decoration: underline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main #newsTeaserCategoryDate .publication-date {
  position: absolute;
  top: -72.5px;
  text-wrap: nowrap;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main #newsTeaserCategoryDate .field--name-field-main-category {
  height: fit-content;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .tagNew {
  color: #FFF;
  background-color: #E6134D;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .secRDVNew-artInfos-lieu,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .location {
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-bottom: 0;
  color: #696D89;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  font-family: "Luciole-Regular", sans-serif;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .field--name-field-lieu p {
  margin-bottom: 0;
  color: #696D89;
}

/* --- Listing sorties --- */
.pageSortir .sortir-colDroite .sortir-rubSorties .btn-group {
  background-color: #FFF;
  padding: 10px 90px 40px 90px;
  border-bottom-left-radius: 60px;
  gap: 30px;
  z-index: 1;
  margin-top: -51px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .btn-group {
    flex-wrap: wrap;
    gap: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .btn-group {
    padding: 40px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .btn-group .liens {
  margin: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content {
  margin-top: 40px;
  border-top-right-radius: 50px;
  background: #FFF;
  padding: 80px 70px 0 70px;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content {
    padding: 40px 30px 0 30px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .field--item:nth-child(1) .paragraph--type--sorties {
  margin-top: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content div.event.paragraph--type--sorties[role=article] {
  position:relative;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .actu-texte {
  display: grid;
  padding: 0 60px 50px 60px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgb(51 51 51 / 15%);
  margin-left: 0rem;
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .actu-texte {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture {
    height: 462px;
    width: 100%;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .actu-texte

@media only screen and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .actu-texte {
    margin-left: 0;
    padding: 0 0 50px 0!important;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .field--item:nth-child(1) .paragraph--type--sorties .field--name-thumbnail picture {
  margin-top: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .img-actu {
  margin-bottom: -25px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .img-actu .field--label.sr-only {
  display: none;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture {
  border-top-left-radius: 50px;
  display: block;
  height: 259px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture {
    height: 270.27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture {
    height: 479.28px;
  }
}

@media only screen and (max-width: 768px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture {
    height: 375.67px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-width: 100%;
}

@media only screen and (min-width: 992px) {
  min-height: 270.27px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture img {
    min-height: 479.28px;
    max-height: 479.28px;
  }
}

@media only screen and (max-width: 768px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .field--name-thumbnail picture img {
    min-height: 375.67px;
    max-height: 375.67px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .field--items > .field--item:last-child {
  margin-bottom: 0px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph article {
  position: relative;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph:hover h2 a {
  text-decoration: underline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte h3 {
  order: 2;
  margin-top: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte h3 a {
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
  font-family: 'Mattone';
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: none;

  &:hover {
    text-decoration: underline;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags {
  order: 1;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .sortir-infos {
  justify-content: center;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .linkArrowNew {
  color: #e6134d;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .linkArrowNew svg path {
  fill: #e6134d;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .sortir-infos .newsDate-publi {
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0;
  color: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-content .actu-texte .tags .date {
  display: flex;
  justify-content: center;
  margin: 0 6px 10px 6px;
  background-color: #f0e8de;
  border-radius: 100px;
  min-width: 40px;
  width: fit-content;
  left: calc(50% - 6px);
  transform: translateX(-50%);
  position: relative;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .date .date {
  min-width: 40px;
  background-color: #fff0;
  left: 30px;
  margin-bottom: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .icon-date {
  height: 46px;
  background-color: var(--primary);
  background-image: url("/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-journal.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
  padding-left: 3px;
  display: flex;
  align-items: center;
  width: 43px;
  justify-content: center;
  border-radius: 100px 0 0 100px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .tags .icon-date {
  background-color: #E6134D;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-agenda.svg');
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .publication-date {
  margin-bottom: 0;
  background: #f0e8de;
  font-family: 'Luciole-regular';
  color: #333;
  min-height: 46px;
  text-transform: initial;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 0 100px 100px 0;
  padding: 0 10px 0 8px;
  display: block;
  align-content: center;
  width: fit-content;
  color: #696D89;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .location {
  display: flex;
  justify-content: center;
  column-gap: 7px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .location .icon-location {
  display: flex;
  align-items: center;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .field--name-field-lieu {
  text-align: center;
  color: #696D89;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .description {
  order: 3;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .linkArrowNew {
  order: 4;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  color: var(--primary);
  column-gap: 10px;
  width: fit-content;
  margin-top: 15px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .field--name-field-main-category {
  text-transform: initial;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  color: #696d89;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .tags .publication-date {
  background-color: #FFF;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .field--name-field-main-category {
  margin-bottom: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .field--name-field-main-category .category-event {
  color: #E6134D;
}

/* --- Section Pour aller plus loin --- */
.pageSortir .sortir-navigationEdito #block-lyonfr-main-menu .container {
  width: 100%;
  padding: 0;
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu {
  background: inherit;
  display: table-cell;
  width: 100%;
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .navbar-toggle {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu {
    display: inline-table;
  }
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink {
  padding-top: 20px;
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink a,
.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink span {
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
  margin: 0;
  padding-right: 0;
  padding-top: 20px;
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink a:hover,
.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink span:hover {
  text-decoration: none;
}

.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink a::after,
.pageSortir #block-navigationedito-page-hub-1 #block-lyonfr-main-menu .moreCurrentLink span::after {
  display: none;
}

.pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block,
.pageSortir .da_thematics .da_thematics_button {
  width: 100%;
}

.pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block .field--name-field-title,
.pageSortir .da_thematics .da_thematics_button .da_thematics_button_title {
  background-color: var(--primary) !important;
  padding: 20px 40px !important;
}

.pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block .field--name-field-title h2 button,
.pageSortir .da_thematics .da_thematics_button .da_thematics_button_title h2 a,
.pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block .field--name-field-title h2,
.pageSortir .da_thematics .da_thematics_button .da_thematics_button_title h2 {
  color: #FFF;
  background-color: var(--primary) !important;
}

.pageSortir .da_thematics .da_thematics_button .da_thematics_button_title .da_thematics_button_title_leaflets {
  all: unset;
}

.pageSortir #block-navigationedito-page-hub-1 .paragraph--type--accordion-text-block .field--name-field-title.active .paragraph-title-leaflets button .glyphicon {
  filter: brightness(500%);
  background: url('../images/edito/ic-moinsRound-white.svg') center center no-repeat !important;
}

.pageSortir #block-navigationedito-page-hub-1 .paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon {
  filter: brightness(500%);
  background: url('../images/edito/ic-plusRound-white.svg') center center no-repeat !important;
}

@media only screen and (max-width: 992px) {
  .pageSortir #block-navigationedito-page-hub-1 .paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon {
    left: calc(100% - 20px) !important;
  }
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content {
  padding: 20px 40px !important;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content ul {
  display: grid;
  row-gap: 20px;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .liste a,
.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .liste span {
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  color: #333 !important;
  position: relative;
  padding-right: 45px;
  padding-bottom: 20px;
  border-bottom: 1px solid #33333326;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .liste span {
  margin: 0;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content a::after {
  content: "";
  right: 0;
  top: 9px;
  transform: translateY(-50%);
  height: 17px;
  width: 17px;
  background-image: url('../images/arrow-right-black-newtheme.svg');
  background-position: center;
  background-size: cover;
  position: absolute;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content a {
  text-decoration: none;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content a:hover {
  text-decoration: underline;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content a:last-child {
  margin-bottom: 0;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content a:hover {
  color: var(--primary) !important;
  text-decoration: underline;
}

/* --- CTAs --- */
.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .moreCurrentLink a {
  text-decoration: underline;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #e6134d;
  margin-top: 20px;
  padding-right: 0;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .moreCurrentLink a::after {
  display: none;
}

.pageSortir .paragraph--type--accordion-text-block .field--name-field-content .moreCurrentLink a:hover {
  text-decoration: none;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a {
  display: inline-flex;
  padding: 10px 20px;
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  justify-content: center;
  margin: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a:hover span,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a:hover span {
  text-decoration: underline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a::after,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a::after,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a span::after,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a span::after,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a span::before,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a span::before {
  display: none;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a span,
.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a span {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #FFF;
  font-family: 'Mattone' !important;
  text-transform: math-auto;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a {
  border: 1px solid #e6134d;
  background: #e6134d;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a:hover {
  background: #FFF;
  transition: all 0.2s;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a:hover span {
  color: #e6134d;
  transition: all 0.2s;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaAgendaAll a:hover svg path {
  fill: #e6134d;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a {
  border: 1px solid var(--primary);
  background: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a:hover {
  background: #FFF;
  transition: all 0.2s;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a:hover span {
  color: var(--primary);
  transition: all 0.2s;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .sortir-ctaActuAll a:hover svg path {
  fill: var(--primary);
}

.pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito,
.pageSortir .da_thematics {
  display: table-cell;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .pageSortir #block-navigationedito-page-hub-1 .menu--navigation-edito,
  .pageSortir .da_thematics {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .pageSortir #nav-now,
  .pageSortir #nav-discover {
    opacity: 1 !important;
    display: block !important;
  }
}

.pageSortir .sortir-ongletsMobile {
  display: flex;
  justify-content: center;
  margin-top: 56px;
  position: relative;
  margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .pageSortir #nav-tabContent {
    padding: 0;
  }
}

.pageSortir #nav-tabContent .sortir-colDroite {
  padding-left: 30px;
  padding-right: 0;
}

@media only screen and (max-width: 992px) {
  .pageSortir #nav-tabContent .sortir-colDroite {
    padding-left: 0 !important;
  }
}

.pageSortir .sortir-ongletsMobile::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  opacity: 0.1;
  background: #333;
  height: 1px;
}

.pageSortir .sortir-ongletsMobile .nav-tabs {
  border: 0;
  display: flex;
  column-gap: 50px;
}

.pageSortir .sortir-ongletsMobile .nav-tabs button {
  position: relative;
  transition: all 0.2s;
  padding-bottom: 10px;
}

.pageSortir .sortir-ongletsMobile .nav-tabs button span:active,
.pageSortir .sortir-ongletsMobile .nav-tabs button span:focus,
.pageSortir .sortir-ongletsMobile .nav-tabs button span:hover {
  color: var(--primary) !important;
  transition: all 0.2s;
}

.pageSortir .sortir-ongletsMobile .nav-tabs .active span {
  color: var(--primary) !important;
}

.pageSortir .tab-pane.fade,
.pageSortir .tab-pane.fade.show {
  display: none !important;
}

.pageSortir .tab-pane.fade.active.in {
  display: block !important;
}

.pageSortir .sortir-ongletsMobile .nav-tabs .active::before {
  background: var(--primary);
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: block;
  left: 0;
}

.pageSortir .sortir-ongletsMobile .nav-tabs .nav-link {
  -webkit-appearance: inherit;
  background: none;
  border: 0;
  outline: 0;
  width: max-content;
}

.pageSortir .sortir-ongletsMobile .nav-tabs .nav-link span {
  color: #333;
  font-family: 'Mattone';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  width: max-content;
}

/*--------------------- Espace dédié  ---------------------*/
.espace-dedie .views-element-container:has(.view-empty) {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.espace-dedie .view-empty {
  font-family: 'Mattone' !important;
  font-size: 30px;
  color: #333;
  margin: 0;
}

.espace-dedie .sortir-colDroite .sortir-rubSorties .btn-group.theme-filter {
  margin-top: 0;
}

/*--------------------- Page "Mes autres comptes" / "Mes factures"  ---------------------*/
.standard.mesAutresComptes h1,
.standard.mesFactures h1 {
  font-size: 35px;
  line-height: 43px;
  padding: 30px;
  border-radius: 80px 0;
  text-align: center;
  background: white;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: 'Mattone';
  font-weight: 400;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .standard.mesAutresComptes h1,
  .standard.mesFactures h1 {
    margin-top: 70px;
  }
}

/*--------------------- Page "Mes demandes" ---------------------*/
@media only screen and (max-width: 992px) {
  .standard.mesDemandes h1 {
    margin-top: 70px;
  }
}

/* Section "Les plus consultées */
.standard .BLOC_sousmenu.demarches h2 {
  text-align: center;
  font-family: 'Mattone';
  font-size: 26px;
  font-weight: 400;
  text-transform: none;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content {
  background: inherit;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a {
  background: #FFF;
  display: flex !important;
  align-items: center;
  padding: 40px;
  margin-bottom: 0px;
  border-radius: 50px 0 0 0;
  height: auto;
  transition: all 0.2s;
  justify-content: center;
}

@media only screen and (min-width: 992px) {
  .standard .view-id-demarches_les_plus_consultees .view-content .content a {
    min-height: 230px;
  }
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a:hover .titre {
  text-decoration: underline !important;
  color: var(--primary) !important;
  transition: all 0.2s;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a .tag_eservices {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a .tag_eservices::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  background-color: #e6134d;
  border: 0;
  right: 0;
  top: 0;
  background-image: url('/themes/custom/lyonfr_edito/images/ic-flagServices.svg');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a .tag_eservices svg {
  display: none;
}

.standard .view-id-demarches_les_plus_consultees .view-content .content a .titre {
  color: #333;
  text-align: center;
  display: contents;
  font-family: 'Mattone';
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: none;
  display: block;
  min-height: inherit;
}

/* CTA Submit */
.standard .export-demandes .container-fluid {
  display: flex;
  justify-content: center;
}

.standard .export-demandes .form-submit {
  padding: 15px 20px;
  border: 1px solid var(--primary) !important;
  background-color: var(--primary) !important;
  border-radius: 100px;
  transition: all .2s;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #FFF !important;
  font-family: 'Mattone' !important;
}

.standard .export-demandes .form-submit:hover {
  border: 1px solid var(--primary) !important;
  background-color: #FFF !important;
  color: var(--primary) !important;
  transition: all .2s;
  text-decoration: none;
}


/* Tabs */
.standard.actualite .tab-demandes .nav-tabs {
  border-bottom: 1px solid #3333331a !important;
}

.standard.actualite .tab-demandes .nav-tabs > li > a {
  color: #333 !important;
  font-family: 'Mattone';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  transition: all .2s;
  text-align: center;
  height: 100%;
  background: inherit;
}

.standard.actualite .tab-demandes .nav-tabs > li > a::after {
  content: "";
  height: 2px;
  visibility: visible;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0px;
  transition: all 250ms ease 0s;
  z-index: 9;
  background-color: var(--primary) !important;
}

.standard.actualite .tab-demandes .nav-tabs > li.active > a,
.standard.actualite .tab-demandes .nav-tabs > li.active > a:focus,
.standard.actualite .tab-demandes .nav-tabs > li.active > a:hover {
  color: var(--primary) !important;
}

/*--------------------- Page "Mon espace personnel" ---------------------*/
.ESPACE-PERSONNEL {
  background: inherit;
  padding-top: 0;
}

@media only screen and (max-width: 992px) {
  .ESPACE-PERSONNEL {
    margin-top: 80px;
  }
}

.ESPACE-PERSONNEL h1 {
  font-size: 35px;
  line-height: 43px;
  color: #333;
  text-align: center;
  text-transform: inherit;
  margin-top: 0;
  font-family: 'Mattone';
  font-weight: 400;
  margin-bottom: 40px;
}

.ESPACE-PERSONNEL .row {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  column-gap: 20px;
  row-gap: 20px;
}

@media only screen and (max-width: 992px) {
  .ESPACE-PERSONNEL .row {
    display: flex;
  }
}

.ESPACE-PERSONNEL .bloc-info a:hover h2 {
  color: var(--primary) !important;
  text-decoration: underline;
}

.ESPACE-PERSONNEL section,
.ESPACE-PERSONNEL article {
  background: #FFF;
  width: calc(50% - 10px) !important;
  display: grid;
  padding: 30px !important;
  min-height: 150px !important;
  border-radius: 80px 0;
  margin: 0 !important;
}

@media only screen and (max-width: 992px) {
  .ESPACE-PERSONNEL section,
  .ESPACE-PERSONNEL article {
    width: 100% !important;
  }
}

.ESPACE-PERSONNEL section .content,
.ESPACE-PERSONNEL article .content {
  padding: 0;
  min-height: inherit;
}

.ESPACE-PERSONNEL section h2,
.ESPACE-PERSONNEL article h2 {
  text-align: left;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
}

.ESPACE-PERSONNEL section .content,
.ESPACE-PERSONNEL article .content {
  height: 100%;
}

.ESPACE-PERSONNEL section .bloc-info p,
.ESPACE-PERSONNEL article .bloc-info p {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .content {
    margin-top: 20px;
  }

  .ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .content .bloc-info li {
    margin: 0px;
    width: 100%;
    text-align: center;
  }

  .ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .content .bloc-info .en-cours {
    margin-bottom: 10px;
    text-align: left;
  }
}

.ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes h2 {
  text-align: center;
}

.ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .bloc-info h2 {
  margin-bottom: 20px;
  text-align: left;
}

.ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .bloc-info .en-cours span,
.ESPACE-PERSONNEL #block-lyonfr-edito-mes-demandes .bloc-info .document span {
  margin-bottom: 10px;
}

.ESPACE-PERSONNEL #block-lyonfr-edito-mon-profil {
  margin-left: -20px !important;
}

.ESPACE-PERSONNEL #block-lyonfr-edito-mon-profil .description p {
  margin-top: 20px;
}

/*--------------------- Page Recherche globale ---------------------*/
.view-id-recherche_globale .sapi-did-you-mean {
  margin-bottom: 30px;
  border-radius: 20px;
  background: #FFF;
  text-align: center;
  padding: 25px 125px;
}

.view-id-recherche_globale .sapi-did-you-mean .did-you-mean-prefix {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
}

.view-id-recherche_globale .sapi-did-you-mean a {
  color: #e6134d;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 207.99%;
  text-decoration-line: underline;
  transition: all .2s;
}

.view-id-recherche_globale .GROS_TITRE .BLOC-texte h1 {
  margin-bottom: 72px;
}

.view-id-recherche_globale article .actu-texte h2 {
  color: #333;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}

.view-id-recherche_globale article .actu-texte .contact-address,
.view-id-recherche_globale article .actu-texte .contact-information {
  display: flex;
  column-gap: 10px;
  font-family: "Luciole-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
}

.view-id-recherche_globale article .actu-texte .contact-address > div,
.view-id-recherche_globale article .actu-texte .contact-information h5 {
  font-family: "Luciole-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
}


.view-id-recherche_globale article .actu-texte .contact-address {
  margin-bottom: 10px;
}

.view-id-recherche_globale article .actu-texte svg {
  width: 30px;
}

/* Premier encadré */
.view-id-recherche_globale .js-form-item-sort-by .select-wrapper {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .js-form-item-sort-by .select-wrapper {
    margin-left: 0;
  }
}

.view-id-recherche_globale .form-type-select {
  padding-right: 0 !important;
  margin-top: 20px;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .form-type-select {
    width: 100% !important;
  }
}

.view-id-recherche_globale .form-type-select label {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 25px;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .form-type-select label {
    padding-left: 0;
  }
}

.view-id-recherche_globale .form-type-select .select-wrapper select {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .form-actions {
    text-align-last: center;
  }
}

/* Deuxième encadré */
.view-id-recherche_globale #block-globalsearchgroup {
  border-radius: 20px;
  background: #0c292f;
  margin-top: 20px;
}

.view-id-recherche_globale .form-item label,
.view-id-recherche_globale .filter-bloc label {
  color: #FFF;
  font-family: "Luciole-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  text-wrap: nowrap;
}

@media only screen and (min-width: 992px) {
  .view-id-recherche_globale .form-item,
  .view-id-recherche_globale .filter-bloc {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }

  .view-id-recherche_globale .form-item .select-wrapper {
    width: 100%;
  }

  .view-id-recherche_globale .form-item label,
  .view-id-recherche_globale .filter-bloc label {
    padding-left: 0;
  }

  .view-id-recherche_globale .globalsearchgroupContent {
    place-items: center;
  }

  .view-id-recherche_globale .globalsearchgroupContent .form-actions {
    margin-bottom: 0 !important;
  }

  .view-id-recherche_globale .globalsearchgroupContent,
  .view-id-recherche_globale #block-globalsearchgroup .content {
    display: flex;
    column-gap: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale #block-globalsearchgroup .filter-bloc:first-child {
    margin-bottom: 30px;
  }
}

.view-id-recherche_globale #block-globalsearchgroup .filter-bloc .filter-subtitle span {
  position: relative;
  display: block;
  color: #FFF;
  font-family: "Luciole-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  width: max-content;
  margin-bottom: 0;
}

.view-id-recherche_globale #block-globalsearchgroup .filter-bloc select {
  width: 100%;
}

/* Résultats de recherche */
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu,
.view-agenda .LAME-actualites .container-fluid .group-actu {
  column-gap: 30px;
  margin-top: 40px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article,
.view-agenda .LAME-actualites article {
  width: calc(100% / 3 - 30px) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  position: relative;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .content {
  background: #FFF;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article {
    width: 100% !important;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secDocRight {
  background: inherit;
  padding: 0;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc {
  display: block;
  background: #fff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  height: 100%;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu {
  width: 100% !important;
  height: 281.53px;
  overflow: hidden;
  position: relative;
  display: grid;
  align-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu {
    height: 496.05px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu {
    height: 358.67px;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
  min-height: 304px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu {
    min-height: 496.05px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .img-actu {
    min-height: 358.67px;
  }
}


.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte {
  width: 100%;
  padding: 15px 60px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .contact-address,
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .contact-information {
  display: flex;
  column-gap: 10px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .contact-address svg,
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .contact-information svg {
  width: 30px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .contact-information {
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte {
    padding: 20px;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte h2 {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 0;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .bloc .actu-texte .description {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
  margin-bottom: 0px;
}

/* Résultats de recherche type SecRDV */
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art {
  overflow: hidden;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic {
  height: 281.53px;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  overflow: hidden;
  position: relative;
  display: grid;
  align-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic {
    height: 496.05px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic {
    height: 358.67px;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  min-height: 281.53px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic img {
    min-height: 496.05px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artPic img {
    min-height: 358.67px;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt {
  padding: 50px 30px 25px 30px;
  position: relative;
  min-height: 230px;
  background-color: #FFF;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt h3 {
  text-align: center;
}

.view-id-recherche_globale .LAME-actualites article h3 a {
  font-family: 'Mattone';
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain {
  text-align: center;
  border-radius: 100px;
  background-color: #f0e8de;
  display: inline-flex;
  position: absolute;
  top: calc(0% - 23px);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate-svg {
  background: #e6134d;
  padding: 10px;
  border-radius: 24px 0 0 24px;
  display: inline-flex;
  height: 46px;
  align-items: center;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate {
  padding: 10px;
  height: 46px;
  color: #696d89 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-wrap: nowrap;
  align-content: center;
}

@media only screen and (max-width: 768px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate {
    width: 100%;
    display: grid;
    height: auto;
    padding-left: 55px;
  }

  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate-svg {
    height: 100%;
    position: absolute;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate time {
  padding: 0 2px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos {
  margin-top: 20px;
  display: flex;
  place-items: center;
  justify-content: center;
  column-gap: 10px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .tagNew,
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .tagNew p {
  color: #FFF;
  background-color: #e6134d;
  font-size: 11px!important;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .tagNew {
  padding: 0;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .secRDVNew-artInfos-lieu,
.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .secRDVNew-artInfos-lieu p {
  display: flex;
  align-items: center;
  column-gap: 5px;
  color: #696d89;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt h2 {
  color: #333;
  text-align: center;
  font-family: 'Mattone' !important;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 8px;
  line-height: 19.5px;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos-desc {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
  margin-bottom: 0;
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos-desc p {
  margin-bottom: 0;
}

/*--Footer recherche--*/
.footer-exposed  {
  display: none;
}

.views-element-container .view-filters {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}

.views-element-container .view-filters .rechercher-bloc {
  width: 100%;
}


/*---------------------Fin rechercher ---------------------*/
@media only screen and (max-width: 992px) {
  .footer-exposed .views-exposed-form .row .form-actions {
    place-self: center;
  }
}

@media only screen and (max-width: 768px) {
  .footer-exposed {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    z-index: 9;
    border-bottom: 1px solid #3333331a;
    padding-bottom: 20px;
  }

  .footer-exposed label {
    position: absolute;
    left: -99999px;
  }

  .view-demarches .footer-exposed label {
    position: inherit;
    left: unset;
  }

  .footer-exposed legend {
    display: none;
  }

  .footer-exposed .views-exposed-form .row {
    padding: 20px;
    border-radius: 20px;
    background: #0c292f;
    display: grid;
    row-gap: 20px;
  }

  .footer-exposed .views-exposed-form .row .form-type-textfield {
    padding: 0;
    display: block;
    margin-bottom: 0 !important;
    width: 100%;
  }

  .footer-exposed .views-exposed-form .row .form-type-textfield input[type='text'] {
    border-radius: 10px;
    height: 47px !important;
    border: 0;
    color: #333;
    font-family: 'Luciole-regular';
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
  }

  .footer-exposed .views-exposed-form .row .form-type-select {
    padding: 0;
    display: block !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    margin-top: 20px;
  }

  .footer-exposed .views-exposed-form .row .form-type-select label {
    color: #FFF;
    font-family: 'Mattone';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-left: 25px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
  }

  .footer-exposed .views-exposed-form .row .form-type-select .select-wrapper {
    width: 100%;
    margin-left: 0;
    display: block;
  }

  .footer-exposed .views-exposed-form .row .form-type-select .select-wrapper select {
    cursor: pointer;
    border-radius: 100px;
    background-color: #FFF;
    border: 0;
    font-style: normal;
    height: 47px;
    color: #333;
    position: relative;
    background-image: url('/themes/custom/lyonfr_edito/style/../images/selectCTA.svg') !important;
    background-size: contain !important;
    background-position: right !important;
    padding-left: 25px;
    width: 100%;
    font-size: .95em;
    flex-direction: row;
    padding-left: 10px;
  }

  .footer-exposed .views-exposed-form .row .form-actions {
    display: block;
    margin-bottom: 0 !important;
    margin-top: 20px;
  }

  .footer-exposed .views-exposed-form .row .form-actions button {
    display: inline-flex;
    padding: 10px 50px 10px 20px;
    margin-right: 0;
    height: 47px;
    color: #FFF;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    border-radius: 100px;
    background: #e6134d;
    position: relative;
    font-family: 'Mattone';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #FFF !important;
    vertical-align: top;
  }

  .footer-exposed .views-exposed-form .row .form-actions button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-right-white-newtheme.svg');
    z-index: 99;
    height: 12px;
    width: 16px;
    background-repeat: no-repeat;
    right: 20px;
  }

}


/*--------------------- Page frise ---------------------*/
.standard.actualite .slider-timeline figure {
  padding-bottom: 0;
  height: 339.52px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite .slider-timeline figure {
    height: 365.99px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .slider-timeline figure {
    height: 310.24px;
    display: block;
  }
}

.standard.actualite .slider-timeline figure img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 339.52px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite .slider-timeline figure img {
    min-height: 365.99px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .slider-timeline figure img {
    min-height: 310.24px;
  }
}


/*--------------------- Page Discours ---------------------*/
.enfance.section-seance h1 {
  margin-top: 0;
  display: grid;
  width: calc(100% - 192px);
  margin-bottom: 72px;
  position: relative;
  text-align: center;
  color: #0c292f;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
}

.enfance.section-seance h1 .boldTitle {
  color: #0c292f;
  font-family: 'Mattone';
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin-left: 192px;
}

@media only screen and (max-width: 992px) {
  .enfance.section-seance h1 {
    width: 100%;
    margin-top: 20px;
  }

  .enfance.section-seance h1 .boldTitle {
    margin-left: 0;
  }
}

.enfance.section-seance .BLOC-texte {
  padding: 40px 100px;
  border-radius: 20px;
  background: #0c292f;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .enfance.section-seance .BLOC-texte {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
    column-gap: 10px;
    align-items: center;
    align-items: flex-end;
  }

  .enfance.section-seance .BLOC-texte .form-item-search-api-fulltext {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .enfance.section-seance .BLOC-texte .bloc-form-02 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  .enfance.section-seance .BLOC-texte .bloc-form-02 .form-item {
    margin-bottom: 0;
  }
}

.enfance.section-seance .BLOC-texte input {
  border-radius: 10px;
  height: 47px !important;
  border: 0;
  padding-left: 25px !important;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
}

.enfance.section-seance .BLOC-texte label {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 25px;
}

.enfance.section-seance .BLOC-texte button {
  display: inline-flex;
  border: 1px solid #FFF !important;
  padding: 10px 50px 10px 20px !important;
  margin-right: 0;
  height: 47px;
  color: #FFF !important;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  border-radius: 100px !important;
  background: #e6134d !important;
  position: relative;
  font-family: 'Mattone';
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400!important;
}

@media only screen and (max-width: 992px) {
  .enfance.section-seance .BLOC-texte button {
    left: 50%;
    transform: translateX(-50%);
  }
}

.enfance.section-seance .BLOC-texte button:hover {
  background: #FFF !important;
  color: #e6134d !important;
  transition: .2s all;
  text-decoration: underline;
}

.enfance.section-seance .BLOC-texte button:hover::after {
  background-image: url(/themes/custom/lyonfr_edito/style/../images/arrow-right-wine-newtheme.svg);
  transition: all .2s;
}

.enfance.section-seance .BLOC-texte button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/themes/custom/lyonfr_edito/style/../images/arrow-right-white-newtheme.svg);
  z-index: 9;
  height: 12px;
  width: 16px;
  background-repeat: no-repeat;
  right: 20px;
}

.enfance.section-seance .BLOC-texte button span {
  display: none;
}

.enfance.section-seance .BLOC-texte select {
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFF;
  border: 0;
  font-style: normal;
  height: 47px;
  color: #333;
  position: relative;
  background-image: url(/themes/custom/lyonfr_edito/style/../images/selectCTA.svg) !important;
  background-size: contain !important;
  background-position: right !important;
  padding-left: 25px;
}

.enfance.section-seance + .LAME-actualites .group-actu {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: left;
  justify-content: center;
}

.enfance.section-seance .LAME-actualites .group-actu .bloc {
  background-color: #FFF;
  padding: 50px;
  border-radius: 50px 0;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc:hover h3 {
  text-decoration: underline;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances {
  padding-left: 0;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances h3 {
  margin-top: 0;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 22px;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--item,
.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--label {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-type,
.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-publication {
  display: inline-block;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-publication .field--item {
  color: #696d89;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-wrap: nowrap;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-type .field--label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-type .field--item {
  font-family: 'Luciole-regular';
  text-align: left;
  width: fit-content;
  font-size: 12px;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
}

.lyonfr-recherche-discours .LAME-actualites .group-actu .bloc .seances .field--name-field-document-type .field--item {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-wrap: nowrap;
}

.lyonfr-recherche-discours .pager-nav {
  margin-bottom: 60px;
}

/*--------------------- Page Plan du site ---------------------*/
.sitemap-box.sitemap-plugin--menu .content {
  margin-bottom: 60px;
}

.sitemap-box.sitemap-plugin--menu h2 {
  padding: 0 0 16px 0;
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 32px;
  font-weight: 400;
  line-height: 43px;
  margin-bottom: 15px;
  text-transform: math-auto;
}

.sitemap-box.sitemap-plugin--menu .sitemap-menu {
  background-color: #FFF;
  border-radius: 50px 0;
  display: flow-root;
  padding: 30px 35px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .sitemap-box.sitemap-plugin--menu .sitemap-menu {
    display: grid;
    padding: 25px;
  }

  .content > .sitemap-menu > li {
    min-height: inherit;
    width: 100%;
  }
}

.sitemap-box.sitemap-plugin--menu .sitemap-menu .sitemap-menu {
  background: #f0e8de;
  margin-right: 20px;
}

@media only screen and (max-width: 992px) {
  .sitemap-box.sitemap-plugin--menu .sitemap-menu .sitemap-menu {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

.content>.sitemap-menu>li:nth-last-child(2) {
  min-height: inherit;
}

.content>.sitemap-menu>li,
.content>.sitemap-menu>li>ul>li {
  margin-bottom: 15px!important;
}

.sitemap-box.sitemap-plugin--menu .sitemap-menu .sitemap-menu .sitemap-menu {
  padding: 0;
  border-left: 5px solid #FFF;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .sitemap-box.sitemap-plugin--menu .sitemap-menu .sitemap-menu .sitemap-menu {
    margin-bottom: 20px;
  }
}

.sitemap-box.sitemap-plugin--menu .content > .sitemap-menu > li > a {
  background: inherit;
  color: #333 !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.sitemap-box.sitemap-plugin--menu .content > .sitemap-menu > li > a:hover {
  text-decoration: underline;
  color: #333 !important;
}

.sitemap-box.sitemap-plugin--menu .content .sitemap-menu a {
  color: #cc134d !important;
  margin-bottom: 15px;
  display: block;
  line-height: 16px;
}

.sitemap-box.sitemap-plugin--menu .content .sitemap-menu a:hover {
  text-decoration: underline;
}

/*--------------------- Page Hub ---------------------*/
.page-node-type-page-hub .standard.actualite {
  padding-right: 0;
  border-right: 0;
  margin-top: 60px;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite {
    margin-top: 0px;
    margin-bottom: -110px;
  }
}

.page-node-type-page-hub .standard.actualite::after {
  display: none;
}

.page-node-type-page-hub .col-12.col-sm-6,
.page-node-type-page-hub .col-12.col-sm-6 .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau {
  text-align: -webkit-center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite .BLOC-chapeau {
    margin-top: 43px;
    margin-bottom: 83px;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau + .field--name-field-content {
    margin-top: 40px;
  }
}

.BLOC-btn-envoie button {
  z-index: 1 !important;
}

.page-node-type-demarches .BLOC-btn-envoie button {
  display: flex;
  height: 47px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-align: center;
  font-family: 'Mattone';
  font-size: 12px;
  line-height: 19.5px;
  position: relative;
  background-color: #e6134d;
  border: 1px solid #e6134d;
  color: #FFF !important;
  width: fit-content;
  margin-right: 0;
  transition: all .2s;
  column-gap: 7px;
}

.page-node-type-demarches .BLOC-btn-envoie button:hover {
  background-color: #FFF;
  color: #e6134d !important;
  border: 1px solid #e6134d;
  text-decoration: underline;
  transition: all .2s;
}

.page-node-type-demarches .BLOC-btn-envoie button:hover svg path {
  fill: #e6134d!important;
}

.page-node-type-demarches .BLOC-btn-envoie svg path {
  fill: #fff !important;
}

.page-node-type-page-hub #block-lyonfr-main-menu {
  height: inherit;
  display: flex;
  background: none;
  z-index: 97!important;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub #block-lyonfr-main-menu > .container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .page-node-type-page-hub #block-lyonfr-main-menu > .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image {
  min-width: inherit;
  max-height: inherit;
  width: 83.33%;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image {
    min-width: 1022px;
  }
}

.page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure {
  height: 396px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

.page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure + .hubHeader {
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure {
    height: 375.56px;
  }
}


.page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 396px;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure {
    min-height: 375.56px;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure img {
    max-height: 396px;
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite.row .BLOC-chapeau .BLOC-image figure img {
    min-height: 375.56px;
    max-height: 375.56px;
  }
}


@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image {
    width: 100%;
  }
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image figure {
  display: grid;
  margin-bottom: -45px;
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hubHeader {
  background-color: #FFF;
  border-radius: 80px 0;
  margin-bottom: 20px;
  padding: 30px 75px 30px 75px;
  position: relative;
  margin-top: -50%;
  margin-bottom: 100px;
  display: inline-grid;
  width: 83.33333333%;
  margin-top: 30px;
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hub-teaser-mobile {
  display: none;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hubHeader {
    padding: 18px;
    margin-bottom: 18px;
  }

  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hubHeader .hub-teaser {
    display: none;
  }

  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hub-teaser-mobile {
    display: block;
  }
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image h1 {
  display: grid;
  background: none;
  padding: 0 0 16px 0;
  border-radius: 0;
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  text-align: -webkit-left;
  margin-left: -10px;
  margin-bottom: 15px;
  margin-top: 0 !important;
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image h1 .boldTitle {
  text-align: center;
  font-family: 'Mattone';
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  text-align: center;
  margin-left: 10px;
  margin-top: -10px;
}

.page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hubHeader .field--name-field-teaser p {
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image .hub-teaser-mobile .field--name-field-teaser p {
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
  }

  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image h1 {
    font-size: 22px;
    text-align: center;
  }

  .page-node-type-page-hub .standard.actualite .BLOC-chapeau .BLOC-image h1 .boldTitle {
    font-size: 32px;
  }
}


/* Hub accordions */
.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block {
  margin-bottom: 20px;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title {
  display: block;
}

.page-node-type-page-hub .hub-items .menu--navigation-edito .paragraph--type--accordion-text-block:nth-child(2n) .field--name-field-title {
  background-color: var(--primary) !important;
}

.page-node-type-page-hub .hub-items .menu--navigation-edito .paragraph--type--accordion-text-block:nth-child(2n+1) .field--name-field-title {
  background-color: #E6134D !important;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hub-items .menu--navigation-edito .paragraph--type--accordion-text-block:nth-child(1n) .field--name-field-title {
    background-color: var(--primary) !important;
  }

  .page-node-type-page-hub .hub-items .menu--navigation-edito .paragraph--type--accordion-text-block:nth-child(2n) .field--name-field-title {
    background-color: #E6134D !important;
  }
}

.page-node-type-page-hub .hub-items.hub-items-single-column .menu--navigation-edito a:nth-child(2n+1) .field--name-field-title {
  background-color: var(--primary) !important;
}

.page-node-type-page-hub .hub-items.hub-items-single-column .menu--navigation-edito a:nth-child(2n) .field--name-field-title {
  background-color: #E6134D !important;
}


.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title h2 button {
  background: none !important;
  color: #FFF;
  position: inherit;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub h2 {
  background: none !important;
  color: #FFF;
  position: inherit;
  padding-right: 60px;
  font-family: "Mattone";
  font-size: 21px;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  .page-node-type-page-hub .hub-items {
    margin-left: -50px;
    width: calc(100% + 100px);
    margin-top: 80px;
  }

  .page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub  {
    display: flex !important;
  }
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title h2 button:hover,
.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub h2:hover {
  text-decoration: underline;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title h2 button a,
.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub h2 a {
  color: #FFF !important;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
}


.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub .glyphicon,
.page-node-type-sortir .hub-items .paragraph--type--accordion-text-block .link-hub .glyphicon {
  left: calc(100% - 60px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .link-hub .glyphicon-arrow-right:before,
.page-node-type-sortir .hub-items .paragraph--type--accordion-text-block .link-hub .glyphicon-arrow-right::before {
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-black-newtheme.svg');
  filter: brightness(10);
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-position: right;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title.active h2 button .more-less {
  background: url('/themes/custom/lyonfr_edito/images/edito/ic-moinsRound-white.svg') center center no-repeat !important;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-title h2 button .more-less {
  background: url('/themes/custom/lyonfr_edito/images/edito/ic-plusRound-white.svg') center center no-repeat !important;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content {
  padding-top: 25px !important;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste {
  display: grid;
  row-gap: 20px;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste li {
  padding-top: 20px;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste li:nth-child(1) {
  padding-top: 0;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste a {
  position: relative;
  padding-bottom: 20px;
  padding-right: 50px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid rgb(51 51 51 / 15%);
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste a:hover {
  text-decoration: underline;
}


.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste a::after {
  content: "";
  display: block;
  right: 0;
  position: absolute;
  height: 17px;
  top: 0;
  width: 13px;
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-black-newtheme.svg');
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .field--name-field-content .liste a {
  color: #333 !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .moreCurrentLink {
  color: #E6134D;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  margin-top: 20px;
  display: block;
}

.page-node-type-page-hub .hub-items .paragraph--type--accordion-text-block .moreCurrentLink {
  color: #E6134D;
}

/* CTA colonne de droite */
.page-node-type-page-hub .ctaHubDemarchesAll {
  padding-bottom: 40px;
  padding-top: 60px;
  display: flex;
  place-content: center;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .ctaHubDemarchesAll {
    padding-top: 0px;
    padding-bottom: 30px;
  }
}

.page-node-type-page-hub .ctaHubDemarchesAll a {
  display: inline-flex;
  padding: 15px 20px;
  border: 1px solid var(--primary);
  background: var(--primary);
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  justify-content: center;
}

.page-node-type-page-hub .ctaHubDemarchesAll a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .ctaHubDemarchesAll a {
    margin-top: 20px;
  }
}

.page-node-type-page-hub .ctaHubDemarchesAll a:hover {
  border: 1px solid var(--primary);
  background-color: #FFF;
  color: var(--primary);
  transition: all .2s;
  text-decoration: none;
}

.page-node-type-page-hub .ctaHubDemarchesAll a:hover svg path {
  fill: var(--primary);
}

.page-node-type-page-hub .ctaHubDemarchesAll a p {
  padding-left: 10px;
  padding-right: 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  font-family: 'Mattone' !important;
}

.page-node-type-page-hub .ctaHubDemarchesAll a:hover p {
  color: var(--primary);
}

/* Hub items */
@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .col-xs-12.col-lg-6:nth-child(3) div[role="article"] {
    padding-right: 10px!important;
  }

  .page-node-type-page-hub .col-xs-12.col-lg-6:nth-child(3) div[role="article"] .tag_eservices {
    right: 10px;
  }
}

.page-node-type-page-hub .col-xs-12.col-lg-6 > .container-fluid {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .col-xs-12.col-lg-6:first-child {
    padding-left: 0 !important;
  }
}

.page-node-type-page-hub .hub-items {
  position: relative;
}

@media only screen and (max-width: 992px) {
  #block-navigationedito-page-hub-2 {
    margin-bottom: 20px;
    margin-top: -60px;
  }
}

/* Hub démarches */
@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .hub-demarches {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hub-demarches {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .row.hrSeparator {
    display: flex;
  }

  .page-node-type-page-hub .row.hrSeparator .col-xs-12.col-sm-12.col-md-6.col-lg-6 + .col-xs-12.col-sm-12 {
    width: 50%;
    padding-left: 0!important;
    padding-right: 0!important;
  }

  .page-node-type-page-hub .row.hrSeparator .col-xs-12.col-sm-12.col-md-6.col-lg-6 + .col-xs-12.col-sm-12 .container-fluid {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}


@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .hub-demarches > .container-fluid {
    padding-left: 0 !important;
    padding-right: 30px !important;
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hub-demarches > .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-node-type-page-hub .row.hrSeparator {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 180px;
  }
}

.page-node-type-page-hub .hrSeparator::before {
  position: absolute;
  height: 100%;
  width: 1px;
  background: lch(21.25 0.01 0 / 0.2);
  display: block;
  content: "";
  left: calc(50% - 15px);
  transform: translateX(-50%);
}

@media only screen and (min-width: 992px) {
  .page-node-type-page-hub .hrSeparator::before {
    margin-top: -35px;
    height: calc(100% + 150px);
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hrSeparator::before {
    display: none;
  }
}

.page-node-type-page-hub .hub-demarches h2 {
  text-align: center;
  font-family: 'Mattone';
  font-size: 26px;
  font-weight: 400;
  text-transform: none;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item {
  min-height: 154px;
  background: #FFF;
  display: flex !important;
  align-items: center;
  padding: 40px;
  margin-bottom: 30px;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item .tag_eservices {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item .tag_eservices::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  background-color: #e6134d;
  border: 0;
  right: 0;
  top: 0;
  background-image: url('/themes/custom/lyonfr_edito/images/ic-flagServices.svg');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item .tag_eservices svg {
  display: none;
}


.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item:nth-child(1),
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item:nth-child(3) {
  border-radius: 50px 0 0 0;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item:nth-child(2),
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item:nth-child(4) {
  border-radius: 0 0 0 50px;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item a {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  transition: all 0.2s;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--items .field--item a:hover {
  text-decoration: underline;
  color: var(--primary) !important;
  transition: all 0.2s;
}

/* Hub niv 1 */
#block-navigationedito-page-hub-1 {
  background-color: #f0e8de;
}

@media only screen and (min-width: 992px) {
  #block-navigationedito-page-hub-1 {
    margin-top: -140px;
    margin-bottom: -40px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .sortir-navigationEdito #block-navigationedito-page-hub-1 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  #block-navigationedito-page-hub-1 .navbar-toggle {
    display: none !important;
  }
}

#block-navigationedito-page-hub-1 .menu--navigation-edito .moreCurrentLink a,
#block-navigationedito-page-hub-1 .menu--navigation-edito .moreCurrentLink span {
  color: #e6134d !important;
}

#block-navigationedito-page-hub-1 .menu--navigation-edito .moreCurrentLink:hover {
  text-decoration: none;
}

#block-navigationedito-page-hub-1 .menu.menu--navigation-edito.nav:before {
  display: none;
}

@media only screen and (min-width: 1200px) {
  #block-navigationedito-page-hub-1 .menu--navigation-edito {
    width: calc(100% + 160px);
    margin-left: -80px;
  }

  .hub-items-single-column #block-navigationedito-page-hub-1 .menu--navigation-edito {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  #block-navigationedito-page-hub-1 .menu--navigation-edito {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-top: 70px;
  }
}

@media only screen and (min-width: 992px) {
  #block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block,
  .da_thematics .da_thematics_button {
    display: inline-block;
    width: calc(100% / 2 - 20px);
  }
}

/*--------------------- Page Bilan chiffré ---------------------*/
.bilan-chiffre .standard.actualite .rubrique .date {
  height: fit-content;
  display: -webkit-inline-box;
  -webkit-box-align: center;
  background: linear-gradient(90deg, rgba(12, 41, 47, 1) 0%, rgba(12, 41, 47, 1) 75%, rgba(12, 41, 47, 0) 100%);
  border-radius: 100px;
  align-items: center;
  width: fit-content;
}

.bilan-chiffre .standard.actualite .rubrique .date svg {
  padding: 10px 10px 10px 15px;
  width: 50px;
  height: 46px;
  display: flex;
}

.bilan-chiffre .standard.actualite .rubrique .date p {
  margin-bottom: 0;
  background: #FFF;
  font-family: 'Luciole-regular';
  color: #333;
  min-height: 46px;
  text-transform: initial;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  border-radius: 0 100px 100px 0;
  padding: 10px 15px 10px 10px;
  display: flex;
  align-items: center;
}

.bilan-chiffre .standard.actualite .bilanCh-menu .dropdown button {
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFF;
  border: 0;
  font-style: normal;
  height: auto;
  min-height: 47px;
  color: #333 !important;
  position: relative;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/selectCTA.svg') !important;
  background-size: 47px !important;
  max-width: 300px;
  white-space: normal;
  background-position: right !important;
  padding-left: 25px;
  background-repeat: no-repeat;
  padding-right: 50px;
}

.bilan-chiffre .standard.actualite .bilanCh-menu .dropdown button svg {
  display: none;
}

.bilan-chiffre .standard.actualite .bilanCh-menu .dropdown .dropdown-menu {
  z-index: 1040;
  width: 100%;
  border: 0;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  top: 100%;
  overflow: hidden;
}

.bilan-chiffre .standard.actualite .bilanCh-menu .dropdown .dropdown-menu a {
  color: #333 !important;
  white-space: normal;
}

.bilan-chiffre .standard.actualite .bilanCh-menu .dropdown .dropdown-menu a:hover {
  background: #f0e8de;
}

.bilan-chiffre .standard.actualite .bilanCh-surtitre {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 27px;
}

.bilan-chiffre .standard.actualite .bilanCh-description .field--item {
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

.bilan-chiffre .bilanCH-cptNumberContent .bilanCH-cptNumberBloc {
  background-color: #FFF;
  padding: 30px 20px;
  border-radius: 0 50px;
  text-align: center;
}

.bilan-chiffre .bilanCH-cptNumberTitle {
  text-align: center;
  font-family: 'Mattone';
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 20px;
}

.bilan-chiffre .bilanCH-cptNumberContent .bilanCH-cptNumberBloc .bilanCH-cptNumberCount {
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 46px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 10px;
}

.bilan-chiffre .bilanCH-cptNumberContent .bilanCH-cptNumberBloc span:last-child {
  text-align: center;
  font-family: 'Mattone';
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
}

/*--------------------- Page perenne ---------------------*/
.page-node-type-event .col-d .block-evenements-recherche-block .rechercher label {
  display: inline-flex!important;
  padding-right: 7px;
  padding-bottom: 5px;
  color: #FFF;
  align-items: center;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .accessibility-category {
  color: #FFF;
  font-weight: 700;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .accessibility-category p {
  font-family: 'Source Sans Pro', sans-serif;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .accessibility-category .fieldset-wrapper {
  margin-top: 10px;
}

@media only screen and (max-width: 992px) {
  .page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-type-date {
    width: 100%;
  }
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-type-date .form-date:focus {
  outline: 2px solid #696969;
}

.page-node-type-event .lyon-recherche-evenements .bouton-rechercher button {
  border: 1px solid #FFF;
}

.page-node-type-event .lyon-recherche-evenements .bouton-rechercher button:hover {
  text-decoration: underline;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .js-form-type-checkbox,
.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .js-form-type-radio {
  display: contents;
  padding-left: 5px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .js-form-type-checkbox .control-label .form-checkbox {
  margin-top: 5px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-type-date .form-date {
  padding-left: 10px;
  padding-right: 0px;
}

.path-node .row[role="article"] .sr-only {
  display: none;
}

.block-lyonfr-recherche .sr-only {
  display: inline !important;
}

.block-lyonfr-recherche .rechercher,
.block-lyonfr-recherche .rechercher.demarches-search-bloc {
  padding: 0!important;
}

.path-node.page-node-type-demarches .container-fluid div[role="article"] {
  margin-top: 40px;
}

@media only screen and (min-width: 992px) {
  /*.path-node.page-node-type-elu div[role="article"],*/
  .path-node.page-node-type-news .row[role="article"],
  .path-node.page-node-type-bilan-chiffre .row[role="article"],
  .path-node.page-node-type-page .container-fluid .row[role="article"],
  .path-node.page-node-type-event .container-fluid .row[role="article"],
  .path-node.page-node-type-demarches .container-fluid div[role="article"],
  .path-node.page-node-type-association .container-fluid div[role="article"],
  .path-node.page-node-type-equipement .container-fluid div[role="article"] {
    display: flex;
  }
}

@media only screen and (min-width: 1200px) {
  /*.path-node.page-node-type-elu div[role="article"].col-lg-9.col-c,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-9.col-c {
    margin-left: -15px !important;
  }
}

@media only screen and (min-width: 992px) {
  /*.path-node.page-node-type-elu div[role="article"].col-lg-9.col-c,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-9.col-c {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 992px) {
  /*.path-node.page-node-type-elu div[role="article"].col-lg-9.col-c,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-9.col-c,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-9.col-c {
    padding: 0;
  }
}

@media only screen and (min-width: 1300px) {
  /*.path-node.page-node-type-elu div[role="article"] .col-lg-3.col-d,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite {
    min-width: calc(100% + 110px);
  }
}

@media only screen and (min-width: 1220px) and (max-width: 1300px) {
  /*.path-node.page-node-type-elu div[role="article"] .col-lg-3.col-d .col-droite,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite {
    min-width: calc(100% + 80px);
  }
}

@media only screen and (min-width: 1150px) and (max-width: 1200px) {
  /*.path-node.page-node-type-elu div[role="article"] .col-lg-3.col-d .col-droite,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-3.col-d .col-droite {
    min-width: calc(100% + 20px);
  }
}

@media only screen and (min-width: 992px) {
  /*.path-node.page-node-type-elu div[role="article"] .col-lg-3.col-d,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-3.col-d {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 992px) {
  /*.path-node.page-node-type-elu div[role="article"] .col-lg-3.col-d,*/
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-bilan-chiffre .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-page .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-event .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-demarches .container-fluid div[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-association .container-fluid .row[role="article"] .col-lg-3.col-d,
  .path-node.page-node-type-equipement .container-fluid .row[role="article"] .col-lg-3.col-d {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.standard.actualite {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .standard.actualite {
    padding-right: 30px;
  }
}

.eventPage div[role="article"] .col-lg-3.col-d,
.path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d,
.path-node.page-node-type-news .row[role="article"] .col-droite .autres-actus {
  margin-top: 20px;
}

.standard.actualite h1 {
  z-index: 9;
  background: white;
  left: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: 'Mattone';
  font-weight: 400;
  margin-bottom: 0px !important;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .standard.actualite h1 {
    font-size: 35px;
    line-height: 43px;
    padding: 30px;
    border-radius: 80px 0;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite h1 {
    font-size: 23px;
    line-height: 25px;
    padding: 40px 20px;
    border-radius: 50px 0;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau .BLOC-image figure + h1 {
    margin-top: 0 !important;
  }
}

.standard.actualite .field--type-text-long h3 {
  color: #333;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding-top: 25px;
  line-height: 19.5px;
  padding-top: 25px;
}

.standard.actualite .field--type-text-long h4 {
  color: #333;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.standard.actualite figcaption {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%;
  text-align: left;
}

.standard.actualite ul {
  list-style: disc;
  line-height: 200%;
}

.standard.actualite ul li ul {
  list-style: circle;
  padding-left: 25px;
}

.standard.actualite ol {
  line-height: 200%;
  padding-left: 0!important;
}

.standard.actualite a {
  color: #cc134d !important;
  text-decoration: underline;
}

.standard.actualite a:hover {
  text-decoration: none;
}

.page-node-type-association .inlineEquipement::before {
  background-color: #333;
  border-color: #333 !important;
}

.page-node-type-association .standard.actualite h2 {
  font-family: 'Mattone';
  font-size: 30px;
  font-weight: 400;
  margin-top: 32px;
}

@media only screen and (max-width: 992px) {
  .page-node-type-association .standard.actualite h2 {
    margin-bottom: 20px !important;
  }
}

.page-node-type-association section.standard.actualite .description .asso-chapeau {
  margin-top: 32px;
  margin-bottom: 69px;
}

.standard.actualite hr {
  border-color: #33333333 !important;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.standard.actualite h2 {
  text-transform: none !important;
  color: #333;
  font-family: 'Mattone';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px !important;
}

.demarches .standard.actualite h2 {
  font-family: 'Mattone';
  font-size: 30px;
  font-weight: 400;
  line-height: 41px;
}

.demarches .standard .BLOC-chapeau.petite {
  margin-top: 32px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite h2 {
    margin-bottom: 15px !important;
    line-height: normal;
  }
}

.standard.actualite .BLOC-chapeau .BLOC-image figure + h1 {
  transform: translate(-50%, -60px);
  position: relative;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .standard.actualite .BLOC-chapeau .BLOC-image figure + h1 {
    width: calc(100% - 160px);
    margin-bottom: -80px !important;
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau .BLOC-image figure + h1 {
    width: calc(100% - 30px);
    margin-top: 0 !important;
    transform: translate(-50%, -30px);
  }
}

.standard.actualite .BLOC-chapeau.full .BLOC-image .figure-content {
  overflow: hidden;
  display: grid;
  align-content: center;
}

@media only screen and (min-width: 992px) {
  .standard.actualite .BLOC-chapeau.full .BLOC-image .figure-content,
  .standard.actualite .BLOC-chapeau.full .BLOC-image figure .field--name-field-image-main {
    height: 404.84px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau.full .BLOC-image .figure-content,
  .standard.actualite .BLOC-chapeau.full .BLOC-image figure .field--name-field-image-main {
    height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .BLOC-chapeau.full .BLOC-image .figure-content,
  .standard.actualite .BLOC-chapeau.full .BLOC-image figure .field--name-field-image-main {
    height: auto;
  }
}

.standard.actualite .BLOC-chapeau .BLOC-image img {
  border-radius: 50px 0 0 0;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
  min-height: 404.84px;
  max-height: 404.84px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau .BLOC-image img {
    min-height: 512.95px;
    max-height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .BLOC-chapeau .BLOC-image img {
    min-height: auto;
  }
}

.standard.actualite .BLOC-chapeau .BLOC-image {
  min-width: 100%;
  margin-right: 0;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .eventPage {
    padding-top: 20px;
  }
}

.eventPage .standard.actualite .BLOC-chapeau .BLOC-image + .description .bloc_public_vise {
  margin-top: 35px;
}

.standard.actualite .BLOC-chapeau.full .field--name-field-teaser-long p {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (min-width: 992px) {
  .standard.actualite .BLOC-chapeau.full .field--name-field-teaser-long p {
    line-height: 22px;
    margin-bottom: 35px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite .BLOC-chapeau.full .field--name-field-teaser-long p {
    padding: 0 10px;
    text-align: left;
    line-height: inherit;
  }
}

.standard.actualite .BLOC-chapeau.full .description {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.standard .BLOC-chapeau.full .description {
  padding-top: 15px;
}

@media only screen and (max-width: 992px) {
  .standard .BLOC-chapeau.full .description {
    padding-top: 0px;
  }
}

.standard.actualite .BLOC-chapeau .description .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.standard.actualite .BLOC-chapeau .description .container-fluid .breadcrumb {
  margin-left: -28px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}

.standard.actualite .BLOC-chapeau .description .container-fluid .breadcrumb a {
  color: #333 !important
}

.standard .BLOC-chapeau .description .field--name-field-image-main {
  margin-top: 20px;
  margin-bottom: 20px;
}

.standard .BLOC-chapeau .description .field--name-field-image-main .field--type-image {
  height: 404.84px;
  overflow: hidden;
  display: grid;
  align-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard .BLOC-chapeau .description .field--name-field-image-main .field--type-image {
    height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .standard .BLOC-chapeau .description .field--name-field-image-main .field--type-image {
    height: 375.56px;
  }
}

.standard .BLOC-chapeau .description .field--name-field-image-main .field--type-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.standard .BLOC-chapeau.petite .description p strong {
  margin-right: 5px;
}

.standard .BLOC-chapeau.full .BLOC-image .figure-content {
  border-top-left-radius: 50px;
}

/* Paragraphe Newsletter */
.standard.actualite .secReaNew-news {
  margin-top: 50px;
}

.standard.actualite .secReaNew-news .secReaNew-news-structure {
  background-color: #FFF;
  border-radius: 50px;
  padding: 30px 60px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-structure {
    padding: 20px 30px;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-structure img {
  min-height: fit-content !important;
}

.standard.actualite .secReaNew-news .secReaNew-news-desc {
  display: flex;
  justify-content: center;
  column-gap: 15px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-desc {
    column-gap: 10px;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-desc img {
  width: 76px;
  margin: 0;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-desc img {
    width: 50px;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-desc h4 {
  color: #0C292F;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 18.5px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-desc h4 {
    font-size: 16px;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-desc p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
}

.standard.actualite .secReaNew-news .secReaNew-news-links {
  display: flex;
  justify-content: center;
  column-gap: 15px;
  align-items: center;
  margin-top: 5px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-links {
    display: grid;
    row-gap: 15px;
    margin-top: 10px;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-ctaSub {
  display: inline-flex;
  padding: 10px 20px;
  border: 1px solid var(--primary);
  background: var(--primary);
  align-items: center;
  border-radius: 100px;
  color: #FFF !important;
  font-family: 'Mattone' !important;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s;
  text-decoration: none!important;
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-ctaSub svg {
  margin-left: 10px;
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-ctaSub:hover {
  border: 1px solid var(--primary);
  background-color: #FFF;
  color: var(--primary) !important;
  transition: all 0.2s;
  text-decoration: underline!important;
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-ctaSub:hover svg path {
  fill: var(--primary);
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-linkOther {
  color: #0C292F !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  text-decoration-line: underline;
  transition: all 0.2s;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-linkOther {
    text-align: center;
  }
}

.standard.actualite .secReaNew-news .secReaNew-news-links .secReaNew-linkOther:hover {
  color: var(--primary) !important;
  transition: all 0.2s;
}

/* Actualités */
.page-node-type-news .breadcrumb {
  margin-bottom: 20px !important;
}

.page-node-type-news .bouton-rechercher button {
  border: 1px solid #FFF;
}

.page-node-type-news .bouton-rechercher button:hover {
  text-decoration: underline;
}

/* Paragraphe Elu */
.field_elu {
  border-radius: 0 50px;
  background: #FFF;
  padding: 40px;
  margin-bottom: 40px;
}

.field_elu .secDocRight {
  padding: 0;
}

@media only screen and (max-width: 992px) {
  .field_elu .secDocRight,
  .field_elu .secDocRight .carousel-inner {
    padding-bottom: 0!important;
  }
}

.field_elu h2 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #33333333;
  text-align: center;
  text-transform: none;
  font-size: 18px;
  font-family: 'Mattone';
  font-weight: 400;
}

.field_elu .img-actu {
  width: 100%;
  height: 240px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  overflow: hidden;
  display: grid;
  align-content: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: 240px;
}

.field_elu .img-actu div:last-child p {
  margin-bottom: 0;
}

.field_elu .container-fluid {
  padding: 0 !important;
}

.field_elu .actu-texte {
  text-align: -webkit-center;
  margin-top: 5px;
}

.field_elu .actu-texte a {
  display: flex;
  height: 47px;
  padding: 10px 50px 10px 20px !important;
  justify-content: center;
  align-items: center;
  border-radius: 100px !important;
  background: #e6134d !important;
  text-align: center;
  font-family: 'Mattone';
  font-size: 12px !important;
  line-height: 19.5px;
  position: relative;
  color: #FFF;
  width: fit-content;
}

.field_elu .actu-texte a:hover {
  text-decoration: underline;
}

.field_elu .actu-texte a::after {
  display: block;
  content: "";
  position: absolute;
  background: url('/themes/custom/lyonfr_edito/images/ic-arrowRightLink.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 30px);
  transition: all .2s;
  width: 16px;
  height: 12px;
  transition: all 0.2s;
}

.field_elu .actu-texte a:hover::after {
  left: calc(100% - 25px);
  transition: all 0.2s;
}

.field_elu .bloc {
  padding: 16px 20px 0px 20px;
}

.field_elu .img-actu img {
  width: 100%;
  border-radius: 50px 0 0 0;
  object-fit: cover;
  min-height: 100%;
  object-position: center;
  height: 240px;
}

.field_elu .elu-names {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 5px;
  text-decoration: none;
  padding: 0 20px;
}

.field_elu .elu_mandat, .field_elu .elu_phone {
  color: #333;
  margin-top: 10px;
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%;
  padding: 0 20px;
}

.field_elu .elu_phone {
  display: flex;
  column-gap: 8px;
  margin-bottom: 10px !important;
  justify-content: center;
}

/** Paragraphe kiosque */
.col-xs-12.col-md-4.col-d .kioskBlock .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.kioskBlock {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .kioskBlock {
    margin-bottom: 20px;
  }
}

.secDocRight {
  padding: 35px;
  background-color: #FFF;
  position: relative;
  border-radius: 0 50px;
}

.col-xs-12.col-sm-12.col-lg-4.col-d .secDocRight .secDocRight-documents {
  padding: 0 !important;
}

.col-xs-12.col-sm-12.col-lg-4.col-d .secDocRight .secDocRight-documents .form-group {
  margin-bottom: 0;
}

.col-xs-12.col-sm-12.col-lg-4.col-d .secDocRight .carousel-inner {
  padding-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .carousel-inner .field--image-slider-accueil {
    margin-bottom: 0;
  }
}

.col-xs-12.col-sm-12.col-lg-4.col-d .secDocRight .secDocRight-bloc {
  justify-content: center;
}

.secDocRight .secDocRight-title .h2Title {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
  font-size: 1.37em;
  line-height: 1.1em;
}

@media only screen and (max-width: 992px) {
  .secDocRight {
    padding-top: 30px;
    padding-bottom: 70px !important;
  }
}

@media only screen and (min-width: 992px) {
  .secDocRight > .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media only screen and (max-width: 992px) {
  .secDocRight > .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.secDocRight .carousel-inner {
  padding-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .secDocRight .carousel-inner {
    background-color: #FFF;
    padding-bottom: 40px;
    border-radius: 0 0 40px 40px;
  }
}

.secDocRight .secDocRight-illustration {
  position: absolute;
  width: 230px;
  left: -70px;
  bottom: -50px;
}

@media only screen and (max-width: 992px) {
  .secDocRight .secDocRight-illustration {
    left: -95px;
    bottom: 65px;
    width: 180px;
  }
}

@media only screen and (max-width: 768px) {
  .secDocRight .secDocRight-illustration {
    left: -110px;
  }
}

.secDocRight .container {
  padding: 0 30px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .secDocRight .container .secDocRight-title {
    padding: 0;
  }

  .secDocRight .container .secDocRight-title .h2Title {
    background: #FFF;
    border-radius: 40px 40px 0 0;
    font-size: 22px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.secDocRight .container .secDocRight-documents {
  position: relative;
}

.col-xs-12.col-sm-4.col-md-4.col-lg-4.col-d .secDocRight .container .secDocRight-documents {
  padding: 0 !important;
}

@media only screen and (min-width: 992px) {
  .secDocRight .container .secDocRight-documents {
    background-color: #FFF;
    padding: 60px 40px;
  }
}

@media only screen and (max-width: 992px) {
  .secDocRight .container .secDocRight-documents {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .secDocRight .container .secDocRight-documents nav {
    display: none;
  }
}

.secDocRight .secDocRight-title .h2Title {
  text-align: center;
  z-index: 1;
  position: relative;
}

.secDocRight .secDocRight-carousel {
  width: 100%;
}

.secDocRight .secDocRight-carousel .item {
  min-height: inherit;
}

.secDocRight .secDocRight-bloc {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
}

@media only screen and (max-width: 1200px) {
  .secDocRight .secDocRight-bloc {
    display: grid;
    justify-items: center;
  }
}

.secDocRight .secDocRight-bloc .secDocNew-pic {
  overflow: hidden;
  height: 100px;
  border-radius: 10px;
}

@media only screen and (max-width: 992px) {
  .secDocRight .secDocRight-bloc .secDocNew-pic {
    height: 170px;
    margin-bottom: 20px;
  }
}

.secDocRight .secDocRight-bloc .secDocNew-pic img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .secDocRight .secDocRight-bloc .secDocNew-txt {
    display: grid;
    place-items: center;
  }
}

.secDocRight .secDocRight-bloc .secDocNew-txt h4 {
  color: #333;
  font-family: 'Mattone' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-top: 5px;
}

.secDocRight .secDocRight-bloc .secDocNew-txt {
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .secDocRight .secDocRight-bloc .secDocNew-txt h4 {
    text-align: center;
    font-size: 14px;
  }
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-poids {
  color: #696D89;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-poids {
    margin-bottom: 20px;
    text-align: center;
  }
}


.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen,
.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload {
  border-radius: 100px;
  padding: 10px 20px;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  width: fit-content;
}

.secDocRight .secDocRight-carousel .carousel-indicators {
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  position: relative !important;
  margin-top: 10px;
  margin-bottom: 0;
}

.secDocRight .secDocRight-carousel .carousel-indicators .active {
  width: 10px;
  transition: all 0.2s;
  background-color: #E6134D;
  border-color: #E6134D;
}

@media only screen and (max-width: 992px) {
  .eventPage .secDocRight .secDocRight-carousel .carousel-indicators .active {
    top: -2px;
  }
}


.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen {
  background-color: #fff;
  color: var(--primary);
  border: 1px solid var(--primary);
  margin-bottom: 10px;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen p {
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen:hover {
  background-color: var(--primary);
  transition: all 0.2s;
  color: #fff;
  text-decoration: none;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen:hover svg path {
  fill: #fff;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen svg:first-child {
  margin-right: 10px;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaOpen svg:last-child,
.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload svg {
  margin-left: 20px;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload:hover {
  text-decoration: underline !important;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload svg {
  transform: rotate(-90deg);
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload {
  background-color: var(--primary);
  color: #fff;
  border: 1px solid var(--primary);
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload:hover {
  background-color: #FFF;
  transition: all 0.2s;
  color: var(--primary);
  text-decoration: none;
}

.secDocRight .secDocRight-bloc .secDocNew-txt .secDocNew-ctaDownload:hover svg path {
  fill: var(--primary);
}

.secDocRight-ctaBlocAll {
  bottom: -30px;
  left: 50%;
  display: inline-block;
  margin-top: 1rem;
}

.secDocRight-ctaBlocAll a {
  display: inline-flex;
  padding: 15px 20px;
  border: 1px solid #E6134D;
  background: #E6134D;
  align-items: center;
  border-radius: 100px;
  transition: all 0.2s;
}

.secDocRight-ctaBlocAll a:hover p {
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .secDocRight-ctaBlocAll a {
    padding: 10px 20px;
    font-size: 12px;
  }
}

.secDocRight-ctaBlocAll a:hover {
  border: 1px solid #E6134D;
  background-color: #FFF;
  color: #E6134D;
  transition: all 0.2s;
  text-decoration: none;
}

.secDocRight-ctaBlocAll a:hover svg path {
  fill: #E6134D;
}

.secDocRight-ctaBlocAll a p {
  padding-left: 10px;
  padding-right: 20px;
  margin: 0;
  color: #FFF;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
}

.secDocRight-ctaBlocAll a:hover p {
  color: #E6134D;
}

/** listing kiosque */
.kioskRow {
  background-color: #FFF !important;
  border-radius: 50px;
  margin-top: 105px;
  padding: 35px 0;
}

.kioskRow:first-child {
  margin-top: 0;
}

.kioskRow .titre {
  margin-bottom: 25px !important;
  background: var(--primary);
  margin-top: -35px !important;
  padding: 22px 40px !important;
  border-radius: 50px 50px 0 0;
  position: relative;
  border-bottom: 0 !important;
}

.kioskRow .titre h2 {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  text-transform: none;
  margin: 0;
  text-align: left;
}

.kioskCarousel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem 0;
}

/* Section "A lire aussi" */
@media only screen and (max-width: 992px) {
  .LAME-lire-aussi span {
    overflow: visible;
  }
}

.LAME-lire-aussi h2 {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 40px;
  font-weight: 400;
  line-height: 41px;
  text-transform: none;
}

@media only screen and (max-width: 992px) {
  .LAME-lire-aussi h2 {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .LAME-lire-aussi .carousel-control {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .LAME-lire-aussi .carousel-control {
    z-index: 9;
    height: 60px;
    width: 60px;
    top: calc(100% + 15px);
  }

  .LAME-lire-aussi .carousel-control.right {
    right: 0;
  }

  .LAME-lire-aussi .glyphicon-chevron-left {
    left: -10px;
  }

  .LAME-lire-aussi .glyphicon-chevron-right {
    right: 10px;
  }

  .LAME-lire-aussi .glyphicon-chevron-left:before {
    transform: rotate(180deg);
  }

  .LAME-lire-aussi .glyphicon-chevron-left:before,
  .LAME-lire-aussi .glyphicon-chevron-right:before {
    background-image: url('/themes/custom/lyonfr_edito/images/ic-arrowRightLink.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 60px!important;
    width: 60px!important;
    background-color: #e6134d;
    border-radius: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .LAME-lire-aussi .view-actualites-de-type-demarche article {
    margin-bottom: 20px;
    display: flex;
  }

  .LAME-lire-aussi .view-actualites-de-type-demarche .list-page {
    display: none;
  }
}

.LAME-lire-aussi .view-actualites-de-type-demarche picture img {
  border-radius: 50px 50px 0px 0px;
}

.LAME-lire-aussi .view-actualites-de-type-demarche article .content a:hover .description {
  color: var(--primary);
  text-decoration: underline;
  transition: all 0.2s;
}

.LAME-lire-aussi .view-actualites-de-type-demarche .titre {
  background-color: #FFF;
}

.LAME-lire-aussi .view-actualites-de-type-demarche .titre .theme {
  background-color: #E6134D;
  color: #F9F6EC;
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-weight: 700;
  margin-top: 25px;
  padding: 2px 8px;
  border-radius: 50px;
  text-transform: none;
}

.LAME-lire-aussi .view-actualites-de-type-demarche .description {
  background-color: #FFF;
  margin: 0;
  padding: 20px 50px 50px 50px;
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  transition: all 0.2s;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.5px;
  min-height: 150px;
}

@media only screen and (max-width: 992px) {
  .LAME-lire-aussi .view-actualites-de-type-demarche .description {
    line-height: 16px;
  }
}

/* Section Video */
.standard.actualite .video.gris,
.field--name-field-video-paragraph .video.gris {
  padding: 0;
  background: transparent;
}

.standard.actualite .video.gris::before,
.field--name-field-video-paragraph .video.gris::before,
.standard.actualite .video.gris::after,
.field--name-field-video-paragraph .video.gris::after {
  display: none;
}

.standard.actualite .video.gris .container-fluid,
.field--name-field-video-paragraph .video.gris .container-fluid {
  padding: 0 !important;
}

.standard.actualite .video.gris .container-fluid h2 button,
.field--name-field-video-paragraph .video.gris .container-fluid h2 button {
  font-family: 'Mattone';
  font-size: 30px;
  font-weight: 400;
  line-height: 41px;
  background: transparent;
  color: #333;
  width: 100%;
  text-align: left;
  padding: 0;
}

.standard.actualite .video.gris .container-fluid .description,
.field--name-field-video-paragraph .video.gris .container-fluid .description {
  margin: 0;
  text-align: left;
  margin-top: 35px;
}

.standard.actualite .video.gris .container-fluid .description p,
.field--name-field-video-paragraph .video.gris .container-fluid .description p {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

.standard.actualite .video-poster,
.field--name-field-video-paragraph .video.gris .container-fluid .video-poster {
  border-radius: 0 0 0 50px;
  background-color: #FFF !important;
  cursor: pointer;
}

.standard.actualite .video.gris .container-fluid .video-poster.active-video,
.field--name-field-video-paragraph .video.gris .container-fluid .video-poster.active-video {
  background-color: inherit !important;
}

.field--name-field-video-paragraph .video.gris .container-fluid .video-poster {

}

.standard.actualite .video-poster svg,
.field--name-field-video-paragraph .video.gris .container-fluid .video-poster svg {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  fill: #333;
}

/* Paragraphe picto */
.standard.actualite .paragraph--type--lien-et-aussi-picto,
.standard.actualite .paragraph--type--lien-et-aussi-vignette {
  border-radius: 20px;
  background: #FFF;
  padding: 20px 30px;
  margin-bottom: 50px;
}

.standard.actualite .paragraph--type--lien-et-aussi-picto a,
.standard.actualite .paragraph--type--lien-et-aussi-vignette a {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.standard.actualite .paragraph--type--lien-et-aussi-vignette a {
  flex-direction: row-reverse;
  justify-content: left;
}

.standard.actualite .paragraph--type--lien-et-aussi-picto a:hover,
.standard.actualite .paragraph--type--lien-et-aussi-vignette a:hover {
  color: var(--primary) !important;
}

.standard.actualite .paragraph--type--lien-et-aussi-picto a .field--name-field-image,
.standard.actualite .paragraph--type--lien-et-aussi-vignette a .field--name-field-image {
  width: 130px;
  height: 130px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

.standard.actualite .paragraph--type--lien-et-aussi-vignette article {
  margin-bottom: 0;
}

.standard.actualite .paragraph--type--lien-et-aussi-vignette a .field--name-field-image {
  height: 73px;
  overflow: hidden;
  display: grid;
  align-content: center;
}

.standard.actualite .paragraph--type--lien-et-aussi-vignette a .field--name-field-image img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.standard.actualite .paragraph--type--lien-et-aussi-picto a .description,
.standard.actualite .paragraph--type--lien-et-aussi-vignette a h3 {
  color: #0C292F;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.5px;
}

.standard.actualite .paragraph--type--lien-et-aussi-picto a .description p,
.standard.actualite .paragraph--type--lien-et-aussi-vignette a .description p {
  margin-bottom: 0;
}

.bloc_public_vise {
  display: flex !important;
}

.bloc_public_vise .public_vise p {
  margin-bottom: 0;
}

.bloc_public_vise .category-event,
.bloc_public_vise .public_vise {
  color: #FFF;
  border: 0;
  width: fit-content;
  text-align: center;
  font-family: 'Luciole-regular'!important;
  font-size: 12px!important;
  font-weight: 400!important;
  line-height: normal!important;
  text-transform: capitalize;
  border-radius: 50px;
  border: 0!important;
  background: var(--primary);
  display: flex;
  height: auto;
  padding: 2px 8px!important;
  justify-content: center;
  align-items: center;
}

.bloc_public_vise p.public_vise p {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.standard.actualite .external-form .field--name-field-lien-formulaire a {
  display: flex;
  height: 47px;
  padding: 10px 40px 10px 20px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-align: center;
  font-family: 'Mattone';
  font-size: 12px;
  line-height: 19.5px;
  position: relative;
  background-color: #e6134d;
  border: 1px solid #e6134d;
  color: #FFF !important;
  width: fit-content;
  margin-right: 0;
  transition: all 0.2s;
}

.standard.actualite .external-form .field--name-field-lien-formulaire a:hover {
  background-color: #FFF;
  color: #e6134d !important;
  border: 1px solid #e6134d;
  text-decoration: underline;
  transition: all 0.2s;
}

.standard.actualite .external-form a {
  color: #e6134d !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: none;
  padding-right: 10px;
  position: relative;
  margin-right: 15px;
}

.standard.actualite .external-form a:hover::after {
  filter: inherit;
}

.standard.actualite .external-form a::after {
  right: 15px;
  background-image: url('/themes/custom/lyonfr_edito/images/ic-arrowBottomLinkGreen.svg');
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  content: "";
  z-index: 9;
  opacity: 1;
  transition: all .2s;
  width: 16px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  filter: brightness(10);
}

/*Couleur des liens wysiwig*/
.paragraph .field--item a {
  color: #dc1d22 !important;
}

.field--item ol li {
  font-size: inherit;
  list-style-position: inside;
}

@media only screen and (max-width: 992px) {
  .col-d section {
    padding: 25px 15px!important;
  }
}

.col-d section a {
  color: #cc134d !important;
}

.col-d section a:hover {
  text-decoration: underline;
}

.standard.actualite .paragraph--type--focus {
  background-color: #FFF;
  border-radius: 50px 0;
  padding: 40px;
  column-gap: 40px;
  margin-bottom: 50px;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .standard.actualite .paragraph--type--focus {
    min-height: 300px;
  }
}

.standard.actualite .paragraph--type--focus .linkArrowNew {
  column-gap: 10px;
  color: var(--primary) !important;
}

.standard.actualite .paragraph--type--focus .secFocusNew-pic {
  border-radius: 50px 0 0 0;
  position: relative;
  margin-left: -40px;
  margin-top: -40px;
  overflow: hidden;
  height: 100%;
}

@media only screen and (min-width: 1100px) {
  .standard.actualite .paragraph--type--focus .secFocusNew-pic {
    position: absolute;
  }
}

@media only screen and (min-width: 992px) {
  .standard.actualite .paragraph--type--focus .secFocusNew-pic {
    /*min-height: 300px;*/
  }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
  .standard.actualite .paragraph--type--focus .secFocusNew-pic {
    /*min-height: 502px;*/
  }
}

.block-lyonfr-suggestions .secFocusNew-bloc:hover h3 {
  text-decoration: underline;
}

.block-lyonfr-suggestions .secFocusNew-bloc .sr-only {
  display: none;
}


.standard.actualite .secFocusNew-txt {
  font-family: 'Luciole-regular';
}

@media only screen and (min-width: 1100px) {
  .standard.actualite .secFocusNew-txt {
    width: 48%;
    margin-left: 48%;
  }
}

.standard.actualite .secFocusNew-txt .tagNew {
  background: var(--primary);
  color: #FFF;
}

@media only screen and (min-width: 1100px) {
  .standard.actualite .paragraph--type--focus {
    display: flex !important;
    align-items: center;
  }

  .standard.actualite .secFocusNew-pic {
    min-height: 300px;
    width: 300px;
    margin-bottom: -40px;
  }

  .standard.actualite .secFocusNew-pic img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    object-position: center;
  }
}

@media only screen and (max-width: 1100px) {
  .standard.actualite .secFocusNew-pic {
    height: 160px;
    min-width: -webkit-fill-available;
    max-width: 100%;
    margin-right: -40px;
    display: inline-block;
    min-height: 502px;
  }

  .standard.actualite .secFocusNew-txt {
    padding-top: 20px;
  }

  .standard.actualite .secFocusNew-pic img {
    min-height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    top: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .secFocusNew-pic {
    min-height: 376px;
  }
}

.standard.actualite .paragraph--type--text-block .field--name-field-content {
  width: 100%;
  margin-bottom: 50px;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content .adresse {
  font-family: 'Luciole-regular';
}

.standard.actualite .paragraph--type--text-block .field--name-field-content p,
.standard.actualite .paragraph--type--text-block .field--name-field-content strong,
.standard.actualite .paragraph--type--text-block .field--name-field-content a {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content table tr,
.standard.actualite .paragraph--type--text-block .field--name-field-content table th {
  border: 1px solid #333;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a,
.standard.actualite .paragraph--type--text-block .field--name-field-content a strong,
.standard.actualite .paragraph--type--text-block .field--name-field-content a em {
  text-decoration: underline !important;
  overflow-wrap: break-word;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a:hover,
.standard.actualite .paragraph--type--text-block .field--name-field-content a:hover strong,
.standard.actualite .paragraph--type--text-block .field--name-field-content a:hover em {
  text-decoration: none !important;
}


/*--------------------- Styles ckeditor  ---------------------*/
.standard.actualite .paragraph--type--text-block .field--name-field-content a.cta,
.standard.actualite .paragraph--type--accordion-text-block .field--name-field-content a.cta,
.standard.actualite .BLOC-chapeau.full a.cta {
  display: inline-flex;
  padding: 5px 10px;
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  justify-content: center;
  color: #FFF !important;
  font-size: 14px;
  line-height: 1.42857143;
  text-decoration: none;
}

@media only screen and (max-width: 992px) {
  .standard.actualite .paragraph--type--text-block .field--name-field-content ol {
    padding-left: 0;
  }
}


.demarches-search-bloc .lyon-recherche-demarches .form-actions .bouton-rechercher button {
  border: 1px solid #FFF;
}

.demarches-search-bloc .lyon-recherche-demarches .form-actions .bouton-rechercher button:hover {
  text-decoration: underline;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a.cta:hover,
.standard.actualite .BLOC-chapeau.full a.cta:hover {
  transition: all .2s;
  text-decoration: underline;
}

.standard.actualite .field--name-field-content a.cta.button-text,
.standard.actualite .BLOC-chapeau.full a.cta.button-text {
  border: 1px solid var(--primary);
  background: var(--primary);
  text-decoration: none!important;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
}

.standard.actualite .field--name-field-content a.cta.button-text:hover,
.standard.actualite .BLOC-chapeau.full a.cta.button-text:hover {
  border: 1px solid var(--primary);
  background-color: #FFF;
  color: var(--primary) !important;
  text-decoration: underline!important;
}

.standard.actualite .field--name-field-content a.cta.button-text-color,
.standard.actualite .BLOC-chapeau.full a.cta.button-text-color {
  border: 1px solid #e6134d;
  background: #e6134d;
  text-decoration: none!important;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
}

.standard.actualite .field--name-field-content a.cta.button-text-color:hover,
.standard.actualite .BLOC-chapeau.full a.cta.button-text-color:hover {
  border: 1px solid #e6134d;
  text-decoration: underline!important;
  background-color: #FFF;
  color: #e6134d !important;
}

/**/
.standard.actualite .paragraph--type--text-block .field--name-field-content .lien-externe:hover {
  text-decoration: none;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content h3 strong {
  font-family: 'Mattone';
  font-size: 18px;
  color: #333;
  line-height: 19.5px;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content strong {
  font-weight: 700;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content figure {
  height: 324px;
  overflow: hidden;
  border-radius: 0 0 0 50px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite .paragraph--type--text-block .field--name-field-content figure {
    height: 502px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .paragraph--type--text-block .field--name-field-content figure {
    min-height: 376px;
  }
}

.standard.actualite .paragraph--type--text-block .field--name-field-content .alert img,
.standard.actualite .paragraph--type--text-block .field--name-field-content .informations img,
.standard.actualite .paragraph--type--text-block .field--name-field-content .notabene img,
.standard.actualite .paragraph--type--accordion-text-block .alert img,
.standard.actualite .paragraph--type--accordion-text-block .informations img,
.standard.actualite .paragraph--type--accordion-text-block .notabene img {
  min-width: auto;
  min-height: auto;
  width: inherit;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content .logo-footer {
  display: grid;
  width: 100%;
  overflow: hidden;
  height: 426px;
  border-bottom-left-radius: 50px;
  align-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .standard.actualite .paragraph--type--text-block .field--name-field-content .logo-footer {
    height: 502px;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite .paragraph--type--text-block .field--name-field-content .logo-footer {
    height: 376px;
  }
}

.standard.actualite .paragraph--type--text-block .field--name-field-content .logo-footer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin-right: 0;
}

.standard.actualite .notabene,
.standard.actualite .alert,
.standard.actualite .informations {
  font-family: 'Luciole-regular';
}

.standard.actualite .alert > div:nth-child(1) {
  display: -webkit-box;
}

.standard.actualite .informations {
  display: contents;
}

.standard.actualite .informations img.png {
  width: 20px;
  height: fit-content;
  margin-right: 5px;
}

.standard.actualite .notabene img,
.standard.actualite .alert img,
.standard.actualite .informations img {
  border-radius: 0 !important;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a,
.standard.actualite .paragraph--type--text-block .field--name-field-content a strong,
.standard.actualite .paragraph--type--text-block .field--name-field-content a em {
  color: #CC134D !important;
  text-decoration: underline;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a:hover {
  text-decoration: none;
}

/* Accordions */
.paragraph--type--accordion-text-block .field--name-field-title,
.paragraph--type--accordion-text-block .field--name-field-content,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3,
.da_thematics .da_thematics_button da_thematics_button_title {
  background-color: #FFF !important;
  border: 0 !important;
}

.paragraph--type--accordion-text-block .field--name-field-title {
  position: relative;
  display: block !important;
}

.paragraph--type--accordion-text-block .field--name-field-title h2 button {
  width: 100%;
  display: block !important;
  justify-content: left;
}

.paragraph--type--accordion-text-block,
.FCK_milieu_bloc_large_contenu_mp3,
.da_thematics .da_thematics_button {
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  div[role="article"] .paragraph--type--accordion-text-block:last-child {
    margin-bottom: 20px;
  }
}

.FCK_milieu_bloc_large_contenu_mp3:last-child {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 570px) {
  .paragraph--type--accordion-text-block .field--name-field-content table th {
    word-break: break-word;
  }
}

.paragraph--type--accordion-text-block .field--name-field-title,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle,
.da_thematics .da_thematics_button .da_thematics_button_title {
  margin-bottom: 0 !important;
  border-radius: 0 50px 0 0 !important;
}

@media only screen and (min-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-title,
  .FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle {
    padding: 20px 35px 20px 70px !important;
  }
}

@media only screen and (max-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-title,
  .FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle {
    padding: 20px 15px !important;
  }
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle strong {
  width: 100%;
}

.paragraph--type--accordion-text-block .field--name-field-content ul {
  margin-top: 0;
}

.paragraph--type--accordion-text-block .field--name-field-content {
  font-family: 'Luciole-regular';
}

table.TABLEAU-avec-bordures th,
table.TABLEAU-avec-bordures td{
  border: 1px solid #333;
  padding: 5px;
}

table.TABLEAU-sans-bordures th,
table.TABLEAU-sans-bordures td{
  border: 0;
}

@media only screen and (min-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-content,
  .FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 {
    padding: 0 70px 30px 70px !important;
  }
}

@media only screen and (max-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-content,
  .FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 {
    padding: 0 15px 20px 15px !important;
  }
}


.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 ul {
  margin: 0;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 .puces_pleines {
  list-style: unset;
}

.paragraph--type--accordion-text-block .field--name-field-content p,
.paragraph--type--accordion-text-block .field--name-field-content strong,
.paragraph--type--accordion-text-block .field--name-field-content em,
.paragraph--type--accordion-text-block .field--name-field-content a,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 p,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 strong,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 em,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 a {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  line-height: 19.46px;
}

.paragraph--type--accordion-text-block .field--name-field-content a {
  color: #cc134d!important;
  text-decoration: underline;
  padding-right: 0;
}

.paragraph--type--accordion-text-block .field--name-field-content a.lien-externe {
  padding-right: 20px;
}

.paragraph--type--accordion-text-block .field--name-field-content a:hover {
  text-decoration: none;
}

.standard.actualite .paragraph--type--text-block .field--name-field-content a.lien-externe:hover strong {
  text-decoration: none;
}

.paragraph--type--accordion-text-block .field--name-field-content img,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.paragraph--type--accordion-text-block .field--name-field-content h3,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 h3 {
  margin-top: 0 !important;
}

.paragraph--type--accordion-text-block .field--name-field-content p,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 p {
  font-weight: 400;
}

.paragraph--type--accordion-text-block .field--name-field-content strong,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 strong {
  font-weight: 700;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 a {
  color: var(--primary) !important;
}

.paragraph--type--accordion-text-block .field--name-field-content img,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_contenu_toogle_mp3 img {
  width: 100%;
  height: auto;
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .FCK_entete_toggle_titre {
  position: relative;
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button,
.da_thematics .da_thematics_button .da_thematics_button_title .da_thematics_button_title_leaflets a,
.paragraph--type--accordion-text-block .field--name-field-title.link-hub h2 {
  display: inline-table;
  padding: 0;
  text-align: left;
  padding-right: 50px;
  color: #333;
  font-family: 'Mattone';
  font-size: 21px;
  font-weight: 400;
  position: inherit;
  line-height: 19.5px;
}


@media only screen and (max-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button,
  .da_thematics .da_thematics_button .da_thematics_button_title .da_thematics_button_title_leaflets a {
    padding-right: 70px;
    font-size: 17px;
  }
}

.da_thematics .da_thematics_button .da_thematics_button_title .da_thematics_button_title_leaflets a {
  display: flex;
  align-items: center;
}
.da_thematics .da_thematics_button .da_thematics_button_title .da_thematics_button_title_leaflets a .field--name-name {
  margin-right: 19px;
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button:hover {
  text-decoration: underline;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 0;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle.active {
  margin-bottom: 0 !important;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .FCK_entete_toggle_titre {
  color: #333;
  font-family: 'Mattone';
  font-size: 18px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .FCK_entete_toggle_titre:hover {
  text-decoration: underline;
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .glyphicon {
  min-width: 22px;
  height: 22px;
  margin-right: 0 !important;
  border: none;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon,
  .FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .glyphicon {
    margin-right: 10px;
    margin-left: 0px;
  }
}

.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle.active .glyphicon::before,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .glyphicon::before {
  position: absolute;
  width: 22px;
  height: 22px;
  display: block;
  top: calc(50% - -3px);
  left: calc(50% - -5px);
  transform: translate(-50%, -50%);
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon {
  left: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 992px) {
  .paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon {
    left: calc(100% - 40px);
  }
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon::before {
  content: none;
}

.paragraph--type--accordion-text-block .field--name-field-title.active .paragraph-title-leaflets button .glyphicon,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle.active .glyphicon::before {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-moinsRound.svg') center center no-repeat;
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets button .glyphicon,
.FCK_milieu_bloc_large_contenu_mp3 .FCK_enteteToggle .glyphicon::before {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-plusRound.svg') center center no-repeat;
}

/*--------------------- Blocs  ---------------------*/
/* Newsletter */
#block-lyonfr-edito-newsletters {
  background-color: #FFF;
  padding: 35px;
  border-radius: 0 50px;
}

#block-lyonfr-edito-newsletters .block-title {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
}

#block-lyonfr-edito-newsletters h3 {
  color: #333;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
}

#block-lyonfr-edito-newsletters a {
  color: #e6134d !important;
  font-weight: bold;
}

#block-lyonfr-edito-newsletters a:hover {
  text-decoration: underline;
}

/* blockquote */
.standard.actualite blockquote {
  background-color: #FFF;
  padding: 30px 20px;
  border-radius: 0 50px;
  border-left: 0;
}

/* Blocs grey  CKEditor */
.wysiwyg_bkdg_grey {
  border-radius: 20px;
  background: #FFF !important;
  padding: 15px 30px !important;
}

/* Général article CKEditor */
article > .content .btn-group {
  width: auto;
  margin-bottom: 50px;
}

article > .content .btn-group > div:first-child {
  margin: 0;
}

article > .content .btn-group a {
  padding: 10px 50px 10px 20px;
  border: 1px solid var(--primary);
  background: var(--primary);
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  margin-top: 10px;
  position: relative;
  display: inline-flex;
}

article > .content .btn-group a:hover {
  color: var(--primary) !important;
  background-color: #FFF;
  transition: all .2s;
  text-decoration: none !important;
}

article > .content .btn-group a::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-white-newtheme.svg');
  height: 12px;
}

article > .content .btn-group a:hover::before {
  transform: rotate(-90deg) translateX(50%);
  background-image: url('/themes/custom/lyonfr_edito/images/ic-arrowBottomLinkGreen.svg');
  top: 20px;
}

article > .content .btn-group a span {
  color: #FFF !important;
  font-family: 'Mattone' !important;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

article > .content .btn-group a:hover span {
  color: var(--primary) !important;
}

article > .content .btn-group a::after,
article > .content .btn-group a span::before,
article > .content .btn-group a span::after {
  display: none !important;
}

/* Bloc onglets Ckeditor */
.paragraph--type--text-block.paragraph--view-mode--default field field--name-field-content .field--type-text-long.field--label-visually_hidden {
  background: red;
}

/* Bloc Newsletter CKEditor */
.LAME-abonnement {
  background-color: #FFF;
  border-radius: 50px;
  padding: 30px 60px;
  margin-bottom: 50px;
}

.LAME-abonnement .container-fluid {
  padding: 0 !important;
}

.LAME-abonnement .container-fluid h2 {
  display: inline-flex;
  color: #0C292F;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Mattone';
  line-height: 18.5px;
  margin: 0 !important;
  top: -5px;
  position: relative;
}

.LAME-abonnement .container-fluid img {
  object-fit: contain!important;
  min-height: inherit!important;
}

.LAME-abonnement .container-fluid .btn-group .liens.rouge a {
  text-decoration: none!important;
}

.LAME-abonnement .container-fluid .btn-group .liens.rouge a:hover {
  text-decoration: underline!important;
}

.LAME-abonnement .container-fluid .btn-group .liens.rouge a::before,
.LAME-abonnement .container-fluid .btn-group .liens.rouge a span::before {
  display: none;
}

@media only screen and (max-width: 992px) {
  .LAME-abonnement .container-fluid h2 {
    text-align: center;
    margin-top: 10px !important;
    top: 0;
  }
}

.LAME-abonnement .container-fluid > div:first-child {
  max-width: 50px;
  max-height: 50px;
  display: inline-flex;
}

@media only screen and (min-width: 992px) {
  .LAME-abonnement .container-fluid > div:first-child {
    margin-right: 10px;
  }
}

.LAME-abonnement .container-fluid > div:first-child img {
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 50px;
  max-height: 50px;
}

.LAME-abonnement .btn-group a {
  padding: 10px 20px;
  border: 1px solid var(--primary);
  background: var(--primary);
  align-items: center;
  border-radius: 100px;
  transition: all .2s;
  margin-top: 10px;
  position: relative;
  display: inline-flex;
}

.LAME-abonnement .btn-group a:hover {
  color: var(--primary) !important;
  background-color: #FFF;
  transition: all .2s;
  text-decoration: none !important;
}

.LAME-abonnement .btn-group a::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-white-newtheme.svg');
  height: 12px;
}

.LAME-abonnement .btn-group a:hover::before {
  transform: rotate(-90deg) translateX(50%);
  background-image: url('/themes/custom/lyonfr_edito/images/ic-arrowBottomLinkGreen.svg');
  top: 20px;
}

.LAME-abonnement .btn-group a span {
  color: #FFF !important;
  font-family: 'Mattone' !important;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

.LAME-abonnement .btn-group a:hover span {
  color: var(--primary) !important;
}

.LAME-abonnement .btn-group a::after,
.LAME-abonnement .btn-group a span::after {
  display: none !important;
}

/* Bloc Contact CKEditor colonne de droite */
.col-droite li.telephone,
.col-droite li.contact,
.col-droite li.inscription {
  margin-left: 0px !important;
}

/* Bloc Contact CKEditor */
li.telephone,
li.contact,
li.inscription {
  display: block;
  margin-bottom: 15px;
  margin-left: -15px
}

li.telephone > a,
li.contact > a,
li.inscription > a {
  display: flex;
  column-gap: 10px;
  align-items: center;
  color: var(--primary) !important;
  font-weight: 700;
}

li.telephone .picto,
li.contact .picto,
li.inscription .picto {
  width: 30px;
  height: auto;
  display: flex;
}

li.telephone .picto svg,
li.contact .picto svg,
li.inscription .picto svg {
  width: 30px;
}

li.telephone .picto svg .st0,
li.contact .picto svg .st0,
li.inscription .picto svg .st0 {
  fill: var(--primary);
}

.autres-actus a:hover strong {
  text-decoration: underline;
}

.autres-actus .document-list-content svg path {
  fill: #cc134d;
}

.autres-actus a.contactLink {
  color: var(--primary) !important;
  float: right;
  display: inline-flex;
  align-items: center;
}

.autres-actus a.contactLink svg {
  margin-left: 5px;
  width: 15px;
}

/* Bloc chiffre clé ckeditor */
.chiffre {
  font-family: 'Luciole-regular';
  font-size: 46px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px;
  text-transform: initial !important;
  padding-bottom: 5px;
  text-align: left;
}

/* Bloc Kiosque */
.secDocRight.slider-kiosk .container,
.secDocRight.slider-kiosk .secDocRight-title,
.secDocRight.slider-kiosk .secDocRight-documents {
  padding: 0 !important;
}

.slider-kiosk.secDocRight .carousel-inner {
  padding-bottom: 0;
}

.slider-kiosk.secDocRight .secDocRight-title .h2Title {
  font-family: 'Luciole-regular' !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 18.5px;
  padding-top: 0;
}

.slider-kiosk.secDocRight .secDocRight-bloc {
  padding: 0 !important;
  display: inline-grid;
  justify-items: center;
}

.slider-kiosk.secDocRight .secDocNew-pic {
  margin-bottom: 0;
  width: 71px;
  height: 126.09px;
}

@media only screen and (max-width: 992px) {
  .slider-kiosk.secDocRight .secDocNew-pic {
    width: 121px;
    height: 214.89px;
  }
}

.slider-kiosk.secDocRight .secDocNew-txt {
  margin-top: 30px;
}


.slider-kiosk.secDocRight .secDocNew-txt h4 {
  margin-top: 0 !important;
}

.slider-kiosk.secDocRight .carousel-indicators {
  margin-top: 30px;
}

.slider-kiosk.secDocRight .carousel-indicators li {
  height: 6px;
  width: 6px;
  transition: all .2s;
  background-color: #333;
  border-color: #333;
}

.slider-kiosk.secDocRight .carousel-indicators li.active {
  width: 10px;
  transition: all .2s;
  background-color: #e6134d;
  border-color: #e6134d;
}

.col-droite .slider-kiosk + .secDocRight-ctaBlocAll {
  margin-top: 30px;
  width: calc(100% - 30px);
}

/* Bloc name 2 */
.field--name-field-right-column-2 > .field--item {
  margin-bottom: 40px;
}

.field--name-field-right-column-2 > .field--item img {
  border-radius: 0 40px 0 40px;
  width: 100%;
  object-fit: scale-down;
  height: auto;
}

/* Bloc Slider */
.LAME-en-image {
  background-color: #FFF;
  border-radius: 0px 50px;
  padding: 30px 20px;
}

@media only screen and (max-width: 992px) {
  .LAME-en-image {
    padding: 35px;
  }
}

.LAME-en-image::before,
.LAME-en-image::after {
  display: none;
}

.LAME-en-image .container-fluid {
  padding: 0px!important;
}

.LAME-en-image .container-fluid h2 {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #33333333;
  text-align: center;
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Mattone';
  text-transform: none;
}

.LAME-en-image .container-fluid .row figure {
  margin: 0;
}

.LAME-en-image .container-fluid .row figure .copyright-carousel {
  color: #333;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%;
  font-family: 'Luciole-regular';
}

.LAME-en-image .container-fluid .slideshow li button {
  background-color: #FFF;
  min-height: 100px;
}

#custom_carousel .carousel-control {
  z-index: 95 !important;
}

.LAME-en-image .carousel-control {
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-white-newtheme.svg');
  background-color: #e6134d;
  height: 58px;
  width: 58px;
  border-radius: 100%;
  background-size: 18px 13px;
  padding: 0;
  transition: 0.2s all;
}

.LAME-en-image .carousel-control:hover {
  background-size: 25px;
  transition: 0.2s all;
}

/* Bloc Occurences */
.paragraph--type--occurences {
  background-color: #FFF;
  padding: 30px 20px;
  border-radius: 0px 50px;
  margin-bottom: 50px;
}

.paragraph--type--occurences > div {
  margin-bottom: 20px;
}

.paragraph--type--occurences > div:last-child {
  margin-bottom: 0px;
}

.paragraph--type--occurences .field--label {
  color: #333;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 5px;
}

.paragraph--type--occurences .field--item,
.paragraph--type--occurences .field--item time {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
  font-family: 'Luciole-regular';
}

/* Bloc Lieu d'activité */
.paragraphLieux {
  background-color: #FFF;
  padding: 30px 20px 30px 60px;
  border-radius: 0px 50px;
  position: relative;
  line-height: 139%;
  margin-bottom: 50px;
}

.paragraphLieux::before {
  content: "";
  background-image: url("../images/lieu.svg");
  display: block;
  height: 32px;
  width: 31px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  top: 30px;
  left: 20px;
}

.paragraphLieux b {
  font-weight: 700 !important;
  color: var(--primary);
}


/* Bloc Pour en savoir plus */
.field--name-field-pour-en-savoir-plus {
  border-radius: 0 50px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) {
  .field--name-field-pour-en-savoir-plus {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .field--name-field-pour-en-savoir-plus {
    margin-bottom: 20px;
  }
}

.field--name-field-pour-en-savoir-plus a {
  color: #FFF !important;
}

.field--name-field-pour-en-savoir-plus a:hover {
  text-decoration: underline;
  color: #FFF !important;
}

/* Bloc Lyon citoyen */
.lyon-citoyen {
  background-color: #FFF;
  border-radius: 0 50px;
  padding: 35px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .lyon-citoyen {
    margin-bottom: 50px;
  }
}

.lyon-citoyen h2 {
  text-align: center;
  display: block;
  font-family: 'Luciole-regular';
  color: #333;
  text-transform: none !important;
  font-size: 20px !important;
  text-transform: none;
  font-weight: 700;
  border-bottom: 1px solid #33333333;
  width: calc(100% + 40px);
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-left: -20px;
}

.lyon-citoyen ul {
  list-style: disc;
}

.lyon-citoyen a {
  font-weight: bold;
  color: #E6134D;
}

.lyon-citoyen a:hover {
  text-decoration: underline;
}

/* Block documents */
.documents {
  border-radius: 0 50px;
  padding: 35px !important;
  background-color: #FFF !important;
  font-family: 'Luciole-regular';
}

.documents h2 {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
}

/* Block documents séances supplémentaires */
#block-lyonfr-edito-seancessupplementaires {
  background-color: #FFF;
  border-radius: 0 50px;
}

#block-lyonfr-edito-seancessupplementaires .block-title {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom-color: #33333333 !important;
  text-align: center;
  text-transform: none !important;
}

#block-lyonfr-edito-seancessupplementaires .file-size {
  padding-left: 25px;
  margin-bottom: 20px;
  display: block;
}

#block-lyonfr-edito-seancessupplementaires .file-link-pdf {
  width: 100%;
  display: inline-table;
}

#block-lyonfr-edito-seancessupplementaires .file-link-pdf a {
  color: var(--primary) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 139%;
  text-decoration-line: underline;
}

#block-lyonfr-edito-seancessupplementaires .file-link-pdf a:hover {
  text-decoration: none;
}

#block-lyonfr-edito-seancessupplementaires .file-link-pdf::before {
  height: 22px;
  width: 22px;
  background-image: url('/themes/custom/lyonfr_edito/images/ic-document.svg');
}

/* Block documents */
.document-list-content > div {
  display: flex;
  column-gap: 10px;
  margin-bottom: 15px;
}

.documents-list-block .field--name-field-documents-list-documents .field--item .document-list-content .document-link {
  width: 100%;
  display: inline-block;
  background: none;
}

.documents-list-block .field--name-field-documents-list-documents .field--item .document-list-content .document-link a {
  /*color: var(--primary) !important;*/
  color: #cc134d !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 139%;
  text-decoration-line: underline;
}

.documents-list-block .field--name-field-documents-list-documents .field--item .document-list-content .document-link a:hover {
  text-decoration: none;
}

/* Block recherche associations */
.block-associations-recherche-block .form-submit:hover {
  text-decoration: underline;
}

.block-associations-recherche-block .form-actions {
  width: 100%;
}

.block-associations-recherche-block .form-item-search-api-fulltext {
  min-width: 100%;
}

.search-block-form .form-group, .search-block-form .form-item {
  margin-bottom: 0;
}

/* En ce moment / A lire aussi - section */
.view-a-lire-aussi .LAME-lire-aussi article a:hover,
.LAME-ce-moment article.linked-event a:hover {
  color: #333!important;
}

.view-a-lire-aussi .LAME-lire-aussi article a:hover .description,
.LAME-ce-moment article.linked-event a:hover .description {
  text-decoration: underline;
}

.LAME-ce-moment.LAME-content-linked h2,
.view-a-lire-aussi .LAME-lire-aussi h2 {
  font-family: 'Mattone' !important;
  font-size: 40px;
  color: #333;
  position: relative;
  font-weight: 400;
  padding-bottom: 40px;
  margin-bottom: 0;
  text-transform: inherit;
  line-height: 41px;
  text-align: center;
  padding-top: 110px;
  position: relative;
  border-top: 1px solid rgb(51 51 51 / 20%);
}

.end-date {
  color: #333!important;
}

/* Bloc LAME-ce-moment */
.LAME-ce-moment.LAME-content-linked article.linked-event > a .field--name-field-image-main img {
  border-radius: 50px 50px 0 0;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a h3.theme {
  margin-top: 30px;
  background: none;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a h3.theme p,
.LAME-ce-moment.LAME-content-linked article.linked-event > a .date {
  margin: auto;
  font-size: 11px;
  line-height: 1;
  height: auto;
  font-weight: 700;
  border-radius: 50px;
  padding: 2px 8px;
  width: fit-content;
  display: flex;
  text-transform: none;
  margin-bottom: 10px;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a .end-date {
  margin-bottom: 20px;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a h3.theme p {
  color: #FFF;
  border: 1px solid #FFF;
  background-color: #e6134d;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a .date .field--item {
  color: #e6134d;
  border: 1px solid #e6134d;
  background-color: #FFF;
  padding: 2px 8px;
  border-radius: 50px;
}

.LAME-ce-moment.LAME-content-linked article.linked-event > a .description {
  color: #333;
  font-family: 'Mattone' !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.5px;
  margin: 20px 0 15px 0;
}


/* Bloc Sur le même sujet */
.view-a-lire-aussi {
  padding-left: 0!important;
  padding-right: 0!important;
}

.LAME-lire-aussi .carousel-indicators {
  display: block;
}

.view-a-lire-aussi .LAME-lire-aussi .content > a .carousel-control {
  display: none;
}

.view-a-lire-aussi .LAME-lire-aussi .content > a img {
  border-radius: 50px 50px 0 0;
}

.view-a-lire-aussi .LAME-lire-aussi .content > a .titre .theme {
  background: none;
  margin-top: 30px;
}

.view-a-lire-aussi .LAME-lire-aussi .content > a .titre .theme::before {
  display: none;
}

.view-a-lire-aussi .LAME-lire-aussi .content > a .titre .actu-tags {
  margin: auto;
  font-size: 11px;
  line-height: 1;
  height: auto;
  font-weight: 700;
  border-radius: 50px;
  padding: 2px 8px;
  width: fit-content;
  display: flex;
  text-transform: none;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #FFF;
  background-color: #e6134d;
}

@media only screen and (max-width: 992px) {
  .LAME-lire-aussi .row>article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.view-a-lire-aussi .LAME-lire-aussi .content > a .description {
  color: #333;
  font-family: 'Mattone' !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.5px;
  margin: 20px 0 15px 0;
}

@media only screen and (max-width: 992px) {
  .view-a-lire-aussi .LAME-lire-aussi .content>a .description {
    width: 100%;
    display: inline;
  }
}

/* Bloc Autres actus */
.autres-actus {
  border-radius: 0 50px;
  background-color: #FFF !important;
  padding: 20px;
}

.autres-actus h2 {
  padding-bottom: 15px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #33333333 !important;
  text-align: center !important;
  margin-top: 0 !important;
  text-transform: none !important;
  font-weight: 400!important;
  font-size: 18px!important;
  font-family: 'Mattone'!important;
}

.autres-actus a {
  color: #e6134d !important;
  font-weight: 700;
}

.autres-actus ul li {
  list-style-type: disc;
}

.autres-actus a:hover {
  text-decoration: underline;
}

.autres-actus h2 strong {
  text-align: center;
  width: 100%;
  display: block;
  color: #333;
  font-family: 'Mattone';
  font-size: 18px;
  font-weight: 400;
  line-height: 18.5px;
  text-transform: initial;
}

.autres-actus > div,
.autres-actus > a {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
}

section.autres-actus a,
section.autres-actus div a strong {
  color: #cc134d!important;
  font-weight: 500;
}

section.autres-actus a:hover {
  color: #cc134d!important;
  text-decoration: underline;
}

section.autres-actus {
  ul li {
    font-weight: 400;
  }
  ul li, ol li {
    font-size: 1em;
    line-height: inherit;
    margin-bottom: 15px;

    a:after {
      display: none;
    }
  }
}

.autres-actus div img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.autres-actus .inlineEquipement h5 {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
  margin: 0;
}

/* Structure paragraphe fermeture */
.standard.actualite .field--name-field-fermeture .field--label,
.standard.actualite .field--name-field-informations .field--label,
.standard.actualite .field--name-field-horaires .field--label,
.standard.actualite .field--name-field-tarifs .field--label {
  font-family: 'Luciole-regular';
}

/* Structure contact partie edito */
.standard.actualite .autres-actus > div {
  border-radius: 0 0 0 30px;
  background: #f0e8de;
  padding: 20px 40px;
}

/* Structure contact V1 */
.field--name-field-contacts .autres-actus > div {
  border-radius: 0 0 0 30px;
  background: #f0e8de;
  padding: 20px 40px;
}

.autres-actus .equipement-col-droite > strong:first-child {
  color: var(--primary);
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 139%;
}

.autres-actus .equipement-col-droite .field--name-field-contacts > .field--item {
  border-radius: 0 0 0 30px;
  background: #f0e8de;
  padding: 20px 40px;
  position: relative;
  margin-bottom: 20px;
  width: calc(100% + 40px);
  margin-left: -20px;
}

.autres-actus .equipement-col-droite ul {
  padding: 0;
  list-style-type: none;
}

.autres-actus .equipement-col-droite ul li a {
  display: flex;
  column-gap: 10px;
  align-items: center;
  color: #333 !important;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 139%;
}

.autres-actus .equipement-col-droite ul li a::after {
  display: none;
}

.autres-actus .equipement-col-droite ul li a:hover {
  text-decoration: underline;
}

.autres-actus .equipement-col-droite ul .picto svg {
  width: 30px;
}

.autres-actus #map {
  border-radius: 0 50px;
  max-height: 200px;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 5px;
}

.autres-actus #map iframe {
  border-radius: 0 50px;
}

.autres-actus > #map + a {
  text-align: right;
  color: #e6134d !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  width: fit-content;
  display: block;
  padding: 0;
  float: right;
}

.autres-actus > #map + a:hover {
  text-decoration: none !important;
}

.autres-actus .equipement-col-droite .field--name-field-formulaire-contact a {
  color: var(--primary) !important;
}

/* Structure contact V2 */
.autres-actus ul {
  position: relative;
  z-index: 1;
}

.autres-actus .field--name-field-contact > .field--items > div {
  width: calc(100% + 40px);
  margin-left: -20px;
  border-radius: 0 0 0 30px;
  background: #F0E8DE;
  padding: 20px 40px;
  position: relative;
}

.autres-actus .field--name-field-contact > .field--items > div {
  margin-bottom: 20px;
}

.autres-actus .field--name-field-contact .field--name-field-nom,
.autres-actus .field--name-field-contact .field--name-field-prenom,
.autres-actus .field--name-field-contact .field--name-field-responsabilite {
  display: inline-flex;
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
}

.autres-actus .contact-names {
  margin-bottom: 15px;
}

.autres-actus .contact-names > div {
  color: #333;
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
}

.autres-actus .contact-names > div:nth-child(1),
.autres-actus .contact-names > div:nth-child(2) {
  display: inline-flex;
}

.autres-actus .contact-names > div:nth-child(1) {
  margin-right: 3px;
}

.autres-actus .contact-address {
  margin-bottom: 15px;
  display: flex;
  column-gap: 8px;
}

.autres-actus .contact-address > div > div:nth-child(1),
.autres-actus .field--name-field-adresse {
  color: var(--primary);
  font-weight: 700;
}

.autres-actus .contact-information {
  display: flex;
  column-gap: 8px;
}

.autres-actus .contact-information svg {
  width: 31px;
}

.autres-actus .field--name-field-contact .field--name-field-responsabilite {
  margin-bottom: 15px;
  display: block;
  text-align: left;
}

.autres-actus .field--name-field-contact .field--name-field-email a,
.autres-actus .field--name-field-contact .field--name-field-site-internet a {
  color: #333 !important;
  font-weight: 400 !important;
}

.autres-actus.contact-details .equipement-col-droite {
  margin-bottom: 0 !important;
}

.autres-actus.contact-details .equipement-col-droite > strong {
  text-wrap: nowrap;
}

.autres-actus.contact-details {
  padding-bottom: 50px !important;
}

.autres-actus.contact-details a {
  color: var(--primary) !important;
}

.autres-actus.contact-details > div:nth-child(2),
.autres-actus.contact-details > div:nth-child(3),
.autres-actus.contact-details > div:nth-child(4) {
  display: flex;
  column-gap: 8px;
  margin-bottom: 10px !important;
}

.autres-actus.contact-details > div:nth-child(3) {
  align-items: center;
}

.autres-actus.contact-details {
  margin-bottom: 15px;
}

.autres-actus.contact-details > div:nth-child(2) strong,
.autres-actus.contact-details > div:nth-child(3) strong {
  color: var(--primary);
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 139%;
  width: min-content;
}

.col-droite .autres-actus img {
  margin: 15px 0 15px 0;
}

/* Bloc Accès */
.access-block > div {
  display: flex;
  column-gap: 10px;
  margin-bottom: 15px;
}

.access-block > div:last-child {
  margin-bottom: 0 !important;
}

.access-block > div h5,
.access-block > div p,
.access-block > div a {
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  line-height: 139%;
  margin: 0 !important;
}

.access-block > div h5 {
  color: var(--primary);
  font-weight: 700;
}

.access-block > div p {
  color: #333;
  font-weight: 400;
}

.access-block > div a {
  color: #E6134D !important;
  font-weight: 700;
  text-decoration-line: underline;
}

.access-block > div a {
  text-decoration: none;
}

/* Bloc Infos pratiques */
.infos-pratiques {
  background-color: #FFF !important;
  border-radius: 0 50px;
  text-align: left;
}

.infos-pratiques .field--item a {
    position: relative;
    color: #dc1d22;
    font-weight: normal;
    font-size: 14px;
    padding-left: 30px;
    display: block;
    background: url(/themes/custom/lyonfr/style/../images/ARROW-lien.svg) no-repeat left 7px;
    background-size: 25px;
    margin: 0 0 5px 0;
    width: 100%;
}

.infos-pratiques h2 {
  padding-bottom: 15px !important;
  margin-bottom: 25px !important;
  border-bottom-color: #33333333 !important;
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 20px !important;
  font-style: normal;
  line-height: 18.5px !important;
  text-transform: inherit !important;
}

.infos-pratiques .complet-annule-event {
  color: white;
}

.infos-pratiques .rouge:hover {
  text-decoration: underline;
}

.infos-pratiques .rouge strong {
  color: #cc134d !important;
}

.infos-pratiques .field--name-field-tags a {
  font-size: 12px;
  padding-left: 0;
}

.infos-pratiques .field--name-field-tags a::before {
  display: none;
}

.infos-pratiques .date {
  display: grid;
}

.infos-pratiques .adresse,
.infos-pratiques .field--name-field-infos-dates-supp .field--item,
.infos-pratiques .field--name-field-infos-pratiques-supp .field--item,
.infos-pratiques .field--name-field-infos-adresse-supp .field--item,
.infos-pratiques .field--name-field-code-postal .field--item,
.infos-pratiques .field--name-field-ville .field--item,
.infos-pratiques .field--name-field-url-billetteries .field--item,
.infos-pratiques .field--name-field-aller-plus-loin .field--item,
.infos-pratiques .field--name-field-adresse .field--item,
.infos-pratiques .field--name-field-tags .field--item {
  font-family: 'Luciole-regular';
  text-align: left;
}

.infos-pratiques .field--name-field-tags .field--items {
  display: flex;
  column-gap: 5px;
  margin-top: 20px;
}

.infos-pratiques .field--name-field-tags .field--item {
  color: #FFF;
  border: 0;
  width: fit-content;
  text-align: center;
  font-family: 'Luciole-regular' !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal !important;
  text-transform: capitalize;
  border-radius: 50px;
  background: var(--primary);
  display: flex;
  height: auto;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
}

.infos-pratiques .field--name-field-tags .field--item a {
  color: #FFF!important;
}

.infos-pratiques .field--name-field-tags .field--item a::before {
  filter: brightness(100);
}

.infos-pratiques .date b {
  color: var(--primary);
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  height: auto;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  width: fit-content;
  border: 1px solid var(--primary);
  margin: 0 auto 15px auto;
}

/* Bloc Derniers discours */
.block-views-blockdernier-communique-block-1 {
  border-radius: 0 50px;
  background-color: #FFF !important;
  padding: 35px;
}

.block-views-blockdernier-communique-block-1 h2 {
  text-transform: none !important;
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  padding-bottom: 15px !important;
  border-color: rgb(51 51 51 / 20%);
}

.block-views-blockdernier-communique-block-1 a {
  color: var(--primary);
}

/* Bloc Derniers communiqués */
.block-views-blockdernier-communique-block-2 {
  border-radius: 0 50px;
  background-color: #FFF !important;
  padding: 35px;
}

.block-views-blockdernier-communique-block-2 h2 {
  text-transform: none !important;
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  padding-bottom: 15px !important;
  border-color: rgb(51 51 51 / 20%);
}

.block-views-blockdernier-communique-block-2 a {
  color: var(--primary);
}

/* Bloc Rechercher évenènement */
.rechercher.evenement {
  background-color: var(--primary) !important;
  border-radius: 0 50px;
}

.rechercher.evenement div {
  font-family: 'Luciole-regular';
}

.rechercher.evenement a {
  color: #FFF !important;
}

.rechercher.evenement a:hover {
  text-decoration: none;
}

.rechercher.evenement button {
  display: inline-flex;
  height: 40px;
  padding: 10px 40px 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #FFF;
  position: relative;
  color: var(--primary);

  /* Libellé bouton */
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
}

.rechercher.evenement button::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  background: url('/themes/custom/lyonfr_edito/images/ic-arrowRightLinkGreen.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 40px);
  background-size: contain;
  height: 16px;
}

/* Bloc file dowload */
.rechercher.evenement.file-block h2 {
  text-transform: none;
  text-align: center;
  font-weight: 400;
  font-family: 'Mattone';
  font-size: 18px;
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}

.rechercher.evenement.file-block a {
  border-radius: 100px;
  background: #FFF;
  display: inline-flex;
  height: 39px;
  padding: 10px 50px 10px 20px;
  justify-content: center;
  align-items: center;
  color: #333!important;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  position: relative;
}

.rechercher.evenement.file-block a::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  background: url('../images/ic-arrowBottomLinkGreen.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 30px);
  transition: all .2s;
  width: 16px;
  height: 12px;
}

.rechercher.evenement.file-block a:hover::after {
  left: calc(100% - 25px);
  transition: all .2s;
}

/* Bloc démarches */
.LAME-demarches {
  background-color: #FFF !important;
  border-radius: 0 50px 0 0;
  margin-top: 50px;
}

.bilan-chiffre .LAME-demarches {
  margin-top: 105px;
}

.col-droite .field--item .LAME-demarches {
  margin-bottom: 40px !important;
  margin-top: 40px;
}

.col-droite .field--item .LAME-demarches.bloc-right-link {
  margin-top: 95px;
}

.col-droite .field--item .LAME-demarches.bloc-right-link a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .LAME-demarches {
    padding: 20px 5px !important;
  }
}

.LAME-demarches > .container-fluid {
  display: block;
}

.LAME-demarches .titre {
  margin-bottom: 25px !important;
  background: var(--primary);
  margin-left: -35px !important;
  width: calc(100% + 70px);
  margin-top: -35px !important;
  padding: 22px 40px !important;
  border-radius: 0 50px 0 0;
  position: relative;
  border-bottom: 0 !important;
  font-family: 'Mattone';
  font-weight: 400;
  font-size: 18px;
  display: flex;
  align-items: flex-end;
}

.LAME-demarches .titre b {
  color: #FFF;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 400;
}

.LAME-demarches.bloc-right-link .titre::after {
  content: "";
  position: absolute;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-statut-bellecour.webp');
  background-repeat: no-repeat;
  height: 80px;
  width: 90px;
  right: 0;
  top: -55px;
  background-size: contain;
}

.LAME-demarches .titre h2 {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  text-transform: none;
  margin: 0;
}

.LAME-demarches div a::after {
  display: none;
}

.LAME-demarches div:last-child a,
.LAME-demarches div:last-child a strong {
  /*color: var(--primary);*/
  color: #cc134d!important;
}

.LAME-demarches .liste {
  list-style: none;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.LAME-demarches .liste li:first-child {
  padding-top: 0 !important;
}

.LAME-demarches .liste li:last-child {
  margin-bottom: 15px !important;
}

.LAME-demarches .liste li {
  font-size: 14px;
  line-height: 19.46px;
  list-style-position: inherit;
  text-align: left !important;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-right: 30px;
  margin: 0;
  border-bottom: 1px solid lch(21.25 0.01 0 / 0.15);
  position: relative;
}

section.gris:before {
  z-index: 9;
}

.field--name-field-bloc-de-droite .LAME-demarches ul li a {
  /*color: #e6134d!important;*/
  z-index: 9;
}

.field--name-field-bloc-de-droite .LAME-demarches .file-link-pdf a {
  color: #e6134d !important;
  z-index: 9;
  font-family: "Luciole-regular";
  font-size: 14px;
  position: relative;
}

.field--name-field-bloc-de-droite .LAME-demarches .file-link-pdf a:hover {
  text-decoration: underline;
}

.field--name-field-bloc-de-droite .LAME-demarches ul li a::after {
  display: none;
}

.field--name-field-bloc-de-droite .LAME-demarches ul li a:hover {
  text-decoration: underline;
}

.LAME-demarches ul li a:hover::before {
  display: none;
}

.block-associations-recherche-block .form-submit:hover {
  text-decoration: underline;
}

.LAME-demarches .liste li::after {
  content: "";
  position: absolute;
  right: 0;
  width: 13px;
  height: 25px;
  display: block;
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-black-newtheme.svg');
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
}

.LAME-demarches .liste li:hover::after {
  right: -10px;
  transition: all 0.2s;
}

.LAME-demarches .liste li a,
.LAME-demarches .liste li p,
.LAME-demarches .liste li strong,
.LAME-demarches .liste li i {
  color: #333 !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 16px;
}

.LAME-demarches .liste li a {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 50px;
  height: auto;
}

.LAME-demarches .liste li a:hover {
  text-decoration: underline;
}

.LAME-demarches .liste li a::after {
  display: none;
}

.LAME-demarches .liste li .lien-externe {
  background-image: none;
}

/* CTA */
.LAME-demarches .btn-group {
  display: none;
}

.LAME-demarches .btn-group a {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #E6134D;
  height: 47px;
}

.LAME-demarches .btn-group a span {
  color: #FFF;
  text-align: left;
  font-family: 'Mattone';
  padding-right: 30px;
  font-size: 12px;
  font-weight: 400;
  text-transform: initial;
}

.LAME-demarches .btn-group a::after,
.LAME-demarches .btn-group a span::before {
  display: none;
}

.LAME-demarches .btn-group a span::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  background: url('/themes/custom/lyonfr_edito/images/ic-arrowRightLink.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 40px);
  background-size: contain;
  height: 16px;
}

/*--------------------- Bloc IMPORTANT  ---------------------*/
.important {
  border-radius: 0 50px;
  background: var(--primary) !important;
}

.important .chiffre-cle {
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 46px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px;
  text-transform: initial !important;
  padding-bottom: 5px;
}

.important .chiffre-cle p {
  text-align: center;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 0;
}

.important p {
  margin-bottom: 0;
}

/*--------------------- Bloc Recherche  ---------------------*/
.block-lyonfr-recherche {
  border-radius: 0 50px;
  background: #0C292F !important;
}

.block-lyonfr-recherche .hide_label {
  background-color: white;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  display: block !important;
}

.block-lyonfr-recherche .block-title {
  padding-bottom: 15px !important;
  color: #FFF;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #ffffff33 !important;
  text-align: center;
  font-family: 'Mattone';
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
}

.block-lyonfr-recherche .rechercher {
  padding: 0 20px;
}

.block-lyonfr-recherche .rechercher .control-label .sr-only {
  color: #000;
  background: #757575;
}

.block-lyonfr-recherche .rechercher .form-type-radio {
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px;
  margin-bottom: 10px;
}

.block-lyonfr-recherche .rechercher .form-type-radio:first-child {
  margin-right: 20px;
}

.block-lyonfr-recherche .rechercher .form-type-radio label {
  display: inline-flex;
  column-gap: 8px;
}

.block-lyonfr-recherche .rechercher .form-type-radio input[type=radio] {
  margin-top: 0;
  width: 17px !important;
  height: 17px;
  background-color: #0c292f !important;
  border: 1px solid #fff !important;
  border-radius: 100%;
  appearance: none;
}

.block-lyonfr-recherche .rechercher .form-type-radio input[type=radio]:checked {
  border: 5px solid #e6134d !important;
  background-color: #FFF !important;
  outline: none;
}

.block-lyonfr-recherche .rechercher .fieldset-wrapper {
  margin-top: 30px;
}

@media only screen and (max-width: 992px) {
  .block-lyonfr-recherche .rechercher .fieldset-wrapper .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
  }
}

.block-lyonfr-recherche .rechercher .form-type-date {
  margin-top: 10px;
}

.block-lyonfr-recherche .rechercher .form-group.form-disabled .form-date {
  background-color: #d8d8d8 !important;
}

.block-lyonfr-recherche .rechercher .form-group .form-date {
  background-color: #FFF !important;
}

.block-lyonfr-recherche .rechercher .form-date {
  border-radius: 10px;
  height: 47px;
  padding-left: 25px;
}

.block-lyonfr-recherche .rechercher .form-date::placeholder {
  color: #333333cc !important;
}

.block-lyonfr-recherche .rechercher .form-date::placeholder,
.block-lyonfr-recherche .rechercher .form-date {
  margin-bottom: 0;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 10px !important;
  font-weight: 400;
  position: relative;
  background-color: #FFF;
}

.block-lyonfr-recherche .rechercher .form-date {
  background-image: none !important;
}

.block-lyonfr-recherche .js-form-type-textfield {
  min-width: 100%;
}

.block-lyonfr-recherche input[type="text"] {
  border-radius: 10px;
  background: #FFF;
  color: #333;
  font-family: 'Luciole-regular';
  height: 47px;
  font-size: 11px;
  font-weight: 400;
  padding-left: 15px;
}

@media only screen and (max-width: 992px) {
  .block-lyonfr-recherche input[type="text"] {
    padding-left: 10px;
  }
}

.block-lyonfr-recherche input[type="text"]::placeholder {
  opacity: 0.8;
}

.block-lyonfr-recherche .form-select:focus-visible,
.block-lyonfr-recherche input[type="text"]:focus-visible,
.block-lyonfr-recherche .form-item select:focus,
.block-lyonfr-recherche .form-item select:focus-visible {
  outline: 2px solid #E6134D;
}

.block-lyonfr-recherche .form-select {
  height: 47px;
  border-radius: 100px;
  padding-left: 25px;
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFF;
  border: 0;
  font-style: normal;
  height: 47px;
  color: #333;
  position: relative;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/selectCTA.svg')!important;
  background-size: contain!important;
  background-position: right!important;
  padding-left: 15px;
  padding-right: 45px;
  font-size: 11px;
}

@media only screen and (max-width: 992px) {
  .block-lyonfr-recherche .form-select {
    padding-left: 10px;
    padding-right: 45px;
    font-size: 11px;
  }
}

.block-lyonfr-recherche .bouton-rechercher {
  padding-top: 10px;
  display: block !important;
  width: 100% !important;
  text-align: -webkit-center;
}

.culture .rechercher .bouton-rechercher button,
.block-lyonfr-recherche button {
  display: flex;
  height: 47px;
  padding: 10px 50px 10px 20px !important;
  justify-content: center;
  align-items: center;
  border-radius: 100px !important;
  text-align: center;
  font-family: 'Mattone';
  font-size: 12px !important;
  line-height: 19.5px;
  position: relative;
  background-color: #E6134D !important;
}

.block-lyonfr-recherche button:focus {
  color: #FFF;
}

.block-lyonfr-recherche button::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  background-size: contain!important;
  background: url('/themes/custom/lyonfr_edito/images/ic-arrowRightLink.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 30px);
  transition: all 0.2s;
  width: 16px;
  height: 12px;
}

.block-lyonfr-recherche button:hover::after {
  left: calc(100% - 25px);
  transition: all 0.2s;
}

.block-lyonfr-recherche .form-type-checkbox:nth-child(1) {
  margin-right: 40px;
}

.block-lyonfr-recherche .form-type-checkbox label {
  display: inline-flex;
  column-gap: 10px;
  padding-left: 25px;
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px;
  align-items: center;
}

.block-lyonfr-recherche .form-type-checkbox input[type="checkbox"] {
  background-color: #0c292f;
  appearance: none;
  border-radius: 3px;
  margin-bottom: 5px;
  width: 17px;
  min-width: 17px;
  height: 17px;
  border: 1px solid #FFF;
  border-radius: 3px;
  margin-top: 4px;
}

.block-lyonfr-recherche .form-type-checkbox input[type="checkbox"]:checked {
  border: 5px solid #e6134d !important;
  background-color: #FFF !important;
  outline: 0;
}

/*--------------------- Bloc Acces Compte OpenID  ---------------------*/
.bloc-acces-compte {
  margin-top: 50px;
  margin-bottom: 50px;

  .flexbox-container {
    justify-content: center;
  }

  .button {
    display: inline-flex;
    padding: 10px 20px;
    border: 1px solid #E6134D;
    background: #E6134D;
    align-items: center;
    border-radius: 100px;
    color: #FFF;
    font-family: 'Mattone' !important;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.2s;
    column-gap: 10px;

    &:hover {
      background: #FFF;
      transition: all 0.2s;
      color: #E6134D;

      svg path {
        fill: #e6134d;
      }
    }
  }
}

/*--------------------- Bloc Délibération  ---------------------*/
.block-deliberations-recherche-bloc .bouton-rechercher {
  margin-bottom: -20px;
}

/*--------------------- Bloc Dans le cadre  ---------------------*/
.dans-le-cadre.bloc-vert {
  background-color: var(--primary) !important;
  border-radius: 0 50px
}

.dans-le-cadre.bloc-vert h2 {
  text-transform: none;
  text-align: center;
  border: 0;
  padding: 0;
  margin-bottom: 20px;
  color: #FFF;
}

.dans-le-cadre.bloc-vert a {
  display: inline-flex;
  min-height: 39px;
  padding: 10px 50px 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #FFF;
  color: var(--primary) !important;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.dans-le-cadre.bloc-vert a:hover::after {
  left: calc(100% - 25px);
  transition: all .2s;
}

.dans-le-cadre.bloc-vert a::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  background: url('/themes/custom/lyonfr_edito/images/ic-arrowBottomLinkGreen.svg') center center no-repeat;
  z-index: 9;
  opacity: 1;
  left: calc(100% - 30px);
  transition: all .2s;
  width: 16px;
  height: 12px;
}

.dans-le-cadre.bloc-vert p {
  color: white !important;
  margin-bottom: 0;
}

/*--------------------- PAGES EQUIPEMENT ---------------------*/

.equipement .standard.actualite .BLOC-chapeau .content {
  margin-top: 30px;
}

/*--------------------- PAGES FAVORIS  ---------------------*/
.standard.mesFavoris .text-descriptif,
.equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6:nth-child(1),
.equipement-favoris .row .col-xs-12.col-sm-6.col-md-6.col-lg-6:nth-child(2),
.actu-favorite .container-fluid .content,
.equipement-favoris .container-fluid .content,
.evenement-favoris .container-fluid .content {
  font-family: 'Luciole-regular';
}

/*--------------------- PAGES LISTING  ---------------------*/
/*--------------------- Général  ---------------------*/
/*--- Breadcrumb ---*/
@media only screen and (min-width: 992px) {
  .path-agenda .breadcrumb,
  .path-actualites .breadcrumb {
    margin-top: -23px;
  }
}

@media only screen and (max-width: 992px) {
  .path-agenda .rechercher-bloc .line2 fieldset,
  .path-agenda .rechercher-bloc .line2 fieldset .panel-body {
    padding: 0;
  }

  .path-agenda .GROS_TITRE.agenda .form-group .form-date {
    padding-left: 10px;
  }
}

.path-agenda .GROS_TITRE.agenda .fieldset-date-range .panel-body .date .form-type-date *:focus-visible {
  outline: 2px solid #e6134d;
}

/*--- Bloc de recherche - Général ---*/
.GROS_TITRE .BLOC-texte {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0;
  background: none;
}

.GROS_TITRE {
  position: relative;
}

.GROS_TITRE::before {
  position: absolute;
  content: "";
  width: 100vw;
  top: 0;
  background: var(--primary);
  height: 200px;
  display: block;
  left: 0px;
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .rechercher-bloc .row {
    display: grid;
    row-gap: 20px
  }
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE::before {
    height: 345px;
  }
}


@media only screen and (min-width: 992px) {
  .faq.GROS_TITRE::before {
    height: 60px!important;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE::before {
    height: 460px;
  }

  .actualites.GROS_TITRE::before {
    height: 290px;
  }

  .associations.GROS_TITRE::before {
    height: 375px;
  }

  .equipements.GROS_TITRE::before {
    height: 375px;
  }

  .deliberations.GROS_TITRE::before {
    height: 270px;
  }

  .enfance.GROS_TITRE::before {
    height: 285px;
  }

  .faq.GROS_TITRE::before {
    height: 75px!important;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .BLOC-texte .rechercher-bloc .row {
    display: block;
  }
}

.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
    display: block;
    width: 100%;
  }
}

/*--- Bloc de recherche - Titre ---*/
.GROS_TITRE .BLOC-texte h1 {
  text-align: center;
  color: #FFF;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  display: grid;
  position: relative;
  margin-top: 0px;
  background: none;
}

.GROS_TITRE h1,
.GROS_TITRE h1 .boldTitle {
  color: #FFF!important;
}

/*--- Bloc de recherche - Textes ---*/
.GROS_TITRE .BLOC-texte p {
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px !important;
}

/*--- Bloc de recherche - Inputs ---*/
.GROS_TITRE .BLOC-texte .view-filters .row:nth-child(1) {
  padding: 40px 100px;
  border-radius: 20px;
  background: #0C292F;
  display: inline-flex;
  flex-flow: wrap;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .view-filters .row:nth-child(1) {
    padding: 20px!important;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE.actualites .BLOC-texte .view-filters .row:nth-child(1) {
    padding: 40px;
    margin-bottom: 20px;
  }
}

.GROS_TITRE .BLOC-texte .view-filters .row:nth-child(1) .suppression-field-form {
  display: none !important;
}

.GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item {
  padding-right: 15px;
}

.GROS_TITRE .BLOC-texte .view-filters input[type='text'],
.GROS_TITRE .BLOC-texte .view-filters input[type='text']::placeholder {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
}

.GROS_TITRE .BLOC-texte .view-filters select:focus,
.GROS_TITRE .BLOC-texte .view-filters input[type='text']:focus,
.lyonfr-recherche-documents .deliberations .form-item input[type="text"]:focus,
.lyonfr-recherche-documents .deliberations .form-item select:focus,
.block-lyonfr-recherche input[type="text"]:focus,
.block-lyonfr-recherche .demarches-search-bloc .form-type-checkbox input[type="checkbox"]:focus,
.demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox input[type="checkbox"]:focus,
.block-lyonfr-recherche input[type="text"]:focus,
.form_datetime *:focus,
.form_datetime *:focus-visible {
  outline: 2px solid #E6134D;
}

.GROS_TITRE .BLOC-texte .view-filters input[type='text'] {
  border-radius: 10px;
  height: 47px !important;
  border: 0;
}

.GROS_TITRE .BLOC-texte .view-filters input[type='text']::placeholder {
  opacity: 0.8;
  font-style: normal;
}

.GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(1) {
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(1) {
    margin-right: 15px !important;
    width: 60%;
    display: flex;
  }

  .GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(1)::before {
    position: relative;
    content: "Votre recherche";
    display: flex;
    color: #FFF;
    font-family: "Luciole-regular";
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    text-wrap: nowrap;
    align-items: center;
    padding-right: 15px;
  }
}

.GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(2) {
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(2) {
    margin-left: 15px !important;
    margin-right: 15px;
    margin-top: 0;
    width: calc(40% - 15px);
  }
}

.GROS_TITRE .BLOC-texte .view-filters form {
  margin-bottom: 0;
}

.GROS_TITRE .BLOC-texte .view-filters select {
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFF;
  border: 0;
  padding-right: 50px;
  font-style: normal;
  height: 47px;
  color: #333;
  position: relative;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/selectCTA.svg') !important;
  background-size: contain !important;
  background-position: right !important;
  padding-left: 25px;
  line-height: 20px;
}

@media only screen and (max-width: 1200px) {
  .GROS_TITRE .BLOC-texte .view-filters select {
    padding-left: 10px !important;
  }
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-radio {
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-radio label {
  display: inline-flex;
  column-gap: 8px;
  align-items: center;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-radio input[type=radio] {
  margin-top: 0;
  width: 17px !important;
  height: 17px;
  background-color: #0c292f !important;
  border: 1px solid #fff !important;
  border-radius: 100%;
  appearance: none;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-radio input[type=radio]:checked {
  border: 5px solid #e6134d !important;
  background-color: #FFF !important;
  outline: none;
}

.GROS_TITRE .BLOC-texte .view-filters .form-date {
  border-radius: 10px;
  height: 47px;
  padding-left: 25px;
}

.GROS_TITRE .BLOC-texte .view-filters .form-date::placeholder {
  color: #333333cc !important;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox label {
  display: inline-flex;
  column-gap: 10px;
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px;
  align-items: center;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox input[type="checkbox"] {
  background-color: #0c292f;
  appearance: none;
  width: 17px;
  min-width: 17px;
  height: 17px;
  border: 1px solid #FFF;
  border-radius: 3px;
}

.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox input[type="checkbox"]:checked {
  border: 5px solid #e6134d !important;
  background-color: #FFF !important;
  outline: 0;
}

.GROS_TITRE .BLOC-texte .view-filters button.form-submit:hover {
  background: #FFF;
  color: #e6134d;
  transition: 0.2s all;
  text-decoration: underline;
}

.GROS_TITRE .BLOC-texte .view-filters button.form-submit {
  display: inline-flex;
  padding: 10px 50px 10px 20px;
  margin-right: 0;
  height: 47px;
  color: #FFF;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 100px;
  background: #E6134D;
  position: relative;
  font-family: 'Mattone';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #FFF !important;
}

.GROS_TITRE .BLOC-texte .view-filters button.form-submit .glyphicon {
  display: none;
}

.GROS_TITRE .BLOC-texte .view-filters button.form-submit::after {
  content: "";
  display: block;
  position: absolute;
  filter: brightness(1);
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-right-white-newtheme.svg');
  z-index: 1;
  height: 12px;
  width: 16px;
  background-repeat: no-repeat;
  right: 20px;
}

.GROS_TITRE .BLOC-texte .view-filters button.form-submit:hover::after {
  background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-right-wine-newtheme.svg');
  transition: all 0.2s;
}

/*--- Bloc de recherche - Suggestions ---*/
.specific-search-footer {
  margin-top: 120px;
  margin-bottom: 100px;
}

.GROS_TITRE .BLOC-texte .autre-recherche,
.specific-search-footer .autre-recherche {
  margin: 0;
  background: #0c292f;
  margin-top: 30px;
  border-radius: 20px;
  background: #FFF;
  position: relative;
  z-index: 1;
  text-align: center;
}

.GROS_TITRE .BLOC-texte .autre-recherche::after,
.specific-search-footer .autre-recherche::after {
  content: "";
  height: 271px;
  width: 254px;
  left: -51px;
  top: -154px;
  display: block;
  position: absolute;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-petit-prince.webp');
  background-repeat: no-repeat;
  background-position: center;
  z-index: 99;
  background-size: contain;
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .autre-recherche::after,
  .specific-search-footer .autre-recherche::after {
    height: 170px;
    width: 170px;
    left: -40px;
    top: -110px;
  }
}

@media only screen and (min-width: 992px) {
  .GROS_TITRE .BLOC-texte .autre-recherche,
  .specific-search-footer .autre-recherche {
    padding: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .autre-recherche,
  .specific-search-footer .autre-recherche {
    padding: 30px 50px;
    display: table-cell;
    margin-top: 20px;
  }
}

.GROS_TITRE .BLOC-texte .autre-recherche .titre,
.specific-search-footer .autre-recherche .titre {
  color: #333;
  font-family: 'Mattone';
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: inherit;
}

.specific-search-footer .autre-recherche .preTtile {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.GROS_TITRE .autre-recherche ul,
.specific-search-footer .autre-recherche ul {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.specific-search-footer .autre-recherche ul {
  z-index: 999;
}

.specific-search-footer .autre-recherche ul a:hover {
  text-decoration: none;
}

.specific-search-footer .autre-recherche ul,
.specific-search-footer .autre-recherche ul li {
  display: inline-block;
}

.specific-search-footer .autre-recherche ul li {
  position: relative;
  margin-right: 19px;
}

.GROS_TITRE .autre-recherche ul li:after,
.specific-search-footer .autre-recherche ul li:after {
  content: "/";
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: -14px;
  font-weight: 400;
}

.specific-search-footer .autre-recherche ul li:last-child::after {
  display: none;
}

.GROS_TITRE .BLOC-texte .autre-recherche a,
.specific-search-footer .autre-recherche a {
  color: #E6134D;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 207.99%;
  text-decoration-line: underline;
  transition: all 0.2s;
}

.GROS_TITRE .BLOC-texte .autre-recherche a:hover,
.specific-search-footer .autre-recherche a:hover {
  transition: all 0.2s;
  text-decoration: none;
}

.GROS_TITRE .BLOC-texte .autre-recherche a::after,
.specific-search-footer .autre-recherche a::after {
  display: none;
}

/*--- Bloc de recherche - Image back ---*/
.GROS_TITRE .BLOC-image {
  display: none !important;
}

/*--------------------- Associations  ---------------------*/
.associations.GROS_TITRE .bloc-form-02,
.associations.GROS_TITRE .bloc-form-03 {
  width: 100%;
}

.associations.GROS_TITRE .bloc-form-02 select,
.associations.GROS_TITRE .bloc-form-03 select {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .associations.GROS_TITRE .bloc-form-02 .form-item:last-child {
    margin-right: 0;
    margin-left: 15px;
  }
}

.associations.GROS_TITRE .bloc-form-03 {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px !important;
}

.associations.GROS_TITRE .bloc-form-03 .form-item {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 992px) {
  .associations.GROS_TITRE .bloc-form-03 .form-item:last-child {
    margin-right: 0;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .associations.GROS_TITRE .bloc-form-03 button {
    margin-top: 15px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .associations.GROS_TITRE .BLOC-texte .view-filters .row > div {
    display: flex;
  }
}

@media only screen and (max-width: 992px) {
  .associations.GROS_TITRE .BLOC-texte .view-filters .row > div {
    display: block !important;
  }

  .associations.GROS_TITRE .BLOC-texte .view-filters .row .form-actions {
    text-align-last: center;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .associations.GROS_TITRE .BLOC-texte .view-filters .row > div:nth-child(1) .form-item {
    width: 100%;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 992px) {
  .associations.GROS_TITRE .form-actions {
    justify-self: center;
  }
}

/*--------------------- Listing Démarches  ---------------------*/
.demarches.GROS_TITRE h1 {
  margin-top: 0;
  display: grid;
  width: calc(100% - 192px);
  margin-bottom: 72px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .demarches.GROS_TITRE h1 {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE h1 {
    margin-bottom: 18px !important;
  }
}

.demarches.GROS_TITRE h1 .boldTitle {
  color: #0C292F;
  font-family: 'Mattone';
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin-left: 192px;
}

@media only screen and (min-width: 574px) and (max-width: 768px) {
  .demarches.GROS_TITRE h1 .boldTitle {
    margin-left: 45%;
  }
}

@media only screen and (max-width: 574px) {
  .demarches.GROS_TITRE h1 .boldTitle {
    margin-left: 0%;
  }
}

.demarches.GROS_TITRE h1::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 275px;
  height: 250px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-demarches.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: -165px;
  bottom: -107px;
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE h1::before {
    position: relative;
    right: calc(-50% - -120px);
    transform: translateX(50%);
    margin-bottom: 24px;
    margin-top: 24px;
    top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .view-associations .GROS_TITRE h1 {
    margin-top: 48px;
  }
}

.view-associations .GROS_TITRE h1::before {
  content: "";
  display: block;
  position: absolute;
  width: 292px;
  height: 226px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/associations.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: -45px;
  bottom: -90px;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .view-associations .GROS_TITRE h1::before {
    right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .view-associations .GROS_TITRE h1::before {
    position: relative;
    margin-bottom: 27px;
    right: -50%;
    top: 45px;
    transform: translateX(-50%);
    width: 219px;
    height: 169px;
  }
}

@media only screen and (min-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  .demarches.GROS_TITRE .BLOC-texte .view-filters .row .le_padding_top_form {
    padding-top: 0 !important;
  }

  .demarches.GROS_TITRE .BLOC-texte .view-filters .row .le_padding_top_form label {
    width: max-content;
    padding-left: 10px;
  }

  .demarches.GROS_TITRE .BLOC-texte .view-filters .row .form-actions > div {
    padding-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .row {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
    display: block;
    width: 100%;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div .form-item {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(1) > .form-item {
    padding-bottom: 5px;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(2) > .form-item {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(3) label {
    display: none;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .select-wrapper select:focus {
  outline: 2px solid #e6134d;
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .select-wrapper select {
    min-width: 150px;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters label {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 25px;
}

@media only screen and (min-width: 1200px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-textfield,
  .demarches.GROS_TITRE .BLOC-texte .view-filters .select-wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-textfield,
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-textfield input,
  .demarches.GROS_TITRE .BLOC-texte .view-filters .select-wrapper select {
    width: 100% !important;
  }
}

@media only screen and (min-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .select-wrapper select {
    min-width: 120px;
  }
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-textfield input[type="text"] {
    min-width: 200px;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox {
  padding-left: 0;
  margin: 0;
}

@media only screen and (min-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox {
    margin-top: 7.5px !important;
  }
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox label {
    padding-left: 0;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .form-type-checkbox input {
  margin-top: 0;
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(1) {
  padding-left: 0;
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(4) {
  padding-top: 0 !important;
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(4) {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(4) {
  width: auto;
}

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row .form-item-field-date-de-publication-value label {
    padding-left: 0;
  }
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row .form-item-field-date-de-publication-value label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:nth-child(4)

@media only screen and (max-width: 992px) {
  .demarches.GROS_TITRE .BLOC-texte .view-filters .rechercher-bloc .row > div:last-child > div {
    text-align: center;
    padding-bottom: 20px;
  }
}

/*--------------------- Listing Agenda  ---------------------*/
.agenda.GROS_TITRE h1 {
  margin-top: 0;
  display: grid;
  width: calc(100% - 192px);
  margin-bottom: 42px;
  position: relative;
}

.agenda.GROS_TITRE h1 .boldTitle {
  color: #0C292F;
  font-family: 'Mattone';
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin-left: 192px;
}

@media only screen and (max-width: 768px) {
  .agenda.GROS_TITRE h1 .boldTitle {
    margin-left: 50%;
  }
}

@media only screen and (max-width: 320px) {
  .agenda.GROS_TITRE h1 .boldTitle {
    margin-left: 15%;
  }
}

.agenda.GROS_TITRE h1::before {
  content: "";
  display: block;
  position: absolute;
  width: 300px;
  height: 258px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-opera.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: -246px;
  bottom: -92px;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .agenda.GROS_TITRE h1::before {
    right: -152px;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE h1::before {
    position: relative;
    width: 141px;
    height: 158px;
    right: calc(-50% - -48px);
    transform: translateX(50%);
    margin-bottom: 15px;
    top: 0;
  }
}

@media only screen and (max-width: 398px) {
  .agenda.GROS_TITRE h1::before {
    position: relative;
    width: 141px;
    height: 158px;
    right: calc(-50% - -85px);
    transform: translateX(50%);
    margin-bottom: 15px;
    top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .LAME-actualites .group-actu {
    column-gap: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .LAME-actualites .group-actu article {
    width: calc(100% / 3 - 20px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .BLOC-texte .view-filters .row:nth-child(1) {
    padding: 40px 100px !important;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line1 p {
    padding-left: 25px;
    padding-bottom: 10px;
    display: block;
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.agenda.GROS_TITRE .line1 .select-wrapper select {
  display: inline-grid;
  margin-left: 10px;
  padding-right: 50px;
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line1 .select-wrapper select {
    padding-left: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .agenda.GROS_TITRE .line1 .select-wrapper select {
    width: calc(25% - 46px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .agenda.GROS_TITRE .line1 .select-wrapper select {
    width: calc(25% - 40px);
    padding-right: 50px !important;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line1 .form-item {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .line2 {
    margin-top: 20px;
    padding-bottom: 0;
    display: flex !important;
    align-items: center;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line2 {
    margin-top: 10px;
    padding-bottom: 0;
  }
}

.agenda.GROS_TITRE .line2 .fieldset-wrapper {
  padding-top: 0 !important;
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line2 .form-type-radio:nth-child(2) {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line2 .form_datetime:nth-child(3) {
    margin-top: 5px;
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .line2 .form-type-checkbox:nth-child(1) {
    margin-right: 45px !important;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
    display: block!important;
    justify-content: start!important;
  }

  .agenda.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .agenda.GROS_TITRE .line2 fieldset .fieldset-wrapper .js-form-type-radio:nth-child(1) {
    margin-right: 45px !important;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .line2 fieldset .fieldset-wrapper .js-form-type-radio:nth-child(2) {
    margin-right: 20px !important;
  }
}

.agenda.GROS_TITRE .line2 .form-date:focus {
  outline: 2px solid #696969;
}

.path-agenda .rechercher-bloc .line2 {
  fieldset {
    display:inline;
    border:0;
    position:relative;
    margin:0;
    vertical-align: top;
    background-color: inherit;

    legend {
      display: contents;
    }

    .panel-body {
      display: flex;
      flex-direction: row;
    }
  }
}

@media only screen and (width <= 992px) {
  .path-agenda .rechercher-bloc .line2 {
    fieldset {
      .panel-body {
        flex-direction: column;
        gap: 10px;
      }
    }
  }
}


.agenda.GROS_TITRE .line2 .form-date::placeholder,
.agenda.GROS_TITRE .line2 .form-date {
  margin-bottom: 0;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px !important;
  font-weight: 400;
  position: relative;
}

.agenda.GROS_TITRE .line2 .form-date {
  background-image: none !important;
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .line2 .form-type-date {
    position: relative;
    display: flex;
    min-width: 200px;
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .agenda.GROS_TITRE .line2 .form_datetime {
    width: auto !important;
  }
}

.agenda.GROS_TITRE .form-item-search-api-fulltext input[type="text"] {
  height: 47px !important;
}

@media only screen and (min-width: 1200px) {
  .agenda.GROS_TITRE .form-item-search-api-fulltext input[type="text"] {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .agenda.GROS_TITRE .form-item-search-api-fulltext input[type="text"] {
    margin-right: 30px !important;
  }
}

.agenda.GROS_TITRE .form-item-search-api-fulltext input[type="text"]::placeholder {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .form-checkboxes .form-type-checkbox {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .form-checkboxes .form-type-checkbox:nth-child(1) {
    margin-right: 10px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .form-actions {
    justify-self: center;
  }
}

/*--------------------- Listing Documents du conseil municipal  ---------------------*/
/* Recherche */
.lyonfr-recherche-documents h1 {
  margin-top: calc(90px - 42px);
  margin-top: 0px;
  margin-bottom: 40px;
  background: #f0e8de;
}

.lyonfr-recherche-documents .deliberations.section-seance h1 {
  position: absolute;
  width: 100%;
  top: -100px;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .lyonfr-recherche-documents .deliberations.section-seance h1 {
    top: -170px;
  }
}

.lyonfr-recherche-documents .deliberations.section-seance .BLOC-texte {
  padding: 40px 100px;
  border-radius: 20px;
  background: #0c292f;
  margin-top: 120px;
  margin-bottom: 0;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .lyonfr-recherche-documents .deliberations.section-seance .BLOC-texte {
    padding: 40px;
    margin-top: 200px;
  }
}

.lyonfr-recherche-documents .deliberations.section-seance .form-type-select {
  padding-left: 0;
  width: 100%;
}

.lyonfr-recherche-documents .deliberations .form-item input[type="text"] {
  border-radius: 10px;
  height: 47px !important;
  border: 0;
  padding-left: 25px !important;
}

.lyonfr-recherche-documents .deliberations .form-type-select {
  color: #FFF;
  font-family: 'Mattone';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 25px;
}

.lyonfr-recherche-documents .deliberations .form-item select {
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFF;
  border: 0;
  font-style: normal;
  height: 47px;
  color: #333;
  position: relative;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/selectCTA.svg') !important;
  background-size: contain !important;
  background-position: right !important;
  padding-left: 25px;
}

.lyonfr-recherche-documents .deliberations #edit-submit {
  display: inline-flex;
  padding: 10px 50px 10px 20px;
  border: 1px solid #FFF !important;
  margin-right: 0;
  height: 47px;
  color: #FFF;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  border-radius: 100px;
  background: #e6134d;
  position: relative;
  font-family: 'Mattone';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #e6134d;
}

@media only screen and (max-width: 992px) {
  .lyonfr-recherche-documents .deliberations #edit-submit {
    left: 50%;
    transform: translateX(-50%);
  }
}

.lyon-recherche-deliberations #edit-submit:hover {
  text-decoration: underline;
}

.lyonfr-recherche-documents .deliberations #edit-submit:hover {
  background: #FFF;
  color: #e6134d;
  transition: .2s all;
}

.lyonfr-recherche-documents .deliberations #edit-submit span {
  display: none;
}

.lyonfr-recherche-documents .deliberations #edit-submit::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-right-white-newtheme.svg');
  z-index: 1;
  height: 12px;
  width: 16px;
  background-repeat: no-repeat;
  right: 20px;
}

.lyonfr-recherche-documents .deliberations #edit-submit:hover::after {
  background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-right-wine-newtheme.svg');
  transition: all .2s;
}

/* Résultats */
.lyonfr-recherche-documents .views-content .container-fluid .col-xs-12.col-lg-12,
.lyonfr-recherche-documents .views-content .container-fluid .col-xs-12.col-lg-12 .LAME-actualites .container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.lyonfr-recherche-documents .views-content .group-actu .bloc {
  padding: 30px;
  background-color: #FFF;
  border-radius: 50px 0;
  min-height: 250px;
}

.lyonfr-recherche-documents .views-content .group-actu .bloc .seances {
  padding-left: 0;
}

.lyonfr-recherche-documents .deliberations.section-seance .views-content .group-actu article .content a h4,
.lyonfr-recherche-documents .deliberations.section-seance .views-content .group-actu article .content a h4 span {
  color: #333;
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 10px;
  line-height: 22px;
  min-height: 90px;
}

.lyonfr-recherche-documents .views-content .group-actu article .content a h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

.lyonfr-recherche-documents .views-content .group-actu article .content a h4 span {
  color: #333;
  font-family: 'Mattone';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 10px;
}

.lyonfr-recherche-documents .views-content .group-actu article .content a:hover h4 span {
  text-decoration: underline;
  color: #333;
  transition: all 0.2s;
}

.lyonfr-recherche-documents .views-content .group-actu .bloc .field--name-field-document-type {
  font-family: 'Luciole-regular';
  text-align: left;
  width: fit-content;
  font-size: 12px;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
}

.lyonfr-recherche-documents .views-content .group-actu .bloc .field--name-field-document-publication time {
  color: #696d89;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-wrap: nowrap;
}


/*--------------------- Listing Equipements  ---------------------*/
.path-equipements .rechercher-bloc .form-item .form-select {
  min-width: 150px;
  padding-right: 50px;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .path-equipements .rechercher-bloc .form-item .form-select {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1200px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02,
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .equipements.GROS_TITRE .BLOC-texte .view-filters button.form-submit {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02,
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 {
    display: block;
    width: 100%;
  }

  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02 .form-item,
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 .form-item {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02 button,
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 button {
    width: 100% !important;
  }
}

@media only screen and (max-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02 .form-item {
    width: 48% !important;
  }
}

@media only screen and (min-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-02 .select-wrapper select {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 {
    display: inline-flex;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 {
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width: 1080px) {
  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03:nth-child(1) {
    margin-right: 15px;
  }

  .equipements.GROS_TITRE .rechercher-bloc .bloc-form-03:nth-child(2) {
    margin-left: 15px;
  }
}

.equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 .hide-field-equipements {
  display: flex;
}

.equipements.GROS_TITRE .rechercher-bloc .bloc-form-03 .form-item {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .hide-field-equipements:last-child select {
    width: 48% !important;
  }
}

@media only screen and (max-width: 992px) {
  .equipements.GROS_TITRE .rechercher-bloc .hide-field-equipements:last-child {
    display: block;
    width: 100%;
  }

  .equipements.GROS_TITRE .rechercher-bloc .hide-field-equipements:last-child select {
    width: 100% !important;
  }
}

/*--------------------- A lire aussi  ---------------------*/
#block-lyonfr-edito-alireaussipages {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  margin-bottom: 0;
  margin-top: 40px;
}

/*--------------------- Evènements entête  ---------------------*/
.eventPage .standard.actualite {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .eventPage .standard.actualite {
    padding-right: 100px;
  }
}

.eventPage .standard.actualite::before {
  content: " ";
  display: block !important;
  left: -100%;
  width: calc(200% - 40px);
  position: absolute;
  background: var(--primary);
  z-index: 1;
  height: 421px;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite::before {
    left: -50px;
    width: calc(100% + 100px);
    height: 285px;
  }
}

.eventPage .standard.actualite h1 {
  z-index: 1;
  position: relative;
  left: inherit;
  color: #FFF;
  font-family: 'Mattone';
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
  background-color: var(--primary);
  padding: 0px 0 27px 0;
  margin-bottom: 0;
  justify-content: start;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite h1 {
    background-color: var(--primary);
    font-size: 22px;
    padding-bottom: 20px;
    text-align: left;
    display: block;
    width: 100%;
  }
}

.eventPage .standard.actualite .event-infos,
.eventPage .standard.actualite .h2_teaser_date_lieu,
.eventPage .standard.actualite .BLOC-chapeau {
  z-index: 1;
  position: relative;
}

.eventPage .standard.actualite .BLOC-chapeau {
  margin-bottom: 20px;
}

.eventPage .standard.actualite .event-infos {
  display: flex;
  column-gap: 15px;
  align-items: center;
  color: #FFF;
  margin-bottom: 27px;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite .event-infos {
    width: auto;
    margin-bottom: 0;
    display: block;
  }
}

.eventPage .standard.actualite .event-infos p {
  margin-bottom: 0;
}

.eventPage .standard.actualite .event-infos strong {
  color: #FFF !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.eventPage .standard.actualite .event-infos strong:hover {
  text-decoration: underline;
}

.eventPage .standard.actualite .event-infos .date {
  height: fit-content;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  background: #e6134d;
  border-radius: 100px;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite .event-infos .date {
    width: fit-content;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}

.eventPage .standard.actualite .event-infos .date svg {
  width: 50px;
  height: 46px;
  display: flex;
}

.eventPage .standard.actualite .event-infos .date p {
  margin-bottom: 0;
  background: #FFF;
  border-radius: 0 100px 100px 0;
  padding: 10px 15px 10px 10px;
  display: flex;
  align-items: center;
  min-height: 46px;
}

.eventPage .standard.actualite .event-infos .lieu {
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite .event-infos .lieu {
    margin-top: 5px;
  }
}

.eventPage .standard.actualite .event-infos .lieu .adresse {
  display: flex;
  column-gap: 5px;
  place-items: end;
  flex-flow: wrap;
  place-items: flex-start;
  place-items: center;
}

.eventPage .standard.actualite .event-infos .lieu,
.eventPage .standard.actualite .event-infos .lieu .adresse a {
  font-family: 'Luciole-regular', sans-serif;
  color: #FFF !important;
  text-decoration: none;
  font-size: 16px;
}

.standard.actualite .event-infos .lieu svg {
  width: 27px;
  height: 27px;
}

.eventPage .standard.actualite .event-infos .lieu .adresse a:hover {
  text-decoration: underline;
}

.eventPage .standard.actualite .event-infos .lieu .adresse .field--name-field-adresse {
  border-left: 1px solid #FFF;
  padding-left: 5px;
  font-family: 'Luciole-regular';
}

.eventPage .standard.actualite .event-infos .lieu .adresse .ville {
  display: contents;
}

.eventPage .standard.actualite .event-infos .lieu .adresse .ville .field--name-field-code-postal {
  border-left: 1px solid #FFF;
  padding-left: 5px;
  font-family: 'Luciole-regular';
}

.eventPage .standard.actualite .event-infos .lieu .adresse .ville .field--name-field-ville {
  font-family: 'Luciole-regular';
}

.eventPage .standard.actualite .BLOC-chapeau .BLOC-image .figure-content {
  margin-bottom: 5px;
  position: relative;
  border-radius: 50px 0px 0px 0px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .eventPage .standard.actualite .BLOC-chapeau .BLOC-image .figure-content {
    height: 365.42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .eventPage .standard.actualite .BLOC-chapeau .BLOC-image .figure-content {
    height: 501.68px;
  }
}

@media only screen and (max-width: 768px) {
  .eventPage .standard.actualite .BLOC-chapeau .BLOC-image .figure-content {
    height: auto;
  }
}

.eventPage .standard.actualite .BLOC-chapeau .BLOC-image .figure-content img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.eventPage .standard.actualite .description .bloc_public_vise {
  margin-bottom: 20px;
  column-gap: 5px;
}

@media only screen and (max-width: 992px) {
  .eventPage .standard.actualite .description .bloc_public_vise {
    margin-bottom: 20px;
  }
}

.secFocusNew .secFocusNew-txt .tagNew .bloc_public_vise {
  margin-bottom: 0;
}

.secFocusNew .secFocusNew-carousel .carousel-arrows {
  z-index: 97;
}

.secFocusNew .secFocusNew-txt .field--name-field-main-category .actu-tags {
  height: 20px!important;
  font-size: 12px!important;
  place-items: center;
}

.secFocusNew .secFocusNew-txt .field--name-field-secondary-categories .field--item,
.category-event {
  font-size: 11px;
  line-height: 1;
  height: auto;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  padding: 4px 8px;
  width: fit-content;
  display: flex;
  color: #FFF;
  background-color: #e6134d;
  margin: auto;
}

.eventPage .standard.actualite .description .accessibility-pictos .field--name-field-event-picto-accessibilite .field--items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  margin-bottom: 15px;
}

.eventPage .standard.actualite .description .accessibility-pictos .field--name-field-event-picto-accessibilite .field--items .field--item {
  display: flex;
}

.eventPage .standard.actualite .description .accessibility-pictos .field--name-field-event-picto-accessibilite .field--items .field--item .accessibility-pictos-image {
  background: white;
  border-radius: 100%;
  padding: 25%;
  width: 62px;
  height: 62px;
  align-self: center;
  place-items: center;
  display: flex;
}

.eventPage .standard.actualite .description .accessibility-pictos .accessibility-string {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.standard.actualite .description .accessibility-pictos .accessibility-string {
  font-style: italic;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}

.standard.actualite .description .accessibility-pictos .accessibility-string p,
.standard.actualite .description .accessibility-pictos .accessibility-string div {
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .eventPage .standard.actualite .description .accessibility-pictos .accessibility-string {
    display: block;
  }
  .standard.actualite .description .accessibility-pictos .accessibility-string p,
  .standard.actualite .description .accessibility-pictos .accessibility-string div {
    display: inline;
  }
  .standard.actualite .description .accessibility-pictos .accessibility-string span {
    display: none;
  }
}

/*--------------------- Actualités  ---------------------*/
.standard.actualite {
  max-width: 100% !important;
}

@media only screen and (min-width: 992px) {
  .standard.actualite {
    padding-right: 30px;
    position: relative;
  }

  .standard.actualite::after {
    position: absolute;
    content: "";
    right: 0;
    top: 20px;
    height: 100%;
    display: block;
    width: 1px;
    background-color: #C7C7C7;
  }
}

@media only screen and (min-width: 992px) {
  .actu-news {
    border-right: 0 !important;
    padding-right: 0 !important;
  }

  .actu-news::after {
    display: none!important;
  }
}

@media only screen and (min-width: 1200px) {
  .actu-news {
    min-width: calc(100% + 70px);
  }

  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d {
    padding-left: 65px;
    position: relative;
  }

  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d .corner-colDroite {
    fill: var(--primary);
    position: absolute;
    top: -21px;
    right: -121px;
    width: 50px;
    height: 50px;
  }

  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d::after {
    content: " ";
    display: block !important;
    left: calc(100% + 120px);
    width: 200%;
    position: absolute;
    background: var(--primary);
    z-index: 1;
    height: 290px;
    top: -20px;
  }
}

@media only screen and (max-width: 1200px) {
  .path-node.page-node-type-news .row[role="article"] .col-lg-3.col-d .corner-colDroite {
    display: none;
  }
}

.standard.actualite .field--name-field-content iframe {
  border-radius: 50px 0;
  padding: 35px;
  background: #FFF;
}

.standard.actualite .paragraph--type--accordion-text-block .field--name-field-content iframe {
  border-radius: unset;
  padding: unset;
  background: unset;
}

.standard.actualite .paragraph--type--accordion-text-block .field--name-field-content .embed-responsive-16by9 {
  min-width: min(100%, 360px)!important;
  margin-top: 35px;
}


.standard.actualite.actu-news .BLOC-chapeau {
  position: relative;
}

.standard.actualite.actu-news .BLOC-chapeau::before {
  content: " ";
  display: block !important;
  left: -100%;
  width: 200%;
  position: absolute;
  background: var(--primary);
  z-index: 1;
  height: 300px;
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    width: calc(100% + 115px);
    left: -65px;
    top: -110px;
    height: 720px;
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 610px;
  }
}

@media only screen and (max-width: 540px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 87%;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau {
    margin-top: 0;
  }
}


.standard.actualite.actu-news .BLOC-chapeau .BLOC-image {
  background-color: var(--primary);
  position: relative;
  z-index: 9;
  display: flex;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image {
    flex-flow: column-reverse;
    margin-bottom: 60px !important;
    padding: 20px 50px 50px 50px;
    width: calc(100% + 100px);
    margin-left: -50px;
  }
}

@media only screen and (max-width: 540px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image {
    margin-bottom: 100px;
  }
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image > div:nth-child(1) {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

@media only screen and (min-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image > div:nth-child(1) {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image > div:nth-child(1),
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image > div:nth-child(2) {
    width: 100%;
  }
}

@media only screen and (max-width: 992px){
  .standard.actualite.actu-news {
    padding-top: 0px;
  }
}


.standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure {
  margin: 0px 0 20px 20px !important;
  padding: 0 40px 0 0 !important;
  overflow: hidden;
  border-radius: 50px 0 0 0;
  height: auto;
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure {
    margin: 0px 0 20px 0 !important;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1200px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure .field--name-field-image-main {
    width: 461px !important;
    min-width: 461px !important;
  }
}

@media only screen and (min-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure .field--name-field-image-main {
    width: 100%;
    min-width: 100%;
    height: 259.57px;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure .field--name-field-image-main {
    height: auto;
    min-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure .field--name-field-image-main {
    height: auto;
  }
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure img {
  min-width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 50px 0 0 0;
}

@media only screen and (min-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure img {
    min-height: 259.57px;
    max-height: 259.57px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure img {
    min-height: auto;
    max-height: none;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image figure img {
    min-height: auto;
    max-height: 375.56px;
  }
}


.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique {
  color: #ffffff00;
  display: flex;
  margin-bottom: 20px;
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique .theme,
.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique .date {
  display: flex;
  height: 18px;
  padding: 2px 8px;
  text-align: center;
  height: auto;
  margin-bottom: 0;
  justify-content: center;
  align-items: flex-end;
  border-radius: 50px;
  text-align: center;
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique .theme {
  color: var(--primary) !important;
  text-align: center;
  background: #FFF;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  align-items: center;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique .theme .actu-tags {
  margin-bottom: 0;
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image .rubrique .date {
  color: #FFF !important;
  text-align: center;
  border: 1px solid #FFF;
  font-family: 'Mattone';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  margin-left: 20px;
  align-items: center;
}

.standard.actualite.actu-news .BLOC-chapeau .BLOC-image h1 {
  position: relative;
  background: inherit;
  text-align: left;
  padding: 0;
  margin-bottom: 0;
  color: #FFF;
  font-family: 'Mattone';
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  height: fit-content;
  left: 0;
  display: block;
}

@media only screen and (max-width: 992px) {
  .standard.actualite.actu-news .BLOC-chapeau .BLOC-image h1 {
    font-size: 20px !important;
    line-height: 23.5px !important;
    text-align: center;
  }
}

.standard.actualite.actu-news .BLOC-chapeau .description p {
  margin-top: 0px;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Luciole-Regular';
}

.standard.actualite.actu-news .BLOC-chapeau .description h1 {
  color: #333 !important;
}

.standard.actualite.actu-news table,
.standard.actualite.actu-news table td {
  width: 100% !important;
}

.standard.actualite.actu-news table td {
  max-width: 20%;
}

@media only screen and (max-width: 768px) {
  .standard.actualite.actu-news table {
    display: flex;
    overflow: scroll;
  }
}


/*--------------------- Démarches listing  ---------------------*/
.view-demarches .BLOC_sousmenu.demarches .p-rel,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .p-rel,
.paragraph--type--focus .p-rel {
  position: relative;
}

.view-demarches .BLOC_sousmenu.demarches .tag_eservices,
.page-node-type-page-hub .hub-demarches .tag_eservices {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
}

.view-demarches .BLOC_sousmenu.demarches .tag_eservices::before,
.page-node-type-page-hub .hub-demarches .tag_eservices::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  background-color: #e6134d;
  border: 0;
  right: 0;
  top: 0;
  background-image: url('/themes/custom/lyonfr_edito/images/ic-flagServices.svg');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.view-demarches .BLOC_sousmenu.demarches .tag_eservices svg,
.page-node-type-page-hub .hub-demarches .tag_eservices svg {
  display: none;
}

.view-demarches .BLOC_sousmenu.demarches h2 {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 26px;
  font-style: normal;
  position: relative;
  font-weight: 400;
  line-height: normal;
  text-transform: inherit;
  margin-top: 10px;
}

@media only screen and (min-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches:last-child h2 {
    margin-top: 80px;
  }
}

.view-demarches .BLOC_sousmenu.demarches:last-child h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 199px;
  height: 211px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-pieton.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -107px;
  left: -10px;
  z-index: 9;
}

@media only screen and (max-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches:last-child h2::before {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
    margin-top: -10px;
  }
}

.view-demarches .BLOC_sousmenu.demarches .row,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row {
  display: block !important;
  margin: 0 -10px !important;
}

.view-demarches .BLOC_sousmenu.demarches .row > article,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article {
  min-height: 150px;
  padding: 0 10px;
  margin-bottom: 25px;
}

.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .field--item:nth-child(3) {
  padding-left: 0;
}

@media only screen and (max-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article {
    width: 50%;
  }
}

.view-demarches .BLOC_sousmenu.demarches .row > article .content,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content {
  min-height: 175px;
  background: #FFF;
  display: flex !important;
  align-items: center;
  padding: 40px;
}

@media only screen and (max-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content {
    min-height: 130px;
  }
}

@media only screen and (max-width: 768px) {
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content {
    min-height: 230px;
    margin-bottom: 20px;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article .content {
    min-height: 230px;
  }
}

.view-demarches .BLOC_sousmenu.demarches .row > article .content .description,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content .description {
  padding: 0;
}

.view-demarches .BLOC_sousmenu.demarches .row > article .content .titre {
  display: grid;
  align-content: center;
}

@media only screen and (max-width: 576px) {
  .view-demarches .BLOC_sousmenu.demarches .row>article .content .titre {
    font-size: 14px !important;
  }
}

.view-demarches .BLOC_sousmenu.demarches .row > article .content .titre,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content .titre {
  color: #333;
  text-align: center;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 18px;
  margin-bottom: 0;
}

.view-demarches .BLOC_sousmenu.demarches .row > article a,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article a {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}

@media only screen and (max-width: 768px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article a {
    min-height: 140px;
  }
}

.view-demarches .BLOC_sousmenu.demarches .row > article a:hover .titre,
.page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article a:hover .titre {
  color: var(--primary) !important;
  transition: all 0.2s;
  text-decoration: underline;
}

.path-demarches .LAME-lire-aussi {
  display: none;
}

@media only screen and (max-width: 992px) {
  .path-demarches .list-page {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article .content {
    padding: 20px;
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+1) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+1) .content {
    border-radius: 50px 0 0 0;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+2) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+2) .content {
    border-radius: 0 0 0 50px;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+3) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+3) .content {
    border-radius: 50px 0 0 0;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+4) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+4) .content {
    border-radius: 0 0 50px 0;
  }
}

@media only screen and (max-width: 992px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+1) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+1) .content {
    border-radius: 40px 0 0 0;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+2) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+2) .content {
    border-radius: 0 0 0 40px;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+3) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+3) .content {
    border-radius: 40px 40px 0 0;
  }

  .view-demarches .BLOC_sousmenu.demarches .row > article:nth-child(n+4) .content,
  .page-node-type-page-hub .hub-demarches .field--name-field-hub-procedures .row > article:nth-child(n+4) .content {
    border-radius: 0 0 40px 0;
  }
}


/*--------------------- Agenda listing  ---------------------*/
@media only screen and (min-width: 992px) {
  .view-agenda .LAME-actualites .secRDVNew {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .view-agenda .LAME-actualites .secRDVNew {
    margin-top: 10px;
    margin-bottom: -10px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  .secRDVNew .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate {
    font-size: 11px;
    flex-wrap: wrap;
    height: 65px;
  }

  .secRDVNew .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artDate-contain .secRDVNew-artDate-svg {
    height: 65px;
  }
}

.view-agenda .LAME-actualites article {
  padding-top: 15px;
  padding-bottom: 15px;
}

.view-agenda .LAME-actualites article a {
  width: 100%;
}

.LAME-actualites article a.event-places .rouge {
  color: #696d89 !important;
}

@media only screen and (max-width: 992px) {
  .view-agenda .LAME-actualites .secRDVNew-artTxt {
    padding: 30px !important;
  }
}

.view-agenda .LAME-actualites .group-actu article .bloc {
  background: inherit;
  display: block;
  min-height: 200px;
}

.view-agenda .LAME-actualites article a:hover h3 {
  text-decoration: underline;
}

.view-agenda .secRDVNew-artDate,
.view-agenda .secRDVNew-artInfos-lieu .field--items .field--item {
  color: #333 !important;
}

.view-agenda .secRDVNew-artTxt {
  min-height: 250px;
}

@media only screen and (max-width: 992px) {
  .view-agenda .secRDVNew-artTxt {
    padding: 50px 30px 30px 30px;
  }
}

/*--------------------- Actualités listing, Brief listing  ---------------------*/
/* --- Bloc de recherche --- */
@media only screen and (max-width: 992px) {
  .view-actualites-solr.GROS_TITRE {
    margin-bottom: -10px !important;
  }
}

@media only screen and (max-width: 992px) {
  .view-brief-view .GROS_TITRE {
    padding-top: 50px;
  }
}

.view-actualites-solr .GROS_TITRE h1 {
  display: grid;
  width: calc(100% - 192px);
  margin-bottom: 42px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .view-actualites-solr .GROS_TITRE h1,
  .view-brief-view .GROS_TITRE h1 {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .view-actualites-solr .GROS_TITRE h1,
  .view-brief-view .GROS_TITRE h1 {
    margin-bottom: 18px !important;
    margin-right: 185px !important;
  }
}

.view-actualites-solr .GROS_TITRE h1 .boldTitle,
.view-brief-view .GROS_TITRE h1 .boldTitle {
  color: #0C292F;
  font-family: 'Mattone';
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin-left: 192px;
}

@media only screen and (max-width: 768px) {
  .view-actualites-solr .GROS_TITRE h1 .boldTitle,
  .view-brief-view .GROS_TITRE h1 .boldTitle {
    margin-left: 50%;
  }
}

.view-actualites-solr .GROS_TITRE h1::before {
  content: "";
  display: block;
  position: absolute;
  width: 400px;
  height: 160px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-pont.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: -265px;
  bottom: -10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .view-actualites-solr .GROS_TITRE h1::before {
    right: -192px;
    width: 315px;
    height: 115px;
  }
}

@media only screen and (max-width: 992px) {
  .view-actualites-solr .GROS_TITRE h1::before {
    position: relative;
    width: 262px;
    height: 90px;
    right: calc(-50% - -168px);
    transform: translateX(50%);
    margin-top: 24px;
    margin-bottom: 24px;
    top: 0;
  }
}

.view-actualites-solr .GROS_TITRE .rechercher-bloc,
.view-brief-view .GROS_TITRE .rechercher-bloc {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .container-fluid .group-actu article .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE .BLOC-texte .view-filters form > .row > .form-item:nth-child(2) .select-wrapper {
    width: 100%;
  }
}

.view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form fieldset.fieldgroup.form-composite {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
}

.view-recherche-globale .LAME-actualites {
  position: relative;
}

.view-recherche-globale .LAME-actualites article h3 {
  color: #333;
  font-family: 'Mattone';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .view-recherche-globale .LAME-actualites article h3 {
    margin-top: 30px;
  }
}

.view-recherche-globale .LAME-actualites article .field--name-field-teaser p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.46px;
}


.view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form fieldset.fieldgroup.form-composite .form-radios {
  margin-top: 15px;
}

.view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form fieldset.fieldgroup.form-composite .form-radios .form-item label {
  text-wrap: nowrap;
}

@media only screen and (min-width: 992px) {
  .view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form fieldset.fieldgroup.form-composite .form-radios  {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    column-gap: 40px;
    align-items: center;
  }

  .view-recherche-globale .GROS_TITRE .BLOC-texte .view-filters form fieldset.fieldgroup.form-composite .form-radios .form-item {
    margin: 0;
  }
}

.view-actualites-solr .GROS_TITRE .BLOC-texte .view-filters .select-wrapper,
.view-brief-view .GROS_TITRE .BLOC-texte .view-filters .select-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .GROS_TITRE .BLOC-texte .rechercher-bloc .row,
  .view-brief-view .GROS_TITRE .BLOC-texte .rechercher-bloc .row {
    display: flex !important;
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 992px) {
  .view-brief-view .GROS_TITRE .BLOC-texte .rechercher-bloc .row .form-item:nth-child(1) {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .GROS_TITRE .BLOC-texte .rechercher-bloc .row {
    flex-flow: nowrap;
  }
}

.view-actualites-solr .GROS_TITRE .BLOC-texte .rechercher-bloc .row > .form-item:nth-child(2) .control-label {
  color: #000;
  background: #757575;
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .GROS_TITRE .BLOC-texte .rechercher-bloc .row > .form-item:nth-child(1) {
    width: 58%;
  }

  .view-brief-view .GROS_TITRE .BLOC-texte .rechercher-bloc .row > .form-item:nth-child(1) {
    width: 100%;
  }

  .view-actualites-solr .GROS_TITRE .BLOC-texte .rechercher-bloc .row > .form-item:nth-child(2) {
    width: 250px;
  }
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .GROS_TITRE .BLOC-texte .view-filters button.form-submit,
  .view-brief-view .GROS_TITRE .BLOC-texte .view-filters button.form-submit {
    margin-left: 15px;
  }
}

/* --- Liste items --- */
@media only screen and (min-width: 992px) {
  .view-actualites-solr .LAME-actualites .group-actu {
    column-gap: 30px;
    margin-top: 40px;
  }

  .view-brief-view .LAME-actualites .group-actu {
    column-gap: 10px;
    margin-top: 40px;
  }
}

.view-actualites-solr .LAME-actualites .group-actu article,
.view-agenda .LAME-actualites .container-fluid .group-actu article {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .LAME-actualites .group-actu article,
  .view-agenda .LAME-actualites .container-fluid .group-actu article {
    width: calc(100% / 3 - 20px) !important;
    padding-right: 0;
    padding-left: 0;
  }

  .view-brief-view .LAME-actualites .group-actu article {
    width: calc(100% / 3 - 7px) !important;
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .view-actualites-solr .LAME-actualites .group-actu article,
  .view-agenda .LAME-actualites .container-fluid .group-actu article{
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

.view-actualites-solr .LAME-actualites article .bloc,
.view-brief-view .LAME-actualites article .bloc {
  display: block;
  background: #f0e8de;
}

.view-brief-view .LAME-actualites article .bloc .img-actu {
  width: 100% !important;
  height: 220px;
  overflow: hidden;
  border-radius: 0 0 0 50px;
  position: relative;
}

.view-brief-view .LAME-actualites article .bloc .img-actu {
  display: none;
}

.view-brief-view .LAME-actualites article .bloc .img-actu img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.view-actualites-solr .LAME-actualites article .bloc .img-actu {
  display: grid;
  align-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 186.93px;
  border-radius: 0 0 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-actualites-solr .LAME-actualites article .bloc .img-actu {
    height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .view-actualites-solr .LAME-actualites article .bloc .img-actu {
    height: 375.56px;
  }
}

.view-actualites-solr .LAME-actualites article .bloc .img-actu img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 186.93px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-actualites-solr .LAME-actualites article .bloc .img-actu img {
    min-height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .view-actualites-solr .LAME-actualites article .bloc .img-actu img {
    min-height: 375.56px;
  }
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte,
.view-brief-view .LAME-actualites article .bloc .actu-texte {
  width: 100%;
  padding: 20px 45px;
  margin-top: -6px;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte {
  display: grid;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .tags {
  order: 1;
  display: flex;
  column-gap: 5px;
  margin-bottom: 10px;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .tags .date {
  width: auto;
  margin: 0;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .tags .publication-date {
  color: var(--primary);
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  margin-bottom: 0;
  display: flex;
  height: 45px;
  align-items: center;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte H2 {
  order: 2;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .description {
  order: 3;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .linkArrowNew {
  order: 4;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .linkArrowNew p {
  margin-bottom: 0;
  font-family: 'Mattone' !important;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width: 992px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte,
  .view-brief-view .LAME-actualites article .bloc .actu-texte {
    padding: 20px 0;
  }
}

.view-brief-view .LAME-actualites article .bloc .actu-texte {
  background-color: #FFF;
  min-height: 350px;
  padding: 30px !important;
  border-radius: 50px 0 50px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte,
  .view-brief-view .LAME-actualites article .bloc .actu-texte {
    padding: 15px 45px !important;
  }
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte H2,
.view-brief-view .LAME-actualites article .bloc .actu-texte H2 {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  .view-brief-view .LAME-actualites article .bloc .actu-texte H2 {
    min-height: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte H2 {
    min-height: 65px;
  }

  .view-actualites-solr .LAME-actualites article .bloc .actu-texte .tags {
    min-height: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte H2 {
    min-height: 80px;
  }

  /*.view-actualites-solr .LAME-actualites article .bloc .actu-texte .tags {
    min-height: 91px;
  }*/
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date,
.view-brief-view .LAME-actualites article .bloc .actu-texte .date {
  margin-bottom: 20px;
  column-gap: 7px;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .publication-date,
.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field-brief-did-you-know,
.view-brief-view .LAME-actualites article .bloc .actu-texte .date .publication-date {
  color: var(--primary);
  text-align: center;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  margin-bottom: 0;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .description,
.view-brief-view .LAME-actualites article .bloc .actu-texte .description {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
  margin-bottom: 20px;
  min-height: 79px;
}

@media only screen and (min-width: 1080px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte .description {
    min-height: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1080px) {
  .view-actualites-solr .LAME-actualites article .bloc .actu-texte .description {
    min-height: 117px;
  }
}

.view-id-agenda .fieldset-date-range {
  background: none;
  border: none;
  padding: 0;
}

.view-id-agenda .fieldset-date-range .panel-body {
  padding: 0;
  row-gap: 20px;
}

.view-id-agenda .fieldset-date-range .panel-body .input-group {
  width: 100%;
}

.view-id-agenda .fieldset-date-range .panel-body .input-group:first-child {
  margin-bottom: 20px;
}

.view-id-agenda .fieldset-date-range .panel-body .input-group input {
  border-radius: 10px;
  height: 47px !important;
  border: 0;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  min-height: 42px;
  padding: 10px 12px;
  width: 100%;
}

.view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic {
  height: 292.79px;
  display: grid;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic {
    height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic {
    height: 375.56px;
  }
}

.view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic img {
  min-height: 292.79px;
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic img {
    min-height: 512.95px;
  }
}

@media only screen and (max-width: 768px) {
  .view-id-agenda .secRDVNew .secRDVNew-littleArt .secRDVNew-art .secRDVNew-artPic img {
    min-height: 375.56px;
  }
}


/* A appliquer après changement structure */
.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field--name-field-main-category,
.view-brief-view .LAME-actualites article .bloc .actu-texte .date .field-brief-did-you-know,
.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field--name-field-main-date {
  text-align: left;
  font-family: 'Luciole-regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  display: flex;
  align-items: center;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field--name-field-main-category,
.view-brief-view .LAME-actualites article .bloc .actu-texte .date .field-brief-did-you-know {
  color: #FFF;
  background: var(--primary);
  text-align: center;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field--name-field-main-category {
  height: 45px;
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .date .field--name-field-main-date,
.view-brief-view .LAME-actualites article .bloc .actu-texte .date .field--name-field-brief-date {
  color: var(--primary);
  background: rgba(240, 232, 222, 0);
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .linkArrowNew,
.view-brief-view .LAME-actualites article .bloc .actu-texte .linkArrowNew {
  color: var(--primary);
}

.view-actualites-solr .LAME-actualites article .bloc .actu-texte .linkArrowNew svg,
.view-brief-view .LAME-actualites article .bloc .actu-texte .linkArrowNew svg {
  margin-left: 10px;
}

/*--------------------- Associations Equipements  ---------------------*/
@media only screen and (max-width: 992px) {
  .equipements.GROS_TITRE .BLOC-texte .rechercher-bloc .row > div {
    display: block !important;
    text-align: center;
  }

  .equipements.GROS_TITRE .BLOC-texte .rechercher-bloc .row .form-actions {
    width: 100%;
    text-align-last: center;
  }
}

.view-equipements .GROS_TITRE h1 {
  position: relative;
}

.view-equipements .LAME-actualites article a:hover h2 {
  text-decoration: underline;
}

@media only screen and (min-width: 992px) {
  .view-equipements .GROS_TITRE h1 {
    margin-top: 48px;
  }
}

.view-equipements .GROS_TITRE h1::before {
  content: "";
  display: block;
  position: absolute;
  width: 292px;
  height: 226px;
  background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-piscine.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: -70px;
  bottom: -70px;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .view-equipements .GROS_TITRE h1::before {
    right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .view-equipements .GROS_TITRE h1::before {
    position: relative;
    margin-bottom: 27px;
    right: -50%;
    top: 0;
    transform: translateX(-50%);
    width: 219px;
    height: 169px;
  }
}

@media only screen and (max-width: 992px) {
  .view-equipements .group-actu {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.view-equipements .LAME-actualites article .bloc .actu-texte .description .field--items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  margin-top: 10px;
  margin-bottom: 15px;
}

/*--------------------- Associations listing  ---------------------*/
.LAME-actualites .group-actu article .content .bloc .article-link .linkArrowNew p {
  margin: 0;
  font-family: "Mattone";
}

.LAME-actualites .group-actu article .content .bloc .article-link:hover .linkArrowNew {
  text-decoration: underline;
}

.view-associations .LAME-actualites .group-actu article {
  position: relative;
}

.view-associations .LAME-actualites .group-actu article .content .bloc {
  min-height: 280px;
}

@media only screen and (min-width: 992px) {
  .view-associations .LAME-actualites > .container-fluid:nth-child(1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 992px) {
  .view-associations .LAME-actualites > .container-fluid:nth-child(1) {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.view-associations .LAME-actualites .group-actu article .actu-texte .contact-address,
.view-associations .LAME-actualites .group-actu article .actu-texte .contact-information,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-address,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-information {
  display: flex;
  column-gap: 7px;
}

.view-associations .LAME-actualites .group-actu article .actu-texte .contact-address,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-address {
  margin-top: -5px;
}

.view-associations .LAME-actualites .group-actu article .actu-texte .contact-address h5,
.view-associations .LAME-actualites .group-actu article .actu-texte .contact-information h5,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-address h5,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-information h5 {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

.view-associations .LAME-actualites .group-actu article .actu-texte .contact-information,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-information {
  margin-top: 15px;
}

.view-associations .LAME-actualites .group-actu article .actu-texte .contact-information svg,
.view-equipements .LAME-actualites .group-actu article .actu-texte .contact-information svg {
  width: 32px;
}

/* Bloc recherche */
@media only screen and (max-width: 992px) {
  .view-associations .BLOC-texte .view-filters select {
    width: 100%
  }
}

/*--------------------- Equipements / Associations listing  ---------------------*/
.view-associations .view-content,
.view-equipements .view-content {
  margin-top: 10px;
}

.view-associations .GROS_TITRE h1,
.view-equipements .GROS_TITRE h1 {
  margin-bottom: 40px;
  margin-top: 0;
}

.view-equipements .GROS_TITRE h1 {
  margin-top: calc(90px - 42px);
}

.view-associations .GROS_TITRE h1 .boldTitle,
.view-equipements .GROS_TITRE h1 .boldTitle {
  color: #0C292F;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}

@media only screen and (min-width: 992px) {
  .view-associations .rechercher-bloc .form-actions {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .view-equipements .rechercher-bloc .bloc-form-02 select,
  .view-associations .rechercher-bloc .bloc-form-02 select {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .view-equipements .rechercher-bloc .bloc-form-03 .form-submit,
  .view-associations .rechercher-bloc .bloc-form-03 .form-submit {
    width: 100%;
    margin-top: 15px;
  }
}

.view-equipements .LAME-actualites,
.view-associations .LAME-actualites {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.view-equipements .LAME-actualites article .bloc,
.view-associations .LAME-actualites article .bloc {
  background-color: #f0e8de;
}

@media only screen and (max-width: 992px) {
  .view-equipements .LAME-actualites article .bloc,
  .view-associations .LAME-actualites article .bloc {
    display: block;
  }
}

.view-equipements .LAME-actualites article .bloc .img-actu,
.view-associations .LAME-actualites article .bloc .img-actu {
  width: 290px;
  position: relative;
  min-height: 210px;
  overflow: hidden;
  border-radius: 50px 0 0 0;
  height: auto;
}

@media only screen and (max-width: 992px) {
  .view-equipements .LAME-actualites article .bloc .img-actu,
  .view-associations .LAME-actualites article .bloc .img-actu {
    width: 100% !important;
  }
}

.view-equipements .LAME-actualites article .bloc .img-actu img,
.view-associations .LAME-actualites article .bloc .img-actu img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  height: 100%;
}

.view-equipements .LAME-actualites article .bloc .actu-texte,
.view-associations .LAME-actualites article .bloc .actu-texte {
  padding: 20px 30px;
  background-color: #FFF;
  border-radius: 0 0 50px 0;
}

@media only screen and (max-width: 992px) {
  .view-equipements .LAME-actualites article .bloc .actu-texte,
  .view-associations .LAME-actualites article .bloc .actu-texte {
    margin-top: -5px;
    width: 100%;
  }
}

.view-equipements .LAME-actualites article .bloc .actu-texte h2 {
  line-height: 14px;
}

.view-equipements .LAME-actualites article .bloc .actu-texte h2,
.view-associations .LAME-actualites article .bloc .actu-texte h2 {
  color: #333;
  font-family: 'Mattone';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}

.view-equipements .LAME-actualites article .bloc .actu-texte .field--name-field-sous-types .field--item,
.view-associations .LAME-actualites article .bloc .actu-texte .field--name-field-sous-types .field--item {
  font-family: 'Luciole-regular';
  text-align: left;
  width: fit-content;
  font-size: 12px;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  margin-bottom: 5px;
}

.view-equipements .LAME-actualites article .bloc .actu-texte .date > .field--items,
.view-associations .LAME-actualites article .bloc .actu-texte .date > .field--items {
  display: flex;
  column-gap: 5px;
}

.view-equipements .LAME-actualites article .bloc .actu-texte .description,
.view-associations .LAME-actualites article .bloc .actu-texte .description {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

/*--------------------- Fonctionnalités listing  ---------------------*/
/*--- Pagination ---*/
.pager-nav {
  text-align: -webkit-center;
}

.pager-nav .pagination li a {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

ul.pagination li a:hover {
  text-decoration: underline;
  color: #333;
}

.pager-nav .pagination li.active a,
.pager-nav .pagination li.active a:hover {
  border-radius: 100px;
  background: #333;
  border: 0;
  color: #FFF;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager-nav .pagination li.active a:focus {
  outline: solid 2px #fff !important;
  outline-offset: -3px !important;
}

.pager-nav ul.pagination li.pager__item--last a,
.pager-nav ul.pagination li.pager__item--first a {
  background: url(/themes/custom/lyonfr/style/../images/ARROW-lien_rouge.svg) no-repeat top left / 29px;
  vertical-align: middle;
  width: 29px;
  height: 12px;
  display: block;
  transition: all 0.2s;
}

.pager-nav ul.pagination li.pager__item--last a:before,
.pager-nav ul.pagination li.pager__item--first a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: black;
  transform: translateY(-50%) translateX(-3px);
  -webkit-transform: translateY(-50%) translateX(-3px);
  -ms-transform: translateY(-50%) translateX(-3px);
}

.pager-nav ul.pagination li.pager__item--first a {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.pager-nav ul.pagination li.pager__item--next a,
.pager-nav ul.pagination li.pager__item--previous a,
.pager-nav ul.pagination li.pager__item--last a,
.pager-nav ul.pagination li.pager__item--first a {
  background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-black-newtheme.svg');
  background-size: contain;
}

.pager-nav ul.pagination li.pager__item--next a {
  margin-left: 5px;
}

.pager-nav ul.pagination li.pager__item--previous a {
  margin-right: 5px;
}

ul.pagination {
  width: fit-content;
  max-width: 100%;
}

/*--- Elements par page ---*/
.list-page {
  width: 100%;
  text-align: end;
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #3333331a;
  padding-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .list-page {
    text-align: center !important;
    display: inline-flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 576px) {
  .list-page .row {
    flex-wrap: wrap;
  }

  .list-page .row .form-type-select {
    justify-content: center;
  }

  .list-page .row .form-actions {
    padding-top: 10px;
  }
}

.list-page .form-item-field-date-de-publication-value {
  display: none!important;
}

@media only screen and (max-width: 992px) {
  .list-page .row {
    display: flex;
    justify-content: center;
  }
}

.list-page .row .form-item {
  margin-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center;
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .list-page .row .form-item {
    column-gap: 10px;
    margin-right: 10px;
  }
}

.list-page .row .form-item label {
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: 400;
}

.list-page .row .form-item .select-wrapper select {
  border-radius: 100px;
  border: 1px solid #333;
  margin-right: 10px;
  background-image: url('/themes/custom/lyonfr_edito/style/../images/arrow-bottom-black-newtheme.svg') !important;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  color: #333;
  font-family: 'Luciole-regular';
  font-size: 14px;
  padding: 12px 15px;
  background-color: #fff0;
  width: 60px;
  height: auto;
  background-position: 40px center !important;
}

.view-empty {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.list-page .row .form-actions {
  margin: 0 !important;
}

.list-page .row .form-item:not(.form-item-items-per-page) {
  display: none!important;
}

.list-page .row .form-submit {
  display: inline-flex;
  height: 39px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #E6134D;
  border: 1px solid #333;
  color: #FFF;
  font-family: 'Mattone';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: 0 !important;
  transition: all 0.2s;
}

.list-page .row .form-submit:hover {
  background-color: #FFF;
  color: #e6134d;
  border: 1px solid #e6134d;
  transition: all 0.2s;
  text-decoration: underline;
}

.card-principal-color {
  padding: 60px 40px;
  background-color: var(--primary);
  border-radius: 0 0 50px 0;
  color: #FFF;
}

.card-principal-color ul,
.card-white-color ul {
  margin-top: 0;
  margin-bottom: 20px;
  list-style: inside;
}

.card-white-color ul li {
  padding-left: 40px;
}

.card-edito {
  margin-bottom: 40px;
  font-weight: 400;
  font-family: 'Luciole-regular';
}

.card-edito p:last-of-type {
  margin-bottom: 0;
}

.card-principal-color strong,
.card-principal-color b,
.card-principal-color p {
  color: #FFF !important;
}

.card-white-color {
  background-color: #FFF;
  padding: 15px 34px;
  border-radius: 20px;
}

.card-white-color b {
  color: #E6134D !important;
}

.GROS_TITRE h1.title-kiosque {
  z-index: 9;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333!important;
  font-family: 'Mattone';
  font-weight: 400;
  margin-bottom: 50px;
}

@media only screen and (min-width: 992px) {
  .GROS_TITRE h1.title-kiosque {
    font-size: 35px;
    line-height: 43px;
    padding: 30px;
    border-radius: 80px 0;
  }
}

@media only screen and (max-width: 992px) {
  .GROS_TITRE h1.title-kiosque {
    font-size: 20px;
    line-height: 22px;
    padding: 40px 20px;
    border-radius: 50px 0;
    margin-bottom: 0;
  }
}

.GROS_TITRE h2.title-kiosque {
  text-align: center;
  color: #0c292f;
  font-family: 'Mattone';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  text-transform: none;
}

@media only screen and (min-width: 992px) {
  .kiosque-illu-bottom::before {
    content: "";
    display: block;
    position: absolute;
    width: 269px;
    height: 283px;
    background-image: url('/themes/custom/lyonfr_edito/images/edito/webp/illu-book.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -100px;
    bottom: -30px;
  }
}

.standard.actualite .paragraph--type--focus.text-image {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
  .standard.actualite .paragraph--type--focus.text-image {
    min-height: 300px;
  }
}

.text-image-figcaption {
  margin-bottom: 50px;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}

.association .autres-actus.contact-details {
  margin-bottom: 41px;
}

.autres-actus.contact-details .phone svg {
  width: 31px;
}

.association .col-d .col-droite section {
  padding: 21px 44px 32px 44px !important;
}

@media only screen and (max-width: 992px) {
  .homepage-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}

.actualite .BLOC-chapeau .description p {
  font-family: 'Luciole-regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}

@media only screen and (min-width: 992px) {
  .legendDesktop {
    display: block;
  }

  .legendMobile {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .legendDesktop {
    display: none;
  }

  .legendMobile {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .demarches .standard.actualite h2 {
    margin-bottom: 20px !important;
  }
}

.actualite .BLOC-chapeau .description li {
  font-family: Arial;
  font-weight: 400;
  font-size: 1.43em;
  line-height: 1.10em;
}

@media only screen and (max-width: 992px) {
  .association .standard.actualite h1 {
    margin-top: 50px;
  }
}

/*--------------------- Flash Info  ---------------------*/
.LAME-flash-info {
  background-color: #0C292F;
  color: white;
  border-radius: 0 0 50px 0;
  min-height: auto;
}

@media only screen and (min-width: 992px) {
  .LAME-flash-info {
    margin-top: 95px;
  }
}

.LAME-flash-info .container-fluid {
  padding-right: 130px;
  padding-left: 30px;
}

@media only screen and (max-width: 992px) {
  .LAME-flash-info .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 991px) {
  .glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    width: 10px;
    height: 18px;
  }
}

@media only screen and (max-width: 991px) {
  section.LAME-flash-info .carousel-control.right, section.LAME-flash-info .carousel-control.left {
    top: calc(100% - 150px) !important;
  }
}

.LAME-flash-info .titre p {
  font-family: 'Mattone' !important;
  font-size: 16px !important;
  line-height: 18.5px !important;
  text-transform: uppercase;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .LAME-flash-info .carousel {
    min-height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .LAME-flash-info .carousel {
    min-height: auto;
  }
}


.LAME-flash-info .carousel-content p {
  color: #FFF;
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

.LAME-flash-info a {
  color: white;
}

.LAME-flash-info a:hover {
  color: white;
}

.LAME-flash-info .carousel-control.left {
  transform: rotate(180deg);
  left: calc(100% - 90px);
  transform: rotate(180deg);
  top: 69% !important;
}

.LAME-flash-info .carousel-control.right {
  left: calc(100% - 35px);
  top: 62% !important;
  transform: rotate(180deg);
}

@media only screen and (max-width: 992px) {
  .LAME-flash-info .carousel-control.left {
    left: calc(50% - 45px) !important;
    transform: translateY(123px) rotate(180deg) !important;
    margin-top: -3px;
  }

  .LAME-flash-info .carousel-control.right {
    left: calc(50% + 27px) !important;
    transform: translateY(123px) rotate(180deg) !important;
    margin-top: -11.5px;
  }
}

.LAME-flash-info #pauseButton {
  color: #0C292F;
  background-color: white;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border-color: #FFF;
  margin-bottom: 20px;
}

.LAME-flash-info #pauseButton .glyphicon {
  margin-left: -1px;
  margin-top: 1px;
}

.LAME-flash-info .glyphicon-chevron-right:before {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-arrow-alert.svg') no-repeat top left;
}

.LAME-flash-info .glyphicon-chevron-left:before {
  background: url('/themes/custom/lyonfr_edito/style/../images/ic-arrow-alert.svg') no-repeat top left;
  transform: rotate(180deg);
}

.LAME-flash-info .btn:focus {
  outline: none !important;
}

.LAME-flash-info .carousel-control:focus {
  border: none !important;
}

section.LAME-flash-info #carouselButtonsFI {
  bottom: 0px;
}

.col-droite .LAME-demarches .titre .svg {
  margin-right: 10px;
  filter: invert(1);
  border-radius: 0;
  width: auto;
}

.agenda.GROS_TITRE .lineCheckbox .checkbox + .checkbox {
  margin-top: 10px;
  margin-left: 10px;
}

@media only screen and (max-width: 425px) {
  .agenda.GROS_TITRE .lineCheckbox .checkbox + .checkbox {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 10px;
  }
}

.agenda.GROS_TITRE .lineCheckbox .checkbox {
  margin-right: 10px;
}

.agenda.GROS_TITRE .lineCheckbox {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  column-gap: 10px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .lineCheckbox {
    display: flex !important;
  }
}

.agenda.GROS_TITRE .lineCheckbox + fieldset {
  margin-right: 35px;
}

.agenda.GROS_TITRE .line2 .form-actions {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 992px) {
  .agenda.GROS_TITRE .line2 .form-actions {
    text-align-last: center;
  }
}

.standard.actualite .elu-phone {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}

.navbar-default.menu .navbar-nav > .active > a, .navbar-default.menu .navbar-nav > .active > a:hover {
  background: #E6134D;
  color: white;
  border-radius: inherit;
}

.section-seance .bloc-form-02 .form-item {
  width: 100%;
}

.lyonfr-recherche-discours .LAME-actualites .group-actu article .content .bloc {
  padding: 30px;
  background-color: #FFF;
  border-radius: 50px 0;
  min-height: 220px;
}

@media only screen and (max-width: 992px) {
  .enfance.section-seance .BLOC-texte {
    padding: 40px;
  }
}

@media only screen and (max-width: 425px) {
  .enfance.section-seance .BLOC-texte {
    display: flex;
    flex-direction: column;
  }

  .enfance.section-seance h1 {
    font-size: 32px;
  }

  .enfance.section-seance h1 .boldTitle {
    margin-right: 20px;
    margin-left: 0;
    font-size: 32px;
  }
}

section.LAME-flash-info {
  margin-bottom: 65px;
  margin-top: 95px;
}

@media only screen and (max-width: 992px) {
  section.LAME-flash-info {
    margin: 0px 20px 60px 20px;
  }
}

.GROS_TITRE .BLOC-texte .paragraph-accessibility {
  padding-top: 10px;
}

/*--------------------- Accessibility  ---------------------*/

.GROS_TITRE .BLOC-texte .view-filters legend {
  color: white !important;
  padding: 10px 0 10px 0;
}

.col-d section.dans-le-cadre.bloc-vert .date {
  color: white;
}

.col-d section.dans-le-cadre.bloc-vert a p strong {
  color: #333 !important;
}

section.dans-le-cadre.bloc-vert a:hover {
  text-decoration: underline;
}

.actu-tags, .category-event, .public_vise {
  margin: 0;
}

.view-actualites-solr .LAME-actualites article .news-brief {
  min-height: 350px;
  padding: 30px !important;
}

.standard ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.view form .glyphicon-search {
  display: none;
}

/* Error 404 */
.standard.erreur-404 h1 {
  font-family: 'Mattone';
  font-size: 40px;
  font-weight: 400;
  line-height: 41px;
  text-align: center;
}

.standard.erreur-404 .field--name-body {
  margin-bottom: 60px;
}

.standard.erreur-404 .field--name-body p {
  font-family: 'Luciole-regular';
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 19.46px;
  text-align: center;
}

.standard.erreur-404 .field--name-body a {
  color: #e6134d;
  font-weight: 700;
}

.standard.erreur-404 .field--name-body a:hover {
  text-decoration: underline;
}

.standard.erreur-404 .field--name-field-decoration-image {
  margin-bottom: 60px;
  margin-top: 60px;
}

/** Carousel RGAA **/
@media only screen and (min-width: 992px) {
  .carousel-control {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .carousel-arrows,
  .carousel-arrows .glyphicon::before,
  .carousel-arrows .glyphicon {
    height: 25px;
    width: 25px;
    margin-left: 0;
  }

  .carousel-arrows .glyphicon::before,
  .carousel-arrows .glyphicon {
    top: 0;
    left: 0;
    right: 0;
  }

  .carousel-arrows {
    top: inherit!important;
    bottom: 0px!important;
  }

  .carousel-arrows.left {
    left: calc(50% - 75px);
    transform: translateX(-50%) rotate(180deg);
  }

  .carousel-arrows.right {
    right: calc(50% - 95px);
    transform: translateX(-50%);
  }

  .carousel-arrows .glyphicon::before {
    background-image: url('/themes/custom/lyonfr_edito/images/arrow-right-white-newtheme.svg');
    background-color: #e6134d;
    border-radius: 100%;
    background-size: 18px 13px;
    padding: 0;
    transition: .2s all;
    background-position: center;
  }
}

.secRDVNew .secRDVNew-art .secRDVNew-artTxt .secRDVNew-warning {
  position: absolute;
  right: 0;
  top: -220px;
  padding: 7px 13px 8px 13px;
  border-radius: 20px 0 0 20px;
  background-color: #0C292F;
  color: white;
  border: solid 1px white;
}


.secRDVNew .secRDVNew-mainArt .secRDVNew-art .secRDVNew-artTxt .secRDVNew-warning {
  position: absolute;
  right: 0;
  top: -330px;
  padding: 7px 13px 8px 13px;
  border-radius: 20px 0 0 20px;
  background-color: #0C292F;
  color: white;
  border: solid 1px white;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .secRDVNew-warning {
  position: absolute;
  right: 0;
  top: 30px;
  padding: 7px 13px 8px 13px;
  border-radius: 20px 0 0 20px;
  background-color: #0C292F;
  color: white;
  border: solid 1px white;
}

.secRDVNew .secRDVNew-art .secRDVNew-artTxt h3 a {
  font-family: 'Mattone';
}

.secRDVNew .secRDVNew-mainArt .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .event-places,
.secRDVNew .secRDVNew-art .secRDVNew-artTxt .secRDVNew-artInfos .event-places a,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content a.event-places,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .secRDVNew-artInfos-lieu .event-places a,
.sorties-event .tags .sortir-infos .location .field--item {
  font-size: 14px;
  color: #696D89;
  font-family: 'Luciole-regular';
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .secRDVNew-artInfos .secRDVNew-artInfos-lieu .event-places{
  margin: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .img-actu img {
  border-top-left-radius: 50px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .sortir-infos {
  margin-top: 15px;
  display: flex;
  place-items: center;
  justify-content: center;
  column-gap: 10px;
  order: 1;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .sorties-event .actu-texte .sortir-infos .tagNew {
  color: #FFF;
  background-color: #e6134d;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .actu-texte .date .field--name-field-main-category {
  color: #FFF;
  background-color: var(--primary);
  margin-top: 20px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-content .actu-texte .tags .sortir-infos .tagNew,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .main-news-infos .tagNew
{
  color: #FFF;
  background-color: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte h3.event-sortir-title {
  text-align: center;
}

.sortir-news-infos,
.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .actu-texte .publication-date{
  display: flex;
  justify-content: left;
  align-items: center;
  column-gap: 10px;
  font-size: 12px;
  color: #696D89;
  font-family: 'Luciole-regular';
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .news-teaser .linkArrowNew p,
.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .news-teaser .linkArrowNew {
  color: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .field--name-field-sortir-main .news-teaser .linkArrowNew svg path,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .linkArrowNew svg path {
  fill: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .main-news-infos {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .main-news-infos .tagNew,
.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .main-news-infos .actu-texte .date .field--name-field-main-category {
  margin: 0;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .news-teaser .actu-texte .date .publication-date::before {
  background-color: var(--primary);
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main h3 a:hover {
  text-decoration: underline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main h3 {
  text-align: center;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .news-teaser h3 {
  text-align: left;
}

/* Style display : Suggestion ( Cross Content / Actu / Agenda / Recherche ) */

.edito-suggestion {
  text-align: center;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 100px 100px 0 0;
  height: 530px;
  border-bottom: 1px solid rgb(51 51 51 / 15%);
}

@media only screen and (max-width: 992px) {
  .edito-suggestion {
    min-height: 670px;
    height: inherit;
  }
}

@media only screen and (max-width: 480px) {
  .edito-suggestion {
    min-height: 800px;
  }
}

.edito-suggestion .edito-suggestion-image {
  margin-bottom: 0;
}

.edito-suggestion.suggestion-news .edito-suggestion-image,
.edito-suggestion.suggestion-event .edito-suggestion-image{
  margin-bottom: -25px;
}

.edito-suggestion .edito-suggestion-texte {
  display: grid;
  padding: 20px 30px 50px 30px;
  margin-left: 0;
  gap: 10px;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte,
.edito-suggestion.suggestion-event .edito-suggestion-texte {
  padding: 0 30px 50px 30px;
  z-index: 90;
  justify-content: center;
}

.edito-suggestion .edito-suggestion-texte h3 {
  order: 2;
  margin-top: 5px;
  line-height: 22px;
}

.edito-suggestion .edito-suggestion-texte h3 a {
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
  font-family: 'Mattone';
  line-height: 22px!important;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: none;
}

.edito-suggestion .edito-suggestion-texte h3 a:hover {
  text-decoration: underline;
}

.edito-suggestion .edito-suggestion-texte .edito-suggestion-tags {
  order: 1;
}

.edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
  display: flex;
  justify-content: center;
  gap: 10px;
}

@media only screen and (max-width: 1200px) {
  .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
    flex-direction: column;
    align-items: center;
  }
}


.edito-suggestion.suggestion-demarches .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag,
.edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag,
.edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag {
  color: black;
  background-color: #f0e8de;
  font-size: 12px;
  height: auto;
  margin-bottom: 0;
  place-content: center;

  & a {
    color: black;
  }

  & p {
    margin-bottom: 0;
  }
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag {
  display: flex;
  gap: 5px;
  background: none;
}

.edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag .location-text a {
  color: #696D89;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  display: block;
}

.edito-suggestion.suggestion-demarches .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  background-color: black;
  color: #fff;
  margin-bottom: 0;
  height: auto;
  display: flex;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .tags-news
{
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  background-color: #f0e8de;
  border-radius: 100px;
  min-width: 40px;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  height: 46px;
  flex-wrap: wrap;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event {
  background: #FFF;
  gap: 0px 5px;
  padding-right: 10px;
  padding-left: 50px;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  background-color: var(--primary);
  color: #FFF;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  margin-right: 20px;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
    display: flex;
  }
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .tags-news p {
  margin-bottom: 0;
  background: #f0e8de;
  font-family: 'Luciole-regular';
  min-height: 46px;
  text-transform: initial;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  border-radius: 0 100px 100px 0;
  padding: 10px 15px 10px 10px;
  display: flex;
  align-items: center;
  color: #696d89;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .tags-news .icon-date {
  height: 46px;
  background-color: var(--primary);
  background-image: url("/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-journal.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  padding-left: 3px;
  display: flex;
  align-items: center;
  width: 43px;
  justify-content: center;
  border-radius: 100px 0 0 100px;
}

.edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag {
  font-size: 12px;
  color: #696d89;
  font-family: 'Luciole-regular';
  background-color: white;
}

.edito-suggestion .edito-suggestion-texte .description {
  order: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: left;
  font-family: "Luciole-Regular";
}

.edito-suggestion .edito-suggestion-texte .description .field--name-field-adresse div {
  font-size: 14px;
  color: #696d89;
  font-family: 'Luciole-regular';
  font-weight: 400;
}

.edito-suggestion .edito-suggestion-texte .description .icon-location {
  display: flex;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte h3,
.edito-suggestion.suggestion-event .edito-suggestion-texte .description {
  padding: 0;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  place-self: center;
  flex-direction: column;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  background-color: #e6134d;
  color: white;
  margin-bottom: 0;
  font-size: 12px;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag .icon-location {
  display: flex;
  align-items: center;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .location-text p a,
.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos time,
.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos p,
.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .location-text div {
  font-size: 14px;
  color: #696d89;
  font-family: 'Luciole-regular';
  font-weight: 400;
  text-transform: initial;
}

@media only screen and (max-width: 1200px) {
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .location-text p a,
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos time,
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .location-text div {
    font-size: 11px;
  }
}

@media only screen and (max-width: 1200px) {
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos time,
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .location-text div {
    font-size: 14px;
  }
}



.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos time {
  text-wrap: auto;
  line-height: 16px;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .warning {
  position: absolute;
  right: 14px;
  top: 50px;
  padding: 7px 13px 8px 13px;
  border-radius: 20px 0 0 20px;
  background-color: #0c292f;
  color: white;
  border: solid 1px white;
}

@media only screen and (max-width: 992px) {
  .edito-suggestion.suggestion-event .edito-suggestion-texte .warning{
    right: 0;
  }
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event .icon-book {
  min-height: 46px;
  heihgt: 100%;
  background-color: #e6134d;
  background-image: url("/themes/custom/lyonfr_edito/style/../images/edito/svg/ic-agenda.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px;
  padding-left: 3px;
  display: flex;
  align-items: center;
  width: 43px;
  justify-content: center;
  border-radius: 100px 0 0 100px;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event.event-date {
  align-items: center;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event.event-date p {
  margin-bottom: 0;
  font-size: 14px;
  color: #696d89;
  display: inline;
  line-height: 16px;
}

@media only screen and (max-width: 1200px) {
  .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event.event-date p {
    font-size: 14px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .paragraph--type--sorties .actu-texte.text-no-date {
  margin-top: 25px;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos.text-no-date {
  margin-top: 50px;
}


.LAME-actualites article.article-news,
.LAME-actualites article.article-event
{
  z-index: 0;
}

.LAME-actualites .edito-suggestion .edito-suggestion-image img {
  border-radius: 50px 50px 0 0;
}

.LAME-actualites .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
  display: flex;
}

.LAME-actualites .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.LAME-actualites .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  margin-right: 0;
}

.LAME-actualites .edito-suggestion .edito-suggestion-texte {
  padding: 0 30px 50px 30px;
}

@media only screen and (max-width: 1200px) {
  .LAME-actualites .edito-suggestion {
    min-height: max-content;
  }
  .LAME-actualites .edito-suggestion .edito-suggestion-texte {
    padding: 0 20px 50px 20px;
  }
}

.view-id-recherche_globale .LAME-actualites .container-fluid .group-actu,
.view-agenda .LAME-actualites .container-fluid .group-actu{
  column-gap: 30px;
  margin-top: 40px;
}

.view-agenda .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event.event-date p,
.view-agenda .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event.event-date time
{
  font-size: 12px;
}

@media only screen and (max-width: 1200px) {
  .view-agenda .LAME-actualites .container-fluid .group-actu article {
    width: 100% !important;
  }

  .view-agenda .LAME-actualites .container-fluid {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.view-agenda .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .warning,
.view-id-recherche_globale .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .warning {
  top: 55px;
  right: 0;
}

@media only screen and (max-width: 992px) {
  .view-agenda .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .warning {
    right: 20px;
  }

  .view-actualites-solr .LAME-actualites .group-actu,
  .view-agenda .LAME-actualites .container-fluid .group-actu {
    margin-top: 0;
  }
}

.GROS_TITRE.actualites,
.GROS_TITRE.agenda {
  margin-bottom: 0;
}

.view-recherche-globale .edito-suggestion .edito-suggestion-texte {
  padding: 0 30px 50px 30px;
}

.view-recherche-globale .asso-suggestion .edito-suggestion .edito-suggestion-texte h3 {
  margin-bottom: 0;
}

.view-recherche-globale .asso-suggestion .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag p,
.view-recherche-globale .equipement-suggestion .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .second-tag p {
  font-size: 12px;
  line-height: 1;
}

.view-recherche-globale .elu-suggestion .edito-suggestion .edito-suggestion-image {
  overflow: hidden;
  border-radius: 50px 50px 0 0;
  display: grid;
  align-content: center;
  align-items: center;
}


.field_elu .delegation-cm {
  margin-top: 4px;
}

.field_elu .elu_mandat span {
  margin-right: 4px;
}

.field_elu .elu_mandat {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
}

@media only screen and (min-width: 992px) {
  .view-actualites-solr .LAME-actualites .group-actu,
  .view-agenda .LAME-actualites .container-fluid .group-actu {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .publication-date {
    padding: 0 10px 0 5px;
  }
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .publication-date .field.field--name-field-date-evenement-fin.field--type-datetime.field--label-visually_hidden {
  display: inline;
}

.pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-content .actu-texte .tags .publication-date .field--item {
  display: inline;
}


.col-droite .img-elu img{
  width: 100%;
  border-radius: 50px 0 0 0;
}

@media only screen and (max-width: 992px){
  section article .secFocusNew-pic.edito-suggestion-image, section article .secFocusNew-pic.edito-suggestion-image img {
    height: auto;
    min-height: unset;
    max-height: unset;
  }
  section article .edito-suggestion {
    min-height: unset;
  }
}

/* Page Hub */

.accordion-columns-wrapper {
  display: flex;
  gap: 200px;
}

.accordion-column {
  flex: 1;
  width: 50%;
}

@media only screen and (max-width: 1200px) {
  .accordion-columns-wrapper {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }

  .accordion-column {
    width: 100%;
  }
}

#block-navigationedito-page-hub-1 .menu--navigation-edito {
  flex-direction: column;
}

#block-navigationedito-page-hub-1 .menu--navigation-edito .paragraph--type--accordion-text-block {
  width: 100%;
}

.sortir-rightcolumn .accordion-columns-wrapper,
.hub-items-single-column .accordion-columns-wrapper {
  gap: 0;
  margin-top: 0;
  flex-direction: column;
}

.sortir-rightcolumn .accordion-column,
.hub-items-single-column .accordion-column {
  width: 100%;
}

.hub-items-single-column #block-navigationedito-page-hub-1 .accordion-column .menu--navigation-edito {
  width: auto;
}

.GROS_TITRE.globale {
  margin-bottom: 0;
}

@media only screen and ( min-width: 1200px) {
  .hub-items-single-column #block-navigationedito-page-hub-1 .accordion-column .menu--navigation-edito {
    margin-top: 0;
  }

  .page-node-type-page-hub .hub-items.hub-items-single-column{
    margin-top: 140px;
  }
}

@media only screen and (max-width: 992px) {
  .page-node-type-page-hub .hub-items.hub-items-single-column {
    margin-top: 0;
  }
}

@media only screen and (max-width: 479px) {
  .main-container .accordion {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .headerNew .headerNew-mainMenu .headerNew-leftCol h1 a {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite ul {
    line-height: inherit;
    margin-bottom: 10px;
  }

  .LAME-demarches {
    text-align: inherit;
  }
}

@media only screen and (max-width: 1200px) {
  .edito-suggestion.suggestion-news .edito-suggestion-texte,
  .edito-suggestion.suggestion-event .edito-suggestion-texte {
    padding: 0 30px 50px 30px;
  }
}

.standard.maire.actualite {
  margin-top: 50px;
}

.LAME-actualites .article-event .description p {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .accordion h2 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 350px) {
  .container-fluid {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

@media only screen and (max-width: 350px) {
  .view-demarches .BLOC_sousmenu.demarches .row > article .content .titre {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 350px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 152px;
    max-height: 152px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 390px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 175px;
    max-height: 175px;
  }
}

@media only screen and (min-width: 390px) and (max-width: 430px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 197px;
    max-height: 197px;
  }
}

@media only screen and (min-width: 430px) and (max-width: 470px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 219px;
    max-height: 219px;
  }
}

@media only screen and (min-width: 470px) and (max-width: 610px) {
  .pageSortir .sortir-colDroite .sortir-rubSorties .row .field--name-field-sortir-main .img-actu .field--name-field-image-small img {
    min-height: 248px;
    max-height: 248px;
  }
}

@media only screen and (max-width: 320px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 69%;
  }
}

@media only screen and (max-width: 380px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 79%;
  }
}

@media only screen and (max-width: 460px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 84%;
  }
}

@media only screen and (max-width: 600px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 92%;
  }
}

@media only screen and (max-width: 768px) {
  .standard.actualite.actu-news .BLOC-chapeau::before {
    height: 97%;
  }
}

@media only screen and (min-width: 1200px) {
  .maire .description {
    float: none;
  }
}

@media only screen and (min-width: 1200px) {
  .maire.actualite + .paragraph--type--accordion-text-block:last-child {
    width: calc(100% - 30px);
  }
}

section.LAME-flash-info .LAME-flash-info {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.view-recherche-globale .edito-suggestion .edito-suggestion-tags {
  margin-top: 20px;
}

.view-recherche-globale .edito-suggestion .tags-news, .view-recherche-globale .edito-suggestion .tags-event.event-date {
  margin-top: -20px;
}

.edito-suggestion .edito-suggestion-texte .description .elu_mandat {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

section.infos-pratiques .rouge {
  color: #cc134d;
}

@media only screen and (max-width: 992px) {
  .view-id-recherche_globale .LAME-actualites .edito-suggestion.suggestion-event .edito-suggestion-texte .warning {
    right: 0;
  }
}

.view-recherche-globale .edito-suggestion,
.view-recherche-globale .edito-suggestion .edito-suggestion-texte,
.view-recherche-globale .LAME-actualites .edito-suggestion .edito-suggestion-texte .edito-suggestion-tags {
  position: unset;
}

@media only screen and (max-width:992px) {
  .view-brief-view .LAME-actualites article .bloc .actu-texte {
    min-height: auto;
  }
}

.complet-annule-event {
  background: none;
  display: inline-block;
  border: none;
  padding: 7px 13px 7px 13px;
  font-size: 1rem;
  font-weight: 400;
  color: white;
  margin-bottom: 10px;
  background-color: #0c292f;
  line-height: 1.15rem;
  border-radius: 20px;
}

@media only screen and (max-width: 370px) {
  .LAME-actualites .container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media only screen and (max-width: 330px) {
  .edito-suggestion.suggestion-news .edito-suggestion-texte, .edito-suggestion.suggestion-event .edito-suggestion-texte {
    padding: 0 20px 50px 20px;
  }
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event {
  display: block;
  margin-bottom: 20px;
  border-radius: 100px;
  min-width: 40px;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  height: 46px;
  text-align: left;
  align-content: center;
  line-height: 16px;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event .field.field--name-field-date-evenement-fin.field--type-datetime.field--label-visually_hidden {
  display: inline;
}

.edito-suggestion.suggestion-event .edito-suggestion-texte .edito-suggestion-tags .tags-event .field--item {
  display: inline;
}

.lien-externe {
  padding: 0 20px 0px 0px;
  background: url(../images/lien-ext.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 13px 17px;
  width: 16px;
  height: 20px;
  text-decoration: none;
}

.col-droite .infos-pratiques .event-address {
  font-family: 'Luciole-regular';
  font-size: 14px;
  font-weight: normal;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
}

.LAME-ce-moment .edito-suggestion.suggestion-news h3:before {
  content: none;
}

.LAME-ce-moment .suggestions.play-mobile .secFocusNew-carousel.slide .carousel-inner{
  display: flex;
  column-count: 3;
  flex-wrap: wrap;
  row-gap: 20px;
}

.LAME-ce-moment .suggestions.play-mobile .row {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .LAME-ce-moment .suggestions.play-mobile article {
    margin-bottom: 0;
  }
}

.secFocusNew.suggestions.play-mobile .secFocusNew-title {
  padding-top: 0;
  border-top: none;
}

.standard.actualite .BLOC-chapeau {
  display: flex;
  flex-direction: column;
}

.standard.actualite .BLOC-chapeau .BLOC-image {
  position: inherit;
}

.actu-news.standard.actualite figcaption {
 color: #FFF;
}

.infos-pratiques .field--item a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  margin-top:8px;
  width: 23px;
  height: 9px;
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  transition: all 0.5s ease 0s;
  background: url(../images/ARROW-lien.svg) no-repeat center;
  display: none;
}

section.infos-pratiques .date,
section.infos-pratiques .adresse
{
  margin-bottom:0;
}

section.infos-pratiques p {
  margin: 0;
  font-size: 14px;
}

section.infos-pratiques .field--item p, section.infos-pratiques .field--item ul {
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 992px) {
  section article .secFocusNew-pic.edito-suggestion-image, section article .secFocusNew-pic.edito-suggestion-image img {
    height: 217px;
    min-height: 217px;
    max-height: 217px;
  }
}

.paragraph--type--accordion-text-block .field--name-field-title .paragraph-title-leaflets a {
  position: relative;
}

/**
  Add no-iframe-style class on div before iframe to reset style
  I created this class because at the moment I don't have time to modify all the style applied on iframe
  @TODO: Remove all styles on iframe and work in parent component
*/

.no-iframe-style {
  padding: 35px 35px 0 35px !important;
  background: white;
  border-radius: 50px 0;

  iframe {
    padding: 0 !important;
    background: inherit !important;
    border-radius: 0 !important;
  }
}

.standard.actualite div:not(.no-iframe-style) > iframe {
  min-height: auto !important;
  max-width: unset !important;
  height: 100% !important;
}

.tac_activate_youtube {
  z-index: 20;
}

.main-container .accordion .panel-default>.panel-heading .panel-title {
  margin-bottom: 0 !important;
}

.main-container .accordion .panel-default>.panel-heading {
  padding: 20px 35px 20px 70px;
}


.standard.actualite .accordion .panel-group .panel .panel-heading a,
.elu-teaser-link {
  color: #333333 !important;
  text-decoration: none !important;
  font-family: 'Mattone', sans-serif;

  &:hover {
    text-decoration: underline;
  }
}

@media only screen and (max-width: 992px) {
  .standard.actualite .accordion .panel-group .panel .panel-heading a {
    font-size: 17px;
  }

}

.main-container .accordion .panel-body {
  .fonction, .nom, .delegation {
    color: #333333 !important;
    text-decoration: none !important;
    &:hover {
      text-decoration: underline;
    }
  }
}

@media only screen and (max-width: 992px) {
  .no-iframe-style {
    padding: 25px 10px 25px 10px !important;
  }

  .standard.actualite .video-poster svg,
  .field--name-field-video-paragraph .video.gris .container-fluid .video-poster svg {
    width: 150px;
    height: 150px;
    bottom: 50%;
  }
}

.page-com-commissions {
  margin-top: 40px;
}

@media screen and (min-width: 992px) {
  .page-com-commissions {
    margin-top: 20px;
  }
}

/* Solution problème menu Safari */
.navbar-collapse .nav::before {
  display: block;
}

.eventPage .col-droite .infos-pratiques .adresse .event-places {
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .suggestion-news-account-container {
    margin-bottom: 20px;
  }
}

.suggestion-news-account-container h3::before {
  content: none;
}

.suggestion-news-account-container .tags-news p {
  margin: 0;
}

.LAME-lire-aussi .suggestion-news-account-container .edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos {
  display: flex;
}

.LAME-lire-aussi .suggestion-news-account-container .edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .first-tag {
  font-weight: 400;
  margin-top: 0;
  line-height: 1.15rem;
}

.LAME-lire-aussi .suggestion-news-account-container .edito-suggestion.suggestion-news .edito-suggestion-texte .edito-suggestion-tags .edito-suggestion-infos .tags-news {
  left: unset;
  transform: unset;
}

.LAME-lire-aussi .suggestion-news-account-container .edito-suggestion.suggestion-news .edito-suggestion-texte h3 {
  padding: 0;
  margin-bottom: 20px;
}

.LAME-lire-aussi .suggestion-news-account-container .edito-suggestion.suggestion-news .edito-suggestion-texte {
  z-index: 90;
}

.LAME-lire-aussi .edito-suggestion .edito-suggestion-image img {
  border-radius: 50px 50px 0 0;
}

.eventPage .col-droite .infos-pratiques .adresse .event-places {
    font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .view-kiosque .secDocNew {
    margin-top: 80px;
  }
}

.carousel-inner .field--image-slider-accueil {
  z-index: 89;
}