body {
    font-family: 'Libre Franklin', Arial, Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    background-color: white;
    color: #111;
}


.divEntetePrint {
    display: none;
    position: relative;
    z-index: 1000;
}



/* fond au démarrage*/
.fndMagique {
    background-image: url('../images/fndMonthey3.jpg');
    background-size: cover;
}

.fndFiduciaire {
    background-image: url('../images/fndFiduciaire.jpg');
}

.fndGerance {
    background-image: url('../images/fndGerance.jpg');
}

.fndAdminPPE {
    background-image: url('../images/fndAdminPPE.jpg');
}

.fndCourtage {
    background-image: url('../images/fndCourtage.jpg');
}

.fndSocite {
    /*background-image: url('../temp/depositphotos_40560669-stock-photo-closeup-of-businesspeople-hands-in.jpg');*/
    background-image: url('../images/fndConfiance.jpg');
}


.fndEquipe {
    background-image: url('../Images/fndRigolet_facade.jpg');
}


.fndContactMonthey {
    background-image: url('../Images/fndRigolet_facade.jpg');
}

.fndContactMontreux{
    background-image: url('../Images/fndContactMontreux.jpg');
}

.fndLiens {
    background-image: url('../images/fndMonthey2.jpg');
}

.fndGris {
    background-color: #ddd;
}

.fndBlanc {
    background-color: white;
}


.fndRouge {
    background-color: #c55265;
}

.rougeRsa {
    color: #c55265
}

.opac90 {
    opacity: 0.90;
    background-image: url('../Images/opa90.png');
}

.opac90b {
    opacity: 0.90;
}

.opac75 {
    opacity: 0.75;
    background-image: url('../Images/opa75.png');
}

.gris75 {
    opacity: 0.90;
    background-image: url('../Images/Gris75.png');
}



.divPanneau h1,
#divDescription .divTexte h1 {
    font-size: 2.2em;
    font-weight: 400;
    color: #c55265
}

@media (max-width: 1400px) {             
    .divPanneau h1,
    #divDescription .divTexte h1 {
        font-size: 1.75em;
    }
}

@media (max-width: 992px) {             
    .divPanneau h1,
    #divDescription .divTexte h1 {
        font-size: 1.5em;
    }
}

#divDescription .divTexte h2 {
    font-size: 1.2em;
    font-weight: 500;
}



.divPanneau p {
    font-size: 1rem;
    text-align: justify;
}

.divPanneau .w-100 {
    width: 80% !important;
}


.divPanneau a:hover {
    color: #111;
    text-decoration: underline;
}


/* image base64 obtenue via https://www.base64-image.de/ */
.uglycollapse {
    -webkit-appearance: none;
    background-image: url("../images/FlecheBas.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
    text-decoration: none;
    color: inherit;
    background-size: 1.5rem .75rem;
}




/* Liste */

@media (max-width: 992px) {
    #divFiltrage .col-form-label,
    #divFiltrage .form-control {
        font-size: .85em !important;
    }
}



#divListe h1 {
    font-size: 2.75em;
    font-weight: 400;
}


@media (max-width: 1400px) {
    #divListe h1 {
        font-size: 2em;
    }
}


@media (max-width: 768px) {
    #divListe h1 {
        font-size: 1.1em;
    }
}


@media (max-width: 576px) {
    #divListe h1 {
        font-size: 1em;
    }
}


#divListe .divAnnonce .divTech p {
    color: white;
    font-weight: 100;
}

    #divListe .divAnnonce .divTech p.Legende {
        font-size: 1.1em;
    }

    #divListe .divAnnonce .divTech p.Prix {
        font-size: 1.25em;
        font-weight: 400;
        margin-bottom: 0px;
    }



/* pour un ddl identique dans tous les browsers doc https://stackoverflow.com/questions/25674107/how-to-change-select-box-background-without-losing-the-right-arrow-on-mobile-saf?rq=1*/
.uglyselect {
    -webkit-appearance: none;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}


/* bootstrap personnalisé */
.btn-outline-info {
    color: #111;
    border-color: #c55265;
}


.btn-outline-info:hover {
    color: #111;
    border-color: red;
    background-color: white;
}

    .btn-outline-info:focus {
        /*box-shadow: 0 0 0 .25rem rgba(13,202,240,.5);*/
        box-shadow: none;
    }

    .btn-outline-info:active {
        /*box-shadow: 0 0 0 .25rem rgba(13,202,240,.5);*/
        box-shadow: none;
        border-color: red;
    }

.leaflet-popup {
    bottom: 30px !important;
}