body{
background-image:url(img/fondcopie.jpg);
background-size: contain;
color:black;
font-family: 'helvetica neue', helvetica, arial, sans-serif
}

h2{
  font-size: 5vw;
}

h3{
  font-size: 1vw;
}



        .js-dragndrop { /* important pour les deplacement */
            -moz-user-select: none;
            -o-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .zone { /* la zone ou je deplace les images */
            display: block;
            position: relative;
            width: 1600px;
            height: 2700px;
        }


        /* -------------------------------------*/


        /* ICI les blocks que je peux deplacer */

        /* les css de tous les blocks */
        .block {
            display: block;
            position: absolute;
            width: 300px;
            height: 330px;
            background-color: none;
        }

        /* les css de chacun des blocks pour les positionner */
        #block-1 {
            top: 100px;
            left: 100px;
        }

        #block-2 {
            top: 200px;
            left: 800px;
        }

        #block-3     {
            top: 1000px;
            left: 1300px;
        }

        #block-4     {
            top: 800px;
            left: 500px;
        }

        #block-5     {
            top: 1250px;
            left: 250px;
        }

        #block-6     {
            top: 1300px;
            left: 1200px;
        }

        #block-7     {
            top: 2000px;
            left: 70px;
        }

        /* -------------------------------------*/

        /* les css de tous les textes */
        .texte {
            display: none; /* Rend le texte invisible au depart */
            position: absolute;
            color: white;
            background-color: none;
            width: 550px;
            height: 550px;
            padding: 30px; /* créer une marge au bloc */
        }

        /* les css de chacun des textes pour les positionner */
        #texte-1{
            top: 60px;
            left: 300px;
        }

        #texte-2{
            top: 60px;
            left: 900px;
        }

        #texte-3{
            top: 700px;
            left: 850px;
        }

        #texte-4{
            top: 500px;
            left: 100px;
        }

        #texte-5{
            top: 1150px;
            left: 300px;
        }

        #texte-6{
            top: 1500px;
            left: 800px;
        }

        #texte-7{
            top: 1800px;
            left: 200px;
        }

        /* -------------------------------------*/