body {
    height: 100%;
                width: 127%;
                margin: 0 0 0 0;
    font-family: sans-serif;
}


        /* Style pour l'écran de "CLIC" */
        .welcome-screen {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.92);
            color: violet;
            font-family:sans-serif;
            font-size: 3rem;
            font-weight: 500;
            cursor: pointer;
            
                
         
            z-index: 33
        }

 .clicwelcome:hover {

            color: limegreen; 
            font-size: 3rem;
            font-weight:bold;

        }

        /* Style pour le contenu du site caché */
        .site-content {
            display: none;

        }

 #img46 { position: absolute;
                top: 117%;
                right: -6.5%;
                width: 24.47vw;
                height: auto;
                min-height: 1.5em;
                z-index: 0;

    
     }
 #imgd6 { position: absolute;
                top: 152%;
                left: 5%;
                width: 28.47vw;
                height: auto;
                min-height: 1.5em;
                z-index: -1;

    
     }

#gchrome {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: url(img/fond.jpg)  ;
     background-size: 100%;
 z-index:-9999;
}


.draggable {
  cursor: crosshair;

  border-image: linear-gradient(#6affba,#6affba, white) 2;;
  border-style:solid;
  z-index: 1;



  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);

    
}










a{
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

a:hover{
    color: blue;
    
    
}


a:active{
color:limegreen;
font-style: italic}


.texte{
    position: relative;
    width: 100%;
}

.langue{
  
}




::selection{
  color : red;
}


@media only screen and (max-width: 768px) {
    /* Smartphones: *//* Smartphones: *//* Smartphones: *//* Smartphones: *//* Smartphones: */
       
    body{
        height: 100%;
    
    }
         #txt_img1 {color:red;
                   position: absolute;
                   left:75.9%;
                   width: 49%;
                   font-size:3.4vw;
                   top:52.2%;
                   z-index: 3;}
    
    
    
    
    
             #txt_img2 {
                    position: absolute;
                    left:84.9%;
                    width: 49%;
                    font-size:3.7vw;
                    top:50.7%;
                    z-index: 3;}

    
    
                #txt_img3 {
               position: absolute;
               left:4.6%;
               width: 47%;
               font-size:3.7vw;
               top:79.4%;
                    text-align: right;
               }
    
    
      #txt_img5 {
                     position: absolute;
                     left:91.4%;
                     width: 47%;
                     font-size:3.7vw;
                     top:182%;
                   
                    }
    
    
             #txt_img9 {color:darkblue;
                     position: absolute;
                     left:83.4%;
                         width: 47%;
              font-size:3.7vw;
                     top:129%;
                   
                    }

    
                   #txt_img7 {
               position: absolute;
               left:3.7%;
               width: 47%;
              font-size:3.7vw;
               top:219.9%;
               }
    
    
    
                 #txt_img8 {
               position: absolute;
               left:0.7%;
               width: 52%;
              font-size:3.45vw;
                     text-align: right;
               top:277.9%;
               }
    
                   #txt_img11 {
               position: absolute;
               left:0.7%;
               width: 52%;
              font-size:3.45vw;
                     text-align: right;
               top:353.9%;
               }
    
               #txt_img12 {
               position: absolute;
               left:17.7%;
               width: 52%;
              font-size:3.45vw;
                     text-align: right;
               top:511.9%;
               }
    
    
           #txt_img10 {
               position: absolute;
               left:0.7%;
               width: 52%;
              font-size:3.45vw;
                     text-align: right;
               top:404.9%;
               }
    
    
    #img1 { position: absolute;
                top: 29.7%;
                left:3.6%;
                width: 21.66vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }
    
    
       #img2 {
				position: absolute;
				top: 22%;
				left: 89%;
                width: 41.56vw;
                height: auto;
                min-height: 1.5em;
			}


          #img3 { position: absolute;
                top: 79%;
                left: 59%;
                width: 69.96vw;
                height: auto;
                min-height: 1.5em;

            }
    
         #img4 { position: absolute;
                top: 162%;
                left: 48%;
                width: 18.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 0;

            }
          #img5 { position: absolute;
                top: 169%;
                left: 92%;
                width: 28.76vw;
                height: 29vw;
                min-height: 1.5em;
                z-index: 0;

            }
    
    
    
    
     #img6 { position: absolute;
                top: 152%;
                left: 11%;
                width: 28.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 0;

            }
    
    #img46 { position: absolute;
                top: 152%;
                left: 11%;
                width: 28.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 0;

    
     }
     
       #img7 { position: absolute;
                top: 192%;
                left:50%;
                width: 64.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 2;}
    
        #img8 { 
        
            position: absolute;
            top: 259%;
            left:55.4%;
            width: 64.76vw;
            height: auto;
            min-height: 1.5em;
            z-index: 2;

        }
    
        #img9 { position: absolute;
                top: 157%;
                right:19%;
                width: 68.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 2;

            }

    
    
    
               #img11 { position: absolute;
                 top: 329%;
            left:58%;
            width: 64.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 2;

            }
    
    
                  #img12 { position: absolute;
                 top: 476%;
            left:28%;
            width: 64.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 2;

            }
                   #img10 { position: absolute;
                 top: 399.2%;
            left:62%;
            width: 64.76vw;
                height: auto;
                min-height: 1.5em;
                z-index: 2;

            }
                        #img21 {
                position: absolute;
                top: 342%;
                left: 93%;
                width: 6.46vw;
                height: auto;
   border: 0.03px ;

                min-height: 0em;
            }
              
                     #img22 {
           
                width: 11.46vw;
 

        
            }
              
    
                  #img20 {
       top:550%;
           width:62vw;
            }
            
    
      #img23 {
                position: absolute;
                top: 53%;
                left: 86%;
                width: 42.56vw;
                height: auto    ;


                min-height: 1.5em;
            }
           

                  #img24 {
                position: absolute;
                top: 507%;
                left: 69%;
                width: 9.46vw;
                height: auto;
   border: 0.03px ;
                      cursor:pointer;

                min-height: 1.5em;
            }


         #img25 {
                position: absolute;
                top: 526%;
                left: 73%;
                width: 51.46vw;
                height: auto;

                min-height: 1.5em;
            }
    
    
    
    
        #imgd6 {
                position: absolute;
                top: 526%;
                left: 73%;
                width: 51.46vw;
                height: auto;

                min-height: 1.5em;
            }
    
    
    
    

 #marquee { 
                                        bottom: -24px;
                                      width:100%;
                                      height:90px;
                                      line-height:120px;
                                      overflow:hidden;
                                      position:fixed;
                                        mix-blend-mode: difference;
       color:blue;
                          
                                    }




                                    
                                * {
                                      margin:0;
                                      padding:0;
                                      border:0;
                                    }

                                    @keyframes slidea {
                                      from { left:-230%; transform: translate(0, 0); }
                                      to { left: 100%; transform: translate(-100%, 0); }
                                    }
                                    @-webkit-keyframes slidea {
                                      from { left:-230%; transform: translate(0, 0); }
                                      to { left: 100%; transform: translate(-100%, 0); }
                                    }


                                    #marquee { 
                                        bottom: -4px;
                                      color:gold; 
                                      width:100%;
                                      height:   90px;
                                      line-height:120px;
                                      overflow:hidden;
                                      position:fixed;
                                      z-index: 4;
                                    
                                    }
                                   #marquee:hover {        -webkit-animation:coloranimation 12s infinite alternate;

                                    
                                    }









