iframe {position: absolute; 
		width: calc(100%);
		height: calc(100%);
    

       }
test {
    
    
    
}

html {
    overflow: auto;
     overflow-y: scroll;
          overflow-x: scroll;
    
}

body{
    overflow-y: scroll;
    overflow-x: hidden;
        background-color:white;
    
}



@font-face {
    font-family: wow;
    src: url(w);
}



::-webkit-scrollbar {
    width: 2.4px;
    height: 4.9px
}

::-webkit-scrollbar-track {
    -webkit-border-radius:   3px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
   background-color: blue;
	background-image: -webkit-gradient(linear,
									   10% 0%,
									   75% 84%,
									   from(blue),
									   to(limegreen),
									   color-stfop(.6,white))
} 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: limegreen; 
}

   

            #menu {
                position: fixed;
                padding-left: 14vh;
                top: 1.6vh;
                left: 0;
                z-index: 99;
                
            }

           ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
               
               
            }

            li {
                float: left;
            }

            li a {
                color: black;
                padding-right: 8vh;
                text-decoration:;
                line-height: 6vh;
                font-size: 17px;
                letter-spacing: 0.06em;
            }
            

            li a:hover {
                
                color:blue;
            }




#nom{ position: absolute;
    color:blue;
    left:54%;
    z-index: 999;
}







                     

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

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

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

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

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

                                                                    
                                                                }
                                                                  .italian:hover #fleche_it {
                                                                    display:block;
                                                                    color:blue;

                                                                }



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



                                                                .francais:hover{
                                                                    text-decoration: underline;
                                                                     -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }
                                                                    .english:hover{
                                                                    text-decoration: underline;
                                                                         -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }
                                                                .italian:hover{
                                                                    text-decoration: underline;
                                                                     -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }

                                                             .blink:hover{
                                                                    text-decoration: underline;
                                                                         -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }



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

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


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

                                    #text {
                                      position:fixed;
                                      bottom:-28px;
                                      white-space: nowrap;
                                      left:0;
                                      width:100%;
                                      height:90px;
                                      align-content: center;
                                      font-size:1.27vw;
                                      animation-name: slide;
                                      animation-duration: 19s;
                                      animation-timing-function: linear;
                                      animation-iteration-count: infinite;
                                      z-index: 50;
                                      -webkit-animation-name: slide;
                                      -webkit-animation-duration: 38s;
                                      -webkit-animation-timing-function:linear;
                                      -webkit-animation-iteration-count: infinite;
                                        
                                    }


                                    
                                * {
                                      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: -24px;
                                                                                font-variant-caps: small-caps;

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

                                    
                                    }

                                    #text_invert {
                                      position:fixed;
                                      bottom: -33px;
                                      white-space: nowrap;
                                      left:0;
                                      width:100%;
                                      height:90px;
                                      align-content: center;
                                      font-size:2.3vw;
                                      z-index: 54;
                                      animation-name: slidea;
                                      animation-duration: 17s;
                                      animation-timing-function: linear;
                                      animation-iteration-count: infinite;
                                      -webkit-animation-name: slidea;
                                      -webkit-animation-duration: 48s;
                                      -webkit-animation-timing-function:linear;
                                      -webkit-animation-iteration-count: infinite;
                                        
                                    }



  
            

a:visited{color:blue;}

              

                                            

