/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}header{display:block}main{display:block}a{background-color:transparent;-webkit-text-decoration-skip:objects}b{font-weight:inherit;font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}audio{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}canvas{display:inline-block}[hidden]{display:none}*{box-sizing:border-box}body,html{position:fixed;height:100%;width:100%}html{overflow:hidden;font-size:62.5%;font-family:Source Sans Pro,sans-serif;font-weight:400}#loading-animation{z-index:100}.bloc-logo{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:174px}.bloc-logo canvas{width:100%;height:100%;right:0;bottom:0}.bloc-logo #logo-mask,.bloc-logo canvas{position:absolute;display:block;top:0;left:0}.bloc-logo #logo-mask{width:300px;height:174px;background-size:300px;text-indent:-9999px}main{height:100%}@media only screen and (min-width:768px){.bloc-logo,.bloc-logo #logo-mask{width:400px;height:232px}.bloc-logo #logo-mask{background-size:400px}}@media only screen and (min-width:1024px){.bloc-logo,.bloc-logo #logo-mask{width:500px;height:290px}.bloc-logo #logo-mask{background-size:500px}}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url(/static/fonts/fontawesome-webfont.eot);src:url(/static/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/static/fonts/fontawesome-webfont.woff2) format("woff2"),url(/static/fonts/fontawesome-webfont.woff) format("woff"),url(/static/fonts/fontawesome-webfont.ttf) format("truetype"),url(/static/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-user:before{content:"\F007"}.fa-close:before,.fa-remove:before{content:"\F00D"}.fa-refresh:before{content:"\F021"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-list:before{content:"\F03A"}.fa-image:before{content:"\F03E"}.fa-play:before{content:"\F04B"}.fa-info-circle:before{content:"\F05A"}.fa-exclamation-circle:before{content:"\F06A"}.fa-exclamation-triangle:before{content:"\F071"}.fa-random:before{content:"\F074"}.fa-key:before{content:"\F084"}.fa-gears:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-link:before{content:"\F0C1"}.fa-bars:before{content:"\F0C9"}.fa-circle:before{content:"\F111"}.fa-code:before{content:"\F121"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-play-circle:before{content:"\F144"}.fa-apple:before{content:"\F179"}.fa-try:before{content:"\F195"}.fa-building:before{content:"\F1AD"}.fa-send:before{content:"\F1D8"}.fa-header:before{content:"\F1DC"}.fa-user-secret:before{content:"\F21B"}.fa-safari:before{content:"\F267"}.fa-firefox:before{content:"\F269"}.fa-500px:before{content:"\F26E"}.fa-map:before{content:"\F279"}.fa-edge:before{content:"\F282"}.fa-audio-description:before{content:"\F29E"}.fa-fa:before{content:"\F2B4"}.fa-user-circle:before{content:"\F2BD"}.fa-s15:before{content:"\F2CD"}.fa-window-close:before{content:"\F2D3"}*{box-sizing:border-box}body,html{position:fixed;height:100%;width:100%}html{overflow:hidden;font-size:62.5%;font-family:Source Sans Pro,sans-serif;font-weight:400}.page{position:absolute;bottom:0;top:0;left:0;right:0;z-index:0;background-image:url(/static/images/background.png)}.page div{position:fixed;left:0;right:0;opacity:.8}#app,#app>div{height:100%}#app>div{display:flex;justify-content:center;align-items:center}.main-container{width:100vw;height:100%;overflow:hidden;z-index:1;background:#fdf8ee;color:#143a4d;-webkit-transform:translateZ(0)}.pane-header{position:relative;padding:5px 0;text-align:center;width:100%}.logo{position:relative;width:100px;box-shadow:0 0 0 1.5rem #fdf8ee;background:#fdf8ee}.pane-header:before{content:"";display:block;position:absolute;top:calc(50% - 3px);left:0;width:100%;height:2px;background:rgba(0,0,0,.25)}.chat-form{position:relative}.chat-form,.message-list{display:flex;flex-direction:column}.message-list{width:100%;padding:0 5px}.message-list-container{flex-grow:2;margin:0 5px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #ddd;background:#f5f5f5}.message{text-align:left;position:relative;font-size:2rem;min-width:40%;padding:7px;margin-top:5px;margin-bottom:20px;margin-right:5px;border-radius:4px}.message:after,.message:before{content:"";position:absolute;bottom:-20px;border-style:solid}.message:after{border-color:transparent #f5f5f5}.tg-message{align-self:flex-start;background-color:#21c9d9}.masked-message{background-color:rgba(21,201,217,0)!important;transition:background-color 2s}.masked-message,.masked-message:before{border-color:transparent rgba(21,201,217,0)!important;transition:border-color 2s}.unmasked-message{background-color:#15c9d9!important;transition:background-color 2s}.unmasked-message:before{border-color:transparent #15c9d9!important;transition:border-color 2s}.tg-message:before{left:-2px;border-width:0 22px 22px 0;clip:rect(auto auto auto 2px);border-color:transparent #21c9d9}.tg-message:after{left:10px;border-width:0 10px 20px 0}.user-message{align-self:flex-end;background:#e69947}.user-message:before{right:-2px;border-width:0 0 22px 22px;clip:rect(auto 20px auto auto);border-color:transparent #e69947}.user-message:after{right:10px;border-width:0 0 20px 10px}.message>div{display:flex;align-items:center;justify-content:flex-start}.message-text{color:#343535;margin:0 0 0 10px;flex-grow:1;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.message-time{margin:0;color:#4e4f4f;position:absolute;top:3px;right:5px;font-size:1rem;font-style:italic}.message-image{flex-basis:50px;text-align:center;align-self:flex-start}.message-image span{font-size:3rem}.message-image img{width:50px}#message-form{background:#fdf8ee;font-size:2rem;width:100%;height:48px;display:flex;opacity:0}.message-input{color:#143a4d;margin:5px;padding:.3em .6em;display:inline-block;background:#f5f5f5;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box;flex-grow:1}.message-input:focus{outline:0;border-color:#129fea}.send-button{margin:5px 5px 5px 0;font-size:100%;padding:.25em 1em;color:#135379;color:rgba(13,53,79,.8);border:1px solid #999;border:transparent;background-color:#21c9d9;text-decoration:none;border-radius:2px}.send-button:focus,.send-button:hover{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.reconnect{top:0;left:0;bottom:0;right:0;z-index:200;position:absolute}.reconnect,.reconnect-tab{display:flex;justify-content:center;align-items:center}.reconnect-tab{background:#e69947;border-radius:5px;width:60%;flex-direction:column}.reconnect-tab span{position:relative;font-size:6rem;box-shadow:0 6px 0 #002134,0 1px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 0 3px hsla(0,0%,100%,.5);border-radius:50%;background:#143a4d;margin-bottom:20px;top:0;transition:top .1s,box-shadow .1s}.reconnect-tab span.active,.reconnect-tab span:hover{box-shadow:0 0 0 #002134,0 1px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 0 3px hsla(0,0%,100%,.5);background:#002134;color:#002134;top:6px}.blur{filter:blur(3px)}.reconnect-tab-info{font-size:2rem;padding:0 20px;margin-top:0;margin-bottom:10px;text-align:center}.pane-header i{font-size:4rem;box-shadow:0 0 0 1.5rem #e69947;background:#e69947;position:relative}@media only screen and (min-width:640px){.main-container{height:70%;width:500px;border-radius:5px}.message{max-width:80%;margin-bottom:35px;font-size:2.2rem}.pane-header{padding:15px 0}.message-image{flex-basis:60px}.message-image span{font-size:3.5rem}.message-image img{width:60px}.tg-message:before{left:-3px;border-width:0 33px 33px 0;clip:rect(auto auto auto 3px)}.tg-message:after{left:20px;border-width:0 10px 30px 0}.user-message:before{right:-3px;border-width:0 0 33px 33px;clip:rect(auto 30px auto auto)}.user-message:after{right:20px;border-width:0 0 30px 10px}.message:after,.message:before{bottom:-30px}}@media only screen and (min-width:1024px){.main-container{width:700px;height:80%}.message{font-size:2.4rem}.message-image{flex-basis:75px}.message-image span{font-size:4.4rem;margin-left:-7px}.message-image img{width:75px}}