/*
  Custom CSS for Fédération des centres sociaux des 2 Savoie
 */

html, body {
    font-weight: 500;
}
#YesWikiModal .modal-content, .yeswiki-page-widget {
    background: var(--neutral-light-color);;
}

/* scrolling pour les ancres */
*{scroll-behavior: smooth;}

/* titres */
h1 {
    color: var(--big-titles-color);
    font-weight: 700;
}
h2, h2, h3, h4, h5, h6 {
    color: var(--small-titles-color);
    font-weight: 700;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2.2rem;
}
@media (max-width: 1200px){
    h1 {
        font-size: 2.2rem;
    }
    h2 {
        font-size: 1.9rem;
    }
    h4 {
        font-size: 1.2rem;
    }
    .nav-up .container .navbar-header .navbar-brand .include span img {
        display: none;
    }
}
@media (max-width: 768px) {
    h1 {
        font-size: 1.9rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    #yw-topnav .navbar-brand {
        font-size: 1.3rem;
    }
}

@media (max-width: 1000px) {
    #yw-header{
        display: none;
    }
}
.v-center {
    display: flex;
    align-items: center;
}

/* menu du haut */
#yw-topnav {
    background-color: var(--primary-color);
    border: solid;
    border-width: 0 0 3px 0;
    border-color: black;
}
#yw-topnav .navbar-brand {
    font-family: var(--main-text-fontfamily);
    color: black !important;
    padding-top: 5px;
    margin-left: 10px;
}
#yw-topnav .navbar-brand:hover {
    color: white !important;
}
#yw-topnav .navbar-nav > li > a:not(.btn) {
    color: var(--neutral-color) !important;
    font-family: var(--main-title-fontfamily);
    text-transform: uppercase;
}
#yw-topnav .navbar-nav > li > a:not(.btn):hover, #yw-topnav .navbar-nav > li > a:not(.btn):focus {
    color: white !important;
    transition: color 0.45s;
}
#yw-topnav .dropdown-menu {
    background: var(--primary-color);
}
#yw-topnav .dropdown-menu li a {
    color: var(--neutral-color);
    font-weight: 400;
    font-size: .9rem;
    padding: 5px 15px;
}
#yw-topnav .yw-topnav-fast-access .dropdown-menu li > a {
    display: block;
    padding: 5px 15px 0px 15px;
}
#yw-topnav .yw-topnav-fast-access .dropdown-menu li a > i {
    margin-right: 5px;
}
#yw-topnav .dropdown-menu a:hover {
    background: var(--primary-color) !important;
}
#yw-topnav .dropdown-menu li > a:hover, #yw-topnav .dropdown-menu li > a:focus {
    color: white !important;
}
#yw-topnav .yw-topnav-fast-access a, #yw-topnav .yw-topnav-fast-access a.btn.btn-default {
    display: inline-block;
    /*display: block;*/
    font-weight: 400;
    font-size: var(--main-text-fontsize);
    text-transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    line-height: 1.5;
}
#yw-topnav .yw-topnav-fast-access a:hover, #yw-topnav .yw-topnav-fast-access a.btn.btn-default:hover,
#yw-topnav .yw-topnav-fast-access a:focus, #yw-topnav .yw-topnav-fast-access a.btn.btn-default:focus,
#yw-topnav .yw-topnav-fast-access .btn:hover {
    text-decoration: none;
    color: var(--neutral-color) !important;
    transition: color 0.45s;
}
#yw-topnav .yw-topnav-fast-access a > i:before {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-bottom: 11px;
    position: relative;
    left: 0;
    top: 2px;
}

#yw-topnav .yw-topnav-fast-access .navbar-btn {
    padding: 6px 10px;
    color: var(--neutral-color);
}
#yw-topnav .yw-topnav-fast-access .btn.btn-default:after, #yw-topnav .yw-topnav-fast-access .btn.btn-default2:after {
    background: none;
}
#yw-topnav .navbar-nav > li > a.switch-site {
    color: var(--neutral-color) !important;
    background-color: var(--secondary-color-1) !important;
    /*color: var(--secondary-color-1) !important;*/
    /*background-color: white !important;*/
    font-weight: 900;
    padding: 5px 10px;
    text-transform: none;
    margin-left: 30px;
    transition: none;
}
#yw-topnav .navbar-nav > li > a.switch-site:hover {
    color: var(--secondary-color-1) !important;
}
#yw-topnav .navbar-nav > li > a.switch-site:after {
    transition: none;
    background-color: white;
    opacity: 1;
}

