/* GLOBAL */

:root {
    /* COLOR */
    --main-bg-color:#202F35;
    --secondary-bg-color:#C82319;
    --red-dark-bg-color:#b90000;
    --main-color:#C82319;
    --secondary-color:#202F35;
    --tertiary-color:#007EDA;
    --main-color-pastel:#F4D3D1;
    --light-grey-color:#DEE0E1;
    --dark-grey-color:#B1AFAF;
    --placeholder-color:#939393;
    --white-color:#FFFFFF;
    --black-color:#000000;
    
    /* POLICE */
    --typo-title:"Rufina", serif;
    --typo-text:"Roboto", sans-serif;
    
    /* WEIGHT */
    --thin:100;
    --regular:400;
    --light:300;
    --medium:500;
    --bold:700;
    --black:900;
    
    /* STYLE */
    --normal:normal;
    --italic:italic;
    
    /* SHADOW */
    --box-shadow : 0px 7px 4px 0px rgba(0,0,0,0.07);
}

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--typo-text);
    font-weight: var(--normal);
    font-style: var(--normal);
    font-size: 15pt;
}

p {
    margin: 0;
}

.pointer {
    cursor: pointer;
}

.title-black {
    font-family: var(--typo-title);
    font-weight: var(--bold);
    font-style: var(--normal);
    font-size:30pt;
    color: var(--secondary-color);
}

.title-red {
    font-family: var(--typo-title);
    font-weight: var(--bold);
    font-style: var(--normal);
    font-size: 20pt;
    color: var(--white-color);
}

.ss-title-red {
    font-family: var(--typo-text);
    font-weight: var(--bold);
    font-style: var(--normal);
    font-size: 18pt;
    color: var(--main-color);
}

.bold {
   font-weight: var(--bold); 
}

.medium {
    font-weight: var(--medium); 
}

.regular {
    font-weight: var(--regular); 
}

.italic {
    font-style: var(--italic);
}

.back-red {
    background-color: var(--secondary-bg-color);
}

.back-dark {
    background-color: var(--main-bg-color);
}

.color-red {
    color: var(--main-color);
}

.color-dark {
    color: var(--secondary-color);
}

.color-white {
    color: var(--white-color);
}

.color-bleu {
    color: var(--tertiary-color);
}


.shadow {
    box-shadow: var(--box-shadow);
}


/* FILTRE */

.filtre-mobile {
    display: none;
}

.fond-mobile-filtre-open {
    display: none;
}

.filtre-bloc{
    font-size: 17px;
}

.filtre-encart{
    font-size: 17px;
}

.filtre-bloc .flitre-element:not(:last-child) {
    border-right: 0.5px solid var(--secondary-color);
}

.nbr-filtre {
    padding: 2px 7px;
    border-radius: 50px;
    color: var(--white-color);
}

.filtre-ad {
    background-color: var(--tertiary-color);
}

.filtre-des {
    background-color: var(--main-color);
}

.filtre-reset {
    color: var(--main-color)!important;
}

.no-reset {
    color : var(--light-grey-color);
}

.groupe-off {
    display: none;
}

.groupe-actif {
    display: block!important;
}

.link-filtre i {
    transform: rotate(0deg);
}

.link-filtre-actif .text-filtre{
    font-weight: var(--bold);
}

.link-filtre-actif i {
    transform: rotate(90deg);
}

/*mobile*/

.link-filtre-mobile i {
    transform: rotate(0deg);
}

.link-filtre-mobile-actif .text-filtre{
    font-weight: var(--bold);
}

.link-filtre-mobile-actif i {
    transform: rotate(90deg);
}



.cross-button i{
    font-size: 25px;
}

.select2  {
    width: 100%!important;
}

.flitre-element label {
    font-family: var(--typo-text);
    font-weight: var(--bold);
    font-size: 18px;
    color: var(--secondary-color);
}
/* SEARCH */

.button-search {
    background-color:var(--main-bg-color);
    margin-left: -7px;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
    cursor: pointer;
}

.button-search:hover {
    background-color:var(--black-color);
    cursor: pointer;
    margin-left: -7px;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
}

.button-search:active {
    background-color:var(--main-bg-color);
    cursor: pointer;
    margin-left: -7px;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
    outline: inherit;
}

.button-search:focus {
    background-color:var(--main-bg-color);
    cursor: pointer;
    margin-left: -7px;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
    outline: inherit;
}

:focus-visible {
    outline: 0px!important;
}

input::placeholder {
    font-size: 15px;
    color: var(--placeholder-color);
}

input {
    text-indent:10px;
    color: var(--secondary-color);
}
.search-container input {
   /* width: 90%;*/
}

.no-result {
    font-style: var(--italic);
    font-size: 16px;
}

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

.select2-results {
    font-size: 15px!important;
}

/*  CARD ADHERENT */ 

.card-adherent {
    margin: 0;
    border-top: solid 0.5px var(--secondary-color);
    border-left: solid 0.5px var(--secondary-color);
    border-right: solid 0.5px var(--secondary-color);
    border-bottom: none;
}

.coordonnee-card {
    font-weight: var(--light);
    font-size: 15px;
}

.lien-fiche {
    font-size: 15px;
    border-left: 0.5px solid var(--main-color);
    border-right: 0.5px solid var(--main-color);
    color: var(--white-color);
    text-decoration: none;
    background-color: var(--secondary-bg-color);
}