.hidden {display:none} 

     #txt_img1 {color:red;
               position: absolute;
               left:33.2%;
               width: 29%;
               top:38%;
               z-index: 3;}

     #txt_img23 {color:red;
               position: absolute;
               left:89.2%;
               width: 29%;
               top:51%;
               z-index: 3;}


      #txt_img2 {color:green;
               position: absolute;
               left:72.1%;
               width: 24%;
               top:52%;
               z-index: 3;}


   #txt_img3 {color:blue;
               position: absolute;
               right:13.4%;
               width: 22%;
               top:87.5%;
               z-index: 7;}


      #txt_img5 {color:limegreen;
                 position: absolute;
                 left:16%;
                 width: 26%;
                 top:217%;
                 z-index: 3;
                }


     #txt_img6 {color:purple;
                     position: absolute;
                     left:84%;
                     width: 26%;
                     top:194%;
                     z-index: 3;
                    }

     #txt_img7 {color:black;
                     position: absolute;
                     left:28%;
                     width: 26%;
                     top:308%;
                     z-index: 7;
                    }


 #txt_img8 {color:black;
                     position: absolute;
                     left:58%;
                     width: 26%;
                     top:314.6%;
                     z-index: 3;
                    }


  #txt_img10 {
               position: absolute;
               left:48%;
               width: 52%;
                     text-align: right;
               top:321.9%;
               }

         #txt_img9 {color:darkblue;
                     position: absolute;
                     left:46.4%;
                     width: 26%;
                     top:114%;
                     z-index: 3;
                    }

     #txt_img11 {color:black;
                     position: absolute;
                     left:28%;
                     width: 26%;
                     top:388%;
                     z-index: 7;
                              text-align: left;
         

                    }



     #txt_img12 {color:black;
                     position: absolute;
                     left:64%;
                     width: 26%;
                     top:387%;
                     z-index: 7;
                              text-align: left;
         

                    }
  #txt_img11:hover {color:blue;
                     

                    }




           #img1 { position: absolute;
                top: 59%;
                right: 13%;
                width: 20.16vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }



          #img2 {
				position: absolute;
				top: 13%;
				right: 8%;
                width: 19.46vw;
                height: auto;
                min-height: 1.5em;
			}


          #img3 { position: absolute;
                top: 53%;
                right: 52%;
                width: 25.46vw;
                height: auto;
                min-height: 1.5em;

            }

         
            #img4 {position: absolute;
                top: 175%;
                right: 5%;
                width: 19.46vw;
                height: auto;
                min-height: 1.5em;
                z-index: 0;


            }
 
           
            #img5 { position: absolute;
                top: 211%;
                right: 82%;
                width: 14.46vw;
                height: 14vw;
                min-height: 1.5em;
                z-index: 0;

            }
              
            #img6 { position: absolute;
            top: 117%;
            right: 23%;
            width: 24.46vw;
            height: auto;
            min-height: 1.5em;
            }

            #img7 { position: absolute;
                top: 238%;
                left: 27%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;

            }
             
            #img8 { 
                position: absolute;
                top: 244%;
                left: 57%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }
            
           
            #img9 {
                position: absolute;
                top: 107%;
                left: 9%;
                width: 34.46vw;
                height: auto;
                min-height: 1.5em;
                    z-index: 0;

            }
                #img10 {
                position: absolute;
                top: 252%;
                left: 87%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
            }

            }
                #img17 { position: absolute;
                top: 270%;
                right: 40%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }

               #img11 { position: absolute;
                top: 317%;
                left: 27%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }


               #img12 { position: absolute;
                top: 337%;
                left: 61%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
                 z-index: 0;

            }
                    #img20 {
                position: absolute;
                top: 422%;
                left: 33%;
                width: 23.46vw;
                height: auto;
                min-height: 1.5em;
            }
           
                    #img21 {
                position: absolute;
                top: 342%;
                left: 193%;
                width: 14.46vw;
                height: auto;
   border: 0.03px ;

                min-height: 1.5em;
            }
           
                    #img22 {
            position: absolute;
            top: 399%;
            left: 43%;
            width: 14.46vw;
            height: auto;
            border: 0.03px;
            min-height: 1.5em;
            min-height: 1.5em;
            }
           

      #img23 {
                position: absolute;
                top: 64%;
                left: 86%;
                width: 27.56vw;
                height: auto    ;


                min-height: 1.5em;
            }
           

                  #img24 {
                position: absolute;
                top: 129%;
                left: 100.4%;
                width: 29.16vw;
                height: auto;
   border: 0.03px ;
                      cursor:pointer;

                min-height: 1.5em;
            }


         #img25 {
                position: absolute;
                top: 46%;
                left: 133%;
                width: 21.46vw;
                height: auto;

                min-height: 1.5em;
            }
                #imgcoin { 
                width: 19.66vw;
                height: auto;
                min-height: 1.5em;
                

            }
        #img26 {
                position: absolute;
                top: 201%;
                right: 20%;
                width: 14.46vw;
                height: auto;
                border: 0.03px ;

                min-height: 1.5em;
            }



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





* { 
    text-decoration: none;
}



@-webkit-keyframes coloranimation {
      0% {
        
        color: red;
      }
      
    
      20% {
        
        color: mediumpurple;
      }
      
      30% {
        
        color: limegreen;
      }
      
      40% {
        
        color: blue;
      }
      
      50% {
        
        color: orange;
      }
      
      60% {
        
        color: teal;
      }
      
      70% {
        
        color: skyblue;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: royalblue;
      }
      
      100% {
        
        color: pink;
      }
    }




@-webkit-keyframes coloranimation2 {
      0% {
        
        color: red;
      }
      
    
    
      
      21% {
        
        color: red;
      }
      
      31% {
        
        color: blue;
      }
      
      50% {
        
        color: red;
      }
      
      60% {
        
        color: blue;
      }
      
      64% {
        
        color: limegreen;
      }
     
    
      92% {
     
        color: red;
      }
      
      100% {
        
        color: blue;
      }
    }




l3{
    position: fixed;
    align-content: center;
    left:9%;
    top:29%;
    color:blue;
    font-family:monospace;
    font-size: 138px;
    -webkit-animation:coloranimation 27s infinite alternate;
    z-index: 3;
}







l4{
    position: absolute;
    align-content: center;
    right:69%;
    top:321%;
    color:blue;
    font-family:monospace;
    font-size: 17px;
    -webkit-animation:coloranimation 27s infinite alternate;
}