@media (max-width: 768px) {
    #yw-topnav .yw-topnav-fast-access .btn {
        font-size: 0;
        padding: 0.9rem 1rem 0.5rem 1rem;
    }
    #yw-topnav .yw-topnav-fast-access .btn i:before {
        font-size: 1.5rem;
    }
}
@media (max-width: 800px){
    html {
        width: 130%;
    }
    #yw-topnav {
        padding: 5px;
    }
    #yw-topnav .btn.btn-menu.btn-default {
        background: var(--primary-color) !important;
        color: white !important;
    }
    #yw-topnav .btn.btn-menu.btn-default:hover, #yw-topnav .btn.btn-menu.btn-default:focus {
        color: var(--neutral-color) !important;
    }
    #yw-topnav .yw-topnav-fast-access .dropdown-menu {
        padding: 5px 0 !important;
    }
    #yw-topnav .yw-topnav-fast-access .btn.btn-default,
    #yw-topnav .yw-topnav-fast-access .btn.btn-default:focus {
        color: white !important;
        background: var(--primary-color) !important;
        padding-top: 7px;
    }
    #yw-topnav .yw-topnav-fast-access .btn.btn-default:hover {
        color: var(--neutral-color) !important;
    }
    #yw-topnav .links-container .navbar-nav {
        -webkit-box-shadow: -2px 0px 6px 0px #C0C0C0;
        box-shadow: -2px 0px 6px 0px #C0C0C0;
    }
    #yw-topnav .links-container .navbar-nav > li > a:not(.btn) {
        color: var(--neutral-color) !important;
    }
    #yw-topnav .navbar-nav > li > a:not(.btn):hover, #yw-topnav .navbar-nav > li > a:not(.btn):focus {
        color: var(--primary-color) !important;
        transition: color 0.45s;
    }
    #yw-topnav .dropdown-menu {
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #yw-topnav .navbar-brand .include span:first-child{
        margin-top: 28%;
        float: left;
        margin-right: 20px;
    }

    #yw-topnav .navbar-brand .include img{
      float: right;
      margin: 30% 0 0 0;
      font-size: 23px;
      line-height: 25px;
      max-height: 4em !important;
    }

    #yw-topnav .navbar-nav .dropdown-menu a:not(.btn) {
        color: var(--neutral-color) !important;
        background: white !important;
    }
    #yw-topnav .navbar-nav .dropdown-menu a:not(.btn):hover, #yw-topnav .links-container .nav .dropdown-menu a:not(.btn):focus {
        color: white !important;
        background: var(--primary-color) !important;
    }
    #yw-topnav .navbar-nav .dropdown-menu li:hover a:not(.btn), #yw-topnav .links-container .nav .dropdown-menu li:focus a:not(.btn) {
        background: var(--primary-color) !important;
    }
    #yw-topnav .links-container .nav a.btn {
        display: inline-block;
    }
    #yw-topnav .links-container .nav a.btn:hover {
        background: var(--secondary-color-1) !important;
        color: var(--neutral-color) !important;
    }
    #yw-topnav .navbar-nav > li > a.switch-site:after {
        opacity: 0.1;
    }
}

.rounded {
    border-radius: 10px;
}

/* pied de page */
#yw-footer {
    color: black;
    padding-top: 20px;
    position: relative;
}
#yw-footer .deco-footer {
    position: absolute;
    top: -85px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 150px;
    height: 150px;
    background: var(--deco-footer-image) scroll no-repeat center center / contain;
}
.footer {
    margin: 2em 0 70px 0;
}
.footer::after {
    content: none;
}
#yw-main {
    margin-bottom: 55px;
}
#yw-footer h5 {
    color: white;
    text-transform: uppercase;
    border-color: var(--footer-title-color);
    letter-spacing: 0.02rem;
    margin-bottom: 10px;
    border-bottom: 1px solid white;
    font-family: var(--main-title-fontfamily);
    font-size: 0.9rem
}
#yw-footer a {
    color: white;
    font-weight: 700;
}
#yw-footer ul {
    list-style-type: none;
}
#yw-footer li:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 0.8em;
    color: white;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    padding-right: 15px;
}
#yw-footer li {
    padding-bottom: 5px;
}
#yw-footer .footer-menu {
    margin-top: 35px;
    font-family: var(--main-title-fontfamily);
    text-transform: uppercase;
}
#yw-footer .partner-logos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 0;
}
#yw-footer .partner-logos ul li {
    flex: 0 0 33.333333%;
    padding-bottom: 10px;
}
#yw-footer .partner-logos li:before{
    content: none;
    padding-right: 0;
}
#yw-footer #yeswiki-version {
    color: white;
    font-size: 0.9rem;
}