.lien-fiche:hover {
    color: var(--white-color);
    background-color: var(--red-dark-bg-color);
    border-left: 0.5px solid var(--red-dark-bg-color);
    border-right: 0.5px solid var(--red-dark-bg-color);
    text-decoration: none;
}

.commentaire {
    font-weight: var(--regular); 
    font-style: var(--italic);
    font-size: 15px;
}

/* MAPS */
.legend, .leaflet-control-attribution {
    display: none;
}

.leaflet-container {
    height: 900px;
    width: 2000px;
    max-width: 100%;
    max-height: 100%;
    background: white !important;
    outline-offset: 1px;
}

#map {
    height: 100%;
}

.map-bloc {
    min-height: calc(100vh - var(--sl-header-height));
}

.adh-bloc {
    min-height: calc(100vh - var(--sl-header-height));
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
    text-align: left;
    line-height: 18px;
    color: #555;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

#satelite, #normal {
    position: absolute;
    z-index: 10000;
}

#normal {
    bottom: 24px;
    left: 24px;
}
#satelite {
    bottom: 24px;
    left: 24px;
}

.text-carte {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rounded-medium {
    border-radius: 4px;
}

.text-CTA {
    font-size: .625rem;
    line-height: 13px;
}
.shadow-lg, .shadow-md {
    box-shadow: 0 0 #0000;
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.border-white {
    border: white 2px solid;
}

.button-map {
    display: none;
}


/* FICHE */

.adresse {
    font-size: 20px;
}

.lien-detail {
    color: var(--main-color);
    font-size: 15px;
    text-decoration: underline;
}

.lien-detail:hover {
    color: var(--red-dark-bg-color);
}

.card-coordonnee {
    margin: 0;
    border: solid 0.5px var(--secondary-color);
}

.card-coordonnee p{
    font-size: 15px;
    margin-bottom: 5px;
}

.retour {
    margin-top: 25px;
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.retour:hover {
    color: red;
    text-decoration: none;
}

.bloc-mobile-espace {
    display: none;
}

.space {
    display: inline-block;
}
.return {
    display: none;
}

@media only screen and (max-width: 1300px) {

    .space {
        display: none;
    }

    .return {
        display: contents;
    }
}
@media only screen and (max-width: 1120px) {
    html, body {
        font-size: 12pt;

    }
}

/* MOBILE */
.size-logo-adh {
    max-height : 60px;
}

@media only screen and (max-width: 1390px) {
    .size-logo-adh {
        width : 100%;
    }
}

@media only screen and (max-width: 992px) {
    .size-logo-adh {
        max-height : 60px;
        width : auto;
    }
    html, body {
        font-size: 15pt;
    }

    .space {
        display: inline-block;
    }
    .return {
        display: none;
    }

    .button-map {
        display: block;
        position: fixed;
        z-index: 1000;
        bottom: 0;
        width: 100%;
        background: rgb(32,47,53);
        background: linear-gradient(360deg, rgba(32,47,53,0.46) 0%, rgba(255,255,255,0) 100%);
    }

    .btn-carte {
        text-align: center;
        background-color: var(--secondary-color);
        color: var(--white-color);
        border-radius: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 18px;
        margin-bottom: 10px;
    }



    .btn-adherents {
        text-align: center;
        background-color: var(--secondary-color);
        color: var(--white-color);
        border-radius: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .filtre-desk {
        display: none;
    }

    .filtre-mobile {
        display: block;
        font-size: 18px;
    }

    .filtre-inactif-mobile {
        display: none;
    }

    .filtre-actif-mobile {
        display: block;
    }

    .fond-mobile-filtre-open {
        z-index: 1;
        background-color: rgba(32, 47, 53, 0.46);
        min-height: calc(100vh - var(--sl-header-height-mobile));
        width: 100%;
        position: absolute;
        /*float: right;*/
        top: 0;
        /*right: 0;*/
    }

    .bloc-filtre-mobile {
        background-color: white;
        width: 90%;
        min-height: calc(100vh - var(--sl-header-height-mobile));
        float: right;
        top: 0;
        right: 0;
    }

    .body-filtre {
        position: fixed;
    }

    .effacer-filtre-mobile {
        position: fixed;
        z-index: 1000;
        bottom: 10px;
        width: 90%;
    }

    .border-r{
        border-right: 0.5px solid var(--secondary-color);
    }

    .border-b {
        border-bottom: 0.5px solid var(--secondary-color);
    }

    .title-black {
        font-size: 21pt;
        text-align: center;
    }

    /*.map-bloc {
        display: none;
    }*/

    .map-bloc {
        min-height: calc(100vh - var(--sl-header-height-mobile));
    }

    .coordonnee-card {
        font-size: 20px;
    }

    .coordonnee-card p{
        margin-bottom: 10px;
    }

    .bloc-mobile-espace {
        display: block;
        height: 60px;
    }
}


/* login */
.label-log {
 color: white;
}

.btn-modif {
    background-color: var(--main-color);
    border-radius: 0 !important;
    color: white;
    vertical-align: middle;
}

.btn-modif:hover {
    background-color: var(--main-color);
    color: white;
}

.btn-BO {
    font-size: 10px;
}

.mdp-oublie {
    color: white;
    text-decoration: underline;
}

.mdp-oublie:hover {
    color: var(--main-color);
}