body {
    background-color:#FFFF99;
}

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

.Carte {
color:white;
font-family:calibri, Arial, comic sans ms;
font-size:1em;
text-decoration:none;
padding:0px 5px 3px 5px;
border:1px solid brown;
border-radius:10px;
background-color:brown;
}

.Carte:hover {
    color:brown;
    background:#D0C07A;
    border:1px solid brown;
}

.Menu {
font-family:calibri, Arial, comic sans ms;
}

.Description {
font-family:calibri, Arial, comic sans ms;
font-size:1.4em;
text-align:justify;
margin-top:-10px;
margin-left:350px;
padding:30px;
}

h4 {
font-size:1.5em;
font-family:calibri, Arial, comic sans ms;
color:green;
text-align:center;
font-weight:bold;
}

h1 {
height:30px;
margin-top:-5px;
font-size:2em;
font-family:calibri, Arial, comic sans ms;
color:brown;
text-align:center;
font-weight:bold;
}

.RemarqueHaut {
display:block;
width:110%;
font-family:calibri, Arial, comic sans ms;
font-size:1.2em;
height:50px;
margin-left:30px;
text-align:justify;
}

/* 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:-98.5px;
    margin-left:42px;
    position:fixed;
    opacity:100%;
    z-index:20;
}

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

  .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;
    }
    
    .Categories {
        display:inline-block;
        font-family:century gothic,arial,calibri;
        top:76.5px;
        width:100%; 
        height:50px;
        margin-left:-10px;
        margin-right:0px;
        position: fixed;
        background-color:#D2DF80;
        text-align:center;
        }

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

        .Generalites strong {
          color:black;
          }
          
          .Climat strong {
          color:blue;
          }
          
          .Vegetation strong {
          color:green;
          }
          
          .Remarque {
          display:block;
          color:blue;
          margin-top:30px;
          }
          
        .Descr {
            font-family:century gothic, arial, calibri;
            color:black;
            display:block;
            /*background-color:#D2DF80;*/
            font-size:1.2em;
            text-align:left;
            text-decoration:none;
            outline:none;
            margin-left:20px;
            padding:5px;
        }
        
        .Descr:hover {
            /*background-color:#FFFF99;*/
            color:red;
            border-color:#009F00;
            }

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

              .RetourBotanique {
                display:block;
                position:fixed;
                width:70px;
                height:30px;
                justify-content: center;
                align-items: center;
                font-family:calibri, Arial, comic sans ms;
                font-size:1.4em;
                color:white;
                background-color:#009F00;
                border-radius:10px;
                border:none;
                padding:3px;
                margin-left:30px;
                margin-right:10px;
                top:90px;
                text-decoration:none;
              }
            
              .RetourBotanique:hover {
                color:green;
                background-color:#D0C07A;
              }
 
              .RetourCarteBiomes {
                display:block;
                width:55px;
                height:30px;
                justify-content: center;
                align-items: center;
                font-family:calibri, Arial, comic sans ms;
                font-size:1.2em;
                color:white;
                background-color:brown;
                border-radius:10px;
                border:none;
                padding:5px 0px 2px 15px;
                text-decoration:none;
              }
            
              .RetourCarteBiomes:hover {
                color:brown;
                background-color:#D0C07A;
              }*/
              
.RetourCarte {  
    display:block;
    width:60px;
    height:30px;
    justify-content: center;
    align-items: center;
    font-family:calibri, Arial, comic sans ms;
    font-size:1.2em;
    color:white;
    background-color:brown;
    border-radius:10px;
    border:none;
    padding:5px 0px 2px 15px;
    margin-top:170px;
    margin-left:-100%;
    text-decoration:none;
    z-index:10;
  }

  .RetourCarte:hover {
    color:brown;
    background-color:#D0C07A;
}

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

.Vertical {
  display: block;
  background-color: #D2DF80;
  text-align:center;
  width: 290px;
  margin-top:-320px;
  margin-left:-10px;
  margin-right:auto;
  z-index:10;
  }

    .Vertical2 {
      display: block;
      background-color: #D2DF80;
      text-align:center;
      width: 290px;
      height:800px;
      margin-right:auto;
      }
            
.BlocTexte {
  display:block;
  font-family:century gothic, arial, calibri;
  font-size:1.2em;
  width:80%;
  padding:20px 100px;
}
   
.BlocTexteHumideSemp {
  display:block;
  font-family:century gothic, arial, calibri;
  font-size:1.2em;
  width:80%;
  height:1000px;
}

.Pluvieuses {
  text-decoration:none;
  color:brown;
}

.Pluvieuses:hover {
  text-decoration:none;
  color:green;
}

.Jaune {
  color:black;
  font-family:calibri, Arial, comic sans ms;
  font-size:1.2em;
  font-weight:bold;
  margin-left:-148px;
  }
  
  .Jaune2 {
    background-color:#FFFF99;
    font-size:1.2em;
    font-weight:normal;
    padding:1px 4px 2px 4px;
    border-radius:5px;
  }