footer,#box-picto-mob,#voir-plus-mob,#logo,#fleche-menu-mob,#menu-mob,#close-menu-mob, bottom{display:none;}
body{color:blue;
    background-color:#9FF59F;
    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:#9FF59F;}
            to{background-color:white;}}
body::-webkit-scrollbar {display:none;}
#trait-horizontal{width:100%;height:1px; background-color:white;position:fixed;top:60px;left:0;
                -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
.trait-vertical{width:1px;height:100%;background-color:white;position:fixed;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
#trait-vertical-left{top:0;left:60px;}
#trait-vertical-middle1{top:0;left:35%;}
#trait-vertical-middle2{top:0;left:42%;}
#trait-vertical-right{top:0;right:100px;}
#ombre-bottom{width:100%;height:40px;background:linear-gradient(to bottom,rgba(159,245,159,0),rgba(159,245,159,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;}}
img{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
::selection {background:#9AFC9A;}
::-moz-selection {background:#9AFC9A;}
/*/////----------------HAUT--------------//////////*/
header{width:100%;
    position:fixed;
    height:40vh;
    margin-top:0;
    border-bottom:solid 1px white;
    background-color:#9FF59F;
    animation-duration:20s;
    animation-name:bg-header;
    animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in;}
            @keyframes bg-header{from {background-color:#9FF59F;}to{background-color:white;}}
h1,h2{font-size:25px;margin:70px 0 0 100px;width:60%;max-width:1000px;font-weight:normal;float:left;}
h1{position:fixed;transform:translateX(1px)translateY(2px);user-select:none;}
#link-rs{height:37vh;
        left:43%;
        display:flex;
        justify-content:space-between;
        align-items:flex-end;
        width:48%;
        top:0;
        margin:0;
        position:fixed;
        font-size:14px;}
.rs{width:20px;height:20px;cursor:pointer;}
#mail-gauche{flex-grow:1;text-align:center;padding:2px;}
#duck{position:fixed;top:53px;left:147px;width:25px;cursor:pointer;z-index:1000;}
#clic{position:fixed;top:35px;left:80px;cursor:pointer;font-size: 11px;}
#guide {padding: 0;font-size: 18px;text-align:center;position: relative;font-family:'Trattatello';
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);}
#mail2025{ position:fixed;left:43%;height:37vh;top:0;display:flex;
        justify-content:center;width: auto;
        align-items:flex-end;margin:0;}
/*/////----------------BAS--------------//////////*/
#box-calendrier{
    width:25%;
    min-width:250px;
    max-width: 400px;
    margin-left:100px;
    margin-top:40vh;
    margin-bottom: 70px;
    }
#box-calendrier img{
    width:200px;margin-top:20px;
    }

#titre-calendrier{font-size:18px;margin:0;padding:30px 0 20px 0;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px;}
#dates-cal {font-family:'Helvetica';font-size:13px;margin:10px 0 0 0;}
#detail-cal {font-family:'Helvetica';font-size:13px;margin:0 0 7px 0;}
#detail-cal a{font-size:14px;text-decoration:underline;text-underline-offset:2px;font-style:italic;color:blue;margin-bottom: 1px;}
#box-picto{padding:5px;
    position:fixed;
    width:auto;
    height:55vh;
    left:43%;top:41vh;
    right:106px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:space-between;
    justify-content: center;border: blue solid 1px;border-radius: 500px;}
#ligne2{width:100%;display:flex;justify-content:space-between;align-items:center;}
#bouton-broderies img{transform:rotate(90deg)translateY(10px);}
#bouton-spectacles {clip-path: polygon(0 33%, 48% 33%, 48% 0, 100% 50%, 48% 100%, 48% 63%, 0 63%);width:70px;height:100px;background-color:blue;animation: 3s linear 1s infinite alternate pulsation;}
@keyframes pulsation {from {transform:scale(1)}to{transform:scale(0.7)}}
#bouton-asso img{transform:rotate(-180deg);}
.box-picto-mouvants{position:fixed;top:48vh;left:48%;width:auto;right:170px;height:40vh;}
#bouton-boutique {-webkit-animation-name:boutique; 
    -webkit-animation-duration: 70s; 
    -webkit-animation-iteration-count: infinite;
    animation-name:boutique;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    position:relative;
    top:20%;left:30%;
    width:40px;height:40px;}
    @keyframes boutique{
     0% {top:20%;left:30%;}
    15% {top:40%;left:10%;}
    30% {top:32%;left:90%;}
    47% {top:21%;left:13%;}
    65% {top:55%;left:74%;}
    79% {top:58%;left:8%;}
    94% {top:40%;left:70%;}
    100%{top:40%;left:70%;}}
#bouton-boutique img{width:40px;height:40px;}
#bouton-liens {-webkit-animation-name: liens; 
    -webkit-animation-duration: 100s; 
    -webkit-animation-iteration-count: infinite;
    animation-name: liens;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    position:relative;
    top:30%;left:50%;
    width:40px;height:40px;}
#bouton-liens img{width:40px;height: 40px;}
  @keyframes liens{
     0% {top:30%;left:50%;}
    22% {top:40%;left:70%;}
    38% {top:32%;left:90%;}
    43% {top:21%;left:13%;}
    62% {top:55%;left:74%;}
    80% {top:58%;left:8%;}
    92% {top:40%;left:70%;}
    100%{top:40%;left:70%;}}
#ecran{position:fixed;
    width:250px;
    height:50px;left:50%;
    top:45vh;
    transform: translate(-50%, -50%);
    z-index:1000;
    background-color:blue;
    display:flex;align-items:center;justify-content:center;user-select: none;}
#txt-ecran-fb,#txt-ecran-insta,#txt-ecran-twitter{color:white;display:none;font-family:'Avara';font-size: 25px;}
#txt-ecran-spectacles, #txt-ecran-broderies, #txt-ecran-ws {color:#18E718;display:none;font-family: 'MisterPixel';font-size: 33px;}
#txt-ecran-liens, #txt-ecran-asso, #txt-ecran-boutique {color:white;display:none;font-family: 'MisterPixel';font-size:30px;}