@font-face {
    font-family: 'Montserrat';
    src: url('../polices/Montserrat-Light.woff2') format('woff2'),
        url('../polices/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../polices/Montserrat-SemiBold.woff2') format('woff2'),
        url('../polices/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../polices/Montserrat-Regular.woff2') format('woff2'),
        url('../polices/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../polices/Montserrat-Bold.woff2') format('woff2'),
        url('../polices/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../polices/Montserrat-Medium.woff2') format('woff2'),
        url('../polices/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body
{
	font-family: Montserrat;
}

/*	Supprime le nb d'exposants à la demande du client	*/
.blocInformations-items
{
	display: none !important;
}

.container-en-tete
{
    background-color: transparent;
}
.container-en-tete .card-celluleExposant
{
	border:1px solid red;
}

.container-en-tete .liste-exposant-nom,
.container-en-tete .liste-activite,
.container-en-tete .liste-pays
{
    color:initial;
}

#image_publicite_activite
{
	border-radius: 10px;
	margin: 0px auto 10px auto;
}

.card-nomExposant
{
	font-size: 12pt;
	line-height: 14pt;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.card-nomExposant-text
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical; 
	overflow: hidden; 
}

.card-stand
{
	font-size: 9pt;
}

.card-celluleExposant
{
	color: black;
	overflow: hidden;
}

.card-text-readmore
{
    background-color: #86C2EB;
    top: 143px;
}

.card-text-container
{
	height: 62px !important;
    background-color: white;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    overflow: hidden;
}

.card-main .card-image-container
{
	background-color: white;
	border-radius: 10px;
	height: 60px;
	bottom: 55px;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px);
}

.card-main .card-image-container .card-image
{
	background-color: transparent;
}

.card-main .card-pictos-container
{
    bottom: 30px;
    width: calc(100% - 10px);
    height: 30px;
    background-color: transparent;
    text-align: center;
    padding: 2px;
}

.card-main .card-pictos-container .card-picto
{
	
}

.card-text-container
{
	top: 80px;
	height: 75px;
	background-color: transparent;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.card-marque
{
	background: var(--le-card-brand-start);
	background: #E8E8E8;
	-webkit-box-shadow: 0px 0px 4px 0px #000000; 
	box-shadow: 0px 0px 4px 0px #000000;
	color: white;
	border:6px solid white;
	height: 150px;
}

.card-marque .card-nomExposant
{
	padding: 5px 10px 0px 10px;
	height: 56px;
	width: calc(100% - 10px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical; 
	color: black;
}

.card-marque .card-image-container
{
	background-color: white;
	height: 60px;
	bottom: 10px;
	border-radius: 10px;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px);
}

.card-marque .card-image-container .card-image
{
	background-color: transparent;
}

#formulaireRecherche
{
	padding: 3px;
}

.cards-ad
{
	width: 100%;
	display: block;
	margin-top: 30px;
	box-shadow: 0px 0px 4px 0px #000000;
	cursor:pointer;
	transition: margin-top 0.3s ease-in-out, outline 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.cards-ad:hover
{
	margin-top: 15px;
	/*outline: 3px solid rgb(84,151,193);*/
	box-shadow: 0px 10px 10px 0px #666;
}

.etoile
{
	position: absolute;
	left:10px;
	bottom: 10px;
}

.le-main-form .modal-header,
.le-main-form .modal-body
{
	background-color: white;
	border-color: #CBE2EF;
	color: var(--le-primary);
}

.LE-Exhibitor-buttons button,
.le-main-form .modal-header button
{
	color: black !important;
} 

.nav-pills .nav-link
{
    border:1px solid var(--le-primary);
    background-color:white !important;
    border-color:var(--le-primary) !important;
    color:var(--le-primary) !important;
    margin-right: 5px;
}

.nav-pills .nav-link.active
{
    background-color: var(--le-primary) !important;
    border-color: var(--le-primary) !important;
    color: white !important;
}

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

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active
{
    color:white !important;
}

.btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible {
	box-shadow: 0px 0px 0px 0px transparent;
}

.btn-outline-primary {
	--bs-btn-color: var(--le-primary);
	--bs-btn-border-color: var(--le-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--le-primary);
	--bs-btn-hover-border-color: var(--le-primary);
	--bs-btn-focus-shadow-rgb: 13,110,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--le-primary);
	--bs-btn-active-border-color: var(--le-primary);
	--bs-btn-active-shadow: transparent;
	--bs-btn-disabled-color: var(--le-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--le-primary);
	--bs-gradient: none;
}

.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;  
}

.gras-rouge
{
	color: red;
	background-color: #86C2EB;
	border-radius: 5px;
	margin:5px !important;
	width: calc(100% - 10px);
	margin: 0px !important;
	width: 100%;
	border-radius: 0px;
	padding: 0px 5px 0px 5px;
}