/* 11/07/2022 Tous droits réservés modale.css*/

/* body pour barre défilement */
BODY {
    overflow: auto;    
}

/* Arrière-plan fenêtre MODALE conteneur */
.modale {                
    visibility: hidden; /* visible; /* hidden; /*display: none; /* caché par defaut */ /* ***************************** */
    position: fixed; /* toujours présent */
    z-index: 950; /* sur le dessus */
    left: 0;
    top: 0;
    width: 100vw; /* pleine largeur */
    min-height: 100vh; /* pleine hauteur */
    overflow: auto; /* désactive barres scroll */
    background-color: rgba(0,0,0,0.6); /* rendre plus foncé Black + opacity */
}

.pleinEcran {
    /*position: fixed; /* toujours présent */
    left: 0;
    top: 0;
    width: 100%; /* pleine largeur */
    height: 100%;
    min-height: 100vh; /* pleine hauteur */
    background: black;
}

/* Contenu fenêtre MODALE -fenêtre- */
.modaleContenu {
    color: antiquewhite;
    margin: auto;
    padding: 0 0.7em 0.7em 0.7em;
    border: 2px solid antiquewhite;
    border-radius: 1em;
    width: 450px;
    max-width: 100%;
    background: linear-gradient(to right, #b09e80, #665841); /* dégradé */ 
    /* background-color: gray; */
    /*height: 150px;*/
    font-size: 1em;    
    /*animation : modaleAnim1 5s infinite;*/
}

.modaleTitre{
    color: white;
    /*background-color: #665841;*/
    width: 100%;
    border-bottom: 2px solid antiquewhite;
    padding: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
}

@keyframes modaleAnim1{
    50% {
        background: linear-gradient(to right, #665841, #b09e80);
    }
}
/* bouton ferme fenêtre modale 
.btnModaleFermer {
    color: gray;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 1.5em; 
    background-color: #3a322c;
    font-weight: bold;
    padding: 10px;
    opacity: 0.6;
}

.btnModaleFermer:hover,
.btnModaleFermer:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}*/

.texteLarge1 {
    font-family: Arial, sans-serif;
    font-size: 3em;
    font-weight: 900;
    letter-spacing: 0.01em;
    /* perspective: 500px; */
}