/*MISE EN FORME*/

   /*IMAGES*/

      #cercleDeux
      {
         position: absolute;
         height: auto;
         width: 250px;
         right: 320px;
         bottom: 65%;
      }

      #cercleTrois
      {
         position: absolute;
         top: 65px;
         left: 67.8%;
         width: 8.4%;
         height: auto;
      }

      #cercleQuatre
      {
         position: absolute;
         top: 10.3%;
         left: 821px;
         width: 22%;
         height: auto;
      }

      #cercleCinq
      {
         position: absolute;
         bottom: 61.3%;
         right: 45px;
         width: 7.5%;
         height: auto;
      }

      #cercleSix
      {
         position: absolute;
         top: 198px;
         left: 874px;
         width: 37.2%;
         height: auto;
      }

      #cercleSept
      {
         position: absolute;
         bottom: 24.3%;
         right: 1%;
         width: 65px;
         height: auto;
      }

      #cercleHuit
      {
         position: absolute;
         bottom: -30px;
         left: 77.45%;
         width: 306px;
         height: auto;
      }

      #cercleNeuf
      {
         position: absolute;
         top: 603px;
         left: 876px;
         width: 10%;
         height: auto;
      }

      #cercleDix
      {
         position: absolute;
         top: 92%;
         left: 62%;
         width: 243px;
         height: auto;
         transform: rotate(-1deg);
      }

      #cercleOnze
      {
         position: absolute;
         bottom: -52px;
         right: 32%;
         width: 130px;
         height: auto;
      }

      #cercleDouze
      {
         position: absolute;
         top: 74.2%;
         right: 376px;
         width: 305px;
         height: auto;
      }

      #cercleTreize
      {
         position: absolute;
         bottom: 157px;
         left: 45.3%;
         width: 5.6%;
         height: auto;
      }

      #cercleQuatorze
      {
         position: absolute;
         top: 31.5%;
         left: 344px;
         width: 36.7%;
         height: auto;
      }

      #cercleQuinze
      {
         position: absolute;
         bottom: 61.3%;
         right: 503.5px;
         width: 85px;
         height: auto;
      }


   /*INDICES*/

      /*GAGNANT*/

         #youWin
         {
            display: none;
         }

         /*MEDIA QUERIES GAGNANT*/
            @media screen and (min-width: 1135px) and (max-width: 1136px) and (min-height: 630px) and (max-height: 631px){
               #youWin
               {
                  display: block;
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  background-color: #f4b707;
                  top: 0;
                  left: 0;
                  /*opacity: 0.5;*/
               }

               #win
               {
                  position: absolute;
                  width: 500px;
                  top: 280px;
                  left: 610px;
               }

               #bouton
               {
                  position: absolute;
                  top: 240px;
                  left: 60px;
                  background-color: black;
                  border-radius: 5px;
                  z-index: 8;
                  padding: 10px 40px;
                  color: white;
                  color: white;
                  font-family: open_sansbold;
               }

               #contour
               {
                  position: absolute;
                  width: 1240px;
                  height: auto;
                  top: -105px;
                  left: 196px;
                  z-index: 7;
               }
            }