.erreur {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    color: $color_rouge;
    @include media_max(phone){
        margin-left: 10px;
        margin-right: 10px;
    }
    @include media_minmax(phone,desktop){
        margin-left: auto;
        margin-right: auto;
    }
    text-align: center;
    p {
        margin-bottom: 15px;
        color: $color_rouge;
    }
    .souligne {
        text-decoration: underline;
    }
}


.form_check_mail {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: 
    ". input ."
    ". checkbox checkbox"
    ". input_code ."
    ". button .";
    
    .input_email {
        grid-area: input;
        
    }
    .input_checkbox {
        grid-area: checkbox;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 35px;
        .gras {
            font-family: cabin_semibold;
            color: $color_noir;
        }
    }
    .input_code {
        grid-area: input_code;
        margin-bottom: 40px;
    }
    button {
        grid-area: button;
        justify-self: center;
    }

}




.open_modal {
    display: grid;
    justify-content: center;
    margin-top: 150px;
    text-decoration: underline;
    p {
        &:hover {
            cursor: pointer;
        }
    }
}

.prelude {
    /*display: grid;*/
    /*justify-content: center;*/
    /*margin-top: 150px;*/
    
    /* **************************************************************** */
    /* ** POUR FENETRE MODALE  ** */
    /* **************************************************************** */
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    /* **************************************************************** */
    
    
    
    
    
    font-family: cabin_regular;
    font-size: 15px;

    .prelude_content {
        /*max-width: 700px;*/

        /* **************************************************************** */
        /* ** POUR FENETRE MODALE  ** */
        /* **************************************************************** */
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 5px solid $color_rouge;
        border-radius: 20px;
        width: 80%;
        /* **************************************************************** */
    }

    ol {
        margin-left: 20px;
        li {
            list-style-type: decimal;
        }
    }
    ul {
        margin-left: 20px;
        li {
            list-style-type: circle;
        }
    }
    .gras {
        font-family: cabin_semibold;
    }
}
.prelude_close {
    float: right;
    margin-top: -25px;
    font-size: 50px;
    color: $color_rouge;
}

.prelude_close:hover,
.prelude_close:focus {
    cursor: pointer;
    color: $color_rouge;
    text-decoration: none;
}


