#box-picto-mob,#fleche-menu-mob,#menu-mob,#close-menu-mob{display:none;}
body{color:blue;
    background-color:#D7FAD7;
    animation-duration:20s;
    animation-name:bg;animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in;
    cursor: default;-ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;}
@keyframes bg{from {background-color:#D7FAD7;}
				to{background-color:white;}}
body::-webkit-scrollbar {display:none;}
p{width:75%;text-align: justify;}
img{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
::selection {background:#9AFC9A;}
::-moz-selection {background:#9AFC9A;}
#ombre-bottom{width:100%;height:40px;background:linear-gradient(to bottom,rgba(215, 250, 215,0),rgba(215, 250, 215,1));position:fixed;bottom:0;left:0;animation-duration:20s;opacity:1;animation-name:bottom-gradient;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in;}
@keyframes bottom-gradient{from {opacity:1;}to{opacity:0;}}
#ombre-bottom-white{width:100%;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));position:fixed;bottom:0;left:0;animation-duration:20s;opacity:0;animation-name:bottom-gradient-white;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in;}
@keyframes bottom-gradient-white{from {opacity:0;}to{opacity:1;}}
#blason{position:fixed;width:170px;height:auto;right:0;bottom:0;z-index:1000;background-color: white; border-left:blue solid 2px;border-top:blue solid 2px;padding: 15px;}
#bouton-accueil{position:fixed;top:5px;z-index:10000;left:0%;transform:rotate(135deg);margin:5px;}
header{margin:70px 0 10px 100px;}
h1,h2 {font-size:26px;margin:0;padding:0;font-weight:normal;}
h2 {transform: translateX(1px)translateY(-30px);user-select:none;}
#contenu{margin-left:100px;margin-bottom: 100px;}
p{margin:0 0 30px 0;}
.rs, .rs:visited, .rs:focus, .rs:hover {color:blue;}
#titre-mentions, #titre-mentions:visited,  #titre-mentions:focus, #titre-mentions:hover {font-family:'Avara';font-size:14px;text-decoration: underline;cursor: pointer;margin-bottom:10px;margin-top:10px;color: blue;}
#mentions {display:none;font-size: 15px;margin-bottom:100px;}
#photo-bye{width:120px;border-radius: 15px;}
#bye{font-size:14px;}
form{margin-bottom:50px;}
input, input:focus, input:active {width: 300px;border: none;padding: 7px 0px;color:blue;background-color:#f8c4ff;border-bottom:blue 2px solid;animation-duration:20s;
    animation-name:bg-place;animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in; outline: none;}
@keyframes bg-place{from {background-color:#f8c4ff;}
                to{background-color:white;}}
button{border:blue solid 1px;color: white;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px; background-color: blue; margin-left:5px;cursor:pointer;}
::placeholder{color:blue;}
iframe{transform:translateX(-45px);width: 600px;height: 0;}

