/* *************************************** */
/*        INTERFACE GLOBALE   FUN          */
/* *************************************** */

/* ---------- HEADER ----------- */
.main { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); -moz-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; padding-bottom: 20px;}
.bandeau { margin-top: 10px; -moz-border-radius: 12px 12px 0px 0px;  -webkit-border-radius: 12px 12px 0px 0px; border-radius: 12px 12px 0px 0px; }


article h4.titre {
    font-weight: bold;
}

a {
    color: var(--color-orange);
}

/* ---------- MAIN ----------- */
.widget1, .widget2, .widget3, .widget4 { -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; border: 0px; }
.actuslider { margin-bottom: 0px; margin-top: 0px; }
.fil-ariane { padding: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px ; border-radius: 12px; background-color: #FFF; }
.widget-label { -moz-border-radius: 4px 4px 0px 0px;  -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; margin-left: -5px; margin-right: -5px; background-color: #fff; padding-left:20px;}

/* ---------- Page de connexion ----------- */
.portlet-connexion { padding: 20px; margin-top: 5px; margin-bottom: 5px; background-color: #FFF; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; }
/* ---------- panier ----------- */
#page-paniers { background-color:#fff; padding:20px; border-radius:12px; }
/* ---------- FOOTER ----------- */
.signature { margin-bottom: 10px; margin-top: 10px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; }
/* ------- FIL ARIANE ----------- */
section#filariane { padding: 10px 0; border: none; margin-bottom: 0;}
section#filariane > .container { margin: 0 -15px;}
ul.fil-ariane {margin: 0 10px;}
/* ARTICLE */
#page-article-multiple {padding: 20px; background-color: #fff; border-radius: 12px; margin-bottom: 5px;}
#page > h1 { font-size: 21px; font-weight: 600; margin-bottom: 20px; padding:20px; background-color:#fff; border-radius:12px; }
/* ------------- VENTES -----------------*/
.vente-calcul-sub {
    font-size: 14px;
    white-space: nowrap;
}
#page-vente {
    border-radius: 12px;
}
#page-vente .card-ventes article .categorie-descriptif {
    font-size: 10px;
}
#page-vente .card-ventes ul.tarification + div .Orange,
#page-vente .card-ventes ul.tarification + div .Vert,
#page-vente .card-ventes ul.tarification + div .Rouge {
    font-size: 12px;
}
/* ----------- LOCATIONS --------------*/

.page-groupe-gauche, .page-groupe-droite, #page-groupe-gauche, #page-groupe-droite, #page-groupe-detail-gauche, #page-groupe-detail-droite { background-color:#fff; padding:10px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px;}

/* ----------- GROUPES --------------*/

#page-location-gauche, #page-location-droite, #page-location-detail-gauche, #page-location-detail-droite, #page-location-resa-infos-gauche, #page-location-resa-dispo-droite { background-color:#fff; padding:10px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px;}

/* ----------- PRESTATIONS --------------*/

#page-prestation-gauche, #page-prestation-droite { background-color:#fff; padding:10px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px;}
.DossierPrestationsPage { padding:10px; background-color:#fff; border-radius:12px;}
#DossierPrestations h4.titre-famille {
    padding: 10px 0;
}
/* -----------  HISTORIQUE ----------- */
#page-reglement-facture { border-radius:12px; }

#page-historique {
    padding: 20px 40px;
    border-radius: 3px;
    background-color: #fff;
    }

/* -----------  RESSOURCES PARTAGEES ----------- */
.ressources-partagees .ressources-partagees__liste-ressources--vignette, .ressources-partagees .ressources-partagees__liste-ressources--ligne {
    margin: 0 20px;
}
.ressources-partagees .ressources-partagees__recherche, .ressources-partagees .ressources-partagees__liste, .ressource-detail .ressource-detail__info-panel, .ressource-detail .ressource-detail__gauche {
    border-radius: 9px;
    padding: 10px;
}

/* ------------ PAGES GROUPE -----------*/

#liste-produit-groupe .prt-o-btn {
    white-space: nowrap;
}


/* -------------- PORTLET FLUX KALIDEA -------------------*/
.PortletBilleterieKalidea .produit.toutes-offres img {
    height: 50px;
    width: auto;
}

.PortletBilleterieKalidea .produit .titre {
    white-space: normal;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    height: 39px;
    overflow: hidden;
    text-align: center;
}

.PortletBilleterieKalidea .produit .content {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.PortletBilleterieKalidea .produit .content .logo {
    flex: none;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    height: 100px;
    overflow: hidden;
}

.PortletBilleterieKalidea .produit .content .logo > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
    .PortletBilleterieKalidea .produit .content .tarification li {
        margin: 0 5px;
        list-style: none;
    }

        .PortletBilleterieKalidea .produit .content .tarification li > div {
            text-align: center;
        }

    .PortletBilleterieKalidea .produit .content .tarification .public:empty, .PortletBilleterieKalidea .produit .content .tarification .reduction:empty, .PortletBilleterieKalidea .produit .content .tarification .reduit:empty {
        display: none;
    }

    .PortletBilleterieKalidea .produit .content .tarification .label {
        display: block;
        padding-bottom: 10px;
        font-weight: normal;
        color: #CCC;
        padding-bottom: 5px;
    }

/* -------------- PAGE FLUX KALIDEA -------------------*/
#page-fluxKalidea article #FluxKalidea .produit {
    height: 300px;
    min-width: 280px;
}
#page-fluxKalidea article #FluxKalidea .produit .titre {
    white-space: normal;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    height:39px;
    overflow: hidden;
    text-align: center;
}
#page-fluxKalidea article #FluxKalidea .produit .content {
    display: flex;
    flex-flow: column wrap;
    justify-content:center;
    align-items:center;
    margin-bottom: 10px;
}
#page-fluxKalidea article #FluxKalidea .produit .content .logo {
    flex: none;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    height: 130px;
    overflow: hidden;
}
#page-fluxKalidea article #FluxKalidea .produit .content .logo > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

        /* ---------- RESPONSIVITE ----------- */
        @media (max-width: 768px) {
            .main {
                background-color: #fff;
            }

            .bandeau {
                margin-top: 0px;
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
            }

            .portlet-connexion {
                padding: 5px;
                margin-top: 0px;
                margin-bottom: 0px;
                background-color: #FFF;
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
            }

            .widget1, .widget2, .widget3, .widget4 {
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
                border: 0px;
            }

            .widget-label {
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
                margin-left: 0px;
                margin-right: 0px;
            }

            .signature {
                margin-bottom: 0px;
                margin-top: 0px;
                border-radius: 0px;
            }
        }

        #page-article article, #page-article .commentaires {
    background-color: white;
    padding: 15px;
    border-radius: 12px;
}
#page-article {border-radius: 12px}
#page-article .widget-label {

}

#page-article h4 {
    margin-top: 0px;
}

#page-article #page-article-entete {
    margin-bottom: 10px;
}
ul.fil-ariane li {  font-variant:normal; text-transform:none;  }


/* ******************************** */
/*             POPUP                */
/* ******************************** */

.modal-lg-spinner {
    width: 8px;
    margin-left: 9px;
    height: 11px;
}