#ongletExposants
{
	display: block !important;
}

.groupe_texte_complet
{
    max-width: 520px;
}

.etoile
{
    position: relative;
    text-align: right;
    width: 100%;
    padding: 10px;
    font-weight: normal;
}

/*.etoile:hover
{
    font-weight: bold;
}*/

.etoile.selected
{
    font-weight: bold;
}

.card-celluleExposant.tete-liste
{
    background-color: var(--le-primary);
}

.card-saut-ligne
{
    display: block !important;
    height: 0px !important;
    margin: 0px !important;
}

.card-annonce
{
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-size: 8pt;
    color: #999;
}

.card-nomExposant
{
    font-size: 10pt;
    margin-top: -10px;
}

.card-stand
{
    position:absolute;
    left: 10px;
    top: 10px;
    font-size: 10pt;
    text-align: center;
}

.card-nomProduit
{
    position:relative;
    padding: 0px 5px 10px 5px;
    line-height:12pt;
    width:100%;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    text-transform: uppercase;

    hyphens: auto;
    font-family: 'roboto condensed',sans-serif !important;    
    font-size: 10pt;
    font-weight: bold;
    font-size: 10pt;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical; 

    width:calc(100% - 20px);
    margin-left:10px;
    max-height: 48px;
}

.card-exposant-produit
{
    position:relative;
    padding: 10px 0px 10px 0px;
    line-height:12pt;
    width:100%;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10pt;
    margin-top: -10px;

    hyphens: auto;
    font-family: 'roboto condensed',sans-serif !important;    
    font-weight: normal;
    font-size: 9pt;
}


.nav-tabs .nav-link 
{
    border: 1px solid #efefef;
}

.card-image-produit-container
{
    position: relative;
    width: calc(100% - 10px);
    height: 100px;
    background-color: white;
    margin: 0px auto;
    padding-top: 5px;
    margin-left: 5px;
    /*border: 1px solid lightgray;*/
}

.card-produit-image
{
    height: 98%;
    object-fit: contain; 
    margin: 0px auto;
    cursor: pointer;  
    border-radius:10px;
}

.card-logo-image
{
    width: calc(100% - 20px);
    height: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;    
    margin: 0px auto;
    cursor: pointer;  
}

.card-text-container
{
    top: 85px;
    background-color: transparent;
}

.card-text-readmore
{
    background-color: var(--le-primary);
}

.card-image-container
{
    bottom: 42px;
    height: 52px;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
}

.card-pictos-container
{
    background-color: transparent;
}

.btn-primary
{
    background-color:var(--le-primary) !important;
    border-color:var(--le-primary) !important;
}

.btn-outline-primary
{
    border-color:var(--le-primary) !important;
    color:var(--le-primary) !important;
}

.btn-outline-primary:hover
{
    background-color:var(--le-primary) !important;
    color:white !important; 
}

.btn-check:checked + .btn-outline-primary
{
    background-color:var(--le-primary) !important;
    color:white !important;  
}

.bloc-checkbox
{
    border: 1px solid var(--le-primary);
    background-color: var(--le-primary);
}

.menu-icone
{
    color: var(--le-icone);
}

.checkbox-icone
{
    color: white;
}

.label-checkbox
{
    color: white;
}

.publications-buttons,
.blocRechercheAvancee,
.accordion-button,
.accordion-button:not(.collapsed),
.accordion-body
{
    background-color: var(--le-card-start);
    color: black;
}

.modal-header .btn-close
{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C24782'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

/*#ongletExposants
{
    display: none;
}*/

.ios-form-switch input:checked + i { background-color: #8FC045; }

.card-celluleExposant
{
    padding: 5px;
}

.card-celluleExposant .card-nomMarque
{
    position:relative;
    padding: 0px 20px 0px 20px;
    font-size: 10pt;
    line-height:11pt;
    top: 10px;
    left: 0px;
    width:100%;
    height: 65px;
    margin-top: 0px;
    margin-bottom:0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: last;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-transform: uppercase;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 43px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card-celluleExposant .card-marqueDe
{
    font-size: 10pt;
    line-height: 11pt;
    color: #333;
    margin-top: 15px;
    padding-top:0px;
    font-weight: normal;
    font-style: italic;
}

.lettresSelection,
.lettres:hover
{
    text-decoration: underline;
    font-weight: bold;
    color:var(--le-primary);
}

.card-secteur
{
    margin-bottom: 10px;
    hyphens: auto;
    font-family: 'roboto condensed',sans-serif !important;    
    font-size: 10pt;
    line-height: 11pt;
    color: gray
}

.card-picto-innovation
{
    position: absolute;
    color: red;
    bottom: 5px;
    left: 80px;
}

@media screen and (max-width: 800px) {
    
    .lettres
    {
        background-color: var(--le-primary);
    }

    .lettresSelection,
    .lettres:hover
    {
        background-color: var(--le-primary);
        color:white;
        text-decoration: none;
    }
}