.modal-logo {
    max-width: 120px;
    /*margin-left: -22px;
		margin-top: -50px;*/
}

.quiz-reponse-ok {
    border: solid green 2px !important;
    background-color: green !important;
}

.quiz-reponse-ko {
    border: solid red 2px !important;
    background-color: red !important;
}

/*
	.btn-close{
		margin-right: -22px !important;
		margin-top: -80px !important;
	}
	*/
.modal-header {
    border: none !important;
}

.modal-content {
    border-radius: 15px;
    /* Modifier cette valeur pour des bords plus ou moins arrondis */
}

.tisseoQuizModal {
    width: 100% !important;
}

.tisseoModalQuizzRadius {
    border-radius: 60px !important;
}

.tisseoModalQuizzPLR {
    padding-left: 50px;
    padding-right: 50px;
}

.tisseoModalQuizzPTB {
    padding-bottom: 40px;
    padding-top: 40px;
}

.tisseoBtnRound {
    border-radius: 40px !important;
}

.tisseo-close-btn {
    border: none !important;
    background-color: #4BBE3F !important;
    height: 4rem;
    border-radius: 50%;
    width: 4rem;
    color: white !important;
    font-weight: bold;
    opacity: unset !important;
    --bs-btn-close-bg: url(../../img/close.png);
    background-size: contain;
}

::-webkit-scrollbar {
    width: 13px;
}

::-webkit-scrollbar-thumb {
    background-color: #394DA3;
    border-radius: 13px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.tisseo-audio-btn-off {
    border: none !important;
    height: 4rem;
    border-radius: 50%;
    width: 4rem;
    color: white !important;
    font-weight: bold;
    opacity: unset !important;
    background-image: url(../../img/son-inactif.svg);
    cursor: auto;
    background-size: contain;
}

.tisseo-audio-btn-on {
    border: none !important;
    height: 4rem;
    border-radius: 50%;
    width: 4rem;
    color: white !important;
    font-weight: bold;
    opacity: unset !important;
    background-image: url(../../img/son-actif.svg);
    cursor: pointer;
    background-size: contain;
}

.audio-actif {
   cursor: pointer;
}

.audio-inactif {
    cursor: none;
}

/* Limite la hauteur maximale de la popup à la hauteur de la fenêtre */
.tisseo-modal-dialog {
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Permet au contenu central de scroller si besoin */
.modal-body .tisseo-custom-scroll-area {
    overflow-y: auto !important;
    max-height: calc(100vh - 200px) !important;
    /* Ajuste 200px selon la hauteur estimée du header+footer */
}


.tisseo-quiz-question {
    background-color: #394DA3 !important;
    font-family: 'poppins-extra-bold';
    color:#394DA3 !important;
    font-size: 1.5rem;
    font-weight: bold;
}

.tisseo-quiz-reponse {
    font-size: 0.6rem;
    /* font-size: 14pt; */
    font-family: poppins-medium;
    color: #394DA3 !important;
    border: solid 1px #394DA3 !important;
    font-weight: normal;
}

.tisseo-quiz-reponse-disabled {
    pointer-events: none;
    opacity: 0.47;
    font-family: poppins-medium;
    color: white !important;
}

.tisseo-text-color {
    color: #394DA3 !important;
    font-family: 'poppins-bold';
}

.tisseo-popup-title {
    font-weight: bold;
    font-size: larger;
    font-family: 'poppins-extra-bold';
}

.tisseo-color {
    color: #394DA3 !important;
    background-color: white !important;
}

.tisseo-color:hover,
.tisseo-color:focus,
.tisseo-color:active {
    color: #fff !important;
    background-color: #394DA3 !important;
    border-color:#394DA3 !important;
    /*set the color you want here*/
}

.tisseo-artiste {
    color: #394DA3 !important;
    font-weight: normal;
    font-size: medium;
}



.tisseo-artiste-titre {
    font-size: 2rem;
    font-weight: bold;
}

.tisseo-artiste-nom {
    font-size: 1.1rem;
}

.tisseo-artiste-date {
    font-size: 0.9rem;
    margin-top: -0.9rem;
}

.tisseo-artiste-desc {
    margin-top: 2rem;
}

.tisseo-passage-secret {
    color: navy;
    font-weight: normal;
    font-size: medium;
}

.tisseo-service-image {
    /*max-width: 20%;*/
    /*min-width: 10%;*/
}

.tisseo-text-service-color {
    color: #394DA3 !important;
    font-family: 'poppins-medium';
}

.artiste-image {
    width: 100%;
    height: 100%;
}

.modal-body {
    overflow-x: hidden !important;
}

.tisseo-quizz-reponse-ko, tisseo-quizz-reponse-ko:hover {
    border: none !important;
    background-color: orange;
}

.tisseo-quizz-fin-title {
    font-weight: bold;
    font-size: 4rem;
}

.tisseo-quizz-fin-sub-title {
    font-weight: normal;
    font-size: 1.8rem;
}

.tisseo-quizz-fin-color-secret {
    font-weight: normal;
    font-size: medium;
    color: #4BBE3F;
    margin-top: 1.2rem;
}

.tisseo-quizz-fin-secret{
    font-weight: bold;
}
.tisseo-quizz-fin-button-secret {
    background-color: #4BBE3F;
    color: white;
    padding: 1rem;
    border-radius: 9px;
}