body {
background-color:white;
margin-left:100px;
margin-right:100px;
}

p {
font-family:century gothic, calibri, Arial;
color:#1d4851;
font-size:1.4em;
}

h2 {
font-family:calibri, Arial, comic sans ms;
color:white;
font-size:2em;
font-weight:bold;
font-style:italic;
}

.Logo {
    height:50px;
    top:10px;
    left:30px;
    position:fixed;
    opacity:50%;
    }
    
    @media(max-width:1000px) {
      .Logo {
    top:20px;
    height:70px;
      }
    }

    .Tower {
      color:#1D4851;
      font-size:1em;
      position:fixed;
      margin-top:34px;
      margin-left:-20px;
      z-index:10;
    }
  
    .Bande {
        font-family:century gothic, arial, calibri;
        font-weight:bold;
        font-size:3.5em;
        top:0px;
        height:80px;
        left:0px;
        right:0px;
        position:fixed;
        background-color:#D3D3D3;
        color:#1d4851;
        text-align:center;
        }
        
        @media(max-width:1000px) {
          .Bande {
          top:0px;
          height:400px;
          }
        }

/* MENU FLECHE */

.Fleche {
    position:fixed;
    font-size:4em;
    font-weight:bold;
    text-decoration:none;
    color:#1d4851;
    top:0px;
    right:15%;
    }
    
    .Fleche:hover {
      color:red;
    }
    
    @media(max-width:1000px) {
      .Fleche{
      display:none;
    }
    }
    
    /* MENU FLECHE fin */
    
    
/* MENU BURGER */

/*#menu__toggle {
  opacity: 0;
}*/

#menu__toggle:checked + .menu__btn > span {
    transform: rotate(45deg);
  }
  
  #menu__toggle:checked + .menu__btn > span::before {
    top: 0;
    transform: rotate(0deg);
  }
  
  #menu__toggle:checked + .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
  }
  
  #menu__toggle:checked ~ .menu__box {
    right: 0 /*!important*/;
  }
  
  .menu__btn {
    position: fixed;
    top: 20px;
    right: 50px;
    width:50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
  }
  
  @media(max-width:1000px) {
    .menu__btn {
      width:70px;
    }
  }
  
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    background-color:gray;
    border-radius:10px;
    transition-duration: .25s;
  }
  
  .menu__btn > span::before {
    content: '';
    top:30px;
  }
  
  @media(max-width:1000px) {
    .menu__btn > span::before {
      top:50px;
    }
  }
  
  .menu__btn > span::after {
    content: '';
    top:15px;
  }
  
  @media(max-width:1000px) {
    .menu__btn > span::after {
      top:25px;
    }
  }
  
  .menu__box {
    display: block;
    position: fixed;
    top: 0px;
    right:-100%;
    width: 220px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #ECEFF1;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transition-duration: .25s;
    z-index:2;
  }
  
  @media(max-width:1000px) {
    .menu__box {
    width:300px;
    }
  }
  
  .menu__item {
    display: block;
    padding: 12px 24px;
    color: #333;
    font-family:century gothic, arial, calibri;
    font-size:1.2em;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s;
  }
  
  @media(max-width:1000px) {
    .menu__item {
      font-size:1.5em;
    }
  }
  
  .menu__item:hover {
    background-color: #CFD8DC;
    color:white;
  }
  
  /* MENU BURGER fin */
      
.Image {
float:left;
margin-right:20px;
margin-bottom:20px;
height:340px;
}

.Note {
color:#FAEA73;
font-family:calibri, Arial,comic sans ms;
font-size:1.4em;
font-weight:bold;
font-variant-position:super;
font-style:bold;
color:red;
text-decoration:none;
outline:none;
}

.Remarque {
font-family:calibri, Arial,comic sans ms;
font-style:italic;
color:#FAEA73;
text-decoration:none;
outline:none;
}

.Retour {
border.left:500px;
background-color:#696969;;
font-family:century gothic,Arial,colibri;
font-size:1em;
font-weight:bold;
color:white;
position:absolute;
text-align:center;
text-decoration:none;
/*display:inline-block;*/
padding:10px 10px;
border-radius:10px;
border:3px solid white;
}

.Retour:hover {
background-color:#D3D3D3;
font-weight:bold;
color:black;
border:none;
}

a {
outline:none;
text-decoration:none;
}

.HautPage {
  font-family:century gothic, arial, calibri;
  font-weight:bold;
  color:grey;
  margin-top:-137px;
  margin-left:-350px;
  font-size:0.8em;
  position:fixed;
  padding:5px;
  border:2px solid grey;
  border-radius:10px;
}

.HautPage:hover {
  color:red;
  border:2px solid red;
}