* {
    box-sizing: border-box;
    background-color: black;
}


@font-face {
    font-family: 'Redaction';
    src: url('FONT/REDACTION/Redaction_20-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}







.titre {
    
    font-family :'Saint Regular';
    font-size: 3em;
     color: lime;
   text-align: center;
    
    
}






img {
    max-width: 90%;
   margin-top:-1em ;

}

.texte {
    
    font-family:'Redaction-Italic';
    font-size:1em;
    color:lime;
    text-align: center;
}







/* mediaqueries pour le responsive*/
/* mediaqueries pour le responsive*/

/* POUR LES TABLETTES = écrans dont la taille maximale est de 992px ou moins...*/
@media screen and (max-width: 992px) {

    body {
        /*  background-color: black; */
    }


    .container_12 header .grid_8 {

        width: 100%;
    }

    .container_12 .grid_2 {
        width: 100%;
        text-align: center;

    }

    img {
        max-width: 99%;
    }
}

/* POUR LES TELEPHONES = écrans dont la taille maximale est de 600px ou moins... */
@media screen and (max-width: 600px) {

    body {
        /*  background-color: black; */
    }

    /* chaque grille fait 100% de l'espace*/
    .container_12 .grid_8 {


        width: 100%;
    }

    .container_12 .grid_2 {


        width: 100%;
        text-align: center;
    }

    img {
        max-width: 100%;
    }


}