/* Page de login */
#LoginModal .modal-body hr {
    display: none;
}
#LoginModal li {
    list-style: none;
    padding-bottom: 20px;
}

/* Modalbox, suppression du titre redondant */
#YesWikiModal .modal-content .modal-header {
    padding-top: 10px;
    padding-bottom: 0;
}
#YesWikiModal .modal-content .modal-header .close {
    margin: 0;
    padding: 0 !important;
}
#YesWikiModal .modal-content .modal-header h3 {
    display: none;
}
.yeswiki-iframe-body .BAZ_cadre_fiche .BAZ_fiche_titre {
    margin-top: 0;
}

/* Page principale */
#siteTitle {
    color: var(--primary-color);
    font-size: 3.5em;
    margin-bottom: 0;
}
#siteSubtitle {
    font-size:  1.7em;
    margin-top: 0;
}

/* boutons */

.btn.btn-panier-connect {
  border-radius: 25px !important;
  color:#1d1d1b !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-color: #accd20 !important;
  text-transform: uppercase !important;
  line-height : 1 !important;
  padding: 4px !important;
  font-weight: bold;
}

.btn.btn-panier-connect:hover {
  border-radius: 25px !important;
  color:#1d1d1b !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-color: #B4CC4D !important;
  text-transform: uppercase !important;
  line-height : 1 !important;
  padding: 4px !important;
  font-weight: bold;
}

.btn {
    border: none;
    border-radius: 25px;
    overflow: hidden;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 15px 7px 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 1.25em;
    text-decoration: none;
    -webkit-transition: color 0.45s ease;
    -o-transition: color 0.45s ease;
    transition: color 0.45s ease;
    vertical-align: middle;
    z-index: 1;
}
.btn:after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    height: 0;
    width: 100%;
    z-index: -1;
    /* enleve comportements de margot */
    opacity: 1;
    background-image: none;
    top: unset;
    transform: none;
}
.btn:hover:after, .btn:focus:after {
    height: 100%;
}
.btn.btn-primary {
    background-color: var(--primary-color);
}
.btn.btn-primary:after {
    background-color: black;
    opacity:0.2;
}
.btn.btn-secondary-1 {
    background-color: var(--secondary-color-1);
}
.btn.btn-secondary-1:after {
    background-color: black;
    opacity:0.2;
}
.btn.btn-secondary-2:after {
    background-color: black;
    opacity:0.2;
}
.btn.btn-default {
    background-color: var(--neutral-light-color);
    color: var(--neutral-soft-color);
}
.btn.btn-default2 {
    background-color: var(--background-light-color);
    color: var(--neutral-soft-color);
}
.btn.btn-default:after, .btn.btn-default2:after {
    background-color: black;
    opacity:0.1;
}
.btn.btn-success:after, .btn.btn-info:after {
    background-color: black;
    opacity:0.2;
}
.btn.btn-danger:after {
    background-color: black;
    opacity:0.2;
}
.btn.btn-neutral:after {
    background-color: black;
    opacity:0.4;
}
.alert .btn-primary, .alert .btn-secondary-1, .alert .btn-secondary-2, .alert .btn-success, .alert .btn-danger,
.alert .btn-success, .alert .btn-neutral {
    color: white;
}
.btn-xs {
    /* centrage du texte sur les petits boutons */
    padding: 4px 7px 2px 7px !important;
}
.btn.btn-xs i, .btn i:last-child:first-child {
    margin-right: 2px;
}

/* panels */
.panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading {
    padding: 0.6rem 1rem 0.3rem 1rem;
}
.panel-heading.collapsed[data-toggle=collapse]:after {
    /* centrage du chevron "bas" sur les panels dépliables */
    top: 0.8em;
}
.panel-heading[data-toggle=collapse]:after {
    /* centrage du chevron "haut" sur les panels dépliables */
    top: 1.1em;
}
.panel-heading .panel-title {
    font-size: var(--panel-heading-text-fontsize);
}
.panel-heading>.list-group, .panel-heading>.panel-body {
    border: none;
}
.bazar-list .panel .panel-body,.bazar-list .panel .panel-collapse .panel-body {
    background: none;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}
