body {
    background-color:#009F00;
    z-index:10;
}

p {
  font-family:century gothic, arial, calibri;
  font-size:1.2em;
  color:green;
}

a {
outline:none;
}

p {
margin-left:0px;
float:left;
}

p a {
display:block;
float:left;
width:150px;
 <!-- background-color:#008B8B; -->
font-family:calibri, Arial, comic sans ms;
font-size:1.5em;
text-decoration:none;
text-align:center;
padding:1px;
border:1px solid;
border-color:#D2DF80 black #D2DF80 #D2DF80;
}

p a:hover {
background-color:#FFFF99;
}

ul {
list-style-type:none;
}

/* 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;
    top:-7px;
    left:30px;
    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;
  }
  
.Contact {
  width:90%;
  font-family:calibri, Arial, comic sans ms;
  font-weight:bold;
  font-size:2em;
  color:green;
  text-align:center;
}

.Bloc {
Padding:30px;
z-index:20;
}

table {
width:100%;
}

.Categories {
font-family:century gothic,arial,calibri;
top:60px;
width:100%; 
height:50px;
left:0px;
margin-right:0px;
position: fixed;
font-size:1em;
color:#1d4851;
background-color:#D2DF80;
text-align:center;
z-index:0;
}

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

.Mot1 {
    display:inline-block;
    margin-top:10px;
}

.Mot2 {
    display:inline-block;
    margin-top:10px;
}

.MaPommeContact {
font-size:1.2em;
color:white;
text-decoration:none;
outline:none;
}

.WebmestreContact {
/*display:block;
font-size:1.2em;
color:white;
text-decoration:none;
outline:none;
margin-right:20px;*/

font-family:century gothic,arial,calibri;
top:0px;
height:140px;
left:0px;
right:0px;
position: fixed;
font-weight:bold;
font-size:3.5em;
color:#1d4851;
background-color:#D2DF80;
text-align:center;
z-index:0;
}

.WebmestreContact:hover {
    color:red;
}

.Intro {
font-family:calibri, Arial, comic sans ms;
color:green;
font-size:1.2em;
border:0px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}

.Central {
font-family:calibri, Arial, comic sans ms;
color:black;
font-size:1.2em;
border:0px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}

.Remarque {
font-family:calibri, Arial, comic sans ms;
color:red;
font-size:1.2em;
font-style:italic;
border:0px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}

/*.Nouveautes {
font-family:calibri, Arial, comic sans ms;
background-color:#FFFF99;
color:#2F4F4F;
font-size:12px;
text-align:justify;
border:2px solid #FFFF99;
border-radius:10px;
padding:25px;
}*/

img {
margin:20px;
float:left;
width:150px;
}

.MaPomme {
margin-top:170px;
font-size:11px;
font-family:comic sans ms, calibri, Arial;
color:black;
text-align:center;
float:left;
}

.Moi {
color:green;
border:0px;
padding:30px;
text-align:justify;
font-family:calibri, Arial, comic sans ms;
font-size:1.2em;
margin-left:100px;
margin-right:30px;
}

.TexteCV {
font-family:calibri, Arial, comic sans ms;
color:green;
font-size:1.2em;
padding:30px;
width:80%;
text-align:justify;
}

h4 {
font-family:calibri, Arial, comic sans ms;
font-size:2em;
color:green;
text-align:center;
margin-top:80px;
}

strong {
color:brown;
font-style:bold;
}

mark {
font-weight:bold;
color:#2F4F4F;
background-color:#D2DF80;
border:2px solid #D2DF80;
border-radius:5px;
padding:2px;
}

.Fond {
    margin-top:-8px;
    margin-left:-10px;
    width:101.5%;
    margin-right:30%;
}

.CadreMilieu {
    margin-top:-8px;
    height:600px;
    width:50%;
    margin-left:25%;
    margin-right:25%;
    background-color:#D2DF80;
    /*background-color:#D0C07A;*/
    position:fixed;
    z-index:10;
}

.Cadre {
    width:105%;
    height:100%;
    display:inline-block;
    margin-top:-20px;
    margin-left:-10px;
    background:#D0C07A;
}

.CadreContact {
  display:inline-box;
  text-align:center;
  width:30%;
  border:3px solid #009F00;
  border-radius:20px;
  margin-left:30%;
  margin-right:30%
}


.Mail {
  font-family:calibri, Arial, comic sans ms;
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:2em;
  color:red;
}

.Nom {
  font-family:calibri, Arial, comic sans ms;
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:2em;
  color:black;
  margin-top:0px
}

.Sms {
  font-family:calibri, Arial, comic sans ms;
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:2em;
  color:red;
}

.SmsText {
  font-family:calibri, Arial, comic sans ms;
  display:flex;
  justify-content: center;
  align-items:center;
  font-size:1.5em;
  color:black;
}

  .Clic {
    font-family:calibri, Arial, comic sans ms;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.8em;
    color:white;
    background-color:#009F00;
    padding:10px 5px;
    border-radius:10px;
    margin-left:30%;
    margin-right:30%;
    text-decoration:none;
  }

  .Bouton {
    justify-content: center;
    align-items: center;
    font-family:calibri, Arial, comic sans ms;
    font-size:1.4em;
    color:white;
    background-color:#009F00;
    padding:10px 10px;
    border-radius:10px;
    margin-left:5%;
    margin-right:5%;
    text-decoration:none;}

    .Bouton:hover {
      color:#009F00;
      background-color:#D0C07A;
    }

    .Retour {
      width:70px;
      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;
      margin-left:10px;
      margin-right:10px;
      text-decoration:none;
    }
  
    .Retour:hover {
      color:#009F00;
      background-color:#D0C07A;
    }