/* ================================================================ */
/* ==== POPUP ===================================================== */
/* ================================================================ */
#cspopup{ position: fixed; bottom:0; top: 0; left:0; right:0; z-index:20000; pointer-events: none;}
#cspopup .cache{ transition:all 0.1s linear;  opacity:0;  pointer-events: none; position: fixed; bottom:0; left:0; width:100%; height: 100%; z-index: 2900; background: linear-gradient(to bottom,rgba(255,255,255,0) 40%,rgba(255,255,255,0.8) 100%); }
#cspopup .cache.on{ opacity:1;}
#cspopup .win{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); transform: translate(-50%,30%); opacity: 0; pointer-events: none; position: absolute; bottom:60px; left:50%;  z-index: 3100; text-align: center;  background: #ffffff; padding:25px; border-radius:0px; max-width:460px; width:100vw; }
#cspopup .win.on{ pointer-events:auto;  transform:translate(-50%,0%); opacity:1; pointer-events:auto;}
#cspopup .win .t{ font-family:var(--wp--preset--font-family--titre); font-size: 20px; margin:0 20px 5px 20px; line-height:1.2;   }
#cspopup .win .i{ line-height:1.3; }
#cspopup .winlien{ display: inline-block; margin-top:10px; padding:5px 15px; border:2px solid #000000; background:#ffffff; color: #000000;}
#cspopup .win .v:not(:empty){  margin-bottom:20px;}
#cspopup .win .v{  }
#cspopup .win .v img{ display: block; max-width: 100%; height:auto; margin:auto;  }
#cspopup .win .close{ cursor: pointer; position: absolute; top:10px; right:10px;line-height: 20px;font-size: 20px;padding:6px 10px 10px 10px; }
#cspopup .win .close:before{ content: "\292B"; }
#cspopup .boutct{ font-size:1.2em;  cursor: pointer;transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);  bottom:30px; left:50%; transform: translate(-50%,100%); opacity: 0; pointer-events: none; position: absolute;   z-index: 3200; }
#cspopup .boutct.on{ pointer-events: auto; transform:translate(-50%,0%); opacity:1; pointer-events:auto;}
#cspopup .bout{ box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(255,255,255,0.5);  padding:10px 20px; background:#000000; color: #ffffff; display:block; }
@media screen and (max-width:700px){
    #cspopup{ left:30px; right:30px; }
    #cspopup .cache{ background:linear-gradient(to top,rgba(255,255,255,0.8),rgba(255,255,255,0) 100%);  }
    #cspopup .win{ font-size: 14px; width:100%;  }
    #cspopup .boutct{ width:100%; font-size:14px; text-align: center;  }
    #cspopup .boutct>*{  display: inline-block; padding:10px; }
    #cspopup br{ display: none;}
}