@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Regular"), local("AvenirNext-Regular"), url("../fonts/AvenirNext-Regular.woff2") format("woff2"), url("../fonts/AvenirNext-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Italic"), local("AvenirNext-Italic"), url("../fonts/AvenirNext-Italic.woff2") format("woff2"), url("../fonts/AvenirNext-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Medium"), local("AvenirNext-Medium"), url("../fonts/AvenirNext-Medium.woff2") format("woff2"), url("../fonts/AvenirNext-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Medium Italic"), local("AvenirNext-MediumItalic"), url("../fonts/AvenirNext-MediumItalic.woff2") format("woff2"), url("../fonts/AvenirNext-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Bold"), local("AvenirNext-Bold"), url("../fonts/AvenirNext-Bold.woff2") format("woff2"), url("../fonts/AvenirNext-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Bold Italic"), local("AvenirNext-BoldItalic"), url("../fonts/AvenirNext-BoldItalic.woff2") format("woff2"), url("../fonts/AvenirNext-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

.white {
  color: #ffffff !important; }

.main-blue {
  color: #134284 !important; }

.brand-blue {
  color: #0057e2 !important; }

.skyblue {
  color: #259bee !important; }

.blue-chatbot {
  color: #03b4ed !important; }

.orange {
  color: #ff9100 !important; }

.green {
  color: #00c646 !important; }

.dark-yellow {
  color: #ffc543 !important; }

.main-blue-bg {
  background-color: #134284 !important; }

.brand-blue-bg {
  background-color: #0057e2 !important; }

.skyblue-bg {
  background-color: #259bee !important; }

.blue-chatbot-bg {
  background-color: #03b4ed !important; }

.orange-bg {
  background-color: #ff9100 !important; }

.dark-yellow-bg {
  background-color: #ffc543 !important; }

.green-bg {
  background-color: #00c646 !important; }

.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.star-on-icon {
  background-image: url(../images/pictos/star-on.svg); }

.star-off-icon {
  background-image: url(../images/pictos/star-off.svg); }

.speak-play-icon {
  background-image: url(../images/pictos/speak-play.svg); }

.speak-stop-icon {
  background-image: url(../images/pictos/speak-stop.svg); }

.speak-pause-icon {
  background-image: url(../images/pictos/speak-pause.svg); }

.speak-next-icon {
  background-image: url(../images/pictos/speak-next.svg); }

.speak-preview-icon {
  background-image: url(../images/pictos/speak-preview.svg); }

.speak-close-icon {
  background-image: url(../images/pictos/speak-close.svg); }

.malentendant-icon {
  background-image: url(../images/pictos/malentendant.svg); }

.boussole-icon {
  background-image: url(../images/pictos/boussole.svg); }

.navbar-toggler-icon {
  background-image: url(../images/pictos/menu-blanc.svg); }

.compte-icon {
  background-image: url(../images/pictos/compte-bleu.svg); }

.profil-habitant-icon {
  background-image: url(../images/pictos/habitant-bleu.svg); }

.profil-professionnel-icon {
  background-image: url(../images/pictos/professionnel-bleu.svg); }

.profil-futur-habitant-icon {
  background-image: url(../Images/pictos/futur-habitant-bleu.svg); }

.profil-touriste-icon {
  background-image: url(../Images/pictos/touriste-bleu.svg); }

.loupe-icon {
  background-image: url(../Images/pictos/loupe-bleue.svg); }

.loupe-blanche-icon {
  background-image: url(../Images/pictos/loupe-blanche.svg); }

.validate-icon {
  width: 1.8rem;
  height: 1.4rem;
  background-image: url(../Images/pictos/coche-blanche.svg); }

.clock-icon {
  background-image: url(../Images/pictos/horloge.svg); }

.phone-icon {
  background-image: url(../Images/pictos/telephone.svg); }

.twitter-icon {
  background-image: url(../Images/logos/twitter-footer.svg); }

.facebook-icon {
  background-image: url(../Images/logos/facebook-footer.svg); }

.instagram-icon {
  background-image: url(../Images/logos/instagram-footer.svg); }

.youtube-icon {
  background-image: url(../Images/logos/youtube-footer.svg); }

.linkedin-icon {
  background-image: url(../Images/logos/linkedin-footer.svg); }

.close-icon {
  background-image: url(../Images/pictos/fermer.svg); }

.close-icon-darkblue {
  background-image: url(../Images/pictos/fermer-bleuF.svg); }

.close-icon-bold {
  background-image: url(../Images/pictos/fermer-gras.svg); }

.transport-icon {
  background-image: url(../Images/pictos/transports.svg); }

.loisirs-icon {
  background-image: url(../Images/pictos/sports.svg); }

.scolarite-icon {
  background-image: url(../Images/pictos/scolarite.svg); }

.sante-icon {
  background-image: url(../Images/pictos/sante.svg); }

.quartiers-icon {
  background-image: url(../Images/pictos/quartiers.svg); }

.qualite-vie-icon {
  background-image: url(../Images/pictos/qualite-vie.svg); }

.mairie-icon {
  background-image: url(../Images/pictos/mairie.svg); }

.international-icon {
  background-image: url(../Images/pictos/international.svg); }

.emploi-icon {
  background-image: url(../Images/pictos/emploi.svg); }

.education-icon {
  background-image: url(../Images/pictos/education.svg); }

.demarches-icon {
  background-image: url(../Images/pictos/demarches.svg); }

.culture-icon {
  background-image: url(../Images/pictos/culture.svg); }

.associations-icon {
  background-image: url(../Images/pictos/associations.svg); }

.professionnels-icon {
  background-image: url(../Images/pictos/professionnels.svg); }

.decouvrir-icon {
  background-image: url(../Images/pictos/decouvrir.svg); }

.chatbot-icon {
  background-image: url(../Images/pictos/bulles-dialogue.svg); }

.like-icon {
  background-image: url(../Images/pictos/j-aime.svg); }

.liked-icon {
  background-image: url(../Images/pictos/j-aime-on.svg); }

.speaker-icon {
  background-image: url(../Images/pictos/haut-parleur.svg); }

.speaker-off-icon {
  background-image: url(../Images/pictos/haut-parleur-off.svg); }

.sun-icon {
  background-image: url(../Images/pictos/soleil.svg); }

.shoe-icon {
  background-image: url(../Images/pictos/chaussure-bleue.svg); }

.park-icon {
  background-image: url(../Images/pictos/parcs.svg); }

.arrow-left-icon {
  background-image: url(../Images/pictos/fleche-gauche-bleue.svg); }

.arrow-right-icon {
  background-image: url(../Images/pictos/fleche-droite-bleue.svg); }

.faucet-icon {
  background-image: url("../Images/pictos/fontaine-eau.svg"); }

.twitter-share-icon {
  background-image: url(../Images/logos/twitter-share.svg); }

.facebook-share-icon {
  background-image: url(../Images/logos/facebook-share.svg); }

.email-share-icon {
  background-image: url(../Images/pictos/email-share.svg); }

.urbanisme-icon {
  background-image: url(../Images/pictos/Urbanisme.svg); }

.sport-icon {
  background-image: url(../Images/pictos/Sport.svg); }

.senior-icon {
  background-image: url(../Images/pictos/Seniors.svg); }

.securite-icon {
  background-image: url(../Images/pictos/Securite.svg); }

.sante-icon {
  background-image: url(../Images/pictos/Sante.svg); }

.proprete-icon {
  background-image: url(../Images/pictos/Proprete.svg); }

.projet-icon {
  background-image: url(../Images/pictos/Projets.svg); }

.politique-icon {
  background-image: url(../Images/pictos/Politique.svg); }

.pole-icon {
  background-image: url(../Images/pictos/PoleMetropolitain.svg); }

.plu-icon {
  background-image: url(../Images/pictos/PLU.svg); }

.numerique-icon {
  background-image: url(../Images/pictos/Numerique.svg); }

.jeune-etudiant-icon {
  background-image: url(../Images/pictos/JeunesEtudiants.svg); }

.jardin-icon {
  background-image: url(../Images/pictos/Jardins.svg); }

.handicap-icon {
  background-image: url(../Images/pictos/Handicap.svg); }

.habitat-icon {
  background-image: url(../Images/pictos/Habitat.svg); }

.febus-icon {
  background-image: url(../Images/pictos/Febus.svg); }

.famille-icon {
  background-image: url(../Images/pictos/FamilleVieQuotidienne.svg); }

.enfance-icon {
  background-image: url(../Images/pictos/Enfance.svg); }

.dev-durable-icon {
  background-image: url(../Images/pictos/DevDurable.svg); }

.deplacer-stationner-1-icon {
  background-image: url(../Images/pictos/DeplacerStationner.svg); }

.deplacer-stationner-2-icon {
  background-image: url(../Images/pictos/DeplacerStationner2.svg); }

.culture-bearnaise-icon {
  background-image: url(../Images/pictos/CultureBearnaise.svg); }

.culture-2-icon {
  background-image: url(../Images/pictos/Culture-2.svg); }

.commerce-icon {
  background-image: url(../Images/pictos/Commerce.svg); }

.anti-solitude-icon {
  background-image: url(../Images/pictos/AntiSolitude.svg); }

.agglo-icon {
  background-image: url(../Images/pictos/Agglo.svg); }

.a-icon {
  background-image: url(../Images/pictos/A.svg); }

.dl-icon {
  background-image: url(../Images/pictos/download-blue.svg); }

.btn-grid .icon {
  background-image: url(../Images/pictos/grille-off.svg); }

.btn-grid.active .icon {
  background-image: url(../Images/pictos/grille-on.svg); }

.btn-list .icon {
  background-image: url(../Images/pictos/liste-off.svg); }

.btn-list.active .icon {
  background-image: url(../Images/pictos/liste-on.svg); }

.play-icon {
  background-image: url(../Images/pictos/play-rouge.svg); }

.important-icon {
  background-image: url(../Images/pictos/important.svg); }

.link-icon {
  background-image: url(../Images/pictos/link.svg); }

.hand-holding-heart-solid-icon {
  background-image: url(../Images/pictos/hand-holding-heart-solid.svg); }

.hand-holding-heart-solid-white-icon {
  background-image: url(../Images/pictos/hand-holding-heart-solid-white.svg); }

.fleche-retour {
  background-image: url(../Images/pictos/fleche-retour.svg); }

.croix {
  background-image: url(../Images/pictos/croix.svg); }

.event-location {
  background-image: url(../Images/pictos/marqueur-evenement.svg); }

.map-icon-grey {
  background-image: url(../Images/pictos/carte-grise.svg); }

.map-icon-blue {
  background-image: url(../Images/pictos/carte-bleue.svg); }

.event-list-white {
  background-image: url(../Images/pictos/liste-evenements-blanc.svg); }

.event-list-blue {
  background-image: url(../Images/pictos/liste-evenements-bleu.svg); }

.habitants-orange {
  background-image: url(../Images/pictos/aggloPresentation/habitants-orange.svg); }

.mairie-orange {
  background-image: url(../Images/pictos/aggloPresentation/mairie-orange.svg); }

.mail-orange {
  background-image: url(../Images/pictos/aggloPresentation/mail-orange.svg); }

.horaires-orange {
  background-image: url(../Images/pictos/aggloPresentation/horaires-orange.svg); }

.habitants-orange-large {
  background-image: url(../Images/pictos/aggloPresentation/habitants-orange-large.svg); }

.btn-map-white {
  background-image: url(../Images/pictos/btn-map-blanc.svg); }

.btn-map-blue {
  background-image: url(../Images/pictos/btn-map-bleu.svg); }

.btn-add-event-blue {
  background-image: url(../Images/pictos/btn-ajout-evenement-bleu.svg); }

.btn-add-event-white {
  background-image: url(../Images/pictos/btn-ajout-evenement-blanc.svg); }

/* VARS */
.event-filters {
  background-color: #e2e2e2;
  padding: 2rem 4rem;
  margin-bottom: 2rem; }
  .event-filters .title {
    margin-bottom: 2.5rem; }
  .event-filters .form-control {
    border-color: white; }
    .event-filters .form-control:focus {
      border-color: #0057e2;
      box-shadow: none; }
  .event-filters .control-label {
    font-size: 1.2rem; }
  .event-filters .button-container {
    margin-top: 3rem; }

.date {
  margin: 0;
  text-align: center; }
  .date span {
    display: block; }
  .date + .date {
    position: relative;
    margin-left: 2.9rem; }
    .date + .date::before {
      position: absolute;
      top: 2.3rem;
      left: -1.9rem;
      display: block;
      width: 1.4rem;
      height: 2.2rem;
      background: url("data:image/svg+xml,%3Csvg width='14' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l11 9.7217L1 21' stroke='%234091FF' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
      content: ""; }
  .date .day {
    font-size: 4rem;
    font-weight: 700;
    line-height: 4rem; }
  .date .month-year {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.9rem; }

.event-form-intro ul {
  padding-left: 1.3rem; }
  .event-form-intro ul li a {
    text-decoration: underline; }

/* submit event form */
.form-section {
  margin-top: 5rem; }

.form-section-title {
  margin-bottom: 3rem;
  font-size: 2.7rem;
  line-height: 3.4rem;
  text-align: center; }
  .form-section-title .step-number {
    vertical-align: bottom;
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    background-color: #0057e2;
    padding-top: .3rem;
    border-radius: 50%;
    margin-right: .3rem;
    color: white;
    font-size: 2.2rem;
    line-height: 2.9rem;
    text-align: center; }

.js .box__file {
  width: .01rem;
  height: .01rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.js .box__file + label {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 0; }

.js .box__file + label:hover strong,
.js .box__file:focus + label strong,
.js .box__file.has-focus + label strong {
  color: #39bfd3; }

.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: .1rem dotted #000;
  outline: -webkit-focus-ring-color auto .5rem; }

.no-js .box__file + label {
  display: none; }

.no-js .box__button {
  display: block; }

.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: none;
  padding: .8rem 1.6rem;
  margin: 4rem auto 0; }

.box__button:hover,
.box__button:focus {
  background-color: #0f3c4b; }

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none; }

.file-upload.has-advanced-upload {
  position: relative;
  height: 15rem;
  background: #f1f1f1 url(../Images/pictos/picto-image.svg) no-repeat center center;
  background-size: 10.7rem 4.4rem;
  border: 0.05rem dashed #9b9b9b;
  transition: background-color .2s linear; }
  .file-upload.has-advanced-upload label {
    display: none;
    opacity: 0;
    transition: opacity .2s linear; }
  .file-upload.has-advanced-upload .btn-delete {
    opacity: 0;
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.3);
    padding: .5rem .9rem .3rem;
    border-radius: 1.2rem;
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase; }
    .file-upload.has-advanced-upload .btn-delete::after {
      display: inline-block;
      vertical-align: -.1rem;
      width: 1.2rem;
      height: 1.2rem;
      background: url(../Images/pictos/fermer.svg) no-repeat;
      background-size: 100%;
      content: "";
      margin-left: .9rem; }
  .file-upload.has-advanced-upload:hover:not(.is-success) {
    background-color: #e2e2e2;
    background-image: none; }
    .file-upload.has-advanced-upload:hover:not(.is-success) label {
      display: block;
      opacity: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #4a4a4a;
      font-size: 1.5rem;
      line-height: 2rem; }
      .file-upload.has-advanced-upload:hover:not(.is-success) label::before {
        display: block;
        width: 2.8rem;
        height: 2.4rem;
        content: "";
        background: url(../Images/pictos/file-upload.svg) no-repeat center center;
        margin: 0 auto 1.4rem; }
  .file-upload.has-advanced-upload.is-dragover {
    background-color: white; }
  .file-upload.has-advanced-upload.is-success {
    border-radius: 0.6rem; }
    .file-upload.has-advanced-upload.is-success img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.6rem; }
      .file-upload.has-advanced-upload.is-success img + img {
        display: none; }
    .file-upload.has-advanced-upload.is-success .btn-delete {
      opacity: 1; }

.file-upload.has-advanced-upload .box__dragndrop {
  display: inline; }

/* Annuaire des associations */
.annuaire-des-associations-sous-titre {
  margin: 1.5rem 0;
  color: #4091ff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem; }

.participation-checkbox {
  display: flex;
  align-items: flex-start;
  margin: 5px 0 0 20px; }
  .participation-checkbox .hand-holding-heart-solid-icon {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 0 10px; }
  .participation-checkbox p {
    margin: 0; }

.association-logo {
  display: flex;
  justify-content: center;
  margin: 15px; }
  .association-logo img {
    max-height: 125px; }

.filtre-association {
  display: flex; }
  .filtre-association p {
    color: #4091ff;
    font-size: 15px;
    margin-right: 45px; }
    .filtre-association p strong {
      font-weight: 600;
      font-size: 17px;
      color: #134284; }

.tag-antisolitude-gros {
  align-items: center;
  background-color: #46a546;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 15px;
  padding: 12px 12px; }
  .tag-antisolitude-gros .hand-holding-heart-solid-white-icon {
    background-repeat: no-repeat;
    display: block;
    height: 45px;
    margin-right: 18px;
    width: 45px; }
  .tag-antisolitude-gros a {
    color: white;
    text-decoration: underline; }
    .tag-antisolitude-gros a:hover {
      text-decoration: none; }

.association-categories {
  display: flex;
  align-items: center;
  margin-top: 5px !important; }
  .association-categories .event-category.thematique {
    margin-top: 0; }
  .association-categories .vertical-separator {
    margin: 0px 14px;
    color: #9b9b9b;
    font-size: 17px; }
  .association-categories .type-public {
    color: #fff;
    background-color: #4091ff;
    padding: 5px 12px;
    border-radius: 5px;
    margin: 0px 2px; }
  .association-categories .tag-antisolitude {
    color: #fff;
    background-color: #46a546;
    padding: 5px 12px;
    border-radius: 5px;
    margin: 0px 2px;
    display: flex;
    align-items: center; }
    .association-categories .tag-antisolitude .hand-holding-heart-solid-white-icon {
      width: 30px;
      height: 20px;
      background-repeat: no-repeat;
      margin-right: 5px;
      display: block; }

.onglet-container section {
  display: none;
  padding: 20px 0 0; }

.onglet-container input {
  display: none; }

.onglet-container label {
  color: #134284;
  background-color: #fff;
  padding: 15px 100px;
  border-radius: 5px;
  border: 1px solid #134284;
  min-width: 360px;
  text-align: center;
  margin: 0 3px 15px;
  font-weight: bold; }

.onglet-container label:hover {
  background-color: #0057e2;
  color: #fff;
  cursor: pointer; }

.onglet-container input:checked + label {
  color: #fff;
  border: 1px solid #0057e2;
  background-color: #0057e2; }

.onglet-container #tab1:checked ~ #content1,
.onglet-container #tab2:checked ~ #content2,
.onglet-container #tab3:checked ~ #content3 {
  display: block; }

.detail-block {
  background-color: #f7f6f6;
  padding: 10px;
  margin-bottom: 15px; }
  .detail-block h3 {
    font-size: 15px;
    font-weight: bold; }

/* EO Annuaire des associations */