*{
    margin:0;
    padding:0;
}
:root{
    --x_right:0vw;

}

body{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    transition:ease-in-out;
}

.conteneur{
   
    position: fixed;
    top:0;
    right: 0;
    width: 100vw;
    
}

.div_paysage{
    
    
    width: 100vw;
    height: 50vw;

    
}

#paysage, #paysage_1, #paysage_2, .div_paysage svg{
    position:absolute;
    top:0;
    right:0;
  
    width:100vw;
    height: 50vw;
}


#div_corps_oiseau_sol svg{
    position: absolute;
    top:32vw;
    right:51.51vw;
    height: 13.63vw;
    width:19.94vw;
 
}

#oiseau_atterrissage_arbre{

    position: absolute; 
    top:0vw; 
    right:32vw; 
    height: 16.25vw; 
    width:19.38vw;
}




#oiseau_sur_arbre{
    position: absolute;
    top:5.32vw;
    right:23.13vw ;
    width:20.25vw;
    height:12.44 vw;
    

}


#corps_oiseau_arbre, #pattes_oiseau_arbre{
    
    position: absolute;
    top:0;
    right:0;
    width:20.25vw;
    height:12.44 vw;
   

    
}
 #corps_oiseau_sol, #patte_oiseau_sol, #corps_oiseau_arbre, #pattes_oiseau_arbre, #oiseau_hat_ardh, #pattes_oiseau_hat_ardh, #oiseau_hat{
    cursor: pointer;
}


#decollage_nouzoul{

    position: absolute;
    top:9.1vw;
    right:10.5vw ;
    width:18.625vw;
    height:14.313vw;
  

}

#oiseau_hat{

    position: absolute;
    top:37.25vw;
    right:10vw ;
    width:15.97vw;
    height:8.625vw;
}
#oiseau_hat_ardh, #pattes_oiseau_hat_ardh{
    position: absolute;
    top:38vw;
    right:16.56vw ;
    width:11.26vw;
    height:6.125vw;
}

#oiseau_decollage_ardh{
    position: absolute;
    top:37vw;
    right:13.75vw ;
    width:12.75vw;
    height:8.813vw;
}

#oiseau_atterrissage_chajra_1, #oiseau_atterrissage_chajra_2 {
    position: absolute;
    top:8.75vw;
    right:34.57vw ;
    width:16.625vw;
    height:18.85vw;

}

#oiseau_atterrissage_chajra_3, #pattes_oiseau_atterrissage_chajra_3{
    position: absolute;
    right:15.5vw;
    top:3vw;
    width:15.5vw;
    height:12.82vw;
    cursor:pointer;
}

#oiseau_decollage_chajra_1{
    position: absolute;
    right:20.5vw;
    top:5vw;
    width:17.2vw;
    height:12.32vw;
    
}
#oiseau_decollage_chajra_2{
    position: absolute;
    right:30.5vw;
    top:15vw;
    width:21.25vw;
    height:9.69vw;

}

#oiseau_hat_chajra_ardh{
    position: absolute;
    right:45.5vw;
    top:26vw;
    width:20.63vw;
    height:11.57vw;


}



.pageSinan{
    position:absolute;
    top:40vw;
    right:88vw;
    width: 10vw;
  }