/* CSS screen */

#contenu-entier{
  width:100%;
  margin:auto;
  min-width: 800px;

}

#gauche{
  display: inline-block;
  vertical-align: top;
  width:18%;
  position:fixed;
  padding-left:3%;
  padding-right:4%;
  min-width: 145px;
}

header{
  position:fixed;
  width:155px;
  height:45px;
}



#infos{
  margin-top:50px;
  padding-top: 5vh;
  word-wrap: break-word;
  overflow:scroll;
  height:80vh;
  z-index: 100;
}

#texte{
  display: inline-block;
  vertical-align: top;
  width:75%;
  margin-left: 25%;
  max-width: 850px;
}

article{
  margin-top:50px;
  padding-top: 5vh;
  width:70%;
}

article h1{
  margin-top:0px;
  margin-bottom: 30px;
}


note{
vertical-align: initial;
position: absolute;
left: 83%;
text-indent: -18px;
word-wrap: break-word;
hyphens: auto;
margin-right: 5%;
min-height: 100px;
}
/*
.suite{
    display:inline-block ;
}
*/


note .suite{
    display:inline-block !important;
    vertical-align:inherit!important;
    position:relative!important;
}


/*



article{
  overflow:scroll;
  height:100vh;
  max-width: 600px;
  margin:auto;
}


aside{
  margin-top:13vh;
  height:87vh;
  overflow:scroll;
}
*/