@font-face {
  font-family:'univers';
  src: url('fonts/UniversLTStd-Light.otf');
  font-weight: 200;
}

html{
  position:absolute;
  background: rgb(238, 238, 238);
  font-family: 'univers';
  font-size: calc(5px + 0.5vw);
  font-weight: 200;
  height:100%;
  width:100%;
}

body{
  height: 100vh;
  max-width: 100vw;
}

.entier{
  margin: 7.5vw auto;
  max-height: 100vh;
  width:85%;
}

article{
  line-height: 1.4em;
}

header{
  font-size: 2rem;
  padding: 2rem;
  position: fixed;
  margin-top: -7.5vw;
}

header a{
  text-decoration: none;
  margin-right: 2em;
}

.main{
  float:left;
  font-size: 2rem;
  width: 75%;
}

.notes{
  font-size: 1.2rem;
  float:right;
  width:24%;
}

div.image{
  background: red;
  width:100%;
}

img{
  float:right;
  margin-bottom:1em;
  max-height: 100%; max-width: 80%;
}

p{
  clear:both;
  margin-bottom: 1em;
}

pre{
  font-size: 1.5rem;
  line-height: 1.3em;
  overflow: visible;
  white-space: pre-wrap;
}

h1{
  font-size: 3em;
  font-weight: 200;
  margin-bottom: 0.3em;
}

h3{
  font-size: 1em;
  font-weight: 200;
  margin-bottom: 3em;
}

a{
  color: black;
  cursor: pointer;
}

a:active {
    transform: scale(0.95);
}

a:visited, a:link{
  color:black;
}

.link{
  color:red;
}

a:focus, a:hover{
  color: red;
}

.wrong{
  text-decoration: underline;
  text-decoration-color: red ;
  text-decoration-style: wavy;
  text-decoration-skip-ink:auto;
}

.interligne p{
 margin: 0;
}

#no-error{
  height: auto;
}

#signature{
  text-align: right;
}


/* ///////////////// ancres ///////////////// */
.wrapper {
  overflow: visible;
  position: absolute;
  height: 9000px;
  right:6rem;
  top: 30vh;
  width: 19vw;
}

.ancres {
  font-size: 1.5rem;
  max-height: 90vh;
  position: sticky;
  top:10%;
  width: 15vw;
}

.ancres a{
  display: block;
}

/* ///////////////// dates ///////////////// */
.datos{
  display: flex;
  flex-direction: column-reverse;
}

.date, .logiciel{
  clear: both;
  position:relative;
  height:auto;
  width:100%;
}

.fille, .garcon{
  margin-bottom:3em;
  float:left;
  width:30%;
}

.fille{
  margin-left: 15%;
}

aside{
  position:absolute;
}

/* ///////////////// logiciels ///////////////// */
.logi img{
  float: left;
  margin-left: 33%;
  clear:both;
}

.logiciel aside{
  text-align: right;
  width:32%;
}

#TextEdit{
  width:67%;
}

@media print {
  @page {
    size: 841mm 30000mm;
  }

  header {
    display: none;
  }

  .main {
    font-size: 12pt;
    width:100%;
    margin: 2em;
  }
}