/*
 * Gabarit uscrmgp (Microgrid) - regles utiles de la visionneuse (js/visionneuse.js), etape MG-5, version 2.1.0.
 * Reprises telles quelles de plugins/system/jcemediabox/css/jcemediabox.min.css (JCE MediaBox 2.1.2, Copyright (C) 2006 - 2021
 * Ryan Demmer, GNU/GPL version 2 or later), feuille chargee sur toutes les pages en production (sauf la 404).
 * Gardees : 112 regles (decoration des liens : wf-zoom-image, loupe wf-icon-zoom-image, wf-mediabox-has-float,
 * wf-mediabox-is-centered ; fenetre wf-mediabox et theme standard ; animation de chargement).
 * Ecartees : 96 regles sans usage sur le site (themes light, shadow, squeeze, bootstrap et uikit ; infobulles
 * .tooltip ; .glyphicon-chevron-* ; lecteur multimedia).
 */
.wf-mediabox-numbers *,[class^=wf-mediabox]{left:0;top:0;margin:0;padding:0;border:0;outline:0;vertical-align:top;background:0 0;text-decoration:none;color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:inherit;text-shadow:none;text-transform:none;float:none;position:relative;width:auto;height:auto;white-space:normal;cursor:inherit;-webkit-tap-highlight-color:transparent;line-height:normal;font-weight:400;text-align:left;box-sizing:border-box;direction:ltr;max-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none}
.wf-mediabox-scrolling{position:relative}
.wf-mediabox{position:fixed;z-index:10000;width:100%;height:100%;font-size:16px}
.wf-mediabox-cache{position:absolute;left:-99999px}
.wf-mediabox-scrolling .wf-mediabox{position:absolute;top:0;left:0;bottom:0;right:0}
.wf-mediabox-overlay{position:absolute;cursor:pointer;background-color:#000;width:100%;height:100%}
.wf-mediabox-overlay-transition .wf-mediabox-overlay{opacity:0;transition:opacity .3s ease-in-out}
.wf-mediabox-open .wf-mediabox-overlay{opacity:.7}
.wf-mediabox-loader:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000;box-sizing:border-box}
.wf-mediabox-loader:after{content:"";display:block;border:.25em solid rgba(255,255,255,.5);border-left-color:#fff;border-radius:50%;width:2em;height:2em;animation:donut-spin 1.2s linear infinite;z-index:10001;position:absolute;top:50%;left:50%;margin:-1em 0 0 -1em;box-sizing:border-box}
.wf-mediabox-body,.wf-mediabox-frame:after{display:inline-block;vertical-align:middle}
@keyframes donut-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.wf-mediabox-frame:after{content:"";height:100%}
.wf-mediabox-frame{box-sizing:border-box;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}
.wf-mediabox-body{z-index:10002;cursor:default;margin:0 auto;position:relative;text-align:left;width:100%;visibility:hidden;box-shadow:0 0 30px rgba(0,0,0,.5);max-width:260px}
.wf-mediabox-broken-image,.wf-mediabox-broken-media>div,.wf-mediabox-loading .wf-mediabox-content-image{min-width:240px;min-height:135px}
.wf-mediabox-loader{text-align:center;line-height:0;display:none;width:100%;height:100%;position:absolute}
.wf-mediabox-loading .wf-mediabox-loader{display:inline-block!important}
.wf-mediabox-info-bottom,.wf-mediabox-info-top{overflow:hidden;position:relative;margin:0;padding:0;border:0}
.wf-mediabox-container{overflow:hidden;max-width:100%;height:auto}
[class*=wf-mediabox-transition-] .wf-mediabox-body{opacity:0;transition:.3s ease-in;transition-property:opacity,transform}
.wf-mediabox-transition-scale .wf-mediabox-body{transform:scale3d(.9,.9,1)}
.wf-mediabox-transition-slide-in .wf-mediabox-body{transform:translateX(300%) translateY(0)}
.wf-mediabox-transition-slide-out .wf-mediabox-body{transform:translateX(-200%) translateY(0)}
.wf-mediabox-body:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#fff}
.wf-mediabox-show .wf-mediabox-body{visibility:visible}
.wf-mediabox-transition-scale .wf-mediabox-body.wf-mediabox-transition{opacity:1;transform:scale3d(1,1,1)}
.wf-mediabox-transition-slide-in .wf-mediabox-body.wf-mediabox-transition,.wf-mediabox-transition-slide-out .wf-mediabox-body.wf-mediabox-transition{opacity:1;transform:translateX(0) translateY(0)}
.wf-mediabox-body.wf-mediabox-transition:after{content:"";width:0;height:0}
.wf-mediabox-content{width:auto;height:auto;overflow:hidden;display:block}
.wf-mediabox-content-item>figure{margin:0;position:absolute;width:100%;height:100%;left:0;top:0;display:block}
.wf-mediabox-content-item>figure>figcaption{text-align:center;position:absolute;width:100%;display:block;bottom:0;background:#fff;padding:.25em}
.wf-mediabox-scroll .wf-mediabox-content-image{overflow:auto}
.wf-mediabox-scroll .wf-mediabox-content-image img{max-width:inherit}
.wf-mediabox-content-ajax .wf-mediabox-content-item,.wf-mediabox-content-iframe .wf-mediabox-content-item,.wf-mediabox-content-object .wf-mediabox-content-item,.wf-mediabox-content-video .wf-mediabox-content-item{padding-bottom:56.25%;width:100%;height:0;overflow:inherit}
.wf-mediabox-content-ratio-4by3 .wf-mediabox-content-item{padding-bottom:75%}
.wf-mediabox-content-ratio-flex .wf-mediabox-content-item{padding-bottom:0}
.wf-mediabox-container .wf-mediabox-content-height{padding:initial;min-height:320px}
.wf-mediabox-content-ajax{overflow:auto}
.wf-mediabox-content-audio,.wf-mediabox-content-image{text-align:center;width:100%;height:auto}
.wf-mediabox-content p.media-support{font-size:20px;color:#888;font-weight:700;text-align:center;height:100%;position:relative;top:50%;margin-top:-10px}
.wf-mediabox-content-iframe iframe,.wf-mediabox-content-object embed,.wf-mediabox-content-object object,.wf-mediabox-content-video video{border:0;position:absolute;top:0;left:0;width:100%;height:100%}
.wf-mediabox-content-audio audio,.wf-mediabox-content-image img{text-align:center;width:100%;height:auto}
.wf-mediabox-content-audio audio{min-height:40px}
.wf-mediabox.ios .wf-mediabox-content{overflow:scroll;-webkit-overflow-scrolling:touch}
.wf-mediabox-ajax{overflow:auto;border:0;margin:0;background-color:#fff}
a.wf-mediabox-img{line-height:0;font-size:0}
.wf-mediabox-caption,.wf-mediabox-nav{display:block}
.wf-mediabox-nav button{padding:0!important;font-size:inherit!important}
.wf-mediabox-caption,.wf-mediabox-caption h4,.wf-mediabox-caption p{margin:0;padding:0;border:0;line-height:normal;white-space:normal}
.wf-mediabox-caption p{max-height:25vh;overflow:auto}
.wf-zoom-image{position:relative;line-height:0;font-size:0;display:inline-block}
.wf-mediabox-has-float{display:block}
.wf-mediabox-is-centered{display:block;margin:auto}
.wf-zoom-image-hover:hover .wf-icon-zoom-image{visibility:visible}
.wf-icon-zoom-image:before,.wf-icon-zoom-image>svg{color:#fff;font-size:24px;height:28px;position:absolute;text-align:center;width:24px;opacity:.8;top:auto;bottom:5px;left:auto;right:5px;z-index:1}
.wf-icon-zoom-image>svg{fill:#fff;transform:scale(-1)}
.wf-zoom-image-invert .wf-icon-zoom-image:before{color:#444}
.wf-zoom-image-invert .wf-icon-zoom-image>svg{fill:#444}
.wf-icon-zoom-left-top .wf-icon-zoom-image:before,.wf-icon-zoom-left-top .wf-icon-zoom-image>svg,.wf-icon-zoom-top-left .wf-icon-zoom-image:before,.wf-icon-zoom-top-left .wf-icon-zoom-image>svg{top:5px;bottom:auto;left:5px;right:auto}
.wf-icon-zoom-right-top .wf-icon-zoom-image:before,.wf-icon-zoom-right-top .wf-icon-zoom-image>svg,.wf-icon-zoom-top-right .wf-icon-zoom-image:before,.wf-icon-zoom-top-right .wf-icon-zoom-image>svg{top:5px;bottom:auto}
.wf-icon-zoom-bottom-left .wf-icon-zoom-image:before,.wf-icon-zoom-bottom-left .wf-icon-zoom-image>svg,.wf-icon-zoom-left-bottom .wf-icon-zoom-image:before,.wf-icon-zoom-left-bottom .wf-icon-zoom-image>svg{top:auto;bottom:5px;left:5px;right:auto}
.wf-icon-zoom-center-top .wf-icon-zoom-image:before,.wf-icon-zoom-center-top .wf-icon-zoom-image>svg,.wf-icon-zoom-top-center .wf-icon-zoom-image:before,.wf-icon-zoom-top-center .wf-icon-zoom-image>svg{left:50%;margin-left:-12px;top:5px;bottom:auto;right:auto}
.wf-icon-zoom-bottom-center .wf-icon-zoom-image:before,.wf-icon-zoom-bottom-center .wf-icon-zoom-image>svg,.wf-icon-zoom-center-bottom .wf-icon-zoom-image:before,.wf-icon-zoom-center-bottom .wf-icon-zoom-image>svg{left:50%;margin-left:-12px;right:auto}
.wf-icon-zoom-center-right .wf-icon-zoom-image:before,.wf-icon-zoom-right .wf-icon-zoom-image:after,.wf-icon-zoom-right-center .wf-icon-zoom-image:before{margin-top:-12px;top:50%;bottom:auto}
.wf-icon-zoom-center-left .wf-icon-zoom-image:before,.wf-icon-zoom-center-left .wf-icon-zoom-image>svg,.wf-icon-zoom-left .wf-icon-zoom-image:before,.wf-icon-zoom-left .wf-icon-zoom-image>svg,.wf-icon-zoom-left-center .wf-icon-zoom-image:before,.wf-icon-zoom-left-center .wf-icon-zoom-image>svg{margin-top:-12px;top:50%;bottom:auto;left:5px;right:auto}
.wf-icon-zoom-center .wf-icon-zoom-image:before,.wf-icon-zoom-center .wf-icon-zoom-image>svg{margin-top:-12px;margin-left:-12px;top:50%;bottom:auto;left:50%;right:auto}
.wf-icon-zoom-image{background:0 0;border:0;cursor:pointer;display:inline-block;float:none;font-size:100%;margin:0;outline:0;overflow:hidden;padding:0;vertical-align:baseline;position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none}
.wf-hidden,.wf-mediabox-caption:empty,a.wfpopup.hide,a.wfpopup.noshow{display:none}
.wf-icon-zoom-link:before{padding:0 0 0 5px;vertical-align:middle}
.wf-icon-zoom-link>svg{padding:2px 0 0 5px;vertical-align:middle;width:16px;height:16px;transform:scaleY(-1);line-height:1}
.wf-mediabox-close,.wf-mediabox-next,.wf-mediabox-numbers a,.wf-mediabox-prev{cursor:pointer}
.wf-mediabox-numbers a{color:inherit}
.wf-mediabox figure{margin:0}
.wf-mediabox figcaption{text-align:initial}
.wf-icon-404{visibility:visible;background-color:#fff}
.wf-icon-404>svg{width:5em;height:5em;margin:auto;transform:scale(-1);fill:#444}
.wf-mediabox-frame{padding:.5em}
.wf-mediabox-container{background-color:#fff;border-radius:.25em;padding:.5em}
.wf-mediabox-body:after{border-radius:.25em}
.wf-mediabox-info-bottom{padding:.5em 0 0}
.wf-mediabox-nav{background-color:#fff;padding:1em}
.wf-mediabox-close,.wf-mediabox-next,.wf-mediabox-prev{display:block;height:2em;left:auto;position:absolute;width:2em;z-index:1;color:#444;text-align:center;vertical-align:middle;line-height:2em}
.wf-mediabox-close>svg,.wf-mediabox-next>svg,.wf-mediabox-prev>svg{fill:#444;vertical-align:middle}
.wf-mediabox-close:after,.wf-mediabox-next:after,.wf-mediabox-prev:after{font-size:1.5em}
.wf-mediabox-close:before,.wf-mediabox-next:before,.wf-mediabox-prev:before{line-height:inherit}
.wf-mediabox-close{top:0;right:0}
.wf-mediabox-close:focus,.wf-mediabox-close:hover,.wf-mediabox-next:focus,.wf-mediabox-next:hover,.wf-mediabox-prev:focus,.wf-mediabox-prev:hover{color:#888;text-decoration:none;outline:0}
.wf-mediabox-close:focus>svg,.wf-mediabox-close:hover>svg,.wf-mediabox-next:focus>svg,.wf-mediabox-next:hover>svg,.wf-mediabox-prev:focus>svg,.wf-mediabox-prev:hover>svg{fill:#888}
.wf-mediabox-prev{left:0;top:2em}
.wf-mediabox-next{right:0;top:2em;left:auto}
.wf-mediabox-numbers{text-align:center;display:block;line-height:2em;top:1em}
.wf-mediabox-numbers ol{text-align:center}
.wf-mediabox-numbers button{border:none;display:inline-block;width:100%;height:100%;border-radius:100%;font-size:14px!important;text-align:center;cursor:pointer}
.wf-mediabox-numbers button:hover{font-weight:700;text-decoration:none;color:inherit;background-color:transparent;background-image:none}
.wf-mediabox-numbers button.active{cursor:default;background:#444;color:#fff;font-weight:700;border:6px solid #fff}
.wf-mediabox-numbers button:focus{background-color:#444;color:#fff}
.wf-mediabox-caption{padding:.5em 0 .25em;background-color:#fff}
.wf-mediabox-caption h4{font-size:1.2em;line-height:1.2}
.wf-mediabox-caption h4 a,.wf-mediabox-caption h4 a:active,.wf-mediabox-caption h4 a:hover,.wf-mediabox-caption h4 a:visited,.wf-mediabox-caption p a,.wf-mediabox-caption p a:active,.wf-mediabox-caption p a:hover,.wf-mediabox-caption p a:visited{color:#444;font-weight:700;text-decoration:none}
.wf-mediabox-numbers>ol li{display:inline-block;box-sizing:border-box;width:2em;height:2em;vertical-align:middle;line-height:1.75}
.wf-mediabox-content a[download]{padding:.5em 0;display:block;text-align:right;text-decoration:none;color:#444}
.wf-mediabox-content a[download]:active,.wf-mediabox-content a[download]:visited{text-decoration:none;color:#444}
.wf-mediabox-content a[download]:hover{text-decoration:underline}
.wf-mediabox-broken-image img{display:none}
.wf-mediabox-broken-image .wf-mediabox-content-image:before{position:absolute;font-size:100px;height:auto;width:100%;text-align:center;left:0;top:50%;margin-top:-50px;opacity:.5}
.wf-mediabox-broken-image .wf-icon-404{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-content:center;text-align:center}
.wf-mediabox-broken-image .wf-icon-404:after{font-size:5em;display:block;width:100%;height:100%;position:relative;line-height:1.75}
.wf-mediabox-thumbnails{display:flex;max-height:4rem;align-content:center;justify-content:center;flex-flow:row nowrap;gap:1%;z-index:10;margin-top:-4em;background:rgba(0,0,0,.3);padding:.5em;overflow:hidden;transition:all .5s ease-in-out 0s;opacity:0}
.wf-mediabox-container:hover .wf-mediabox-thumbnails{opacity:1}
.wf-mediabox-thumbnails img{cursor:pointer;object-fit:contain;max-height:4rem;min-width:1rem;max-width:4rem;height:auto}
.wf-mediabox-thumbnails img.active{outline:#fff solid 1px}