/* panels des facettes uniquement */
.panel.filter-box .panel-body {
    background: white;
}

/* personnalisation des composants bazar */
.bazar-search input[type=text] {
    background-color: var(--neutral-light-color);
    margin-bottom: 1rem;
}
@media (max-width: 800px) {
    .bazar-cards-container .bazar-entry {
        max-width: 300px;
        margin: auto;
    }
}
.bazar-cards-container {
    gap: 1rem;
}
.bazar-cards-container .bazar-entry {
    max-width: 300px;
}
.bazar-card .text-area {
    font-weight: 400;
    color: black;
}
.style-vertical .bazar-card {
    background-color: ;
}
.style-square .bazar-card .content {
    background-color: #ffffffb3;
}
.bazar-card .field-array > span {
    display: inline-block;
    background-color: #ffffffb3;
    color: var(--secondary-color-2);
    padding: 0em 0.4em !important;
    border-radius: 0.25em;
    text-align: center;
    font-size: 75%;
    font-weight: 700;
    border: solid 1px #347aba5e;
}
/*.bazar-list-dynamic-container.initiatives .bazar-card .field-array > span {*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    max-width: 250px;*/
/*}*/
.style-square .bazar-card .content {
    max-height: none;
}
.bazar-card .footer-area {
    line-break: normal;
}
.form-group.input-image:not(.file) .control-label {
    /* fix première lettre cachée en iframe */
    padding: 0 4px 0 8px;
}

.bazar2publication-action {
    background-color: var(--secondary-color-2) !important;
}
.bazar2publication-action i {
    padding-right: 3px;
}

/* personnalisation des cartes animateurs */
.anim-card .bazar-card .footer-area {
    background-color: white;
    color: var(--primary-color);
    font-weight: 700;
}

.fc .fc-daygrid-week-number {
    /* calendrier */
    background: none;
    color: var(--neutral-soft-color);
}
.btn-toolbar > .btn-group {
    /* barre d'outil du mode édition */
    /*padding-bottom: 5px;*/
}
.bazar-map-container .entry-container .btn-close {
    /* croix fermeture fiches sur carte */
    align-items: normal;
}
.bazar-map-container .entry-container .btn-close i {
    /* croix fermeture fiches sur carte */
    background: none;
}
.facette-container.dynamic:not([data-filter-align="right"]) .bazar-map-container .entry-container .btn-close i {
    /* croix fermeture fiches sur carte */
    padding-right: 1rem !important;
    padding-left: 1rem;
    padding-top: 1.3rem;
}
.bazar-map-container .entry-container .BlocFiche > h1 {
    /* titre qui laisse place pour croix */
    margin-right: 1.5rem;
}
.bazar-map-container .entry-container {
    /* texte principale et footer avec même marge sur la droite */
    padding-right: 1rem;
}
.modal-header .close {
    /* croix fermeture fiches modales */
    font-size: 2rem;
}
#btn-import-forms.btn.btn-primary {
    /* bouton Go! de la vue Bazar */
    border-radius: 0 5px 5px 0;
    height: 46px;
}
.controls input.form-control[type=file] {
    /* adaptation de la hauteur du bouton "Choisir un fichier" */
    height: 44px;
}
.controls input.form-control[type=file]::before {
    /* adaptation de la largeur du bouton "Choisir un fichier" */
    width: 135px;
}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled):active:hover, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    /* suppression d'un encadré lors du clic sur les boutons de la barre du calendrier */
    box-shadow: none;
}
.controls input.form-control[type=file]::before {
    width: 118px;
    height: 41px;
}

/* carousels */
#carousel-bazar .carousel-control.right,
#carousel-bazar .carousel-control.left {
    background: none;
}
#carousel-bazar .slider-text {
    padding: 1em;
}
#carousel-bazar .slider-text h3 a {
    color: var(--neutral-color);
}
#carousel-bazar {
    max-width: 400px;
    margin: auto;
}

