#fond{
    position:absolute;
    top:80px;
    left:80px;
    z-index:0;
}


#cercle{
    position:absolute;
    top:80px;
    left:80px;
    z-index:3;
}

#dessin{
    position:absolute;
    top:80px;
    left:80px;
    z-index:5;
}

#alerte{
    position:absolute;
    top:80px;
    left:80px;
    z-index:8;
}


#interaction{
    position:absolute;
    top:80px;
    left:80px;
    z-index:10;
}

#fenetre_Pick{
    position:fixed;
    width:440px;
    top:100px;
    right:20px;
    color:#4b545c;
    background:white;border-radius:10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);    
    z-index:35;
    visibility:hidden;
}

#fenetre_Pick p{
    margin-left:30px;
    margin-right:30px;
    margin-top:20px;
    margin-bottom:15px;
    text-align:center;
}

#fenetre_Pick h3{
    margin-right:30px;
    text-align:center;
}

#bouton_Pick{
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
    padding-bottom:15px;
}


#fenetre_longueur{
    position:absolute;
    width:220px;
/*     height:150px; */
    right:20px;
    bottom:20px;
    color:#4b545c;
    background:white;border-radius:10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);    
    z-index:40;
    text-align:center;
}

#fenetre_longueur p{
    margin-left:30px;
    margin-right:30px;
    margin-top:20px;
    margin-bottom:15px;
    text-align:center;
    font-size:140%;
}

#fenetre_longueur h3{
  font-weight:bold;
  background:#3a3a3a;
  color:#eeeeee;
  width:100%;
  margin-top:0;
  margin-left:0;
  padding-top:20px;
  padding-bottom:15px;
  margin-bottom:20px;
  border-radius: 10px 10px 0px 0px;
}

#choix_environnement{
    text-align:left;
    padding-left:15px;
}

.fenetre_aide{
    background:white;
}

#div_anim{
    width:800px;
    height:490px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:60px;
    background-image:url("./fond-mer-per.png");
    background-repeat:repeat-x;
    position:relative;
}

#canvasCourbe,#canvasAnimation,#canvasCercle{
    position:absolute;
    top:0;
    left:0;
    width:800px;
    height:396px;
}

#canvasCourbe{
    z-index:13;
}

#canvasAnimation{
    z-index:5;
}

#canvasCercle{
    z-index:8;
}

#bouton_play,#bouton_raz{
    position:absolute;
    bottom:20px;
    cursor:pointer;
}

#bouton_play{
    left:230px;
    width:60px;
}
#bouton_raz{
    left:500px;
    width:60px;
}