#banderole{
    position:fixed;
    bottom: 0%;
    background-color: white;
    height: 118px;
    width: 100%
        
}










    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    l3{
    position: absolute;
    align-content: center;
    right: 24.1vw;
    top:22%;
    color:blue;
    font-family:monospace;
    font-size: 4.4vw;

}


    
    
    
    
    
    
    
    
    
                 .english { position: fixed;
                                                    top: 12px;
                                                    left: calc(88.9%);
                                                    text-align: center;
                                                    font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                    
                                    .italian { position: fixed;
                                                    top: 12px;
                                                    left: calc(95.6%);
                                                    text-align: center;
                                                      font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                    .francais { position: fixed;
                                                    top: 12px;
                                                    left: calc(84.3%);
                                                    text-align: center;
                                                      font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                 #fleche_it {
                                                    position: fixed;
                                                    top: 15px;
                                                    left: calc(92.89%);
                                                    text-align: center;
                                                    font-size: 3.99vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                }
                                    #fleche_en {
                                        position: fixed;
                                                    top: 15px;
                                                    left: calc(86.24%);
                                                    text-align: center;
                                                    font-size: 3.99vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                }

                                    #fleche_fr {
                                        position: fixed;
                                                    top: 12px;
                                                    left: calc(88.54%);
                                                    text-align: center;
                                                    font-size: 3.9vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                    }
                                                                .english:hover #fleche_en {
                                                                    display:block;
                                                                }
                                                                  .italian:hover #fleche_it {
                                                                    display:block;
                                                                }



                                                                .francais:hover #fleche_fr {
                                                                    display:block;
                                                                }




    
    
    
    
    
    }
}


















num{position: absolute;
    top:20%;}

nom{position: absolute;
    top:10%;
color:blue;
left:10%;
width: 6    %}