/* ajout pour les liens de partage réseaux sociaux */
.share-text {
    font-weight: bold;
}
.facebook-link {
    display: inline-block;
    color: #4460a0;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}
.twitter-link {
    display: inline-block;
    margin-left: 1em;
    color: #1da1f3;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}

/* accueil */
section.bandeau-accueil2 {
    margin-top: -1.5rem;
    background: url("images/bandeau-home.png");
    background-size: cover;
    opacity: 0.3;
    width: 100vw !important;
    height: 400px;
    filter: blur(1px) contrast(120%);
}
section.bandeau-accueil {
    margin-top: -1.5rem;
    width: 100vw !important;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
section.bandeau-accueil.full-width {
    padding: 0;
}
section.bandeau-accueil .bandeau {
    position: absolute;
    background: url("images/wikilleurbanne-portail.jpg");
    background-size: cover;
    opacity: 0.3;
    /* blur(1px) */
    filter: contrast(120%) brightness(130%);
    width: 100vh;
    height: 350px;
}
section.bandeau-accueil .titre {
    color: black;
    font-weight: 600;
    font-family: var(--main-text-fontfamily);
    letter-spacing: 0;
    line-height: 1.6;
    margin-top: 30px;
    text-align: center;
    z-index: 1;
}
section.bandeau-accueil .compteurs {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
section.bandeau-accueil .cadre-compteurs {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: white;
    /*padding: 0 15px 10px 10px;*/
    /*column-gap: 50px;*/
    opacity: 0.8;
    z-index: 1;
}
section.bandeau-accueil .compteurs .compteurs-item {
    text-align: center;
    width: 120px;
    height: 160px;
}
@media (max-width: 768px) {
    section.bandeau-accueil .compteurs .compteurs-item {
        width: 80px;
        font-size: 0.8em;
    }

}

/* liste des associations en mode card */
.asso-cards .facette-container[data-filter-align=left] {
    flex-direction: column;
}
.asso-cards .results-col {
    width: 100%;
}
.asso-cards .filters-col {
    width: 100%;
    margin-bottom: 1em;
}
.asso-cards .filters-col .bazar-search {
    margin-bottom: 0.7em;
}
.asso-cards .filters-col .filters {
    display: flex;
    flex-direction: column-reverse;
}
.asso-cards .filters-col .results-container  {
    display: flex;
    flex-direction: column;
}
.asso-cards .filters-col .results-container .filter-box .panel-heading {
    font-size: 0.9em;
    padding: 5px 5px;
}
/*.asso-cards .results-container .filter-box:nth-of-type(1) {*/
/*    --neutral-color: var(--secondary-color-2);*/
/*}*/
/*.asso-cards .results-container .filter-box:nth-of-type(2) {*/
/*    --neutral-color: var(--secondary-color-1);*/
/*}*/
.asso-cards .results-container .filter-box:nth-of-type(2) {
    --neutral-color: var(--secondary-color-2);
}
.asso-cards .filters-col .results-container .filter-box .panel-body {
    padding-right: 10px !important;
}
.asso-cards .filters-col .results-container .filter-box:first-child {
    flex-grow: 1;
}
.asso-cards .filters-col .results-container .filter-box:nth-child(2) {
    margin-left: 1.5em;
    flex-grow: 2;
}
.asso-cards .filters-col .results-container .filter-box .panel-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.asso-cards .filters-col .results-container .filter-box .panel-body .checkbox {
    margin-bottom: 0;
}
.asso-cards .filters-col .results-container .filter-box .panel-body .checkbox {
    margin-top: 0px;
}
.asso-cards .filters-col .results-container .filter-box .panel-body .checkbox label {
    padding-left: 10px;
}
.asso-cards .subtitle-area .field-default {
    display: inline;
    /*background-color: var(--secondary-color-2);*/
    background-color: var(--primary-color);
    padding: 0.2em 0.5em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    font-size: .8rem;
    white-space: normal;
}
.asso-cards .field-array > span {
    display: inline-block;
    /*background-color: var(--secondary-color-2);*/
    background-color: var(--primary-color);
    padding: 0.2em 0.5em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    font-size: .8rem;
    white-space: normal;
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    .bazar-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 1000px) {
    .bazar-cards-container {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* personnalisation de la liste des actualités en mode card */
/*.actualites-cards .results-col {*/
/*    width: 100%;*/
/*}*/
/*.actualites-cards .content .title {*/
/*    color: #ff6d66;*/
/*    line-height: 1em !important;*/
/*}*/
/*.actualites-cards h4 {*/
/*    line-height: 1em !important;*/
/*}*/
/*.actualites-cards .content .subtitle-area .field {*/
/*    text-transform: uppercase;*/
/*    color: #03a099;*/
/*    font-size: 0.8em;*/
/*    line-height: 1em;*/
/*    font-weight: bold;*/
/*    margin-top: 0.7em;*/
/*}*/
/*.actualites-cards .bazar-card .text-area {*/
/*    max-height: 5rem;*/
/*    line-height: 1.2em;*/
/*}*/
/*.actualites-cards .style-vertical .bazar-card {*/
/*    padding: 0.7rem;*/
/*    margin-bottom: 0.5em;*/
/*}*/
/*.actualites-cards .area + .area:not(.floating-area) {*/
/*    margin-top: 0em;*/
/*}*/
/*.actualites-cards .bazar-cards-container {*/
/*    display: block;*/
/*}*/

/* fiches Actu */
/* TODO make it responsive */
.FicheActu {
    float: left;
    width: 70%;
}
.ImageActu {
    float: right;
    width: 30%;
    padding-left: 10px;
}

/* affichage de l'agenda avec filtres au dessus */
.agenda-events .facette-container[data-filter-align=right] {
    flex-direction: column;
}
.agenda-events .results-col {
    width: 100%;
}
.agenda-events .filters-col {
    width: 100%;
    margin-bottom: 1em;
}
.agenda-events .filters-col .bazar-search {
    margin-bottom: 0.7em;
}
.agenda-events .filters-col .filters {
    display: flex;
    flex-direction: column-reverse;
}
.agenda-events .filters-col .results-container  {
    display: flex;
    flex-direction: column;
}
.agenda-events .filters-col .results-container .filter-box .panel-heading {
    font-size: 0.9em;
    padding: 5px 5px;
}
.agenda-events .results-container .filter-box:nth-of-type(1) {
    --neutral-color: var(--neutral-soft-color);
}
.agenda-events .filters-col .results-container .filter-box .panel-body {
    padding-right: 10px !important;
}
.agenda-events .filters-col .results-container .filter-box .panel-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.agenda-events .filters-col .results-container .filter-box .panel-body .checkbox {
    margin-bottom: 0;
}
.agenda-events .filters-col .results-container .filter-box .panel-body .checkbox {
    margin-top: 0px;
}
.agenda-events .filters-col .results-container .filter-box .panel-body .checkbox label {
    padding-left: 10px;
}

/* fiches Association */
.fiche-asso .description {
    /* correspond à .well + border et background-color */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    padding: 1rem 1.75rem;
    border-radius: 0.5rem;
    border: none;
    background-color: var(--background-light-color);
}
.fiche-asso .sigle {
    text-align: center;
}
.fiche-asso .libelle-tiers {
    text-align: center;
}
.fiche-asso .objet {
    color: var(--secondary-color-2);
    font-weight: 500;
}
.fiche-asso .objet strong {
    font-weight: 600;
}
.fiche-asso .categorie, .fiche-asso .sous-categorie {
    color: var(--warning-color);
    font-weight: 500;
}
.fiche-asso .categorie strong, .fiche-asso .sous-categorie strong {
    font-weight: 600;
}

/* légende Agenda */
.legend {
    background-color: var(--neutral-light-color);
    border: none;
    padding-top: 0.7rem;
}
.legend-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}
/* cartes Agenda */
.card-agenda {
    background-color: var(--background-light-color);
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1em;
}
.card-agenda p {
    margin: 10px 0;
}
.card-agenda a h4 {
    line-height: 1.3em;
    font-size: 15px;
}
.ItemAgenda {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 3px solid var(--primary-color);
}
.ItemAgendaleft {
    text-align: center;
    font-weight: bold;
    color: var(--primary-color);
    font-variant: small-caps;
}
.ItemAgendaleft, .ItemAgendaright {
    min-height: 140px;
}
.ItemAgendaleft p {
    margin: 1px 0;
}
.date-container {
    width: 100%;
}
.mois-carte {
    color: var(--warning-color);
    text-transform: uppercase;
    font-size: 1.1em
}

/* cartes petites-annonces */
.ItemBourseEchange {
    background-color: var(--neutral-light-color);
    margin-bottom: 1em;
    padding: 1em;
    clear: both;
}
.locaux h2 {
    background: var(--primary-color);
    color: white;
    padding: 9px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.locaux a, .locaux .type-echange {
    color: var(--primary-color);
}
.locaux .date-echange {
    background-color: var(--primary-color);
}
.benevolat h2 {
    background: var(--secondary-color-1);
    color: white;
    padding: 9px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.benevolat a, .benevolat .type-echange {
    color: var(--secondary-color-1);;
}
.benevolat .date-echange {
    background-color: var(--secondary-color-1);;
}
.materiel h2 {
    background: var(--secondary-color-2);;
    color: white;
    padding: 9px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.materiel a, .materiel .type-echange {
    color: var(--secondary-color-2);;
}
.materiel .date-echange {
    background-color: var(--secondary-color-2);;
}
.date-echange {
    float: left;
    width: 70px;
    min-height: 150px;
    color: #fff;
    padding: 60px 1em;
    text-align: center;
    text-transform: uppercase;
    margin-right: 1em;
    font-weight: bold;
}
.date-echange2 {
    float: left;
    width: 70px;
    min-height: 150px;
    color: #fff;
    padding: 60px 1em;
    text-align: center;
    text-transform: uppercase;
    margin-right: 1em;
    font-weight: bold;
    background-color: var(--secondary-color-2);
}
.infos-echange {
    width: 100%;
}
.titre-echange, .structure-echange {
    color: #333 !important;
    font-size: 0.8em;
    font-weight: bold;
}
.type-echange {
    text-align: center;
    font-weight: bold;
}
.fiche-echange, .mail-echange {
    text-transform: uppercase;
    font-size: 0.9em;
}
.summary {
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 0.9em;
    text-align: center;
}
.summarynone {
    display:none;
}
.sum-locaux .demands {
    color: var(--primary-color);
}
.sum-benevolat .demands {
    color: var(--secondary-color-1);
}
.sum-materiel .demands {
    color: var(--secondary-color-2);
}
.summary .img-responsive {
    -webkit-transition: all 0.5s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -o-transition: all 0.5s ease;
    /* Opera */
    transition: all 0.5s ease;
}
.summary .img-responsive:hover {
    -webkit-transform: scale(1.15);
    /* Safari and Chrome */
    -moz-transform: scale(1.15);
    /* Firefox */
    -ms-transform: scale(1.15);
    /* IE 9 */
    -o-transform: scale(1.15);
    /* Opera */
    transform: scale(1.15);
}

/* autres classes spécifiques */
.rubrique {
    text-align: center;
    margin-bottom: 20px
}
.rubrique a {
    color: var(--small-titles-color);
}
.rubrique a:hover, .rubrique a:focus {
    color: var(--neutral-color);
}
.margin-top10 {
    margin-top: 10px;
}
.margin-top20 {
    margin-top: 20px;
}
.margin-top30 {
    margin-top: 30px;
}
.margin-right10 {
    margin-right: 10px;
}
/* marge à droite ds images des fiches bazar */
.BAZ_cadre_fiche [data-id=bf_image] img {
    padding-right: 20px;
}
/* cartes personnalisées avec fond blanc et texte raccourci */
.bazar-cards-container.nbcol-3.style-square .bazar-card .visual-area {
    max-height: 200px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.bazar-cards-container.nbcol-4.style-square .bazar-card .visual-area {
    max-height: 150px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.style-square .bazar-card .content {
    position: relative;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.bazar-card .visual-area.placeholder {
    min-height: 0;
}

#yw-topnav .navbar-brand img{
  float: right;
  margin: 17.5px 15px;
  font-size: 23px;
  line-height: 25px;
  max-height: 4em !important;
}

.page > :first-child:is(section) {
    margin-top: 0px;
}

.panel-default:not(.note-editor) > .panel-heading {
    background-color: var(--primary-color);
}

.panel-default {
    --checkbox-color: var(--primary-color);
}

.bazar-card .title-area {
    color: var(--primary-color);
}

.menupage{
    position: fixed;
    width: 15rem;
}

.ace_cursor {
    color:black !important;
}

.bazar-search .search-button-container .btn{
    color: black !important;
}

.BAZ_cadre_fiche, .yw-main-content{
    background-color: white !important;
    border-radius: 25px;
    padding: 30px 50px 30px 50px !important;
}