body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: librefranklin-regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    background-color: white;
    color: #111;
}


.medium {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: librefranklin-medium, Arial, Helvetica, sans-serif;
}




@media (max-width: 1400px) {
    body {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 14px;
    }
}


h1 {
    font-size: 2em;
}



@media (max-width: 767px) {
    h1 {
        font-size: 1.5em;
    }
}



a {
    color: #111;
    text-decoration: none;
}

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


.BleuKSA {
    /*color: #0293CA;*/
    /*color: #15ACE5;*/
    color: #17ace4;
}



.fndBleuKSA {
    background-color: #16ABE3;
}

.fndGrisKSA {
    background-color: #5F5F5F;
}



/* Bootstrap perso */
.btn-outline-info {
    color: #111;
    border-color: gray;   
}



    .font-size-menu {
    font-family: librefranklin-medium, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
}

@media (max-width: 1400px) {
    .font-size-menu {
        font-size: 1.5em;
    }
}


@media (max-width: 992px) {
    .font-size-menu {
        font-size: 1.1em;
    }
}


.divEntete .menu a,
.divEntete .menu label {
    color: white;
    text-decoration: none;
}


            .divEntete .menu a:hover {
                color: white;
                text-decoration: underline;
            }


    .divEntete .bandeau {
        background-color: #E8E8E8;
    }



.divPiedPage {
    background-color: #c2c2c2;
}


 #divListe .divTitreListe h1 {
    font-size: 1em; /* 1em pour utiliser le font-size du parent */
}


#divListe .divTitreListeSmart h1 {
    font-size: 1em; /* 1em pour utiliser le font-size du parent */
    /*border-style: solid;
    width: 1px;*/
}




#divListe #divFiltrage {
    margin-top: .5em;
}


@media (max-width: 992px) {

    #divListe #divFiltrage {
        display: none;
    }
}


@media (max-width: 767px) {
    #divListe #lblTrier {
        display: none;
    }
}



#OrdreObjetId {
    border-style: none;
}



.divAnnonce .texte p {
    font-size: 1.25em;
}

@media (max-width: 767px) {
    .divAnnonce .texte p {
        font-size: 1.0em;
    }
}




    .divAnnonce .texte p.legende {
        font-size: .85em;
        padding-right: .25em;
        color: #111;
    }




/* Description */



#divDescription p.ville {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    margin: 0px;
}


#divContact p.ville {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    margin: 0px;
}


#divContact p.agence {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    margin: 0px;
}



#divDescription p.surface {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.5em;
}

#divDescription p.prix {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    margin: 0px;
}

#divDescription p.ref {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1em;
}

#divDescription .divTexte p {
    font-size: 1.1em;
}

#divDescription .divVisite img {
    width: 3em;
    margin-right: 1em;
}

#divDescription .divVisite a {
    font-size: 1.25em;
    color: #111;
    text-decoration: none;
}

#divDescription .divVisite a:hover {
    text-decoration: underline;
}


#divDescription .divVisite p {
    font-size: 1.25em;
    color: #111;
}



#divDescription .divTech {

    background-color: dimgrey;
}


    #divDescription .divTech p.ville,
    #divDescription .divTech p.prix,
    #divDescription .divTech label.prix {
        font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
        font-size: 1.75em;
        color: #16ABE3;
    }

    #divDescription .divTech p,
    #divDescription .divTech label {
        color: white;
        margin-bottom: 0.25em;
    }


#divDescription .divGoogle p {
    font-family: 'librefranklin-medium', Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    color: #16ABE3;
    margin-top: 1em;
}

#divDescription .divGoogle .BulleObjet p {
    margin: 0px;
    margin-bottom: .25rem;
    color: #333;
    font-size: 1em;
}

#divDescription .divGoogle .BulleObjet a {
    color: #333;
}

.leaflet-control-attribution svg {
    display: none !important;
}





#divDescription a.linkPrecedent,
#divDescription a.linkSuivant {
    font-size: 1.25em;
}

    #divDescription a.linkPrecedent img,
    #divDescription a.linkSuivant img,
    #divDescription a.linkRetourListe img {
        width: 1em;
    }

#divDescription p.juridique {
    color: #0293CA;
    font-size: 1em;
    padding-right: 2em;
}

#divDescription p.dateMaj {
    font-size: 1em;
}


/* Société */

#divSociete .divPanneau h1,
#divHomePage .divPanneau h1 {
    color: #17ace4;
    margin-bottom: .35em;
}


#divSociete .divPanneau h2,
#divHomePage .divPanneau h2 {
    font-size: 1.25em;
}


#divSociete .divPanneau p,
#divSociete .divPanneau h2,
#divHomePage .divPanneau p,
#divHomePage .divPanneau h2 {
    color: white;
}




#divPageLiens .divTitreListe h1 {
    font-size: 1em; /* 1em pour utiliser le font-size du parent */
}


#divPageLiens #divListeLiens,
#divPageLiens .divLien {
    border-style: solid;
    border-width: 1px;
    border-color: white;
    background-color: white;
}


/*.fndUSPVS {
    background-image: url('../Images_Liens/fndUSPIVS.png');
    background-size: cover;
}

.fndUspiSuisse {
    background-image: url('../Images_Liens/fndUspiSuisse.png');
    background-size: cover;
}

.fndPointi {
    background-image: url('../Images_Liens/fndPointi-Geneve.png');
    background-size: cover;
}

.fndImmobilierch {
    background-image: url('../Images_Liens/fndImmobilierch.png');
    background-size: cover;
}

.fndImmostreet {
    background-image: url('../Images_Liens/fndImmostreet.png');
    background-size: cover;
}

.fndHomegate {
    background-image: url('../Images_Liens/fndHomegate.png');
    background-size: cover;
}

.fndFirstCaution {
    background-image: url('../Images_Liens/fndFirstCaution.png');
    background-size: cover;
}

.fndSwissCaution {
    background-image: url('../Images_Liens/SwissCaution.png');
    background-size: cover;
}

.fndCIV {
    background-image: url('../Images_Liens/fndCIV.png');
    background-size: cover;
}*/




/* 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*/
/* flèche sur fond transparent - convert code base 64 https://www.base64-image.de/*/
.uglyselect {
    -webkit-appearance: none;
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAACXBIWXMAAAsTAAALEwEAmpwYAAABCmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjardA9SgNBAMXx/0TURtQiWE+phQvGasvNh4tgms0W2XSb2SFZkt0dZsaY3MFDeASP4A1SCF5EsLYIEiwFf9XjNQ8eiNeo3x20zqGqvY2TKBtnE3m85YgDAMiVM8PRXQpQN7XmNwFfHwiA9+uo3x3wN4fKWA+8AQ+FdgrECVA+eeNBrIH2dGE8iGegvUiTHogX4NTrtQfoNWZjy9ncy0t1JW/CMJRR0Uy1HG2c15WT97VqrGls7nURyGi5lEk5m3snE+20XekiYLcNwFls842M86rKZSfo8O/G2UTu0meKAMTFdt/tqUe7+vm5dQvfvwZAKuJ5dkAAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAF9JREFUeNpsjrEJgEAQBGcfAwvQFgQxMrSLb8FqDY3EVow8gzvlH9zkYBh2T6tt1FmQMdldoMShBLnyMiADZrsCtewKCKMfTnkFAD0AXfhhuuseNO/AUIx9JtVbP3kGAOKvEluDCbEAAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 97% center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}