body {
font-family: calibri, Arial, comic sans ms;
background:url("Photographies/ImagesBotanique/Tragopogon.jpg") fixed;
background-attachment:fixed;
background-position:right 100% bottom 10%;
background-size:40%;
margin-left:100px;
margin-right:100px;
}

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

ul {
font-family: times, calibri, Arial, comic sans ms;
}

h4 {
color: green;
font-family: calibri, Arial, comic sans ms;
font-size:1.5em;
}

/* MENU FLECHE */

.Fleche {
    position:fixed;
    font-size:4em;
    font-weight:bold;
    text-decoration:none;
    color:#D2DF80;
    top:0px;
    right:15%;
    z-index:20;
    }
    
    .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: 30;
  }
  
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    /*display: block;*/
    position: absolute;
    width: 100%;
    height: 8px;
    /*background-color: #616161;*/
    background-color:#D2DF80;
    border-radius:10px;
    transition-duration: .25s;
  }
  
  .menu__btn > span::before {
    content: '';
    /*top: -8px;*/
    top:30px;
  }
  
  .menu__btn > span::after {
    content: '';
    /*top: 8px;*/
    top:15px;
  }
  
  .menu__box {
    display: block;
    position: fixed;
    top: 0;
    /*left: -100%;*/
    right:-100%;
    width: 210px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #009F00;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transition-duration: .25s;
    z-index:20;
  }
  
  .menu__item {
    display: block;
    padding: 12px 24px;
    color: white;
    font-family:century gothic, arial, calibri;
    /*font-family: 'Roboto', sans-serif;*/
    font-size:1.2em;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s;
  }
  
  .menu__item:hover {
    background-color: #D2DF80;
    color:white;
  }
  
  /* MENU BURGER fin */
  
.Logo {
    height:50px;
    width:50px;
    margin-top:-110px;
    margin-left:-50px;
    position:fixed;
    opacity:100%;
    z-index:20;
}

.Tower {
    font-family:century gothic, arial, calibri;
    color:#BEF574;
    font-size:0.8em;
    position:fixed;
    margin-top:-75.5px;
    margin-left:3px;
    z-index:20;
  }

  .Categories {
    display:inline-block;
    font-family:century gothic,arial,calibri;
    top:76.5px;
    width:100%; 
    height:50px;
    margin-left:-100px;
    margin-right:0px;
    position: fixed;
    background-color:#D2DF80;
    text-align:center;
    }
    
.SousTitre {
    display:inline-block;
    text-decoration:none;
    font-size:1.53em;
    margin-top:10px;
    padding:0px 20.5px;
    border:1px solid;
    border-color:#D2DF80 black #D2DF80 #D2DF80;
}

  .Titre {
    display:inline-block;
    width:100%;
    height:95px;
    top:-0px;
    left:0px;
    font-family:calibri, Arial, comic sans ms;
    font-size:3em;
    text-align:center;
    color:#D2DF80;
    background:#009F00;
    position:fixed;
    z-index:0;
    }
    
.Vertical {
display: block;
background-color: #D2DF80;
text-align:center;
height:392px;

width: 312px;
margin-top:-15.5px;
margin-left:auto;
margin-right:auto;
z-index:10;
}

.Bas {
color:brown;
font-size:1.2em;
text-decoration:none;
font-family:times;
}

.Botanique {
    display:inline-block;
    font-size:2em;
    font-weight:bold;
    margin-top:5px;
    color:brown;
    /*background-color:#009F00;
    padding:20px;*/
}

.Tragopogon {
    position:fixed;
    display:block;
    margin-top:-923px;
    margin-left:350px;
    max-height:90%;
    max-width:50%;
    height:auto;
    z-index:0;
}

.Descr {
    display:block;
    /*background-color:#D2DF80;*/
    font-size:1.5em;
    color:#009F00;
    text-align:left;
    text-decoration:none;
    outline:none;
    padding:10px;
    border:solid 0.1px;
    border-left-color:none;
    border-right-color:none;
    border-bottom-color:black;
    margin-top:-1px;
}

.Descr:hover {
    background-color:#FFFF99;
    color:red;
    border-color:#009F00;
    }

    .Retour {
      display:inline-block;
      width:70px;
      height:30px;
      justify-content: center;
      align-items: center;
      font-family:calibri, Arial, comic sans ms;
      font-size:1.2em;
      color:white;
      background-color:#009F00;
      border-radius:10px;
      border:none;
      padding:5px 3px 2px;
      margin-top:5px;
      margin-left:10px;
      margin-right:10px;
      margin-bottom:-15px;
      text-decoration:none;
      text-align:center;
    }
  
    .Retour:hover {
      color:green;
      background-color:#D0C07A;
    }