@-webkit-keyframes ajax-loader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes ajax-loader-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ajax-loader-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden;
}
/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ta-editor.ta-html,
.ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}
.ta-scroll-window.form-control {
  position: relative;
  padding: 0;
}
.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
}
.ta-editor:focus {
  user-select: text;
}
/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #FFF;
  padding: 0 4px;
  opacity: 0.7;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2);
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white;
}
/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.ta-editor p {
  margin-bottom: 9px;
}
body .rzslider {
  margin: 0;
}
body .rzslider .rz-bar {
  height: 3px;
}
body .rzslider .rz-bubble {
  color: #fff;
  bottom: -5px;
  z-index: 10;
  pointer-events: none;
}
body .rzslider .rz-bubble.rz-limit {
  color: #ccc;
  bottom: 5px;
}
.rz-pointer {
  width: 24px;
  height: 24px;
  top: -11px;
  background-color: #a99c73;
}
.rz-pointer:after {
  display: none;
}
.anar .rzslider .rz-pointer {
  background-color: #e3370d;
}
.ulmo .rzslider .rz-pointer {
  background-color: #11aba6;
}
.sulimo .rzslider .rz-pointer {
  background-color: #e88400;
}
.wilwar .rzslider .rz-pointer {
  background-color: #9fa70a;
}
.other-user .rzslider .rz-pointer {
  background-color: #a99c73;
}
.other-user.anar .rzslider .rz-pointer {
  background-color: #e3370d;
}
.other-user.ulmo .rzslider .rz-pointer {
  background-color: #11aba6;
}
.other-user.sulimo .rzslider .rz-pointer {
  background-color: #e88400;
}
.other-user.wilwar .rzslider .rz-pointer {
  background-color: #9fa70a;
}
.full-page-overlay {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 150;
  cursor: pointer;
  justify-content: center;
  transition: 0.35s;
}
.full-page-overlay:not(.displayed) {
  opacity: 0;
  pointer-events: none;
}
.full-page-overlay__content {
  cursor: auto;
  transform: translateY(-10%);
  max-width: 600px;
  position: relative;
  padding: 25px;
  font-size: 1.1em;
  background-color: #191919;
}
.full-page-overlay__content h2 {
  margin-bottom: 15px;
}
.full-page-overlay__content p {
  margin-bottom: 12px;
}
.full-page-overlay__close {
  position: absolute;
  right: 11px;
  top: 7px;
  font-size: 1.2em;
}
.full-page-overlay__close:before {
  content: '⨉';
}
/*! angularjs-slider - v6.7.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2019-02-23 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider.with-legend {
  margin-bottom: 40px;
}
.rzslider[disabled] {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}
.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}
.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}
.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}
.rzslider .rz-draggable {
  cursor: move;
}
.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}
.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}
.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}
.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}
.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}
.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}
.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}
.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}
.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}
.rzslider .rz-pointer.rz-active {
  z-index: 4;
}
.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}
.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}
.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}
.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}
.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}
.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}
.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}
.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}
.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}
.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}
.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}
.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}
.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}
.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}
.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}
.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ6c2xpZGVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O2NBR2M7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtDQUM1Qjs7QUFFRDtFQUNFLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsb0JBQW9CO0VBR1osbUJBQW1CO0NBQzVCOztBQUVEO0VBQ0UsV0FBVztFQUNYLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGdCQUFnQjtFQUNoQiwwQkFBMEI7RUFHbEIsb0JBQW9CO0NBQzdCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixvQkFBb0I7RUFHWixtQkFBbUI7RUFDM0IsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixVQUFVO0VBQ1YsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osVUFBVTtFQUNWLFVBQVU7RUFDVixpQkFBaUI7RUFDakIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixPQUFPO0VBQ1AsUUFBUTtFQUNSLFlBQVk7RUFDWixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDhCQUE4QjtDQUMvQjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsYUFBYTtFQUNiLFdBQVc7RUFDWCxlQUFlO0VBQ2YseUJBQXlCO0NBQzFCOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLFlBQVk7RUFDWixhQUFhO0VBQ2Isb0JBQW9CO0VBQ3BCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFVBQVU7RUFDVixXQUFXO0VBQ1gsV0FBVztFQUNYLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFVBQVU7RUFDVixVQUFVO0VBQ1YsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLHNCQUFzQjtFQUN0QixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxPQUFPO0VBQ1AsV0FBVztFQUNYLFdBQVc7RUFDWCxTQUFTO0VBQ1QsYUFBYTtDQUNkOztBQUVEO0VBQ0UsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsV0FBVztFQUNYLDhCQUE4QjtDQUMvQjs7QUFFRDtFQUNFLFVBQVU7RUFDVixZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLFdBQVc7Q0FDWiIsImZpbGUiOiJyenNsaWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgYW5ndWxhcmpzLXNsaWRlciAtIHY2LjcuMCAtIFxuIChjKSBSYWZhbCBaYWphYyA8cnphamFjQGdtYWlsLmNvbT4sIFZhbGVudGluIEhlcnZpZXUgPHZhbGVudGluQGhlcnZpLmV1PiwgSnVzc2kgU2Fhcml2aXJ0YSA8anVzYXNpQGdtYWlsLmNvbT4sIEFuZ2VsaW4gU2lyYnUgPGFuZ2VsaW4uc2lyYnVAZ21haWwuY29tPiAtIFxuIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyLXNsaWRlci9hbmd1bGFyanMtc2xpZGVyIC0gXG4gMjAxOS0wMi0yMyAqL1xuLnJ6c2xpZGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDRweDtcbiAgbWFyZ2luOiAzNXB4IDAgMTVweCAwO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cblxuLnJ6c2xpZGVyLndpdGgtbGVnZW5kIHtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXBvaW50ZXIge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDhlMGYzO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei1zZWxlY3Rpb24ge1xuICBiYWNrZ3JvdW5kOiAjOGI5MWEyO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei10aWNrIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotdGljay5yei1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQ6ICM4YjkxYTI7XG59XG5cbi5yenNsaWRlciBzcGFuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5yenNsaWRlciAucnotYmFzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5yenNsaWRlciAucnotYmFyLXdyYXBwZXIge1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nLXRvcDogMTZweDtcbiAgbWFyZ2luLXRvcDogLTE2cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5yenNsaWRlciAucnotZHJhZ2dhYmxlIHtcbiAgY3Vyc29yOiBtb3ZlO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDRweDtcbiAgYmFja2dyb3VuZDogI2Q4ZTBmMztcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlci5yei10cmFuc3BhcmVudCAucnotYmFyIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG5cbi5yenNsaWRlciAucnotYmFyLXdyYXBwZXIucnotbGVmdC1vdXQtc2VsZWN0aW9uIC5yei1iYXIge1xuICBiYWNrZ3JvdW5kOiAjZGYwMDJkO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhci13cmFwcGVyLnJ6LXJpZ2h0LW91dC1zZWxlY3Rpb24gLnJ6LWJhciB7XG4gIGJhY2tncm91bmQ6ICMwM2E2ODg7XG59XG5cbi5yenNsaWRlciAucnotc2VsZWN0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYmFja2dyb3VuZDogIzBkYjlmMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1yZXN0cmljdGVkIHtcbiAgei1pbmRleDogMztcbiAgYmFja2dyb3VuZDogI2ZmMDAwMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyIHtcbiAgdG9wOiAtMTRweDtcbiAgei1pbmRleDogMztcbiAgd2lkdGg6IDMycHg7XG4gIGhlaWdodDogMzJweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGRiOWYwO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXI6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTJweDtcbiAgbGVmdDogMTJweDtcbiAgd2lkdGg6IDhweDtcbiAgaGVpZ2h0OiA4cHg7XG4gIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gIC13ZWJraXQtYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAtbW96LWJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGNvbnRlbnQ6ICcnO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXI6aG92ZXI6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIucnotYWN0aXZlIHtcbiAgei1pbmRleDogNDtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyLnJ6LWFjdGl2ZTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0NTFhZmY7XG59XG5cbi5yenNsaWRlciAucnotYnViYmxlIHtcbiAgYm90dG9tOiAxNnB4O1xuICBwYWRkaW5nOiAxcHggM3B4O1xuICBjb2xvcjogIzU1NjM3ZDtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJ1YmJsZS5yei1saW1pdCB7XG4gIGNvbG9yOiAjNTU2MzdkO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2tzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC0zcHg7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDA7XG4gIG1hcmdpbjogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrcy12YWx1ZXMtdW5kZXIgLnJ6LXRpY2stdmFsdWUge1xuICB0b3A6IGF1dG87XG4gIGJvdHRvbTogLTMycHg7XG59XG5cbi5yenNsaWRlciAucnotdGljayB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBtYXJnaW4tbGVmdDogMTFweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6ICNkOGUwZjM7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrLnJ6LXNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogIzBkYjlmMDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC0zMHB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwKTtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrLWxlZ2VuZCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAyNHB4O1xuICBtYXgtd2lkdGg6IDUwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiA0cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIDIwcHg7XG4gIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1iYXNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1iYXItd3JhcHBlciB7XG4gIHRvcDogYXV0bztcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDMycHg7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMCAwIDAgMTZweDtcbiAgbWFyZ2luOiAwIDAgMCAtMTZweDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1iYXIge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IGF1dG87XG4gIHdpZHRoOiA0cHg7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1wb2ludGVyIHtcbiAgdG9wOiBhdXRvO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IC0xNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYnViYmxlIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAxNnB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1sZWZ0OiAzcHg7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGlja3Mge1xuICB0b3A6IDA7XG4gIGxlZnQ6IC0zcHg7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGljayB7XG4gIG1hcmdpbi10b3A6IDExcHg7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2stdmFsdWUge1xuICB0b3A6IGF1dG87XG4gIGxlZnQ6IDI0cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC0yOCUpO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2stbGVnZW5kIHtcbiAgdG9wOiBhdXRvO1xuICByaWdodDogMjRweDtcbiAgbWF4LXdpZHRoOiBub25lO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtMjglKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrcy12YWx1ZXMtdW5kZXIgLnJ6LXRpY2stdmFsdWUge1xuICByaWdodDogMjRweDtcbiAgYm90dG9tOiBhdXRvO1xuICBsZWZ0OiBhdXRvO1xufSJdfQ== */
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/medias/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('/medias/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('/medias/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('/medias/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('/medias/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('/medias/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.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: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/wireone/v29/qFdH35Wah5htUhV75VGlU94.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('/medias/fonts/Open_Sans_Condensed/OpenSans-CondLight.ttf');
}
@font-face {
  font-family: 'Crimson Text';
  src: url('/medias/fonts/Crimson_Text/CrimsonText-Roman.ttf');
}
@font-face {
  font-family: 'Crimson Text';
  src: url('/medias/fonts/Crimson_Text/CrimsonText-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'Crimson Text';
  src: url('/medias/fonts/Crimson_Text/CrimsonText-Italic.ttf');
  font-style: italic;
}
:root {
  --headerHeight: 80px;
  --contentWidth: calc(100px - 2%);
  --fullHeight: calc(var(--vh) * 100 - var(--headerHeight));
}
/* used for navbar tricks.. */
/* pseudo element triangle */
/*apply triangle on self */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.ghost-block {
  display: contents;
}
.page-container {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  position: relative;
  background: #070707;
  overflow: auto;
  text-align: center;
  font-size: 12em;
  display: flex;
}
.page-container--always-scrollbar {
  overflow-y: scroll;
}
.page-container .mobile-section {
  display: none;
}
.page-container:not(.ignore-nav):before {
  display: flex;
  content: '';
  width: calc( 50% - 400px - 12px );
  max-width: calc( 350px -  12px );
  min-width: 200px;
  flex: 0 0 auto;
}
.page-container.no-side:after {
  content: '';
  flex: 0 0 auto;
  width: calc( 50% - 400px - 25px );
  max-width: calc( 350px -  25px );
  min-width: 200px;
}
.page-container .main-column {
  flex: 1 1 auto;
  width: var(--contentWidth);
  margin: 0 12px;
  min-height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  text-align: left;
}
.page-container .main-column.centered {
  text-align: center;
}
.page-container .main-column__content {
  width: 100%;
  min-height: 100%;
  background-color: #191919;
}
.page-container .side-column {
  width: calc( 50% - 400px - 25px );
  max-width: calc( 350px -  25px );
  min-width: 200px;
  margin-right: 12px;
  min-height: 150px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 30px );
  overflow: auto;
  align-self: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}
.page-container .side-column h2 {
  font-size: 3em;
  font-family: 'Wire One';
  margin-top: 5px;
  margin-bottom: 10px;
}
.generic-popup {
  position: fixed;
  left: 0;
  top: 80px;
  right: 0;
  z-index: 100;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(5, 5, 5, 0.9);
  display: flex;
  padding: 30px;
}
.generic-popup:before {
  width: calc( 50% - 400px - -20px );
  max-width: calc( 350px -  -20px );
  min-width: 200px;
  display: block;
  content: '';
}
.generic-popup:after {
  width: calc( 50% - 400px - -40px );
  max-width: calc( 350px -  -40px );
  min-width: 200px;
  display: block;
  content: '';
}
.generic-popup__content {
  flex: 1 1 auto;
  position: relative;
  align-self: flex-start;
  background-color: #2c2c2c;
}
.forbidden {
  cursor: not-allowed !important;
}
@media (min-width: 900px) and (max-width: 1200px) {
  body .page-container {
    display: flex;
  }
  body .page-container:before {
    content: unset !important;
  }
  body .page-container.no-side {
    justify-content: center;
  }
  body .page-container.no-side:after {
    content: unset;
  }
  body .page-container.no-side .main-column {
    margin: 0;
    max-width: 900px;
  }
  body .page-container .main-column {
    min-width: 620px;
    margin: 0 10px;
    margin-left: 25px;
  }
  body .page-container .side-column {
    left: auto;
    top: auto;
    flex: 1 1 auto;
    right: auto;
    margin-left: 5px;
    width: auto;
    min-width: 220px;
    max-width: 280px;
    position: relative;
  }
}
@media (min-width: 900px) {
  .mobile-only {
    display: none !important;
  }
}
@media (max-width: 899px) {
  .desktop-only {
    display: none;
  }
  .page-container .main-column {
    width: 100%;
    min-width: initial;
    margin: 0;
  }
  .page-container .mobile-section {
    display: block;
  }
  .page-container:before {
    display: none !important;
  }
  .page-container .side-column {
    display: none;
    position: absolute;
  }
  .page-container.no-side:after {
    display: none;
  }
  .generic-popup {
    box-sizing: border-box;
  }
  .generic-popup:before,
  .generic-popup:after {
    content: unset;
  }
  .generic-popup__content {
    box-sizing: border-box;
    position: relative;
    width: auto;
    min-width: 0;
    margin: 5px 20px;
  }
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li.element {
  background: #222;
  padding: 5px;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 1px;
}
input,
textarea {
  color: white;
}
.long-title-wrap {
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 899px) {
  body .long-title-wrap {
    overflow: visible;
    white-space: unset;
  }
  body .long-title-wrap .title {
    overflow: visible;
    white-space: unset;
  }
}
.long-title-wrap {
  display: inline-block;
  max-width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 5px;
  overflow: hidden;
}
.long-title-wrap .title {
  display: inline-block;
  white-space: nowrap;
}
.info-text {
  color: #aaa;
  font-style: italic;
  padding: 5px;
}
.info-text a {
  color: #ccc;
  font-style: normal;
  display: inline;
  margin: 0;
  padding: 0;
}
.info-text a:hover {
  color: white;
  text-decoration: underline;
}
.hot-notification {
  width: 17px;
  height: 17px;
  text-align: center;
  vertical-align: middle;
  line-height: 17px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background-color: #e3370d;
  display: none;
}
.hot-notification.active {
  display: block;
}
.hot-notification--roleplay {
  background-color: #11aba6;
}
.videos-icon {
  background-image: url('/medias/common/camera.png');
  background-size: 100% 100%;
}
.images-icon {
  background-image: url('/medias/common/image.png');
  background-size: 100% 100%;
}
.recit-icon {
  background-image: url('/medias/common/ecrit.png');
  background-size: 100% 100%;
}
.legende-icon {
  background-image: url('/medias/common/ecrit.png');
  background-size: 100% 100%;
}
.article-icon {
  background-image: url('/medias/common/ecrit.png');
  background-size: 100% 100%;
}
.ecrit-icon {
  background-image: url('/medias/common/ecrit.png');
  background-size: 100% 100%;
}
.jeux_videos-icon {
  background-image: url('/medias/common/game.png');
  background-size: 100% 100%;
}
.musiques-icon {
  background-image: url('/medias/common/musique.png');
  background-size: 100% 100%;
}
.photos-icon {
  background-image: url('/medias/common/photo.png');
  background-size: 100% 100%;
}
iframe {
  border: none;
  box-shadow: none;
}
#c2canvasdiv {
  margin: 0 !important;
}
.comment {
  color: #666;
  font-style: italic;
  text-align: left;
  margin-left: 6%;
  height: 1.5em;
  margin-top: -5px;
}
.comment.toggle {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.25s;
}
.comment.toggle.show {
  transition: opacity 0.7s, height 0.25s;
  transition-delay: 0.3s;
  height: 1.5em;
  opacity: 1;
}
.long-title-wrap {
  overflow: hidden;
}
.pulse-loader {
  animation: pulseloader infinite 1.3s linear;
  border: #FFF 15px solid;
  border-radius: 50%;
  box-sizing: border-box;
  height: 25px;
  opacity: 0;
  width: 25px;
}
@keyframes pulseloader {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    border-width: 0;
    opacity: 0;
    transform: scale(1.3);
  }
}
.avatar-circle {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center 0;
  border-radius: 50%;
  margin: auto;
}
.circle-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-size: cover;
  background-color: #070707;
  background-position: center 0;
}
.circle-avatar.small {
  width: 35px;
  height: 35px;
}
.circle-avatar.short {
  width: 50px;
  height: 50px;
}
.circle-avatar.regular {
  width: 80px;
  height: 80px;
}
.circle-avatar.medium {
  width: 110px;
  height: 110px;
}
.circle-avatar.large {
  width: 180px;
  height: 180px;
}
button.button {
  color: white;
  border-radius: 0px;
}
.button {
  cursor: pointer;
  background-color: #222;
}
.button.hover:hover {
  background-color: #2c2c2c;
}
.button.disabled,
.button[disabled] {
  filter: grayscale(1);
  opacity: 0.7;
  pointer-events: none;
}
.button--meaty {
  display: block;
  padding: 6px 4px;
  font-size: 1.15em;
}
.button--danger {
  background-color: #e3370d;
  border: 1px solid #ff3d0e;
}
.line-separator {
  width: 90%;
  height: 2px;
  margin: 10px auto;
  background-color: #121212;
}
.reset-password {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reset-password h1 {
  margin-bottom: 1em;
  font-size: 4em;
  font-family: "Wire One", sans-serif;
}
.reset-password form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reset-password form button {
  margin-top: 20px;
  width: 15%;
}
#globalPopup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 160;
  background-color: rgba(10, 10, 10, 0.88);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  overflow-y: auto;
}
#globalPopup.show {
  opacity: 1;
  pointer-events: auto;
}
.burger-icon {
  width: 20px;
  height: 25px;
  cursor: pointer;
  flex: 0 0 auto;
  z-index: 310;
  display: block;
  position: relative;
}
.burger-icon .line {
  width: 100%;
  background: white;
  opacity: 0.8;
  height: 2px;
  border-radius: 2px;
  margin-top: 4px;
  margin-bottom: 3px;
}
.burger-icon--big {
  width: 35px;
  height: auto;
}
.burger-icon--big .line {
  height: 5px;
  margin: 6px 0;
}
.burger-icon:hover .line {
  opacity: 1;
}
.sulimo .border-village-left.active,
.sulimo .border-village-left.hover:hover {
  border-left: 6px solid #e88400;
}
.sulimo .border-left-village {
  border-left: 2px solid #e88400;
}
.sulimo .border-village {
  border: 2px solid #e88400;
}
.sulimo .border-village.low {
  border-color: #bd5d00;
}
.sulimo .link-hover:hover {
  color: #ffae25;
}
.sulimo .fond-village {
  background-color: #e88400;
}
.sulimo .fond-village.light {
  background-color: #ffae25;
}
.sulimo .fond-village.low {
  background-color: #bd5d00;
}
.sulimo .fond-village.dark {
  background-color: #662902;
}
.sulimo .fond-village.black {
  background-color: #431f02;
}
.sulimo .fond-village.hover:hover {
  background-color: #ffae25;
  color: #662902;
}
.sulimo .fond-village.button {
  background-color: #e88400;
}
.sulimo .fond-village.button:hover {
  background-color: #ffae25;
}
.sulimo .font-village {
  color: #e88400;
}
.sulimo .font-village.light {
  color: #ffae25;
}
.sulimo .font-village.hover:hover {
  color: #ffae25;
}
.sulimo .font-village.dark {
  color: #662902;
}
.ulmo .border-village-left.active,
.ulmo .border-village-left.hover:hover {
  border-left: 6px solid #11aba6;
}
.ulmo .border-left-village {
  border-left: 2px solid #11aba6;
}
.ulmo .border-village {
  border: 2px solid #11aba6;
}
.ulmo .border-village.low {
  border-color: #007980;
}
.ulmo .link-hover:hover {
  color: #06cdc4;
}
.ulmo .fond-village {
  background-color: #11aba6;
}
.ulmo .fond-village.light {
  background-color: #06cdc4;
}
.ulmo .fond-village.low {
  background-color: #007980;
}
.ulmo .fond-village.dark {
  background-color: #0b494b;
}
.ulmo .fond-village.black {
  background-color: #0a2f31;
}
.ulmo .fond-village.hover:hover {
  background-color: #06cdc4;
  color: #0b494b;
}
.ulmo .fond-village.button {
  background-color: #11aba6;
}
.ulmo .fond-village.button:hover {
  background-color: #06cdc4;
}
.ulmo .font-village {
  color: #11aba6;
}
.ulmo .font-village.light {
  color: #06cdc4;
}
.ulmo .font-village.hover:hover {
  color: #06cdc4;
}
.ulmo .font-village.dark {
  color: #0b494b;
}
.wilwar .border-village-left.active,
.wilwar .border-village-left.hover:hover {
  border-left: 6px solid #9fa70a;
}
.wilwar .border-left-village {
  border-left: 2px solid #9fa70a;
}
.wilwar .border-village {
  border: 2px solid #9fa70a;
}
.wilwar .border-village.low {
  border-color: #6c8503;
}
.wilwar .link-hover:hover {
  color: #c0ce0d;
}
.wilwar .fond-village {
  background-color: #9fa70a;
}
.wilwar .fond-village.light {
  background-color: #c0ce0d;
}
.wilwar .fond-village.dark {
  background-color: #424d05;
}
.wilwar .fond-village.low {
  background-color: #6c8503;
}
.wilwar .fond-village.black {
  background-color: #2d3502;
}
.wilwar .fond-village.hover:hover {
  background-color: #c0ce0d;
  color: #424d05;
}
.wilwar .fond-village.button {
  background-color: #9fa70a;
}
.wilwar .fond-village.button:hover {
  background-color: #c0ce0d;
}
.wilwar .font-village {
  color: #9fa70a;
}
.wilwar .font-village.light {
  color: #c0ce0d;
}
.wilwar .font-village.hover:hover {
  color: #c0ce0d;
}
.wilwar .font-village.dark {
  color: #424d05;
}
.anar .border-village-left.active,
.anar .border-village-left.hover:hover {
  border-left: 6px solid #e3370d;
}
.anar .border-left-village {
  border-left: 2px solid #e3370d;
}
.anar .border-village {
  border: 2px solid #e3370d;
}
.anar .border-village.low {
  border-color: #cb1505;
}
.anar .link-hover:hover {
  color: #ff3d0e;
}
.anar .fond-village {
  background-color: #e3370d;
}
.anar .fond-village.light {
  background-color: #ff3d0e;
}
.anar .fond-village.low {
  background-color: #cb1505;
}
.anar .fond-village.dark {
  background-color: #601000;
}
.anar .fond-village.black {
  background-color: #440c00;
}
.anar .fond-village.hover:hover {
  background-color: #ff3d0e;
  color: #601000;
}
.anar .fond-village.button {
  background-color: #e3370d;
}
.anar .fond-village.button:hover {
  background-color: #ff3d0e;
}
.anar .font-village {
  color: #e3370d;
}
.anar .font-village.light {
  color: #ff3d0e;
}
.anar .font-village.hover:hover {
  color: #ff3d0e;
}
.anar .font-village.dark {
  color: #601000;
}
.white .border-village-left.active,
.white .border-village-left.hover:hover {
  border-left: 6px solid #e1e1e1;
}
.white .border-village {
  border: 2px solid #e1e1e1;
}
.white .link-hover:hover {
  color: #f9f9f9;
}
.white .fond-village {
  background-color: #e1e1e1;
  color: #222;
}
.white .fond-village.light {
  background-color: #f9f9f9;
}
.white .fond-village.low {
  background-color: #b9c0bd;
}
.white .fond-village.dark {
  background-color: #b1b1b1;
}
.white .fond-village.black {
  background-color: #969696;
}
.white .fond-village.hover:hover {
  background-color: #f9f9f9;
  color: #b1b1b1;
}
.white .fond-village.button {
  background-color: #e1e1e1;
}
.white .fond-village.button:hover {
  background-color: #f9f9f9;
}
.white .other-user .fond-village {
  color: white;
}
.white .font-village {
  color: #e1e1e1;
}
.white .font-village.light {
  color: #f9f9f9;
}
.white .font-village.dark {
  color: #b1b1b1;
}
.white .font-village.hover:hover {
  color: #f9f9f9;
}
.link-hover:hover {
  color: #d7c696;
  transition: color 0.35s;
  cursor: pointer;
}
.font-village {
  color: #a99c73;
}
.font-village.light {
  color: #d7c696;
}
.font-village.hover:hover {
  color: #d7c696;
}
.font-village.dark {
  color: #534f3b;
}
.border-village {
  border: 2px solid #a99c73;
}
.border-village.border-1px {
  border-width: 1px;
}
.fond-village {
  background-color: #a99c73;
}
.fond-village.black {
  background-color: #2a261c;
}
.fond-village.light {
  background-color: #d7c696;
}
.fond-village.low {
  background-color: #9c8a5f;
}
.fond-village.dark {
  background-color: #534f3b;
}
.fond-village.hover:hover {
  background-color: #d7c696;
  color: #534f3b;
}
.fond-village.button {
  background-color: #9c8a5f;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
}
.fond-village.button:hover {
  background-color: #d7c696;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.border-village-left {
  box-sizing: border-box;
  border-left: 0px solid rgba(0, 0, 0, 0);
  transition: border-left 0.35s;
}
.border-village-left.hover:hover,
.border-village-left.active {
  border-left: 6px solid #a99c73;
}
.sulimo.other-user .border-village-left.active,
.sulimo .border-village-left.active,
.sulimo.other-user .border-village-left.hover:hover,
.sulimo .border-village-left.hover:hover {
  border-left: 6px solid #e88400;
}
.sulimo.other-user .border-village,
.sulimo .border-village {
  border: 2px solid #e88400;
}
.sulimo.other-user .link-hover:hover,
.sulimo .link-hover:hover {
  color: #ffae25;
}
.sulimo.other-user .fond-village,
.sulimo .fond-village {
  background-color: #e88400;
}
.sulimo.other-user .fond-village.low,
.sulimo .fond-village.low {
  background-color: #bd5d00;
}
.sulimo.other-user .fond-village.dark,
.sulimo .fond-village.dark {
  background-color: #662902;
}
.sulimo.other-user .fond-village.black,
.sulimo .fond-village.black {
  background-color: #431f02;
}
.sulimo.other-user .fond-village.hover:hover,
.sulimo .fond-village.hover:hover {
  background-color: #ffae25;
  color: #662902;
}
.sulimo.other-user .fond-village.button,
.sulimo .fond-village.button {
  background-color: #e88400;
}
.sulimo.other-user .fond-village.button:hover,
.sulimo .fond-village.button:hover {
  background-color: #ffae25;
}
.sulimo.other-user .font-village,
.sulimo .font-village {
  color: #e88400;
}
.sulimo.other-user .font-village.light,
.sulimo .font-village.light {
  color: #ffae25;
}
.sulimo.other-user .font-village.hover:hover,
.sulimo .font-village.hover:hover {
  color: #ffae25;
}
.other-user.ulmo .border-village-left.active,
.other-user.ulmo .border-village-left.hover:hover {
  border-left: 6px solid #11aba6;
}
.other-user.ulmo .border-village {
  border: 2px solid #11aba6;
}
.other-user.ulmo .link-hover:hover {
  color: #06cdc4;
}
.other-user.ulmo .fond-village {
  background-color: #11aba6;
}
.other-user.ulmo .fond-village.low {
  background-color: #007980;
}
.other-user.ulmo .fond-village.dark {
  background-color: #0b494b;
}
.other-user.ulmo .fond-village.black {
  background-color: #0a2f31;
}
.other-user.ulmo .fond-village.hover:hover {
  background-color: #06cdc4;
  color: #0b494b;
}
.other-user.ulmo .fond-village.button {
  background-color: #11aba6;
}
.other-user.ulmo .fond-village.button:hover {
  background-color: #06cdc4;
}
.other-user.ulmo .font-village {
  color: #11aba6;
}
.other-user.ulmo .font-village.light {
  color: #06cdc4;
}
.other-user.ulmo .font-village.hover:hover {
  color: #06cdc4;
}
.other-user.wilwar .border-village-left.active,
.wilwar .border-village-left.active,
.other-user.wilwar .border-village-left.hover:hover,
.wilwar .border-village-left.hover:hover {
  border-left: 6px solid #9fa70a;
}
.other-user.wilwar .border-village,
.wilwar .border-village {
  border: 2px solid #9fa70a;
}
.other-user.wilwar .link-hover:hover,
.wilwar .link-hover:hover {
  color: #c0ce0d;
}
.other-user.wilwar .fond-village,
.wilwar .fond-village {
  background-color: #9fa70a;
}
.other-user.wilwar .fond-village.dark,
.wilwar .fond-village.dark {
  background-color: #424d05;
}
.other-user.wilwar .fond-village.low,
.wilwar .fond-village.low {
  background-color: #6c8503;
}
.other-user.wilwar .fond-village.black,
.wilwar .fond-village.black {
  background-color: #2d3502;
}
.other-user.wilwar .fond-village.hover:hover,
.wilwar .fond-village.hover:hover {
  background-color: #c0ce0d;
  color: #424d05;
}
.other-user.wilwar .fond-village.button,
.wilwar .fond-village.button {
  background-color: #9fa70a;
}
.other-user.wilwar .fond-village.button:hover,
.wilwar .fond-village.button:hover {
  background-color: #c0ce0d;
}
.other-user.wilwar .font-village,
.wilwar .font-village {
  color: #9fa70a;
}
.other-user.wilwar .font-village.light,
.wilwar .font-village.light {
  color: #c0ce0d;
}
.other-user.wilwar .font-village.hover:hover,
.wilwar .font-village.hover:hover {
  color: #c0ce0d;
}
.anar.other-user .border-village-left.active,
.anar .border-village-left.active,
.anar.other-user .border-village-left.hover:hover,
.anar .border-village-left.hover:hover {
  border-left: 6px solid #e3370d;
}
.anar.other-user .border-village,
.anar .border-village {
  border: 2px solid #e3370d;
}
.anar.other-user .link-hover:hover,
.anar .link-hover:hover {
  color: #ff3d0e;
}
.anar.other-user .fond-village,
.anar .fond-village {
  background-color: #e3370d;
}
.anar.other-user .fond-village.low,
.anar .fond-village.low {
  background-color: #cb1505;
}
.anar.other-user .fond-village.dark,
.anar .fond-village.dark {
  background-color: #601000;
}
.anar.other-user .fond-village.black,
.anar .fond-village.black {
  background-color: #440c00;
}
.anar.other-user .fond-village.hover:hover,
.anar .fond-village.hover:hover {
  background-color: #ff3d0e;
  color: #601000;
}
.anar.other-user .fond-village.button,
.anar .fond-village.button {
  background-color: #e3370d;
}
.anar.other-user .fond-village.button:hover,
.anar .fond-village.button:hover {
  background-color: #ff3d0e;
}
.anar.other-user .font-village,
.anar .font-village {
  color: #e3370d;
}
.anar.other-user .font-village.light,
.anar .font-village.light {
  color: #ff3d0e;
}
.anar.other-user .font-village.hover:hover,
.anar .font-village.hover:hover {
  color: #ff3d0e;
}
.other-user .font-village {
  color: #a99c73;
}
.other-user .font-village.light {
  color: #d7c696;
}
.other-user .font-village.hover:hover {
  color: #d7c696;
}
.other-user .fond-village {
  background-color: #a99c73;
}
.other-user .fond-village.black {
  background-color: #2a261c;
}
.other-user .fond-village.low {
  background-color: #9c8a5f;
}
.other-user .fond-village.dark {
  background-color: #534f3b;
}
.other-user .fond-village.hover:hover {
  background-color: #d7c696;
  color: #534f3b;
}
.other-user .fond-village.button {
  background-color: #9c8a5f;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
}
.other-user .fond-village.button:hover {
  background-color: #d7c696;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.village-icon {
  background-size: cover;
}
.village-icon.anar {
  background-image: url(/medias/common/anar_icone.png);
}
.village-icon.sulimo {
  background-image: url(/medias/common/sulimo_icone.png);
}
.village-icon.wilwar {
  background-image: url(/medias/common/wilwar_icone.png);
}
.village-icon.ulmo {
  background-image: url(/medias/common/ulmo_icone.png);
}
.perso-fiche-container {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 80px;
  box-sizing: border-box;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgba(10, 10, 10, 0.8);
  align-items: stretch;
  flex-direction: column;
  overflow-y: auto;
}
.perso-fiche-container .background-close {
  cursor: pointer;
  height: 100%;
}
.perso-fiche-container .perso-wrapper {
  background: rgba(25, 25, 25, 0.95);
  border: 2px solid #2c2c2c;
  position: absolute;
  top: 0;
  width: 700px;
  left: 50%;
  margin-bottom: 35px;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 10px;
  margin-left: -350px;
}
.perso-fiche-container .perso-wrapper .close {
  font-size: 2em;
  position: absolute;
  left: 50%;
  top: 15px;
  margin-left: 310px;
  cursor: pointer;
}
.perso-fiche-container .perso-wrapper .close:hover {
  color: #e3370d;
}
.perso-fiche-container .perso-wrapper .name {
  font-size: 4em;
  padding: 20px;
  font-family: 'Wire One', Arial;
}
.perso-fiche-container .perso-wrapper .part {
  width: 100%;
  display: flex;
  background: #121212;
  align-items: stretch;
  justify-content: center;
  text-align: justify;
  padding: 15px;
  padding-left: 0;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
.perso-fiche-container .perso-wrapper .part .title {
  width: 15%;
  font-size: 1.2em;
  flex: 1 1 auto;
  display: flex;
  padding-left: 15px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid #333;
}
.perso-fiche-container .perso-wrapper .part .paragraph {
  padding-left: 15px;
  text-indent: 20px;
  box-sizing: border-box;
  width: 85%;
}
@media (max-width: 899px) {
  body .fiche-perso .part {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  body .fiche-perso .part .title {
    border-right: unset;
  }
  body .fiche-perso .part .paragraph {
    padding-left: 0;
  }
}
.fiche-perso .part {
  width: 100%;
  display: flex;
  background: #101010;
  align-items: stretch;
  justify-content: center;
  text-align: justify;
  padding: 15px;
  padding-left: 0;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.fiche-perso .part .title {
  width: 20%;
  font-size: 1.2em;
  flex: 0 0 auto;
  min-width: fit-content;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid #333;
}
.fiche-perso .part .paragraph {
  padding-left: 15px;
  text-indent: 20px;
  box-sizing: border-box;
  width: 85%;
}
.fiche-perso .origine {
  display: inline-block;
  margin-right: 0.5em;
}
.fiche-perso .name {
  font-size: 4em;
  padding: 20px;
  font-family: 'Wire One', Arial;
}
input,
textarea {
  box-sizing: border-box;
  color: #ccc;
  font-family: 'Open Sans', Arial, sans-serif;
  background-color: #111;
  border: 1px solid #050505;
}
switch.reversed .field {
  flex-direction: row-reverse;
}
switch.no-borders .field {
  border: none;
  flex-wrap: nowrap;
}
switch.no-borders .field .switch__element {
  margin-left: 0;
  flex: 0 0 auto;
  margin-right: 12px;
}
switch.no-borders .field .label {
  min-width: 0;
  max-width: none;
  height: auto;
  flex: 1 1 auto;
}
.field {
  width: 100%;
  padding: 6px 0px 2px 0;
  margin: 0 auto;
  box-sizing: border-box;
  border-top: 1.5px solid #070707;
  display: flex;
  position: relative;
  max-height: 220px;
  flex-wrap: wrap;
  transition: max-height 0.35s, margin-top 0.35s, opacity 0.15s;
  opacity: 1;
  margin-bottom: 6px;
}
.field input[readonly] {
  opacity: 0.8;
  cursor: not-allowed;
}
.field--error {
  flex-wrap: wrap;
}
.field--error .label {
  flex: 0 1 80px;
}
.field--error .form {
  border: 1px solid #e3370d !important;
  flex: 1 1 80%;
}
.field--error .form__error-message {
  flex: 0 1 100%;
  color: #ff3d0e;
}
.field--error:after {
  content: 'x';
  color: #e3370d;
  position: absolute;
  display: block;
  right: 5px;
}
.field--switch {
  display: flex;
  align-items: center;
}
.field--switch input[type="checkbox"] {
  display: none;
}
.field--switch .switch {
  justify-self: flex-end;
}
.field--switch .switch--on .switch__handle {
  margin-left: 28px;
}
.field--switch .switch--disabled {
  pointer-events: none;
}
.field--switch .switch--disabled.switch__element {
  background-color: #414141 !important;
}
.field--switch .switch--disabled .switch__handle {
  background-color: #666;
}
.field--switch .switch__element {
  margin-left: auto;
  position: relative;
  width: 50px;
  overflow: hidden;
  box-sizing: border-box;
  height: 20px;
  border-radius: 11px;
  padding: 2.5px;
  transition: background-color 0.25s;
}
.field--switch .switch__element:not(.switch--on) {
  background-color: #070707;
}
.field--switch .switch__handle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ccc;
  transition: margin-left 0.25s;
}
.field.required .label:before {
  content: '*';
  margin-right: 3px;
  display: inline-block;
  color: #ff3d0e;
}
.field.big {
  height: 48px;
}
.field.big .label {
  height: 32px;
  line-height: 32px;
}
.field.hidden {
  max-height: 0;
  margin-top: 6px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.field .label {
  font-size: 1.1em;
  display: flex;
  flex: 0 1 15%;
  max-width: 200px;
  min-width: max-content;
  height: 20px;
  padding: 0 5px 0 5px;
  margin-top: 3px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  z-index: 10;
}
.field .fa {
  display: flex;
  align-items: center;
  justify-content: center;
}
.field .form.validated,
.field form-area.validated {
  border: 1px solid #9fa70a;
}
.field .form {
  flex: 1 1 auto;
  text-align: left;
  height: 23px;
  position: relative;
  margin: 1px 0;
  padding: 2px 2px 2px 5px;
  border: none;
}
.field .form::-webkit-input-placeholder {
  font-style: italic;
}
.field .form:-moz-placeholder {
  font-style: italic;
}
.field .form::-moz-placeholder {
  font-style: italic;
}
.field .form:-ms-input-placeholder {
  font-style: italic;
}
.field .form-area {
  flex: 1 1 auto;
  padding: 2px;
  height: 5em;
  color: #ccc;
  resize: vertical;
  padding-right: 2px;
  background: #111;
  max-width: 100%;
  margin-top: 1px;
  box-sizing: border-box;
  margin-bottom: 1px;
}
.field .form-area::-webkit-input-placeholder {
  font-style: italic;
}
.field .form-area:-moz-placeholder {
  font-style: italic;
}
.field .form-area::-moz-placeholder {
  font-style: italic;
}
.field .form-area:-ms-input-placeholder {
  font-style: italic;
}
.field .form-area.large {
  height: 9em;
}
.field .form-area:focus {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 3px;
}
.field .field-button {
  display: block;
  flex: 0 0 auto;
  width: 130px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}
.field .slider {
  flex: 1 1 auto;
  position: relative;
  text-align: left;
  padding: 3px 5px 10px 2px;
  height: 32px;
  color: #ccc;
  background: #111;
  margin-top: 1px;
  margin-bottom: 1px;
}
.field .form-list {
  display: flex;
  flex: 1 1 auto;
  min-width: fit-content;
  justify-content: space-around;
}
.field .form-list__element {
  display: flex;
  cursor: pointer;
  font-size: 1.15em;
  align-items: center;
  justify-content: center;
  flex: 1 1 33%;
  min-width: fit-content;
  padding: 5px 9px;
}
.field .form-list__element:not(:first-of-type) {
  margin-left: 6px;
}
.field .form-list__element:not(.fond-village) {
  background-color: #121212;
}
.checkbox {
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  margin: 2px;
}
.checkbox:hover {
  background: #222;
}
.checkbox:before {
  content: '';
  background-color: #070707;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #070707;
  box-shadow: 0 0 2px #2c2c2c;
  box-sizing: border-box;
  border-width: 6px;
  transition: border-width 0.25s, background-color 0.3s, box-shadow 0.2s;
}
.checkbox .label {
  display: inline-block;
  pointer-events: none;
  line-height: 18px;
  vertical-align: top;
}
.checkbox:after {
  content: '';
  clear: both;
}
.checkbox.checked:before {
  border-width: 2px;
  box-shadow: 0 0 0 #070707;
  background-color: #a99c73;
}
.anar .checkbox.checked:before {
  background-color: #e3370d;
}
.wilwar .checkbox.checked:before {
  background-color: #9fa70a;
}
.ulmo .checkbox.checked:before {
  background-color: #11aba6;
}
.sulimo .checkbox.checked:before {
  background-color: #e88400;
}
body .ta-root .ta-toolbar .btn-group {
  flex-wrap: wrap;
}
body .ta-root .ta-toolbar .btn-group button {
  height: 28px;
  min-width: 30px;
  padding: 0 4px;
  font-size: 1.3em;
}
.ta-root {
  margin-top: 0;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
}
.ta-root * {
  box-sizing: border-box;
}
.ta-root textarea.ta-editor {
  border: none;
  width: 100%;
  height: auto;
  overflow: auto;
}
.ta-root ta-scroll {
  overflow-y: visible;
}
.ta-root .ta-bind {
  max-height: 70vh;
  overflow-y: auto;
}
.ta-root .ta-toolbar {
  opacity: 0.6;
  pointer-events: none;
}
.ta-root .ta-toolbar.focussed {
  opacity: 1;
  pointer-events: auto;
}
.ta-root .ta-toolbar .btn-group {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.ta-root .ta-toolbar .btn-group button {
  flex: 1 1 auto;
  width: auto;
  background-color: #333;
  border: 0;
  margin-right: 1px;
  height: 20px;
  padding: 0;
  margin-bottom: 1px;
  color: #bbb;
  font-style: normal;
  font-family: 'open sans';
  cursor: pointer;
}
.ta-root .ta-toolbar .btn-group button:hover {
  background-color: #414141;
}
.ta-root .ta-toolbar .btn-group button .fa-bold:before {
  content: 'Important';
}
.ta-root .ta-toolbar .btn-group button .fa-think:before {
  content: 'Penser';
}
.ta-root .ta-toolbar .btn-group button .fa-whisper:before {
  content: 'Italique';
}
.ta-root .ta-toolbar .btn-group button .fa-action:before {
  content: 'Action';
}
.ta-root .ta-toolbar .btn-group button .fa-speech:before {
  content: 'Parler';
}
.ta-root .ta-toolbar .btn-group button .fa-shout:before {
  content: 'Gras';
  font-weight: bold;
  font-style: normal;
}
.ta-root .ta-toolbar .btn-group button.active {
  background: #777;
  color: #010101;
}
.form-choix {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.form-choix__element {
  display: block;
  margin: 3px;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
  flex: 1 1 33%;
  background-color: #111;
}
.form-choix__element:first-child {
  margin-left: 0;
}
.form-choix__element:last-child {
  margin-right: 0;
}
.content .loader {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  position: absolute;
  z-index: 401;
  background: #171717;
  opacity: 1;
  transition: none;
}
.content .loader.hide {
  opacity: 0;
  z-index: -1;
  transition: all 0.4s linear;
}
.content .loader .ajax-loader {
  left: 50%;
  top: 50%;
  margin-top: -30px;
  position: absolute;
  z-index: 10000000;
  opacity: 0.8;
  display: block;
  border-radius: 50%;
  font-size: 35em;
  width: 7px;
  height: 7px;
  box-shadow: 0 -0.4em 0 0 #ffffff, -0.28em -0.28em 0 0 rgba(255, 255, 255, 0.75), -0.4em 0 0 0 rgba(255, 255, 255, 0.5), -0.28em 0.28em 0 0 rgba(255, 255, 255, 0.25);
  -webkit-animation: 0.85s ajax-loader-rotate steps(8) infinite;
  -moz-animation: 0.85s ajax-loader-rotate steps(8) infinite;
  animation: 0.85s ajax-loader-rotate steps(8) infinite;
}
.content .ngview {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background: #070707;
}
div,
p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
video,
audio {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
footer {
  display: none;
}
html {
  font-size: 1px;
  letter-spacing: 0.1em;
  margin: 0 !important;
  padding: 0;
  color: white;
  font-family: 'Open Sans', Arial, sans-serif;
}
html body {
  padding: 0;
  margin: 0 !important;
}
html body a {
  color: white;
  text-decoration: none;
}
html body a:hover {
  text-decoration: none;
}
html body #main {
  text-align: center;
}
html body #main .content {
  position: relative;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  overflow: hidden;
  margin-top: 0;
  z-index: 1;
  margin-left: 0;
}
/*
  ------------- COMMON STYLES FOR HEADER ----------
 */
main-header #header {
  width: 100%;
  height: 80px;
  z-index: 150;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #121212;
}
main-header #header .loading-bar {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  pointer-events: none;
  box-sizing: border-box;
  border-bottom: 3px solid rgba(255, 255, 255, 0.25);
  opacity: 0;
  background-origin: border-box;
  transition: 0.3s;
  bottom: -3px;
}
main-header #header.loading .loading-bar {
  transition: none;
  opacity: 1;
}
main-header #header.loading .loading-bar:after {
  content: '';
  height: 3px;
  display: block;
  width: 30%;
  position: absolute;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 90%, rgba(255, 255, 255, 0) 110%);
  animation: move 0.9s linear infinite;
}
main-header #header.success .loading-bar {
  opacity: 0;
  border-bottom-color: #9fa70a;
  transition: all 1s;
}
main-header #header.error .loading-bar {
  opacity: 0;
  border-bottom-color: #e3370d;
  transition: all 1s;
}
@keyframes move {
  0% {
    left: -28%;
    opacity: 0.5;
  }
  50% {
    opacity: 0.9;
  }
  80%,
  100% {
    opacity: 0.35;
    left: 100%;
  }
}
main-header #header .message-bt.active .message-notif {
  display: block;
}
main-header #header .message-bt .message-notif {
  display: none;
}
main-header #header .message-bt {
  width: 25px;
  height: 25px;
  background-image: url(/medias/common/email_off.png);
  background-size: contain;
  display: block;
  background-position: center;
  backgroud-repeat: no-repeat;
}
main-header #header .message-bt:hover {
  background-image: url(/medias/common/email_on.png);
}
main-header #header .message-bt.active {
  background-image: url(/medias/common/email_on.png);
}
main-header #header .message-bt .message-notif {
  display: none;
  transition: margin-top 0.3s;
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  margin-top: -5px;
  font-size: 0.9em;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: 15px;
}
main-header #header .message-bt .message-notif.active {
  display: block;
}
main-header #header .notif-container {
  position: relative;
  z-index: 101;
}
main-header #header .notif-bt {
  width: 25px;
  height: 25px;
  pointer-events: none;
  align-self: flex-start;
  position: relative;
  margin-bottom: 5px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.7;
  background: url(/medias/common/notif_off.png);
  background-size: 100% 100%;
  transition: opacity 0.3s;
}
main-header #header .notif-bt.active {
  opacity: 0.9;
  pointer-events: auto;
  background: url(/medias/common/notif_on.png);
  background-size: 100% 100%;
}
main-header #header .notif-bt.focus {
  opacity: 1;
}
main-header #header .notif-bt .number-notif {
  display: none;
  transition: margin-top 0.3s;
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  margin-top: -5px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: 15px;
}
main-header #header .notif-bt .number-notif.active {
  display: block;
}
main-header #header .notif-list-wrapper {
  width: 270px;
  background: #191919;
  right: 30px;
  top: 0px;
  z-index: 10;
  position: absolute;
  display: none;
}
main-header #header .notif-list-wrapper.active {
  display: block;
}
main-header #header .notif-clear {
  position: relative;
  font-size: 1.1em;
  margin-top: 2px;
  color: #666;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  padding: 12px;
}
main-header #header .notif-clear:hover {
  color: #ccc;
  background-color: #222;
  transition: all 0.3s;
}
main-header #header .notif-clear .fa {
  margin-right: 6px;
}
main-header #header .notif-clear:before {
  content: '';
  display: block;
  left: 12px;
  bottom: 100%;
  right: 12px;
  background-color: #070707;
  height: 1px;
  position: absolute;
}
main-header #header .notif-list {
  height: auto;
  max-height: 35vh;
  overflow: auto;
}
main-header #header .notif-list .notif-elt {
  cursor: pointer;
  background: #191919;
  margin-bottom: 1px;
  text-align: left;
  padding: 6px 6px 2px 12px;
  transition: border 0.35s, padding-right 0.35s step-end;
}
main-header #header .notif-list .notif-elt:hover {
  background: #222;
  transition: border 0.35s, padding-right 0.35s step-start;
  padding-right: 0;
}
main-header #header .notif-list .notif-elt .notif_time {
  margin-top: 2px;
  padding: 2px;
  font-size: 0.8em;
}
main-header #header .logo-wrapper {
  align-self: center;
  display: block;
  position: relative;
  z-index: 100;
  flex: 1 1 auto;
}
main-header #header .logo-wrapper img {
  background-color: #121212;
}
main-header #header.mobile .notif-list-wrapper {
  position: fixed;
  width: 95%;
  left: 2.5%;
  top: 40px;
}
.new-version-notification {
  position: fixed;
  top: calc(80px + 10px);
  z-index: 1000000;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  background-color: #191919;
  border-radius: 6px;
  border: 1px solid #222;
  font-size: 14em;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  transition: opacity 0.2s, transform 0.3s ease-out;
}
.new-version-notification.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -100px);
}
.new-version-notification__text {
  margin-bottom: 6px;
}
.new-version-notification__button {
  padding-left: 12px;
  padding-right: 12px;
}
/**
 * Styles for new server version available
 */
/**

Constestllation
 */
.constellations-game {
  width: 100vw;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  overflow-y: auto;
  font-size: 14em;
}
.constellations-game__credits {
  margin-top: 15px;
  margin-bottom: 15px;
}
.qev-container {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s;
  transition-delay: 0.2s;
}
.qev-container.active {
  opacity: 1;
  z-index: 10;
}
.qev-container .Qev-part {
  width: 250px;
  height: 510px;
  border-radius: 5px;
  background: #282828;
  margin-left: 50px;
  margin-right: 50px;
  cursor: pointer;
  transition: background 0.4s;
  display: inline-block;
  margin-top: 40px;
  overflow: hidden;
}
.qev-container .Qev-part.chooseMember .image {
  background: url('/medias/home/membre.png');
  background-size: 100% 100%;
}
.qev-container .Qev-part.chooseContributor .image {
  background: url('/medias/home/contrib.png');
  background-size: 100% 100%;
}
.qev-container .Qev-part:hover {
  background: #353535;
}
.qev-container .Qev-part .image {
  width: 100%;
  height: 170px;
  background: #111;
}
.qev-container .Qev-part .title {
  font-family: 'Wire One';
  font-size: 3em;
  margin-bottom: 20px;
  width: 100%;
}
.qev-container .Qev-part .description {
  width: 220px;
  margin-left: 15px;
  text-align: justify;
}
.contributor-mail-container {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s;
  transition-delay: 0.2s;
  z-index: -1;
}
.contributor-mail-container.active {
  opacity: 1;
  z-index: 100;
}
.contributor-mail-container.active .contributor-mail {
  opacity: 1;
}
.contributor-mail-container .wrapper-close {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background: rgba(10, 10, 10, 0.8);
}
.contributor-mail-container .contributor-mail {
  max-width: 800px;
  border-radius: 3px;
  width: 90%;
  position: absolute;
  max-height: 500px;
  box-sizing: border-box;
  background: rgba(15, 15, 15, 0.95);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin-top: -10px;
  padding: 20px;
  opacity: 0;
}
.contributor-mail-container .contributor-mail .close {
  position: absolute;
  font-size: 2em;
  cursor: pointer;
  color: #aaa;
  right: 20px;
  z-index: 10;
  top: 10px;
}
.contributor-mail-container .contributor-mail .close:hover {
  color: white;
}
.contributor-mail-container .contributor-mail .send {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.contributor-mail-container .contributor-mail .send .title {
  font-size: 2.5em;
  height: 50px;
  font-family: 'Wire One';
  display: inline-block;
  width: inherit;
  margin-bottom: 10px;
}
.contributor-mail-container .contributor-mail .send .button {
  vertical-align: middle;
  font-size: 1em;
  cursor: pointer;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5px;
}
.contributor-mail-container .contributor-mail .description-container {
  flex: 1 1 50%;
  height: inherit;
  padding: 20px;
  box-sizing: border-box;
}
.contributor-mail-container .contributor-mail .description-container .description-contrib {
  text-align: left;
  display: inline-block;
  text-indent: 1em;
}
.contributor-mail-container .contributor-mail .description-container .charte-button {
  box-sizing: border-box;
  padding: 5px;
  margin-left: 10%;
  margin-right: 10%;
  cursor: pointer;
  margin-top: 20px;
}
.contributor-mail-container .contributor-mail form {
  flex: 1 1 50%;
  background-color: #070707;
  padding: 20px 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.contributor-mail-container .charte-layout {
  width: 100%;
  position: absolute;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: opacity 0.4s, z-index 0.5s;
}
.contributor-mail-container .charte-layout.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 101;
}
.contributor-mail-container .charte-layout .charte-container {
  z-index: 100;
  position: relative;
  background: #f3efc6;
  transform: scale(0, 0);
  width: 0px;
  margin-top: 70px;
  color: #333;
  height: 0px;
  display: inline-block;
  width: 500px;
  height: 300px;
  text-align: justify;
  padding: 30px;
  padding-bottom: 50px;
  border-radius: 5px;
}
.contributor-mail-container .charte-layout .charte-container div {
  opacity: 0;
}
.contributor-mail-container .charte-layout .charte-container .title {
  font-family: 'Crimson Text', serif;
  font-size: 2.5em;
  color: #222;
  text-align: center;
  margin-bottom: 30px;
}
.wrapper-closer {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: rgba(10, 10, 10, 0.75);
  cursor: pointer;
  position: fixed;
}
.forgot-password-container {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  vertical-align: middle;
  text-align: center;
  overflow-y: auto;
  font-size: 13em;
  z-index: -1;
  transition: opacity 0.4s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.forgot-password-container.active {
  opacity: 1;
  z-index: 101;
}
.forgot-password-container .form-container {
  position: absolute;
  z-index: 2;
  width: 500px;
  padding: 25px;
  padding-bottom: 40px;
  margin-top: -5vh;
  background: #222;
  display: inline-block;
  border: 2px solid #a99c73;
}
.forgot-password-container .form-container .title {
  font-size: 3.5em;
  font-family: 'Wire One';
  margin-bottom: 30px;
  margin-top: 5px;
}
.forgot-password-container .form-container .button {
  margin-top: 2em;
  width: 20%;
}
.forgot-password-container .form-container .checkbox {
  font-style: italic;
  color: #ccc;
}
.layout-line {
  display: flex;
}
.l-row {
  display: flex;
}
.l-row--between {
  display: flex;
  justify-content: space-between;
}
.l-row--center {
  display: flex;
  align-items: center;
}
.alert-manager {
  position: fixed;
  font-size: 12em;
  width: 100vw;
  top: 0;
  z-index: 500;
}
.alert-manager .alert-unit {
  right: 15px;
  cursor: pointer;
  top: 73px;
  z-index: 10002;
  position: absolute;
  width: calc( 50% - 400px - 35px );
  max-width: calc( 350px -  35px );
  min-width: 200px;
  padding: 5px;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s, top 0.35s;
}
.alert-manager .alert-unit.active {
  top: 90px;
  pointer-events: auto;
  opacity: 1;
}
.alert-manager .alert-unit.error {
  background-color: #e3370d;
  border: 2px solid #ff3d0e;
  box-shadow: 0 0 10px #440c00;
}
.alert-manager .alert-unit.success {
  background-color: #9fa70a;
  border: 1px solid #6c8503;
  box-shadow: 0 0 15px #2d3502;
}
.alert-manager .alert-unit.info {
  background-color: #11aba6;
  border: 1px solid #007980;
  box-shadow: 0 0 15px #0a2f31;
}
.alert-manager .alert-unit.warning {
  background-color: #e88400;
  border: 1px solid #bd5d00;
  box-shadow: 0 0 15px #431f02;
}
.author-article-container {
  width: 100%;
  padding-bottom: 35px;
}
.author-article-container .author-article,
.author-article-container .author-multi {
  width: 100%;
  background-color: #191919;
  padding: 9px 5px;
  max-height: 440px;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 15px;
}
.author-article-container .author-article .avatar-wrapper,
.author-article-container .author-multi .avatar-wrapper {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  position: relative;
}
.author-article-container .author-article .avatar,
.author-article-container .author-multi .avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  background-position: center 0;
  background-size: cover;
  display: inline-block;
  z-index: 2;
}
.author-article-container .author-article .profile,
.author-article-container .author-multi .profile {
  display: block;
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 35px;
  padding-left: 45px;
  right: 0;
  bottom: 0;
  background: white;
  padding-top: 40px;
  font-size: 2.7em;
  margin-top: 75px;
}
.author-article-container .author-article .name,
.author-article-container .author-multi .name {
  font-size: 1.6em;
  margin-top: 5px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
}
.author-article-container .author-article .domaine,
.author-article-container .author-multi .domaine {
  margin-bottom: 5px;
  font-style: italic;
  line-height: 1.9;
  width: 100%;
  display: inline-block;
}
.author-article-container .author-article .content-container,
.author-article-container .author-multi .content-container {
  padding: 5px;
  background-color: #121212;
  min-width: 90%;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 140px;
  display: inline-block;
}
.author-multi + .author-multi {
  margin-top: 9px;
}
.author__mobile {
  display: none;
}
@media (max-width: 900px) {
  body .author__mobile {
    display: flex;
  }
  body .author__mobile .author-article-container {
    padding-bottom: 0;
  }
  body .author__mobile .author-article-container .author-article,
  body .author__mobile .author-article-container .author-multi {
    display: flex;
    align-items: center;
  }
  body .author__mobile .author-article-container .author-article .avatar-wrapper,
  body .author__mobile .author-article-container .author-multi .avatar-wrapper {
    margin: 0 12px;
    margin-right: 15px;
    width: 120px;
    height: 120px;
    flex: 0 0 auto;
  }
  body .author__mobile .author-article-container .author-article .author-infos > *,
  body .author__mobile .author-article-container .author-multi .author-infos > * {
    text-align: left;
  }
  body .author__mobile .author-article-container .author-article .profile,
  body .author__mobile .author-article-container .author-multi .profile {
    width: 29px;
    height: 34px;
    text-align: center;
    padding-left: 31px;
    padding-top: 26px;
  }
  body .author__mobile .author-article-container .author-article .content-container,
  body .author__mobile .author-article-container .author-multi .content-container {
    display: none;
  }
}
.comment-section {
  padding: 15px;
  box-sizing: border-box;
  background: #070707;
  text-align: center;
  padding-bottom: 20px;
  margin: 20px 5px 20px 5px;
}
.comment-section .title {
  font-size: 3em;
  font-family: 'Wire One', sans-serif;
  margin-bottom: 20px;
}
.comment-section .write-container textarea.write-comment {
  width: 550px;
  min-width: 70%;
  max-width: 90%;
  background: #101010;
  border: 1px solid #333;
  border-radius: 4px;
  resize: vertical;
  padding: 6px;
  min-height: 6em;
  height: 9em;
  max-height: 20em;
  color: white;
  line-height: 1.3;
  display: inline-block;
}
.comment-section .write-container .valid-line {
  display: block;
  margin-top: 5px;
  height: 30px;
  margin-bottom: 10px;
}
.comment-section .write-container .valid-line .valid {
  width: 20%;
  min-width: 120px;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  font-size: 1.2em;
}
.comment-section .read .comment-unit {
  padding: 9px;
  min-height: 70px;
  position: relative;
  box-sizing: border-box;
  background: #191919;
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
}
.comment-section .read .comment-unit .content-wrapper {
  flex: 1 1 auto;
  min-width: 0;
}
.comment-section .read .comment-unit:hover .edit-comment-bt {
  opacity: 0.7;
}
.comment-section .read .comment-unit .delete-comment-bt {
  width: 25px;
  height: 25px;
  font-size: 1.4em;
  transform: scaleX(-1);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.comment-section .read .comment-unit .delete-comment-bt:hover {
  opacity: 1;
}
.comment-section .read .comment-unit .edit-comment-bt {
  font-size: 1.4em;
  width: 25px;
  height: 25px;
  transform: scaleX(-1);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.comment-section .read .comment-unit .edit-comment-bt:hover {
  opacity: 1;
}
.comment-section .read .comment-unit .avatar {
  width: 70px;
  height: 70px;
  position: relative;
  margin-right: 12px;
  border-radius: 50%;
  flex: 0 0 auto;
  background-size: cover;
  background-position: center 0;
  display: block;
}
.comment-section .read .comment-unit .info {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: 100%;
}
.comment-section .read .comment-unit .info .name {
  line-height: 1em;
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 10px;
}
.comment-section .read .comment-unit .content-comment {
  text-align: left;
  height: auto;
  overflow-wrap: break-word;
}
.comment-section .read .comment-unit .content-comment .info-text {
  margin-left: 0;
  padding-left: 0;
}
.comment-section .read .comment-unit .comment-date {
  font-style: italic;
  color: #999;
  margin-right: auto;
}
.comment-section .read .comment-unit .content-edit {
  text-align: left;
  height: auto;
  position: relative;
}
.comment-section .read .comment-unit .content-edit textarea {
  max-width: 1000px;
  width: 100%;
  height: 8em;
  min-height: 6em;
  max-height: 20em;
  resize: vertical;
  display: inline-block;
  background: #101010;
  border-radius: 2px;
}
.comment-section .read .comment-unit .content-edit .valid {
  width: 90px;
  margin-top: 2px;
  height: 35px;
  min-width: 120px;
  font-size: 1.2em;
  text-align: center;
  line-height: 35px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
@media (max-width: 900px) {
  body .comment-section {
    margin: 0;
  }
}
@media (max-width: 899px) {
  body .ecrit-container .page-style {
    padding: 40px 10px 30px 10px;
  }
  body .ecrit-container .title {
    margin-top: 30px;
    margin-bottom: 25px;
    width: 95%;
    line-height: 1;
  }
  body .ecrit-container .type {
    transform: rotate(-30deg);
    margin-top: -28px;
    margin-left: -65px;
  }
  body .ecrit-container .contentEcrit {
    font-size: 1.4em;
  }
  body .ecrit-container .contentEcrit p {
    font-size: 1em;
  }
}
.ecrit-container .page-style {
  background: #f3efc6;
  color: #222;
  min-height: 800px;
  padding: 55px;
  box-sizing: border-box;
  padding-bottom: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  font-family: 'Crimson Text', serif;
  text-align: center;
  position: relative;
}
.ecrit-container .type {
  position: absolute;
  font-size: 1.8em;
  transform: rotate(-40deg);
  width: 200px;
  color: white;
  font-family: 'Open Sans', Arial, sans-serif;
  margin-left: -73px;
  left: 0;
  top: 0;
  margin-top: -22px;
  padding-top: 43px;
  height: 37px;
  background: #a99c73;
}
.ecrit-container p {
  min-height: 1em;
}
.ecrit-container .fav {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  font-size: 1.4em;
  height: 40px;
  background: url('/medias/article/fav-off.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ecrit-container .fav:hover {
  background: url('/medias/article/fav-hover.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ecrit-container .fav:hover.active {
  background: url('/medias/article/fav-on-ecrit.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ecrit-container .fav.active {
  background: url('/medias/article/fav-on-ecrit.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ecrit-container .fav .amount {
  font-size: 1.9em;
  color: black;
  font-family: 'Wire One';
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: -28px;
  margin-top: 7px;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ecrit-container .fav .amount .label {
  opacity: 0;
  width: 90px;
  transition: all 0.3s;
  text-align: center;
  margin-left: -70px;
  line-height: 1em;
  text-align: right;
  pointer-events: none;
  font-size: 0.35em;
  color: black;
  margin-top: -28px;
}
.ecrit-container .fav .amount:hover .label {
  opacity: 1;
  margin-left: -92px;
}
.ecrit-container .title {
  font-size: 3.3em;
  margin-bottom: 50px;
  display: inline-block;
  width: 70%;
  font-weight: 700;
}
.ecrit-container .contentEcrit {
  text-align: left;
  font-size: 1.3em;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.ecrit-container .contentEcrit img {
  max-width: 100%;
}
.ecrit-container .contentEcrit p {
  margin-bottom: 10px;
  text-indent: 25px;
}
.ecrit-container .contentEcrit h1 {
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  text-indent: 15px;
  margin-bottom: 15px;
}
.ecrit-container .contentEcrit img.aligncenter {
  display: inline-block;
  text-align: center;
  margin-left: -25px;
}
.ecrit-container .pageChange {
  margin: 3px 0;
  font-size: 1.3em;
  width: 100%;
  text-align: center;
  color: black;
}
.ecrit-container .pageChange .goTo {
  height: 24px;
  color: white;
  padding: 10px;
  width: 24px;
  margin: 3px;
  display: inline-block;
  cursor: pointer;
}
.ecrit-container .pageChange .goTo:not(.active) {
  background-color: #222;
}
.ecrit-container .pageChange .goTo:hover:not(.active) {
  background-color: #2c2c2c;
}
@media (max-width: 899px) {
  body .game-container .info-container {
    display: flex;
    height: auto;
    flex-direction: column;
  }
  body .game-container .info-container .image-container {
    width: auto;
    max-height: 60vh;
    position: relative;
  }
  body .game-container .info-container .image-container #imgGame {
    max-height: 60vh;
  }
  body .game-container .info-container .informations {
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.game-container {
  width: inherit;
  background: #141414;
}
.game-container .title-container {
  height: 55px;
  position: relative;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #191919;
}
.game-container .title-container .fav {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 1.3em;
  width: 40px;
  height: 40px;
  background: url('/medias/article/fav-off.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.game-container .title-container .fav:hover {
  background: url('/medias/article/fav-hover.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.game-container .title-container .fav:hover.active {
  background: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.game-container .title-container .fav.active {
  background: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.game-container .title-container .title {
  font-size: 3.5em;
  display: inline-block;
  font-family: 'Wire One';
}
.game-container .title-container .amount {
  font-size: 1.9em;
  font-family: 'Wire One';
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: -35px;
  margin-top: 5px;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}
.game-container .title-container .amount .label {
  opacity: 0;
  width: 90px;
  transition: all 0.3s;
  text-align: center;
  margin-left: -70px;
  font-family: 'Open Sans';
  line-height: 1em;
  text-align: right;
  pointer-events: none;
  font-size: 0.35em;
  margin-top: -25px;
}
.game-container .title-container .amount:hover .label {
  opacity: 1;
  margin-left: -92px;
}
.game-container .info-container {
  min-height: 310px;
  height: 50vh;
  background: #0b0b0b;
  display: flex;
  align-content: stretch;
}
.game-container .info-container .image-container {
  width: 67%;
  background: black;
  vertical-align: middle;
  padding-bottom: 0;
  text-align: center;
}
.game-container .info-container .image-container #imgGame {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: contain;
  display: block;
}
.game-container .info-container .informations {
  padding-top: 20px;
  position: relative;
  width: 33%;
}
.game-container .info-container .informations .info-unit {
  padding-left: 50px;
  height: 40px;
  text-align: left;
  margin-top: 10px;
  font-size: 1.15em;
}
.game-container .info-container .informations .info-unit .value {
  font-weight: bold;
}
.game-container .info-container .informations .download {
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  font-size: 1.4em;
  position: absolute;
  bottom: 0;
}
.game-container .free-space {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 20px;
}
.game-container .free-space .free-description-container {
  font-size: 1.1em;
  width: 100%;
  max-width: 700px;
  padding: 0 9px;
  display: inline-block;
  text-align: justify;
}
.game-container .free-space .free-description-container h1 {
  margin-top: 20px;
  font-size: 2em;
  font-weight: bold;
}
.game-container .free-space .free-description-container h2 {
  font-size: 1.7em;
  margin-top: 20px;
  font-weight: bold;
}
.game-container .free-space .free-description-container h3 {
  font-size: 1.4em;
  margin-top: 20px;
}
.game-container .free-space .free-description-container p {
  margin-top: 10px;
}
@media (max-width: 900px) {
  body .image-container .slider .ui .left,
  body .image-container .slider .ui .right {
    display: none !important;
  }
  body .image-container .title-container {
    padding-left: 20px;
    text-align: left;
    padding-right: 70px;
  }
  body #globalPopup .img-list-wrapper {
    width: 95%;
    box-sizing: border-box;
    padding: 8px;
  }
}
#globalPopup .img-list-wrapper {
  margin: 12px auto;
  width: 80%;
  position: relative;
  height: auto;
  padding: 14px;
}
#globalPopup .img-list-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  flex: 0 0 auto;
  margin-bottom: 14px;
}
.image-container {
  padding-bottom: 15px;
}
.image-container .slider {
  width: inherit;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 80px );
  min-height: 200px !important;
  background: black;
  position: relative;
  display: flex;
}
.image-container .slider .ui {
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  display: flex;
  text-align: center;
}
.image-container .slider .ui .counters {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 9px;
}
.image-container .slider .ui .counters .counter {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 3px;
}
.image-container .slider .ui .counters .counter:after {
  content: '';
  border-radius: 50%;
  display: block;
  background: rgba(0, 0, 0, 0.05);
  width: 10px;
  height: 10px;
}
.image-container .slider .ui .counters .counter.selected {
  background-color: rgba(255, 255, 255, 0.9);
}
.image-container .slider .ui .counters .counter.selected:after {
  background: rgba(0, 0, 0, 0.1);
}
.image-container .slider .ui:hover {
  cursor: zoom-in;
}
.image-container .slider .ui:hover .left {
  opacity: 0.5;
  cursor: pointer;
}
.image-container .slider .ui:hover .right {
  opacity: 0.5;
  cursor: pointer;
}
.image-container .slider .ui .left {
  position: absolute;
  cursor: pointer;
  width: 96px;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(19, 19, 19, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.05;
  transition: all 0.3s;
}
.image-container .slider .ui .left:hover {
  background: linear-gradient(90deg, rgba(19, 19, 19, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 1;
}
.image-container .slider .ui .left .arrow {
  background-image: url('/medias/article/left.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  width: 80px;
  height: 80px;
}
.image-container .slider .ui .right {
  position: absolute;
  cursor: pointer;
  width: 96px;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(19, 19, 19, 0.3) 100%);
  right: 0;
  opacity: 0.1;
  transition: all 0.3s;
}
.image-container .slider .ui .right .arrow {
  background-image: url('/medias/article/right.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  width: 80px;
  height: 80px;
}
.image-container .slider .ui .right:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(19, 19, 19, 0.6) 100%);
  opacity: 1;
}
.image-container .slider .img-list {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.image-container .slider .img-list .img-list-wrapper {
  width: 100%;
  pointer-events: none;
  margin-left: calc(var(--interactiveOffset, 0px) + var(--currentIndex, 0) * -66.66%);
  transition: margin-left 0.5s;
  display: flex;
}
.image-container .slider .img-list .img-list-wrapper.no-transition {
  transition: none;
}
.image-container .slider .img-list img {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s;
  transition-delay: 0s;
}
.image-container .slider .img-list img:not(:first-child) {
  margin-left: -33.33%;
}
.image-container .slider .img-list img.selected {
  transition: opacity 0.35s;
  transition-delay: 0.25s;
  opacity: 1;
  pointer-events: auto;
}
.image-container .title-container {
  width: inherit;
  text-align: center;
  font-size: 1.25em;
  min-height: 80px;
  border-bottom: 1px solid #666;
  margin: 0 9px;
  padding-bottom: 6px;
  box-sizing: border-box;
  position: relative;
}
.image-container .title-container .fav {
  position: absolute;
  right: 10px;
  width: 37px;
  height: 37px;
  background: url('/medias/article/fav-off.png');
  top: 10px;
  cursor: pointer;
}
.image-container .title-container .fav:hover {
  background: url('/medias/article/fav-hover.png');
}
.image-container .title-container .fav:hover.active {
  background: url('/medias/article/fav-on.png');
}
.image-container .title-container .fav.active {
  background: url('/medias/article/fav-on.png');
}
.image-container .title-container .fav .amount {
  font-size: 1.9em;
  font-family: 'Wire One';
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: -35px;
  margin-top: 5px;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}
.image-container .title-container .fav .amount .label {
  opacity: 0;
  width: 90px;
  transition: all 0.3s;
  text-align: center;
  margin-left: -70px;
  line-height: 1em;
  text-align: right;
  pointer-events: none;
  font-size: 0.35em;
  margin-top: -25px;
}
.image-container .title-container .fav .amount:hover .label {
  opacity: 1;
  margin-left: -92px;
}
.image-container .title-container .image-sub {
  width: inherit;
  max-width: 80%;
  font-size: 1em;
  margin-bottom: 3px;
  display: inline-block;
  font-style: italic;
  margin-top: 6px;
}
.image-container .title-container .line-container {
  width: 100%;
  height: 6px;
  display: block;
  margin-top: -7px;
  line-height: 12px;
  margin-bottom: 6px;
}
.image-container .title-container .line-container .line {
  width: 40px;
  display: inline-block;
  height: 1px;
}
.image-container .title-container .article-title {
  margin-top: -5px;
  width: inherit;
  font-family: 'Wire One', sans-serif;
  display: inline-block;
  font-size: 2.1em;
}
.image-container .image-descr {
  font-size: 1.1em;
  width: 90%;
  max-width: 800px;
  margin-top: 20px;
  display: inline-block;
  text-align: justify;
}
.like-list {
  min-width: 300px;
  width: 50%;
  max-width: 600px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 10;
  position: relative;
  background: #191919;
  border: 2px solid #2c2c2c;
  padding: 20px;
}
.like-list__closer {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.like-list__container {
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: rgba(20, 20, 20, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.like-list__element {
  padding: 5px;
  border-bottom: #666;
  display: flex;
  align-items: center;
  width: 100%;
}
.like-list__element:not(:last-child) .like-list__info {
  border-bottom: 1px solid #2c2c2c;
}
.like-list__info {
  flex: 1 1 auto;
  display: flex;
  padding: 40px 25px;
}
.like-list__pseudo {
  flex: 1 1 auto;
  display: block;
  font-size: 1.3em;
  text-align: left;
}
.like-list__date {
  font-style: italic;
  color: #aaa;
}
.musique-article {
  padding: 40px 20px;
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
}
.musique-article .post-like {
  top: -15px;
}
.musique-article__miniature {
  width: 200px;
  height: 200px;
  margin-bottom: 15px;
  background-size: cover;
  background-position: center top;
}
.musique-article__blurred-bg-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.musique-article__blurred-bg {
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-top: -2.5%;
  filter: blur(30px) brightness(0.55);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #191919;
}
.musique-article__blurred-bg.no-blur {
  filter: brightness(0.5);
}
.musique-article__container {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  top: 0;
  width: 100%;
  z-index: 5;
}
.musique-article__container .description-container {
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.musique-article__container .description-container .description {
  max-width: 900px;
  text-align: left;
  min-width: 0;
  flex: 0 1 auto;
}
.musique-article__timer {
  flex: 1 1 auto;
  margin-left: 10px;
  margin-right: 5px;
}
.article-player {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.cinema-overlay {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 1s, z-index 1s;
  transition-delay: 0.2s;
}
.video-article-container {
  background: #141414;
  width: inherit;
}
.video-article-container .video-container {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 80px );
  position: relative;
  display: flex;
  align-items: center;
}
.video-article-container .video-container:hover .controls-video {
  opacity: 1;
  transition: opacity 0.2s;
  transition-delay: 0s;
}
.video-article-container .video-container .block {
  width: 100%;
  height: inherit;
  position: absolute;
  z-index: 20;
  margin-left: 0;
  margin-top: 0;
}
.video-article-container .video-container .controls-video {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.3s;
  background: rgba(20, 20, 20, 0.6);
  height: 36px;
  z-index: 22;
  width: 98%;
  margin-left: 1%;
  display: flex;
  position: absolute;
  border-radius: 3px;
  bottom: 4px;
}
.video-article-container .video-container .controls-video > * {
  flex: 0 0 auto;
}
.video-article-container .video-container .controls-video .play {
  width: 31px;
  height: 31px;
  float: left;
  margin-left: 8px;
  margin-top: 4px;
  cursor: pointer;
  background: white;
  background: url('/medias/article/pause.png');
  background-size: 100% 100%;
}
.video-article-container .video-container .controls-video .play.pause {
  background: url('/medias/article/play.png');
  background-size: 100% 100%;
}
.video-article-container .video-container .controls-video .bar-container {
  cursor: pointer;
  height: 11px;
  border-radius: 6px;
  float: left;
  margin-left: 12px;
  margin-top: 13px;
  background: #050505;
  flex: 1 1 auto;
}
.video-article-container .video-container .controls-video .bar-container:hover .bar-hand {
  opacity: 1;
  width: 15px;
  height: 15px;
  margin-top: -2px;
}
.video-article-container .video-container .controls-video .bar-container .bar-fill {
  height: 11px;
  background: #333;
  border-radius: 6px;
  padding-left: 1px;
  padding-right: 1px;
}
.video-article-container .video-container .controls-video .bar-container .bar-hand {
  position: absolute;
  background: white;
  transition: opacity 0.2s;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  opacity: 0.7;
  margin-top: -1px;
}
.video-article-container .video-container .controls-video .timer {
  width: 35px;
  height: 25px;
  font-size: 1.1em;
  margin-top: 11px;
  float: left;
  font-weight: bold;
  text-align: right;
}
.video-article-container .video-container .controls-video .volume-bt {
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 10px;
  margin-top: 6px;
  background: url('/medias/article/volume-on.png');
  background-size: 100% 100%;
}
.video-article-container .video-container .controls-video .volume-bt.active {
  background: url('/medias/article/volume-off.png');
  background-size: 100% 100%;
}
.video-article-container .video-container .controls-video .volume-bar {
  height: 7px;
  float: left;
  margin-top: 15px;
  border-radius: 4px;
  background: #050505;
  margin-left: 6px;
}
.video-article-container .video-container .controls-video .volume-bar .volume-fill {
  height: 7px;
  background: #777;
  border-radius: 4px;
  padding-left: 1px;
  padding-right: 1px;
}
.video-article-container .video-container .controls-video .volume-bar .volume-hand {
  position: absolute;
  height: 9px;
  width: 9px;
  margin-top: -1px;
  background: white;
  border-radius: 50%;
}
.video-article-container .video-container .controls-video .fullscreen-toggle {
  width: 30px;
  height: 30px;
  float: left;
  background: url('/medias/article/fullscreen.png');
  background-size: 100% 100%;
  margin-left: 10px;
  margin-top: 4px;
}
.video-article-container .video-container #above-video {
  width: inherit;
  display: block;
  margin: auto;
  margin-left: 0;
  position: absolute;
  z-index: 21;
}
.video-article-container .title-container {
  width: inherit;
  position: relative;
  height: 55px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  font-family: 'Wire One', sans-serif;
  background: #1a1a1a;
  justify-content: center;
  text-align: center;
}
.video-article-container .title-container .title {
  font-size: 3.8em;
  display: inline-block;
}
.video-article-container .title-container .amount {
  font-size: 0.8em;
  font-family: 'Wire One';
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  margin-left: -35px;
  margin-top: 5px;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}
.video-article-container .title-container .amount .label {
  opacity: 0;
  width: 90px;
  transition: all 0.3s;
  text-align: center;
  margin-left: -70px;
  line-height: 1em;
  text-align: right;
  pointer-events: none;
  font-size: 0.35em;
  margin-top: -25px;
}
.video-article-container .title-container .amount:hover .label {
  opacity: 1;
  margin-left: -92px;
}
.video-article-container .description-container {
  max-width: 600px;
  width: 100%;
  padding: 0 9px;
  margin-top: 20px;
  font-size: 1.1em;
  padding-bottom: 30px;
  display: inline-block;
  text-align: justify;
}
.next-event {
  display: flex;
  flex-direction: column;
}
.next-event__content {
  padding: 15px;
  align-items: center;
  background: #121212;
  display: flex;
}
.next-event__content > img {
  width: 55px;
  opacity: 0.7;
}
.next-event__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
}
.next-event__name {
  font-size: 1.2em;
  margin-bottom: 0.4em;
}
.next-event > .button {
  align-self: stretch;
}
saison-display {
  background-color: #191919;
  display: flex;
  justify-content: center;
  align-items: center;
}
.saison-display__flag {
  background-color: #2c2c2c;
  transform: translateY(-10%);
}
.saison-display__flag:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-top: 18px solid #2c2c2c;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: 0;
}
.saison-display__icon {
  width: 40px;
}
.saison-display__text {
  color: #666;
  margin-left: 15px;
}
.hens-tchat-container[mode="full-screen"] {
  background-color: #070707 !important;
}
.hens-tchat-container .inner-tchat-container {
  position: fixed;
  z-index: 300;
  left: 50%;
  margin-left: 320px;
  font-size: 12.5px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  height: 0;
  opacity: 0;
  border-right: 1px solid #414141;
  border-left: 1px solid #414141;
  border-top: 1px solid #414141;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.8);
  width: calc( 50% - 400px - 0px );
  max-width: calc( 350px -  0px );
  min-width: 200px;
  min-width: 280px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .hens-tchat-container .inner-tchat-container {
    margin-left: 100px;
  }
}
@media screen and (max-width: 900px) {
  .hens-tchat-container .inner-tchat-container {
    left: 10%;
    margin-left: 0;
    width: 90%;
    max-width: 90%;
  }
}
.hens-tchat-container .inner-tchat-container:not(.no-transition) {
  transition: opacity 0.2s, height 0.35s;
}
.hens-tchat-container .inner-tchat-container.anar {
  background: #260900;
}
.hens-tchat-container .inner-tchat-container.wilwar {
  background: #1e2a01;
}
.hens-tchat-container .inner-tchat-container.sulimo {
  background: #3f2202;
}
.hens-tchat-container .inner-tchat-container.ulmo {
  background: #007782;
}
.hens-tchat-container .inner-tchat-container.open {
  height: calc( var(--vh) * 100 - var(--headerHeight) - 5vh );
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .hens-tchat-container .inner-tchat-container.open {
    height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  }
}
.hens-tchat-container .inner-tchat-container.redux {
  border: 1px solid #333;
  border-bottom: none;
  transition: none;
}
.hens-tchat-container .inner-tchat-container.redux.open {
  opacity: 1;
  height: 30px;
}
.hens-tchat-container .inner-tchat-container.redux.open .info {
  display: flex;
}
.hens-tchat-container .inner-tchat-container.redux.open .open-tchat {
  display: none;
}
.hens-tchat-container .inner-tchat-container .info {
  display: none;
  cursor: pointer;
  color: #fff;
  position: relative;
  padding-right: 5px;
  padding-left: 3px;
  line-height: 30px;
  vertical-align: middle;
  text-align: left;
  height: 30px;
  font-size: 0.95em;
  align-items: center;
  background: #232323;
}
.hens-tchat-container .inner-tchat-container .info:hover {
  background: #2d2d2d;
}
.hens-tchat-container .inner-tchat-container .info .connections {
  display: flex;
  font-size: 1em;
  align-items: center;
  margin-left: auto;
  flex: 0 0 auto;
  margin-right: 4px;
}
.hens-tchat-container .inner-tchat-container .info .connections:before {
  content: '';
  margin-right: 4px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("/medias/map/global-bt/white-pop.png");
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .info .status-info {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background: url(/medias/tchat/ui/chat_off.png);
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .info .status-info.active {
  background: url(/medias/tchat/ui/chat_on.png);
  background-size: 100%;
  filter: url(shadow.svg#drop-shadow);
  filter: drop-shadow(0px 0px 5px #a99c73);
  -webkit-filter: drop-shadow(0px 0px 5px #a99c73);
}
.hens-tchat-container .inner-tchat-container .info .status-info.active.ulmo {
  filter: drop-shadow(0px 0px 5px #11aba6);
  -webkit-filter: drop-shadow(0px 0px 5px #11aba6);
}
.hens-tchat-container .inner-tchat-container .info .status-info.active.sulimo {
  filter: drop-shadow(0px 0px 5px #e88400);
  -webkit-filter: drop-shadow(0px 0px 5px #e88400);
}
.hens-tchat-container .inner-tchat-container .info .status-info.active.wilwar {
  filter: drop-shadow(0px 0px 5px #9fa70a);
  -webkit-filter: drop-shadow(0px 0px 5px #9fa70a);
}
.hens-tchat-container .inner-tchat-container .info .status-info.active.anar {
  filter: drop-shadow(0px 0px 5px #e3370d);
  -webkit-filter: drop-shadow(0px 0px 5px #e3370d);
}
.hens-tchat-container .inner-tchat-container .info .notif {
  position: absolute;
  right: 10px;
  display: block;
  padding: 0 2px 0 2px;
  min-width: 20px;
  box-sizing: border-box;
  height: 20px;
  top: 5px;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 0px 0px 2px #000000;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
}
.hens-tchat-container .inner-tchat-container .open-tchat {
  width: auto;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line {
  width: auto;
  display: flex;
  align-items: center;
  height: 30px;
  flex: 0 0 auto;
  border-bottom: 1px solid #121212;
  background: #232323;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line:hover {
  background: #2d2d2d;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .drag-n-drop {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 6px;
  background-image: url("/medias/common/icon_dragndrop.png");
  background-size: contain;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .reduce {
  width: 12.5px;
  vertical-align: middle;
  font-size: 3em;
  margin-right: 5px;
  color: #ccc;
  margin-top: -0.25em;
  cursor: pointer;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .reduce:hover {
  color: #fff;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .full-screen-bt {
  width: 15px;
  height: 15px;
  margin-top: 0.1em;
  background-image: url("/medias/common/icon_opentab.png");
  background-size: contain;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .close {
  width: 25px;
  margin-right: 5px;
  cursor: pointer;
  font-size: 25px;
  margin-top: -0.2em;
  vertical-align: middle;
  color: #ccc;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .close:hover {
  color: #fff;
}
.hens-tchat-container .inner-tchat-container .open-tchat .menu-line .message {
  color: #fff;
  flex: 1;
  cursor: pointer;
  text-align: left;
  padding-left: 10px;
  vertical-align: middle;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container {
  color: #fff;
  text-align: left;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content {
  width: 100%;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
  background: rgba(15, 15, 15, 0.91);
  position: relative;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container {
  padding: 4px 6px;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  margin-bottom: 1px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container a {
  text-decoration: underline;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container .sender {
  margin-right: 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: #a99c73;
  display: inline-block;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container span {
  display: inline-block;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container span.timer {
  border-radius: 10px;
  color: #888;
  font-style: italic;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container span.message {
  margin-top: 1px;
  overflow-wrap: break-word;
  min-width: 0;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.me {
  font-style: italic;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.me .sender {
  margin-right: 3px;
  margin-left: 5px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.me .sender .dots {
  display: none;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.shout .message {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 700;
  animation: shoutanim 1s;
  -webkit-animation: shoutanim 0.4s linear;
}
@keyframes intro {
  0% {
    opacity: 0;
    top: -25px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.exists .sender {
  color: white;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.exists .message {
  cursor: pointer;
  z-index: 10;
  display: block;
  width: calc( 50% - 400px - 35px );
  max-width: calc( 350px -  35px );
  min-width: 200px;
  padding: 5px;
  box-sizing: border-box;
  opacity: 0;
  position: relative;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.35s, top 0.35s;
  background-color: #e3370d;
  border: 2px solid #ff3d0e;
  box-shadow: 0 0 10px #440c00;
  animation: intro 1s forwards;
  text-align: center;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.private {
  background: #0a2f31;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.info-chat {
  background: #2c2c2c;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .tchat-content .message-container.error {
  background: #601000;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .more-container {
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  padding-top: 7px;
  font-size: 1.05em;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  cursor: pointer;
  bottom: 100%;
  box-sizing: border-box;
  padding-bottom: 7px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .more-container:hover {
  background: rgba(0, 0, 0, 0.8);
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container {
  --writeHeight: 25px;
  height: var(--writeHeight);
  width: 100%;
  box-sizing: border-box;
  padding-right: 6px;
  background: #222;
  display: flex;
  align-items: center;
  position: relative;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .emotes-container {
  visibility: hidden;
  position: absolute;
  z-index: 11;
  padding: 20px;
  box-sizing: border-box;
  background-color: #121212;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 200px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 36px);
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .emotes-container.show {
  visibility: visible;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .emotes-container .emote {
  max-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 23%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .connections {
  flex: 0 0 auto;
  align-items: center;
  display: flex;
  padding: 2px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .connections:before {
  margin-right: 4px;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url("/medias/map/global-bt/white-pop.png");
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .show-emotes {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0 3px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .show-emotes img {
  height: 23px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container textarea {
  flex: 1 1 auto;
  background: none;
  border: none;
  height: var(--writeHeight);
  line-height: 21px;
  padding: 0;
  display: inline-block;
  resize: none;
  box-sizing: border-box;
  vertical-align: middle;
  color: #fff;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .button {
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: top;
  color: #fff;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .validate {
  width: 30px;
  display: inline-block;
  height: 25px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .show-user-list {
  width: 20px;
  height: 25px;
  cursor: pointer;
  margin: 0 4px;
  flex: 0 0 auto;
  margin-top: 2px;
  z-index: 3;
  display: block;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .show-user-list .line {
  width: 100%;
  background: #ccc;
  height: 2px;
  border-radius: 2px;
  margin-top: 4px;
  margin-bottom: 3px;
}
.hens-tchat-container .inner-tchat-container .open-tchat .left-container .write-container .show-user-list:hover .line {
  background: white;
}
.hens-tchat-container .inner-tchat-container.full-screen {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  z-index: 1;
  margin-left: 0;
  background: none;
  display: flex;
  flex-direction: row;
  border: none;
}
@media (min-width: 900px) {
  .hens-tchat-container .inner-tchat-container.full-screen .user-list {
    top: 0;
    position: relative;
  }
}
.hens-tchat-container .inner-tchat-container.full-screen .open-tchat {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
}
.hens-tchat-container .inner-tchat-container.full-screen .open-tchat .user-list.active {
  top: 0;
}
.hens-tchat-container .inner-tchat-container.full-screen .open-tchat .left-container {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.hens-tchat-container .inner-tchat-container.full-screen .open-tchat .left-container .tchat-content {
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  background: none;
}
.hens-tchat-container .inner-tchat-container.full-screen .open-tchat .left-container .write-container {
  flex: 0 0 auto;
}
.hens-tchat-container .user-list {
  display: none;
  position: absolute;
  z-index: 20;
  padding: 5px 15px 5px 15px;
  top: 25px;
  left: 0;
  bottom: 25px;
  width: 100%;
  box-sizing: border-box;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(15, 15, 15, 0.96);
}
.hens-tchat-container .user-list.active {
  display: inline-block;
}
.hens-tchat-container .user-list .user-status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
  background-color: #a99c73;
}
.hens-tchat-container .user-list .user-status.away {
  background-color: #bd5d00;
}
.hens-tchat-container .user-list .user-status.online {
  background-color: #9fa70a;
}
.hens-tchat-container .user-list h2 {
  margin-bottom: 20px;
  font-family: 'Wire One';
  font-size: 2.2em;
}
.hens-tchat-container .user-list .user {
  box-sizing: border-box;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  background: #191919;
  font-size: 1.1em;
  color: #a99c73;
  border-left: 1px solid transparent;
  transition: color 0.2s, border 0.35s, background 0.2s;
  display: flex;
  align-items: center;
}
.hens-tchat-container .user-list .user.anar {
  color: #e3370d;
}
.hens-tchat-container .user-list .user.wilwar {
  color: #9fa70a;
}
.hens-tchat-container .user-list .user.ulmo {
  color: #11aba6;
}
.hens-tchat-container .user-list .user.sulimo {
  color: #e88400;
}
.hens-tchat-container .user-list .user:hover {
  color: #d7c696;
  transition: color 0.35s, border 0.35s, background 0.35s;
  border-left: 6px solid #a99c73;
}
.hens-tchat-container .user-list .user:hover.anar {
  color: #ff3d0e;
  border-left: 6px solid #ff3d0e;
}
.hens-tchat-container .user-list .user:hover.wilwar {
  color: #c0ce0d;
  border-left: 6px solid #c0ce0d;
}
.hens-tchat-container .user-list .user:hover.ulmo {
  color: #06cdc4;
  border-left: 6px solid #06cdc4;
}
.hens-tchat-container .user-list .user:hover.sulimo {
  color: #ffae25;
  border-left: 6px solid #ffae25;
}
@keyframes shoutanim {
  0% {
    margin-left: -3px;
  }
  10% {
    margin-left: 3px;
    padding-top: 3px;
  }
  20% {
    margin-left: 3px;
  }
  30% {
    margin-left: -3px;
    padding-top: 3px;
  }
  40% {
    margin-left: -2px;
  }
  50% {
    margin-left: 2px;
    padding-top: 2px;
  }
  60% {
    margin-left: 2px;
  }
  70% {
    margin-left: -2px;
    padding-top: 2px;
  }
  100%,
  80%,
  90% {
    margin-left: -1px;
    padding-top: 1px;
  }
}
@-webkit-keyframes shoutanim {
  0% {
    margin-left: -3px;
    margin-top: -3px;
  }
  10% {
    margin-left: 3px;
    margin-top: 3px;
  }
  20% {
    margin-left: 3px;
    margin-top: -3px;
  }
  30% {
    margin-left: -3px;
    margin-top: 3px;
  }
  40% {
    margin-left: -2px;
    margin-top: -2px;
  }
  50% {
    margin-left: 2px;
    margin-top: 2px;
  }
  60% {
    margin-left: 2px;
    margin-top: -2px;
  }
  70% {
    margin-left: -2px;
    margin-top: 2px;
  }
  100%,
  80%,
  90% {
    margin-left: -1px;
    margin-top: 1px;
  }
}
@-moz-keyframes shoutanim {
  0% {
    margin-left: -3px;
    margin-top: -3px;
  }
  10% {
    margin-left: 3px;
    margin-top: 3px;
  }
  20% {
    margin-left: 3px;
    margin-top: -3px;
  }
  30% {
    margin-left: -3px;
    margin-top: 3px;
  }
  40% {
    margin-left: -2px;
    margin-top: -2px;
  }
  50% {
    margin-left: 2px;
    margin-top: 2px;
  }
  60% {
    margin-left: 2px;
    margin-top: -2px;
  }
  70% {
    margin-left: -2px;
    margin-top: 2px;
  }
  100%,
  80%,
  90% {
    margin-left: -1px;
    margin-top: 1px;
  }
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.anar .background {
  background: url(/medias/common/anar_icone.png);
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.wilwar .background {
  background: url(/medias/common/wilwar_icone.png);
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.sulimo .background {
  background: url(/medias/common/sulimo_icone.png);
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.ulmo .background {
  background: url(/medias/common/ulmo_icone.png);
  background-size: 100%;
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.active {
  pointer-events: none;
}
.hens-tchat-container .inner-tchat-container .open-tchat .upper .village-switch .village.active .background {
  opacity: 0.5;
}
.tchat-launch-container {
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  margin-top: -1px;
  padding-top: 1px;
  background: rgba(10, 10, 10, 0.95);
  position: relative;
}
.tchat-launch-container .close {
  position: absolute;
  left: -35px;
  width: 35px;
  top: 15px;
  cursor: pointer;
  z-index: 0;
  height: 40px;
  border-radius: 5px 0 0 5px;
  background: url(/medias/map/ui/right.png), #222;
  transition: all 0.2s;
}
.tchat-launch-container .close:hover {
  left: -45px;
  width: 45px;
}
.tchat-launch-container .content-tchat-launch {
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  width: 650px;
  position: relative;
  margin-left: 50px;
}
.tchat-launch-container .content-tchat-launch .village-bar {
  width: 90px;
  height: inherit;
  z-index: 10;
  position: absolute;
  box-sizing: border-box;
  padding-top: 190px;
}
.tchat-launch-container .content-tchat-launch .village-bar a {
  width: 70px;
  height: 70px;
  margin-top: 18px;
  margin-left: 12px;
  display: block;
  transition: margin 0.25s;
}
.tchat-launch-container .content-tchat-launch .village-bar a.sulimo-link {
  background: url(/medias/common/sulimo_icone.png);
  background-size: 100%;
}
.tchat-launch-container .content-tchat-launch .village-bar a.wilwar-link {
  background: url(/medias/common/wilwar_icone.png);
  background-size: 100%;
}
.tchat-launch-container .content-tchat-launch .village-bar a.ulmo-link {
  background: url(/medias/common/ulmo_icone.png);
  background-size: 100%;
}
.tchat-launch-container .content-tchat-launch .village-bar a.anar-link {
  background: url(/medias/common/anar_icone.png);
  background-size: 100%;
}
.tchat-launch-container .content-tchat-launch .village-bar a:hover {
  transition: margin 0.35s;
  margin-left: 5px;
}
.tchat-launch-container .banner-container {
  position: absolute;
  width: inherit;
  height: 130px;
  margin-top: 25px;
}
.tchat-launch-container .banner-container .barman {
  width: 190px;
  height: 190px;
  position: absolute;
  z-index: 2;
  margin-left: -20px;
  margin-top: -20px;
}
.tchat-launch-container .banner-container .barman.anar {
  background: url(/medias/tchat/domaine/anar_serveur.png);
  background-size: 100%;
}
.tchat-launch-container .banner-container .barman.sulimo {
  background: url(/medias/tchat/domaine/sulimo_serveur.png);
  background-size: 100%;
}
.tchat-launch-container .banner-container .barman.ulmo {
  background: url(/medias/tchat/domaine/ulmo_serveur.png);
  background-size: 100%;
}
.tchat-launch-container .banner-container .barman.wilwar {
  background: url(/medias/tchat/domaine/wilwar_serveur.png);
  background-size: 100%;
}
.tchat-launch-container .banner-container .background {
  width: inherit;
  height: inherit;
  background: #050505;
  position: absolute;
}
.tchat-launch-container .banner-container .text {
  position: absolute;
  width: 400px;
  z-index: 3;
  margin-left: 220px;
  height: 120px;
  margin-top: 25px;
  font-size: 13em;
  color: #fff;
}
.tchat-launch-container .places-container {
  width: inherit;
  position: relative;
  box-sizing: border-box;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  padding-top: 180px;
  text-align: center;
}
.tchat-launch-container .places-container .terrasse-bt {
  cursor: pointer;
  width: 40%;
  background: #000;
  float: right;
  height: 390px;
}
.tchat-launch-container .places-container .terrasse-bt.anar {
  background: url(/medias/tchat/domaine/anar/anar_terrasse.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .terrasse-bt.wilwar {
  background: url(/medias/tchat/domaine/wilwar/wilwar_terrasse.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .terrasse-bt.sulimo {
  background: url(/medias/tchat/domaine/sulimo/sulimo_terrasse.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .terrasse-bt.ulmo {
  background: url(/medias/tchat/domaine/ulmo/ulmo_terrasse.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .salle-bt {
  background: #000;
  float: right;
  width: 40%;
  height: 390px;
}
.tchat-launch-container .places-container .salle-bt.anar {
  background: url(/medias/tchat/domaine/interieur_anar.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .salle-bt.wilwar {
  background: url(/medias/tchat/domaine/interieur_wilwar.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .salle-bt.sulimo {
  background: url(/medias/tchat/domaine/interieur_sulimo.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .salle-bt.ulmo {
  background: url(/medias/tchat/domaine/interieur_ulmo.jpg);
  background-size: 100% 100%;
}
.tchat-launch-container .places-container .domaine-bt {
  position: relative;
}
.tchat-launch-container .places-container .domaine-bt .cover {
  width: inherit;
  height: inherit;
  position: absolute;
  background: #000;
  opacity: 0.15;
  transition: opacity 0.2s;
}
.tchat-launch-container .places-container .domaine-bt .text {
  font-size: 13em;
}
.tchat-launch-container .places-container .domaine-bt .title {
  width: inherit;
  font-size: 45em;
  font-family: 'Wire One';
  position: absolute;
  z-index: 10;
  margin-top: 16px;
  color: #fff;
  margin-bottom: 20px;
  opacity: 0.95;
  transition: opacity 0.25s;
}
.tchat-launch-container .places-container .domaine-bt .text {
  width: 84%;
  position: absolute;
  z-index: 10;
  margin-left: 8%;
  font-size: 13em;
  margin-top: 100px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0s;
}
.tchat-launch-container .places-container .domaine-bt:hover .title {
  opacity: 1;
}
.tchat-launch-container .places-container .domaine-bt:hover .text {
  opacity: 0.85;
  transition: opacity 0.2s;
  transition-delay: 0.3s;
}
.tchat-launch-container .places-container .domaine-bt:hover .cover {
  transition: opacity 0.35s;
  opacity: 0.65;
}
.red {
  color: red !important;
}
.ta-scroll-window {
  background: #070707;
}
.next-page-bt::after {
  content: 'Changement de page';
}
.next-page-symbol {
  font-size: 20px;
  background: #e3370d;
  text-align: center;
  pointer-events: none;
}
.next-page-symbol:before {
  content: 'Changement de page';
}
.create-post-container .main-create-container {
  display: flex;
  flex-direction: column;
}
.create-post-container .main-create-container .common-info {
  display: none;
}
@media (max-width: 899px) {
  .create-post-container .main-create-container .common-info {
    display: flex;
    flex-direction: column;
  }
}
.create-post-container .main-create-container .title {
  font-size: 4em;
  color: white;
  width: 100%;
  font-family: 'Wire One';
  font-style: inherit;
  margin-bottom: 20px;
}
.create-post-container .main-create-container .subtitle {
  font-size: 1.1em;
  margin-bottom: 10px;
}
.create-post-container .main-create-container .validate {
  width: fit-content;
  padding: 5px 15px 5px 15px;
  display: inline-block;
  font-size: 1.5em;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 10px;
}
.create-post-container .main-create-container .form-container {
  width: auto;
  margin: 0 12px;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.toolbar {
  text-align: left;
  width: 90%;
  margin-left: 5%;
}
.toolbar .toggle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  background: #444;
  font-size: 1.2em;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.image-unit {
  position: relative;
  background: #333;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 20px 5px 5px 5px;
}
.image-unit .label {
  width: 180px;
  text-align: left;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
}
.image-unit .number {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1.2em;
  border-radius: 50%;
  left: -3px;
  top: -3px;
  z-index: 5;
  vertical-align: middle;
}
.zone-list {
  display: flex;
  margin: 10px auto;
  justify-content: center;
  flex-wrap: wrap;
}
.zone-list .zone-elt {
  margin: 5px 10px;
  background-color: #191919;
  padding: 5px 15px;
  opacity: 0.7;
  cursor: pointer;
}
.zone-list .zone-elt.active {
  opacity: 1;
  background-color: #414141;
}
.selected-village {
  display: flex;
  height: 55px;
  align-items: stretch;
  margin: 10px auto;
  justify-content: center;
}
.selected-village .village-close {
  background-color: #2c2c2c;
  padding: 15px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  font-size: 1.7em;
}
.selected-village .village-name {
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  font-size: 1.3em;
  box-sizing: border-box;
  align-items: center;
}
.selected-village:hover {
  filter: brightness(1.2);
}
.selected-village.sulimo .village-icon {
  background-image: url(/medias/common/sulimo_icone.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  border: 5px solid #e88400;
  border-right-width: 0;
}
.selected-village.ulmo .village-icon {
  background-image: url(/medias/common/ulmo_icone.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  border: 5px solid #11aba6;
  border-right-width: 0;
}
.selected-village.anar .village-icon {
  background-image: url(/medias/common/anar_icone.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  border: 5px solid #e3370d;
  border-right-width: 0;
}
.selected-village.wilwar .village-icon {
  background-image: url(/medias/common/wilwar_icone.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  border: 5px solid #9fa70a;
  border-right-width: 0;
}
.location-part {
  opacity: 0;
  pointer-events: none;
  height: 0;
  margin-top: -25px;
  margin-bottom: 20px;
  transition: opacity 0.33s, margin 2s;
}
.location-part.active {
  height: auto;
  pointer-events: auto;
  margin-bottom: 0px;
  opacity: 1;
  transition: all 0.55s;
  margin-top: 0;
}
/* STATUT PUBLICATION */
.status {
  width: 90%;
  cursor: pointer;
  margin: 10px auto;
}
.status div {
  height: 20px;
  width: 100%;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.status span {
  margin: 0px 10px;
  height: 25px;
  font-size: 1.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #555;
  flex: 1 1 50%;
}
/* CHOIX LIEU */
.location {
  margin-top: 15px;
  max-width: 400px;
  padding: 12px;
  margin: 0 auto;
}
.location .village-list {
  display: flex;
  justify-content: space-around;
}
.location .village-list div {
  flex: 0 1 60px;
  height: 60px;
  opacity: 0.6;
  cursor: pointer;
}
.location .village-list div:hover {
  opacity: 1;
}
.location .village-list div.active {
  opacity: 1;
}
.location .search-location {
  margin: 0 auto;
}
.location .location-list {
  margin: 20px auto;
  background: black;
  height: 250px;
  overflow-y: scroll;
}
/* ajouter un auteur */
.new-post-authors {
  width: inherit;
  position: relative;
}
.new-post-authors--right {
  text-align: right;
}
.new-post-authors--right .added-list {
  justify-content: flex-end;
}
.new-post-authors--right .added-list > .full-line {
  flex: 1 1 100%;
}
.new-post-authors--right .added-list p {
  display: block;
  text-align: right;
  font-size: 13px;
  color: #aaa;
  font-style: italic;
}
.new-post-authors .added-list {
  display: flex;
  padding: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.new-post-authors .added-list p {
  margin-bottom: 10px;
}
.new-post-authors .added-list > div {
  margin-bottom: 10px;
}
.new-post-authors .added-list .added-author-unit {
  box-sizing: border-box;
  padding: 5px 10px;
  margin: 0 10px 0px 10px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-post-authors .added-list .added-author-unit .name {
  font-size: 1.2em;
  margin-left: 5px;
  float: left;
}
.new-post-authors .added-list .added-author-unit .delete {
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1.4em;
  margin-left: 10px;
  margin-right: -5px;
}
.new-post-authors .new-author-block {
  box-sizing: border-box;
  padding: 7px 10px;
  background: #333;
  margin-left: 15px;
  position: relative;
}
.new-post-authors .new-author-block:hover {
  background: #393939;
}
.new-post-authors .new-author-block .text {
  font-size: 1.1em;
}
.new-post-authors .new-author-block .search-author {
  background: #070707;
  width: 140px;
  padding: 3px 5px;
  color: white;
  border: none;
}
.new-post-authors .new-author-block .search-author::-webkit-input-placeholder {
  font-style: italic;
  color: #999;
}
.new-post-authors .new-author-block .search-author:-moz-placeholder {
  font-style: italic;
  color: #999;
}
.new-post-authors .new-author-block .search-author::-moz-placeholder {
  font-style: italic;
  color: #999;
}
.new-post-authors .new-author-block .search-author:-ms-input-placeholder {
  font-style: italic;
  color: #999;
}
.new-post-authors .new-author-current-search {
  width: 80%;
  margin-left: 10%;
  background: #070707;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-right: 3px;
}
.new-post-authors .new-author-current-search.absolute {
  position: absolute;
}
.new-post-authors .new-author-current-search .new-author-elt {
  cursor: pointer;
  width: 100%;
  height: 60px;
  padding: 5px;
  background-color: #222;
  margin: 1px;
  box-sizing: border-box;
}
.new-post-authors .new-author-current-search .new-author-elt .selec {
  background: #534f3b;
}
.new-post-authors .new-author-current-search .new-author-elt.anar .selec {
  background: #601000;
}
.new-post-authors .new-author-current-search .new-author-elt.wilwar .selec {
  background: #424d05;
}
.new-post-authors .new-author-current-search .new-author-elt.ulmo .selec {
  background: #0b494b;
}
.new-post-authors .new-author-current-search .new-author-elt.sulimo .selec {
  background: #662902;
}
.new-post-authors .new-author-current-search .new-author-elt .avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  border-radius: 50%;
}
.new-post-authors .new-author-current-search .new-author-elt .name {
  font-size: 1.3em;
  margin-left: 10px;
  float: left;
  color: white;
}
.location-unit {
  cursor: pointer;
  background: #333;
  font-size: 1.1em;
  padding: 2px;
  border-bottom: 1px solid #111;
}
.loca-unit-wrapper.wilwar .location-unit {
  border-left: 3px solid #9fa70a;
}
.loca-unit-wrapper.anar .location-unit {
  border-left: 3px solid #e3370d;
}
.loca-unit-wrapper.sulimo .location-unit {
  border-left: 3px solid #e88400;
}
.loca-unit-wrapper.ulmo .location-unit {
  border-left: 3px solid #11aba6;
}
/* choix du statut de publication */
.equinoxe-automne {
  width: 100%;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 100;
  font-size: 14em;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 10, 10, 0.7);
  padding: 12px 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
.equinoxe-automne__content {
  background-color: #191919;
  padding: 35px;
  padding-right: 80px;
  margin-left: -100px;
  position: relative;
  margin: auto;
}
.equinoxe-automne__content .field {
  margin-bottom: 12px;
}
.equinoxe-automne__close {
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 1.4em;
  cursor: pointer;
}
.equinoxe-automne__close:after {
  content: 'X';
}
.equinoxe-automne__instrument-container {
  position: absolute;
  top: 0;
  right: -250px;
  width: 360px;
  height: 680px;
  z-index: 20;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.equinoxe-automne__instrument-container.violin {
  background-image: url('/medias/events/equinoxe-automne/keyart_violin.png');
}
.equinoxe-automne__instrument-container.guitar-acoustic {
  background-image: url('/medias/events/equinoxe-automne/keyart_guitar-acoustic.png');
}
.equinoxe-automne__instrument-container.clarinet {
  background-image: url('/medias/events/equinoxe-automne/keyart_clarinet.png');
}
.equinoxe-automne__instrument-container.xylophone {
  background-image: url('/medias/events/equinoxe-automne/keyart_xylophone.png');
}
.equinoxe-automne__music-line-note {
  display: flex;
}
.equinoxe-automne__music-cell {
  width: 35px;
  height: 35px;
  flex: 0 0 auto;
  border: 1px solid #414141;
  background-color: #666;
  cursor: pointer;
}
.equinoxe-automne__music-cell:hover:not(.fond-village) {
  background-color: #aaa;
}
.equinoxe-automne__music-cell.continuing {
  border-right-width: 0;
  width: 36px;
}
.equinoxe-automne__music-cell.continued {
  border-left-width: 0;
  width: 36px;
}
.equinoxe-automne__music-cell.continued.continuing {
  width: 37px;
}
.equinoxe-automne__music-cell.highlight {
  animation: highlight 0.6s ease-out;
}
@keyframes highlight {
  0% {
    filter: brightness(1.25);
  }
  100% {
    filter: brightness(1);
  }
}
.equinoxe-automne__music-cell.highlight.fond-village {
  animation: highlight-plus 0.9s ease-out;
}
@keyframes highlight-plus {
  0% {
    filter: brightness(1.55);
  }
  100% {
    filter: brightness(1);
  }
}
.equinoxe-automne__music-note-label {
  color: #414141;
  width: 40px;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic;
}
.equinoxe-automne__buttons {
  display: flex;
}
.equinoxe-automne__buttons > * {
  flex: 1;
}
.equinoxe-information {
  position: absolute;
  background-color: rgba(10, 10, 10, 0.7);
  padding: 15px;
  transform: translateX(-50%) translateY(-100%);
  margin-top: -130px;
  font-size: 14px;
  border-radius: 5px;
  max-width: 350px;
  z-index: 50;
  left: calc(1px * var(--offsetLeft) + var(--instrumentLeft));
  top: calc(1px * var(--offsetTop) + var(--instrumentTop));
}
.equinoxe-information__content {
  margin-top: 15px;
  margin-bottom: 5px;
}
.equinoxe-information__upcoming-song {
  background-color: #222;
  padding: 5px;
  margin: 2px;
  display: flex;
  min-width: fit-content;
  justify-content: center;
}
.equinoxe-information__upcoming-song > * {
  flex: 0 0 auto;
  margin: 3px;
  white-space: nowrap;
}
.equinoxe-information__upcoming-song i {
  opacity: 0.7;
}
.equinoxe-popup {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 110;
  font-size: 14px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 10, 10, 0.7);
}
.equinoxe-popup h1 {
  font-size: 3em;
}
.equinoxe-popup__content {
  background-color: #191919;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 300px;
}
.equinoxe-popup__content > * {
  margin: 10px 0;
}
.equinoxe-popup__content .button {
  padding: 10px;
  min-width: 200px;
  font-size: 1.4em;
}
.equinoxe-popup__paragraph {
  font-size: 1.2em;
  max-width: 60%;
}
.equinoxe-popup__sound-icon {
  width: 200px;
  height: 60px;
  background-image: url("/medias/events/equinoxe-automne/icone_sound.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.equinoxe-volume-control {
  position: fixed;
  top: 90px;
  display: flex;
  align-items: center;
  z-index: 200;
  font-size: 14px;
  right: 230px;
  background-color: rgba(10, 10, 10, 0.7);
  width: 220px;
  padding: 10px;
}
.equinoxe-volume-control p {
  margin-right: 15px;
  margin-top: 3px;
}
.fireworks canvas {
  position: absolute;
  left: 0;
  font-size: 12em;
  top: 0;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  z-index: 21;
  pointer-events: none;
}
.fireworks__counters {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 21;
  bottom: 20px;
  margin-top: 15px;
  width: 160px;
  display: flex;
  justify-content: space-around;
}
.fireworks__counters.visible .fireworks__counter {
  transform: scale(1);
}
.fireworks__counter {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(20, 20, 20, 0.7);
  transform: scale(0);
  pointer-events: none;
  transition: all 0.25s;
}
.fireworks__counter:nth-child(1) {
  transition-delay: 0.1s;
}
.fireworks__counter:nth-child(2) {
  transition-delay: 0.2s;
}
.fireworks__counter:nth-child(3) {
  transition-delay: 0.3s;
}
.fireworks__counter:nth-child(4) {
  transition-delay: 0.4s;
}
.fireworks__counter:nth-child(5) {
  transition-delay: 0.5s;
}
.fireworks__counter .pie {
  width: 50%;
  height: 100%;
  position: absolute;
}
.fireworks__counter .spinner {
  border-radius: 10px 0 0 10px;
  z-index: 200;
  border-right: none;
  transform-origin: 100% 50%;
}
.fireworks__counter .filler {
  border-radius: 0 10px 10px 0;
  z-index: 100;
  border-left: none;
  left: 50%;
}
.fireworks__counter .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 300;
  border-radius: 10px 0 0 10px;
  background: inherit;
  animation: mask 10s steps(1, end) infinite;
}
.fireworks .fireworks__button {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  bottom: 50px;
  font-size: 12em;
  height: 39px;
  cursor: pointer;
  width: 164px;
  display: flex;
  box-sizing: border-box;
  border-radius: 22px;
  align-items: center;
  transition: width 0.5s;
}
.fireworks__title {
  position: absolute;
  transition: all 0.25s;
  transform: scaleY(1);
  transform-origin: 50% 0;
  z-index: 10;
  white-space: nowrap;
  display: flex;
  width: 160px;
  font-size: 1.2em;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 5px 10px;
  height: 35px;
}
.fireworks__title.hidden {
  transform: scaleY(0);
}
.fireworks__control {
  left: 195px;
  transition: all 0.45s;
  width: 30px;
  height: 30px;
  margin: 3px;
  border-radius: 50%;
  position: relative;
  background-color: white;
}
.fireworks__control:nth-child(1) {
  transition-delay: 0s;
}
.fireworks__control:nth-child(2) {
  transition-delay: 0.1s;
}
.fireworks__control:nth-child(3) {
  transition-delay: 0.2s;
}
.fireworks__control-container {
  display: flex;
  opacity: 0;
  justify-content: center;
  width: 160px;
  overflow: hidden;
}
.fireworks__control-container.visible {
  animation: removeOverflow 1s forwards;
  opacity: 1;
}
.fireworks__control-container.visible .fireworks__control,
.fireworks__control-container.visible .fireworks__launch {
  left: 0px;
}
.fireworks__control-selected {
  overflow: hidden;
}
.fireworks__control-list {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 35px;
}
.fireworks__control-element {
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 50%;
  margin: 5px 0;
}
.fireworks__launch {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin: 3px;
  justify-content: center;
  position: relative;
  left: 155px;
  transition: all 0.45s;
  transition-delay: 0.3s;
}
.fireworks .color-param {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 2.5px;
  display: flex;
}
.fireworks .color-param .semi-circle-left,
.fireworks .color-param .semi-circle-right {
  margin: 0 1em 1em 0;
  flex: 0 0 auto;
  position: absolute;
  height: 25px;
  width: 12.5px;
}
.fireworks .color-param .semi-circle-left {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.fireworks .color-param .semi-circle-right {
  margin-left: 12.5px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
.fireworks__shape {
  width: 20px;
  height: 20px;
  margin: 5px;
}
.fireworks__shape.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  margin: 5px 5px;
}
.fireworks__shape.circle {
  border-radius: 50%;
}
.fireworks__shape.square {
  width: 18px;
  height: 18px;
  margin: 5.5px;
}
.fireworks__pattern {
  margin: 2.5px;
  width: 25px;
  height: 25px;
  background-size: cover;
}
.fireworks__pattern.bloom {
  background-image: url("/medias/fireworks/bloom.png");
}
.fireworks__pattern.cluster {
  background-image: url("/medias/fireworks/cluster.png");
}
.anar .fireworks__pattern.bloom {
  background-image: url("/medias/fireworks/bloom_anar.png");
}
.anar .fireworks__pattern.cluster {
  background-image: url("/medias/fireworks/cluster_anar.png");
}
.anar .fireworks__pattern.shotgun {
  background-image: url("/medias/fireworks/shotgun_anar.png");
}
.anar .fireworks__shape.triangle {
  border-color: transparent transparent #601000 transparent;
}
.anar .fireworks__shape.circle {
  background-color: #601000;
}
.anar .fireworks__shape.square {
  background-color: #601000;
}
.ulmo .fireworks__pattern.bloom {
  background-image: url("/medias/fireworks/bloom_ulmo.png");
}
.ulmo .fireworks__pattern.cluster {
  background-image: url("/medias/fireworks/cluster_ulmo.png");
}
.ulmo .fireworks__pattern.shotgun {
  background-image: url("/medias/fireworks/shotgun_ulmo.png");
}
.ulmo .fireworks__shape.triangle {
  border-color: transparent transparent #0b494b transparent;
}
.ulmo .fireworks__shape.circle {
  background-color: #0b494b;
}
.ulmo .fireworks__shape.square {
  background-color: #0b494b;
}
.wilwar .fireworks__pattern.bloom {
  background-image: url("/medias/fireworks/bloom_wilwar.png");
}
.wilwar .fireworks__pattern.cluster {
  background-image: url("/medias/fireworks/cluster_wilwar.png");
}
.wilwar .fireworks__pattern.shotgun {
  background-image: url("/medias/fireworks/shotgun_wilwar.png");
}
.wilwar .fireworks__shape.triangle {
  border-color: transparent transparent #424d05 transparent;
}
.wilwar .fireworks__shape.circle {
  background-color: #424d05;
}
.wilwar .fireworks__shape.square {
  background-color: #662902;
}
.sulimo .fireworks__pattern.bloom {
  background-image: url("/medias/fireworks/bloom_sulimo.png");
}
.sulimo .fireworks__pattern.cluster {
  background-image: url("/medias/fireworks/cluster_sulimo.png");
}
.sulimo .fireworks__pattern.shotgun {
  background-image: url("/medias/fireworks/shotgun_sulimo.png");
}
.sulimo .fireworks__shape.triangle {
  border-color: transparent transparent #662902 transparent;
}
.sulimo .fireworks__shape.circle {
  background-color: #662902;
}
.sulimo .fireworks__shape.square {
  background-color: #662902;
}
@keyframes removeOverflow {
  0%,
  99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.map-halloween {
  font-size: 13px;
}
.map-halloween--no-information .map-halloween__timer {
  display: none;
}
.map-halloween__timer-container {
  position: fixed;
  top: 100px;
  z-index: 80;
  background-color: #191919;
  padding: 12px 30px;
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.map-halloween__timer {
  font-size: 2em;
}
.map-halloween__popup {
  position: fixed;
  top: 80px;
  z-index: 110;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  width: 100vw;
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-halloween__popup-content {
  padding: 45px;
  font-size: 1.3em;
  background-color: #121212;
  width: 500px;
}
.map-halloween__popup-content p {
  margin-bottom: 1.2em;
}
.map-halloween__popup-content switch {
  font-size: 0.8em;
  font-style: italic;
}
.map-halloween__popup-content .button {
  margin-top: 45px;
}
.map-halloween__village {
  font-style: italic;
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 5px;
}
.map-halloween__left {
  display: flex;
  font-size: 1.1em;
  justify-content: center;
}
.map-halloween__left img {
  margin-right: 6px;
}
.map-halloween__feed {
  position: fixed;
  z-index: 200;
  top: 80px;
  right: 240px;
}
.map-halloween__feed-line {
  padding: 0;
  min-width: 140px;
  box-sizing: border-box;
  max-width: 240px;
  background-color: #9fa70a;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin: 0px;
  display: flex;
  max-height: 0;
  border-radius: 5px;
  transition: max-height 0.25s 0.15s, margin 0.25s, opacity 0.25s 0s, transform 0.25s 0s, padding 0.25s;
  transform: translateY(-30px);
  opacity: 0;
}
.map-halloween__feed-line.visible {
  padding: 3px 10px;
  max-height: 150px;
  transition: max-height 0.1s, margin 0.25s, opacity 0.25s, transform 0.25s, padding 0.15s;
  transform: translateY(0);
  opacity: 1;
  margin: 5px;
}
.map-halloween__final-score {
  position: fixed;
  z-index: 120;
  width: 100vw;
  font-size: 1.2em;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-halloween__final-score-content {
  max-width: 450px;
  padding: 30px;
  background-color: #191919;
}
.map-halloween__final-score h3 {
  font-size: 1.8em;
  margin-bottom: 12px;
}
.map-halloween__final-score p {
  margin-bottom: 12px;
}
.halloween__glitch {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  filter: hue-rotate(45deg);
  opacity: 0.55;
}
.halloween__glitch .started {
  animation: glitchAnimation 3s;
}
@keyframes glitch {
  0% {
    transform: skew(12deg);
  }
  5% {
    transform: skew(-23deg);
  }
  10% {
    transform: skew(-10deg);
  }
  15% {
    transform: skew(74deg);
  }
  20% {
    transform: skew(-50deg);
  }
  25% {
    transform: skew(-14deg);
  }
  30% {
    transform: skew(-21deg);
  }
  35% {
    transform: skew(49deg);
  }
  40% {
    transform: skew(-2deg);
  }
  45% {
    transform: skew(-25deg);
  }
  50% {
    transform: skew(-86deg);
  }
  55% {
    transform: skew(-70deg);
  }
  60% {
    transform: skew(20deg);
  }
  65% {
    transform: skew(-46deg);
  }
  70% {
    transform: skew(-61deg);
  }
  75% {
    transform: skew(-43deg);
  }
  80% {
    transform: skew(65deg);
  }
  85% {
    transform: skew(1deg);
  }
  90% {
    transform: skew(-39deg);
  }
  95% {
    transform: skew(-67deg);
  }
}
@keyframes noise {
  0% {
    background-position: -43px 5px;
  }
  10% {
    background-position: -19px 0px;
  }
  20% {
    background-position: 43px -5px;
  }
  30% {
    background-position: -96px -41px;
  }
  40% {
    background-position: -92px 3px;
  }
  50% {
    background-position: -70px -28px;
  }
  60% {
    background-position: -65px 70px;
  }
  70% {
    background-position: -90px -97px;
  }
  80% {
    background-position: 65px -84px;
  }
  90% {
    background-position: 60px -47px;
  }
}
@keyframes bar {
  0% {
    height: 174px;
    top: 38%;
    opacity: 0.74;
  }
  10% {
    height: 427px;
    top: 100%;
    opacity: 0.74;
  }
  20% {
    height: 285px;
    top: 63%;
    opacity: 0.15;
  }
  30% {
    height: 207px;
    top: 20%;
    opacity: 0.35;
  }
  40% {
    height: 385px;
    top: 90%;
    opacity: 0.27;
  }
  50% {
    height: 443px;
    top: 5%;
    opacity: 0.45;
  }
  60% {
    height: 354px;
    top: 7%;
    opacity: 0.47;
  }
  70% {
    height: 32px;
    top: 5%;
    opacity: 0.72;
  }
  80% {
    height: 560px;
    top: 2%;
    opacity: 0.26;
  }
  90% {
    height: 621px;
    top: 33%;
    opacity: 0.65;
  }
}
.glitch {
  opacity: 0.5;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font: 15px "Michroma", helvetica, sans-serif;
  letter-spacing: 0.6em;
  background-image: url(/medias/noisy-texture-300x300-o43-d10-c-ffffff-t1.png);
  text-shadow: 2px 0 1px #f6050a, -2px 0 1px #1cf2f2;
  z-index: 1000;
  display: none;
}
@keyframes appear-glitch {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  25% {
    opacity: 0.1;
  }
  30% {
    opacity: 0.55;
  }
  40% {
    opacity: 0.55;
  }
  45% {
    opacity: 0.1;
  }
  60% {
    opacity: 0.1;
  }
  63% {
    opacity: 0.7;
  }
  65% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.35;
  }
  71% {
    opacity: 0.25;
  }
  74% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.55;
  }
  85% {
    opacity: 0.1;
  }
  91% {
    opacity: 0.55;
  }
  99% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
.glitch.first-animation {
  display: block;
  animation: noise 0.3s infinite, appear-glitch 2s alternate 2 forwards;
}
.glitch.first-animation:after {
  animation: bar 0.5s infinite;
}
.glitch.first-animation span {
  display: none;
}
@keyframes disappear-glitch {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.2;
  }
  15% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.15;
  }
  23% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes appear-text-glitch {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  92% {
    opacity: 0.8;
  }
  98% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.glitch.second-animation {
  display: block;
  animation: noise 0.3s infinite, appear-glitch 2s 1 forwards, disappear-glitch 1s 4s 1 forwards;
}
.glitch.second-animation:after {
  animation: bar 0.5s infinite;
}
.glitch.second-animation span {
  animation: glitch 2.5s infinite alternate, appear-text-glitch 1.5s 1 forwards;
}
.glitch:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.glitch:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: url(/medias/noisy-texture-300x300-o43-d10-c-ffffff-t1.png);
}
.glitch span {
  display: inline-block;
  position: relative;
}
.glitch p {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.map-cachette {
  font-size: 14em;
}
.map-cachette__hunters {
  position: absolute;
  left: 0;
  z-index: 30;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  top: 0;
}
.map-cachette__hunter {
  width: 150px;
  position: absolute;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s;
  align-items: center;
}
.map-cachette__oeil {
  width: 32px;
  height: 32px;
  background-image: url(/medias/events/carnaval-cachette/oeil.png);
  background-size: cover;
}
.map-cachette__map-prop {
  position: absolute;
  z-index: 10;
}
.map-cachette__map-prop.highlight {
  filter: drop-shadow(0 0 15px rgba(230, 240, 102, 0.8)) brightness(0) invert(1);
}
.map-cachette__map-prop .prop-dust {
  opacity: 0;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-position: 0 0;
  background-size: 360px 120px;
}
.map-cachette__map-prop .prop-dust.jour {
  background-image: url(/medias/events/carnaval-cachette/props/dust/jour/transfo.png);
}
.map-cachette__map-prop .prop-dust.nuit {
  background-image: url(/medias/events/carnaval-cachette/props/dust/nuit/transfo.png);
}
.map-cachette__map-prop .prop-dust.transforming {
  animation: transforming-dust 0.3s step-end 16, fading-dust 4.8s 1 forwards;
}
@keyframes transforming-dust {
  0% {
    background-position: 0 0;
  }
  33% {
    background-position: 120px 0;
  }
  66% {
    background-position: 240px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes fading-dust {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.map-cachette .invisible-prop {
  position: fixed;
  opacity: 0.5;
  pointer-events: none;
  z-index: 10;
}
.map-cachette__prop-selection {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 110px;
  background-color: #070707;
  z-index: 120;
  box-sizing: border-box;
  padding-bottom: 30px;
  align-items: stretch;
  display: flex;
}
.map-cachette__prop-next,
.map-cachette__prop-previous {
  font-size: 2em;
  position: absolute;
  cursor: pointer;
  transform: scaleY(1.2);
  top: 0;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  transition: all 0.15s;
}
.map-cachette__prop-next {
  left: -15px;
}
.map-cachette__prop-previous {
  right: -15px;
}
.map-cachette__lobby-click {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  top: 0;
  z-index: 100;
  height: 90px;
  border-radius: 20px;
}
.map-cachette__display {
  position: fixed;
  left: 50%;
  padding: 5px 20px;
  border-radius: 25px;
  transform: translateX(-50%);
  bottom: 15px;
  z-index: 120;
  box-sizing: border-box;
}
.map-cachette__display.lobby {
  padding: 5px 40px 15px 40px;
}
.map-cachette__timer {
  font-size: 1.5em;
}
.map-cachette__phase {
  font-style: italic;
  text-align: center;
  max-width: 150px;
  opacity: 0.85;
}
.map-cachette__prop-item {
  flex: 0 0 auto;
  display: flex;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 3px;
  min-width: 25px;
  width: 121px;
  height: 121px;
  transition: all 0.15s;
}
.map-cachette__prop-item.selected {
  background-color: #2c2c2c;
}
.map-cachette__prop-item.next,
.map-cachette__prop-item.previous {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.7;
  transform: scale(0.8);
}
.map-cachette__prop-aiming,
.map-cachette__hunter-aiming,
.map-cachette__prop-hue {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 40;
  position: fixed;
  transition: opacity 0.1s;
}
.map-cachette__prop-hue {
  pointer-events: none;
  opacity: 0.01;
  background-color: #e3370d;
}
.map-cachette__hunter-aiming {
  opacity: 0.01;
  background-color: #06cdc4;
}
.map-cachette__tutorial {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  position: fixed;
  z-index: 120;
  left: 0;
  top: 80px;
  background-color: rgba(10, 10, 10, 0.97);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-cachette__tuto-props {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 40px;
}
.map-cachette__tuto-prop {
  min-width: 30px;
  margin: 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  background-color: #121212;
}
.map-cachette__tuto-element {
  display: flex;
  max-width: 600px;
  margin-bottom: 10px;
  align-items: center;
}
.map-cachette__tuto-element img {
  width: 180px;
  margin-right: 15px;
}
.map-cachette__tuto-element.odd {
  flex-direction: row-reverse;
}
.map-cachette__tuto-element.odd img {
  margin-right: 0;
  margin-left: 15px;
}
.map-cachette__tutorial-content {
  padding: 40px;
  min-width: 800px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #191919;
}
.map-cachette__tutorial-content.dezoom {
  min-width: 600px;
  text-align: center;
  padding-bottom: 30px;
}
.map-cachette__tutorial-content.dezoom img {
  margin-bottom: 25px;
}
.map-cachette__tutorial-content.dezoom p {
  font-size: 1.3em;
}
.map-cachette__tutorial-content h1 {
  text-transform: uppercase;
}
.map-cachette__prop-select {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0px;
  border-width: 0 !important;
  transition: all 0.15s;
}
.map-cachette__game-over {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  position: fixed;
  z-index: 120;
  left: 0;
  top: 80px;
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-cachette__kill-feed {
  position: fixed;
  z-index: 200;
  top: 80px;
  right: 240px;
}
.map-cachette__feed-line {
  padding: 3px;
  min-width: 150px;
  box-sizing: border-box;
  background-color: #9fa70a;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin: 5px;
  display: flex;
  height: 0;
  border-radius: 5px;
  transition: height 0.25s 0.15s, margin 0.25s, opacity 0.25s 0s, transform 0.25s 0s;
  transform: translateY(-30px);
  opacity: 0;
}
.map-cachette__feed-line.visible {
  transition: height 0.1s, margin 0.25s, opacity 0.25s, transform 0.25s;
  transform: translateY(0);
  opacity: 1;
  height: 35px;
  margin: 5px;
}
.map-cachette__feed-line.opposing {
  background-color: #e3370d;
}
.map-cachette__feed-line .killer,
.map-cachette__feed-line .killed {
  margin: 0 35px;
}
.map-cachette__feed-line img {
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.map-cachette__feed-line img.action {
  height: 26px;
  z-index: 2;
}
.solstice-anar {
  position: relative;
  z-index: 90;
  font-size: 14em;
}
.solstice-anar .new-author-current-search {
  width: 100%!important;
}
.solstice-anar__back {
  position: absolute;
  left: 25px;
}
.solstice-anar__placing {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 100vh;
}
.solstice-anar__placing .invisible-lantern {
  opacity: 0.5;
}
.solstice-anar .no-receiver {
  font-style: italic;
  opacity: 0.8;
  color: #222 !important;
}
.solstice-anar__lantern {
  position: absolute;
  z-index: 30;
}
.solstice-anar__lantern--pending {
  z-index: 300;
  left: calc(1px * var(--offsetLeft));
  top: calc(1px * var(--offsetTop));
}
.solstice-anar__lantern:hover .solstice-anar__lantern-info {
  opacity: 1;
  transition: all 0.55s;
  margin-top: -10px;
}
.solstice-anar__lantern-info {
  position: absolute;
  background-color: rgba(10, 10, 10, 0.7);
  border-radius: 5px;
  padding: 8px;
  margin-top: -22px;
  transform: translateX(-50%);
  margin-left: 47.5px;
  pointer-events: none;
  min-width: 80px;
  opacity: 0;
  transition: all 0.15s;
}
.solstice-anar__lanterns {
  position: absolute;
}
.solstice-anar__lanterns .solstice-anar__lantern {
  left: calc(1px * var(--offsetLeft));
  top: calc(1px * var(--offsetTop));
}
.solstice-anar__lanterns .solstice-anar__lantern img {
  animation: lantern-hover 5s infinite;
}
@keyframes lantern-hover {
  0%,
  100% {
    transform: translateY(0px);
  }
  48% {
    transform: translateY(-17px);
  }
}
.solstice-anar__display {
  position: fixed;
  left: 0;
  top: 80px;
  width: 100%;
  z-index: 70;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.solstice-anar__display .display__close {
  position: absolute ;
  right: 74px;
  top: 70px;
  transform: scaleX(1.1);
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 1.2em;
  color: #070707;
  cursor: pointer;
}
.solstice-anar__display .display__close:hover {
  color: white;
}
.solstice-anar__display .display__background {
  width: 500px;
  cursor: auto;
  position: relative;
  height: 500px;
  background-size: contain;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  color: #070707;
  font-family: 'Crimson Text', serif;
}
.solstice-anar__display .display__content {
  margin: 65px;
  padding: 25px;
  border-radius: 5px;
  font-size: 1.2em;
  flex: 1 1 auto;
  max-width: 100%;
}
.solstice-anar__display .first-line {
  margin-top: 5px;
  margin-bottom: 30px;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.solstice-anar__display .first-line > * {
  margin-right: 0.2em;
}
.solstice-anar__display .message {
  width: 100%;
  text-align: left;
  flex: 1 1 auto;
  min-height: 10em;
  position: relative;
  line-height: 1.7em;
}
.solstice-anar__display .preSignature,
.solstice-anar__display .signature {
  display: flex;
}
.solstice-anar__button {
  position: fixed;
  left: 50%;
  bottom: 40px;
  border-radius: 35px;
  padding: 15px;
  z-index: 35;
  transform: translateX(-50%);
}
.solstice-anar__button .action {
  font-size: 1.1em;
}
.solstice-anar__button .remaining {
  text-transform: uppercase;
  opacity: 0.85;
  font-size: 0.85em;
  font-style: italic;
}
.solstice-anar__creation {
  padding: 12px;
  position: absolute;
  right: 50px;
  background-color: #191919;
  padding-bottom: 25px;
}
.solstice-anar__creation form {
  font-family: 'Crimson Text', serif;
  margin: 65px;
  padding: 25px;
  border-radius: 5px;
  font-size: 1.2em;
  flex: 1 1 auto;
  max-width: 100%;
}
.solstice-anar__creation form input,
.solstice-anar__creation form textarea {
  resize: none;
  color: #070707;
  flex: 0 0 auto;
  background-color: transparent;
  font-size: 1em;
  border: none;
  margin-right: 0.2em;
  font-family: 'Crimson Text', serif;
}
.solstice-anar__creation form input:focus,
.solstice-anar__creation form textarea:focus {
  outline: none;
}
.solstice-anar__creation form .first-line {
  margin-top: 5px;
  margin-bottom: 40px;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.solstice-anar__creation form .message {
  width: 100%;
  position: relative;
}
.solstice-anar__creation form .message textarea {
  width: 100%;
  line-height: 1.7em;
}
.solstice-anar__creation form .preSignature,
.solstice-anar__creation form .signature {
  display: flex;
}
.solstice-anar__creation-container {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 10, 10, 0.7);
  width: 100%;
  left: 0;
  top: 80px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  z-index: 90;
}
.solstice-anar__creation h2 {
  font-size: 1.3em;
}
.solstice-anar__creation h3 {
  font-size: 0.9em;
  font-style: italic;
}
.solstice-anar__creation .creation__titling {
  margin: 10px auto;
  padding-bottom: 10px;
  width: 100%;
  position: relative;
}
.solstice-anar__creation .creation__background {
  width: 500px;
  height: 500px;
  position: relative;
  display: flex;
  margin: 0 15px;
  align-items: stretch;
  justify-content: stretch;
  background-size: contain;
  color: #070707;
}
.solstice-anar__creation .creation__line {
  display: flex;
}
.solstice-anar__creation .creation__informations {
  text-align: left;
  padding-left: 15px;
  padding-right: 20px;
  min-width: 165px;
}
.solstice-anar__creation .creation__informations h2 {
  margin-bottom: 20px;
}
.solstice-anar__creation .creation__informations .sender-option,
.solstice-anar__creation .creation__informations .receiver-option {
  display: flex;
  align-items: center;
  font-size: 1em;
  margin-bottom: 10px;
}
.solstice-anar__creation .creation__informations .sender-option .puce,
.solstice-anar__creation .creation__informations .receiver-option .puce {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.solstice-anar__creation .creation__informations .sender-option .puce:not(.fond-village),
.solstice-anar__creation .creation__informations .receiver-option .puce:not(.fond-village) {
  background-color: #2c2c2c;
}
.solstice-anar__creation .creation__informations .option-detail {
  margin-left: -40px;
}
.solstice-anar__creation .creation__theme-selection {
  display: flex;
  flex-direction: column;
  padding-right: 15px;
}
.solstice-anar__creation .creation__sender.choosing {
  padding: 5px;
  margin-top: -1em;
}
.solstice-anar__creation .creation__sender.choosing * {
  padding: 4px;
  color: white !important;
  background-color: #2c2c2c;
  margin-bottom: 3px;
}
.solstice-anar__creation .creation__theme {
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #222;
  border-radius: 5px;
  margin: 9px 0;
  opacity: 0.7;
}
.solstice-anar__creation .creation__theme:hover {
  opacity: 0.85;
}
.solstice-anar__creation .creation__theme.selected {
  background-color: #2c2c2c;
  opacity: 1;
}
.solstice-anar__creation .creation__theme img {
  width: 30px;
}
.fav-list-container {
  padding-bottom: 50px;
  text-align: center;
  padding-top: 10px;
}
.fav-list-container .fav-inner-block {
  text-align: center;
  width: 500px;
  line-height: 1em;
  margin: auto;
}
.fav-list-container .fav-inner-block .fav-element {
  margin: 0;
  padding: 0;
  margin-left: 1px;
  margin-bottom: 1px;
  display: inline-block;
  height: 99px;
  width: 99px;
  opacity: 0.8;
}
.fav-list-container .fav-inner-block .fav-element:hover {
  opacity: 1;
}
.fiche-personnage .fiche-container {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  box-sizing: border-box;
  padding-top: 20px;
  position: absolute;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s;
  background: rgba(0, 0, 0, 0.8);
}
.fiche-personnage .fiche-container.show {
  opacity: 1;
  z-index: 200;
}
.fiche-personnage .fiche-container .close-around {
  width: 100%;
  position: absolute;
  top: 0;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
.fiche-personnage .fiche-container .preview-fiche {
  width: 220px;
  line-height: 25px;
  vertical-align: middle;
  top: 5px;
  height: 25px;
  cursor: pointer;
  border-radius: 5px;
  background: #a99c73;
  left: 50%;
  margin-left: 340px;
  font-size: 15em;
  position: absolute;
  transition: background 0.3s;
}
.fiche-personnage .fiche-container .preview-fiche:hover {
  background: #d7c696;
}
.fiche-personnage .fiche-container .return-to-edit {
  width: 220px;
  line-height: 25px;
  cursor: pointer;
  vertical-align: middle;
  top: 5px;
  font-size: 15em;
  height: 25px;
  border-radius: 5px;
  background: #a99c73;
  left: 50%;
  margin-left: 340px;
  position: absolute;
  transition: background 0.3s;
}
.fiche-personnage .fiche-container .return-to-edit:hover {
  background: #d7c696;
}
.fiche-personnage .fiche-container .post-it {
  width: 180px;
  font-size: 13em;
  color: black;
  top: 40px;
  background: #F2E968;
  position: absolute;
  left: 50%;
  margin-left: 340px;
  box-shadow: 1px 1px 10px black;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s;
  display: none;
}
.fiche-personnage .fiche-container .post-it.show {
  display: block;
}
.fiche-personnage .fiche-container .post-it::after {
  content: 'x';
  font-size: 1.5em;
  color: #383708;
  font-weight: bold;
  position: absolute;
  top: 0px;
  right: 5px;
  cursor: pointer;
  display: block;
}
.fiche-personnage .fiche-container .scroll-column {
  position: absolute;
  left: 50%;
  margin-left: -320px;
  overflow-y: scroll;
  width: 660px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: block;
}
.fiche-personnage .fiche-container .scroll-column .mCSB_container {
  margin-right: 0px;
}
.fiche-personnage .fiche-container .scroll-column .mCSB_scrollTools_vertical {
  right: 13px;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche {
  width: 640px;
  padding-bottom: 30px;
  background: #141414;
  opacity: 0;
  z-index: -1;
  height: 0;
  display: none;
  transition: all 0.1s;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche.show {
  opacity: 1;
  z-index: 201;
  display: block;
  height: auto;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .title {
  font-size: 40em;
  height: 80px;
  display: block;
  font-family: 'Wire One', sans-serif;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container {
  width: 450px;
  display: inline-block;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .valider {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 15em;
  background: #a99c73;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .valider:hover {
  background: #d7c696;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .loading .ajax-loader {
  margin-top: -30px;
  position: absolute;
  left: 375px;
  bottom: 45px;
  z-index: 510;
  opacity: 0.8;
  display: block;
  border-radius: 50%;
  font-size: 20em;
  width: 5px;
  height: 5px;
  box-shadow: 0 -0.4em 0 0 #ffffff, -0.28em -0.28em 0 0 rgba(255, 255, 255, 0.75), -0.4em 0 0 0 rgba(255, 255, 255, 0.5), -0.28em 0.28em 0 0 rgba(255, 255, 255, 0.25);
  -webkit-animation: 0.5s ajax-loader-rotate steps(8) infinite;
  -moz-animation: 0.5s ajax-loader-rotate steps(8) infinite;
  animation: 0.5s ajax-loader-rotate steps(8) infinite;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field {
  width: 450px;
  margin-bottom: 18px;
  color: white;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .label {
  font-size: 13em;
  width: 75px;
  padding-left: 1px;
  height: 20px;
  padding-right: 2px;
  margin-top: 3px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #050505;
  text-align: center;
  position: absolute;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .form {
  width: 365px;
  padding: 2px;
  height: 20px;
  border-radius: 3px;
  padding-left: 85px;
  color: #ccc;
  padding-right: 2px;
  background: #111;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 1px solid #050505;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .form:focus {
  padding-left: 84px;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 3px;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .form-area {
  width: 365px;
  padding: 2px;
  height: 5em;
  border-radius: 3px;
  padding-left: 85px;
  color: #ccc;
  padding-right: 2px;
  background: #111;
  max-width: 365px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 1px solid #050505;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .form-area.large {
  height: 9em;
}
.fiche-personnage .fiche-container .scroll-column .edit-fiche .edit-perso-container .edit-field .form-area:focus {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 84px;
  padding-right: 3px;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche {
  width: 660px;
  background: #141414;
  opacity: 0;
  z-index: -1;
  height: 0;
  transition: all 0.1s;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche.show {
  opacity: 1;
  height: auto;
  z-index: 201;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .title {
  font-size: 35em;
  font-family: 'Wire One', sans-serif;
  margin-bottom: 20px;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .content-fiche {
  width: 480px;
  display: inline-block;
  background: #0c0c0c;
  padding: 35px;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .content-fiche .fiche-field {
  width: 100%;
  display: inline-block;
  margin-bottom: 7px;
  font-size: 13em;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .content-fiche .fiche-field .label {
  color: #ccc;
  margin-right: 5px;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .content-fiche .fiche-field .value {
  font-style: italic;
}
.fiche-personnage .fiche-container .scroll-column .display-fiche .content-fiche .line {
  width: 300px;
  height: 2px;
  background: white;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.perso-profil.show .profil-container {
  z-index: 200;
  opacity: 1;
  right: 0;
  top: 0;
}
.perso-profil .profil-container {
  position: absolute;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  z-index: -1;
  opacity: 0;
  background: #151515;
  right: -200px;
  transition: all 0.4s;
}
.perso-profil .profil-container .close {
  position: absolute;
  left: -35px;
  width: 35px;
  top: 15px;
  cursor: pointer;
  z-index: 1;
  height: 40px;
  border-radius: 5px 0 0 5px;
  background-image: url("/medias/map/ui/right.png");
  background-color: #222;
  transition: all 0.2s;
}
.perso-profil .profil-container .close:hover {
  left: -45px;
  width: 45px;
}
.perso-profil .profil-container .avatar-container {
  background: black;
  width: 200px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  float: left;
  overflow: hidden;
}
.perso-profil .profil-container .content-container {
  width: 600px;
  float: left;
}
.perso-profil .profil-container .content-container .title-bar {
  width: inherit;
  min-height: 70px;
  background: #292929;
  font-size: 27em;
  position: relative;
}
.perso-profil .profil-container .content-container .title-bar .village {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.perso-profil .profil-container .content-container .title-bar .link-contrib {
  position: absolute;
  display: block;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 5px;
  line-height: 45px;
  font-size: 1.5em;
  vertical-align: middle;
  cursor: pointer;
  transition: background 0.3s;
}
.perso-profil .profil-container .content-container .title-bar .char-name {
  display: inline-block;
  width: 100%;
  font-family: 'Wire One';
  font-size: 1.7em;
}
.perso-profil .profil-container .content-container .title-bar .suffixe {
  margin-top: -2px;
  font-style: italic;
  width: 100%;
  font-size: 0.6em;
}
.perso-profil .profil-container .content-container .onglet {
  float: left;
  width: 100%;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche {
  width: 100%;
  background: #101010;
  overflow-y: auto;
  transition: all 0.1s;
  margin-bottom: 10px;
  padding-bottom: 20px;
  opacity: 1;
  z-index: 200;
  box-sizing: border-box;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .mCSB_container {
  margin-right: 0px;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .mCSB_scrollTools_vertical {
  right: -4px;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .title {
  font-size: 35em;
  font-family: 'Wire One', sans-serif;
  margin-bottom: 20px;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .content-fiche {
  background: #101010;
  padding: 20px 40px;
  box-sizing: border-box;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .content-fiche .fiche-field {
  width: 100%;
  display: inline-block;
  margin-bottom: 7px;
  font-size: 12em;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .content-fiche .fiche-field .label {
  margin-right: 5px;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .content-fiche .fiche-field .value {
  font-style: italic;
}
.perso-profil .profil-container .content-container .fiche .fiche-container .display-fiche .content-fiche .line {
  width: 470px;
  height: 2px;
  background: white;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 899px) {
  body .modal-validation-container .modal-validation-bloc {
    max-width: 600px;
    width: calc(100% - 12px);
  }
  body .modal-validation-container .modal-validation-bloc .button-container .button {
    min-width: 140px;
  }
}
.modal-validation-container {
  width: 100%;
  height: 100vh;
  font-size: 12em;
  background: rgba(10, 10, 10, 0.7);
  z-index: -1;
  opacity: 0;
  position: fixed;
  display: flex;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.modal-validation-container.show {
  z-index: 150;
  opacity: 1;
  pointer-events: auto;
}
.modal-validation-container.show .modal-validation-bloc {
  margin-top: -25%;
}
.modal-validation-container .modal-validation-bloc {
  width: 600px;
  padding: 35px;
  transition: all 0.5s;
  border: 1px solid #2c2c2c;
  margin-top: -40%;
  background: #191919;
  box-sizing: border-box;
}
.modal-validation-container .modal-validation-bloc .h1 {
  margin-bottom: 30px;
}
.modal-validation-container .modal-validation-bloc .button-container {
  margin-top: 35px;
  display: flex;
  justify-content: space-around;
}
.modal-validation-container .modal-validation-bloc .button-container .button {
  padding: 10px;
  cursor: pointer;
  flex: 1 1 auto;
  max-width: 45%;
  min-width: 200px;
  font-size: 1.3em;
}
.modal-validation-container .modal-validation-bloc .button-container .button.cancel {
  background: #222;
}
.modal-validation-container .modal-validation-bloc .button-container .button.cancel:hover {
  background: #2c2c2c;
}
.player {
  width: 100%;
  display: flex;
  height: 100%;
  padding: 5px;
  padding-bottom: 0;
  box-sizing: border-box;
  flex-direction: column;
  position: relative;
}
.player:after {
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  content: 'Chargement...';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(10, 10, 10, 0.7);
}
.player.loading:after {
  pointer-events: auto;
  opacity: 1;
}
.player a {
  text-decoration: none;
}
.player__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
}
.player__miniature {
  width: 100px;
  height: 100px;
  margin: 5px;
  background: black;
}
.player__controls {
  width: auto;
  align-items: center;
  max-width: calc(100% - 110px);
}
.player__controls .control-inner .upperline {
  margin-bottom: 3px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.player__controls .control-inner .upperline .mini-ctrl-bt {
  opacity: 1;
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
}
.player__controls .control-inner .upperline .mini-ctrl-bt.false {
  opacity: 0.5;
}
.player__controls .control-inner .lowerline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.player__controls .control-inner .lowerline .previous {
  width: 15px;
  height: 15px;
  background: url('/medias/player/previous.png');
  background-size: 15px 15px;
  opacity: 0.7;
  margin-left: 2px;
}
.player__controls .control-inner .lowerline .previous:hover.true {
  opacity: 1;
}
.player__controls .control-inner .lowerline .previous.false {
  opacity: 0.3;
  cursor: default;
}
.player__controls .control-inner .lowerline .next {
  width: 15px;
  height: 15px;
  background: url('/medias/player/next.png');
  background-size: 15px 15px;
  opacity: 0.7;
  margin-right: 2px;
}
.player__controls .control-inner .lowerline .next:hover.true {
  opacity: 1;
}
.player__controls .control-inner .lowerline .next.false {
  opacity: 0.3;
  cursor: default;
}
.player__shuffle {
  background-image: url('/medias/player/shuffle.png');
}
.player__repeat {
  background-image: url('/medias/player/repeat.png');
}
.player__infos {
  user-select: none;
  display: flex;
  margin-top: 4px;
  margin-left: 5px;
  position: relative;
  margin-bottom: 5px;
}
.player__title {
  font-size: 1.25em;
}
.player__time {
  flex: 0 0 auto;
  align-self: flex-end;
}
.player__timer {
  width: 100%;
}
.player .show-playlist {
  margin-top: 6px;
  box-sizing: border-box;
  margin-bottom: 10px;
  transition: all 0.35s;
  font-size: 1.2em;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
}
.player-mini .minip-content-container {
  position: fixed;
  width: 50px;
  height: 50px;
  background: #222;
  left: 20px;
  top: 100px;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 6px;
  text-align: left;
  box-sizing: border-box;
  border: 2px solid #424242;
  transition: width 0.2s, opacity 1s;
}
.player-mini .minip-content-container.play {
  transition: opacity 0.2s, width 0.2s;
}
.player-mini .minip-content-container.pause {
  z-index: -1;
  opacity: 0;
  transition: opacity 3s, z-index 6s, width 0.2s;
  transition-delay: 0.6s;
}
.player-mini .minip-content-container:hover {
  transition: width 0.6s;
  opacity: 1;
  z-index: 10;
}
.player-mini .minip-content-container:hover.play {
  width: 190px;
}
.player-mini .minip-content-container:hover.pause {
  transition: opacity 1s, z-index 6s, width 0.6s;
}
.player-mini .play-control {
  margin-right: 10px;
}
.player-mini .infos {
  font-size: 13em;
  color: white;
}
.player-mini .infos .artist {
  display: block;
  margin-top: top;
  float: none;
}
.player-mini .infos .title {
  display: block;
  font-size: 1.05em;
  float: none;
}
/**
  Volume control
 */
.volume-control__icon {
  width: 20px;
  height: 20px;
  background-image: url('/medias/player/volume-on.png');
  background-size: cover;
}
.volume-control__bar {
  cursor: pointer;
}
.volume-control--big.volume-control__icon {
  width: 25px;
  height: 25px;
}
.volume-control--horizontal {
  display: flex;
  align-items: center;
}
.volume-control--horizontal .volume-control__bar {
  position: relative;
  width: 80px;
  height: 6px;
  margin-left: 4px;
  background: #070707;
  margin-top: 3px;
  border-radius: 3px;
}
.volume-control--horizontal .volume-control__fill {
  height: 6px;
  width: 0px;
  border-radius: 3px;
  position: relative;
  background: #aaa;
}
.volume-control--horizontal .volume-control__fill:after {
  content: '';
  display: block;
  width: 3px;
  margin-top: -2px;
  height: 10px;
  right: 0;
  border-radius: 2px;
  background: white;
  position: absolute;
  z-index: 10;
}
.volume-control--vertical.volume-control--active {
  position: relative;
}
.volume-control--vertical.volume-control--active .volume-control__bar-container {
  position: absolute;
  z-index: 10;
  top: 0px;
  background-color: #2c2c2c;
  padding: 4px;
  left: -15px;
}
.volume-control--vertical.volume-control--active .volume-control__bar {
  position: relative;
  width: 6px;
  height: 45px;
  background: #111;
  border-radius: 3px;
}
.volume-control--vertical.volume-control--active .volume-control__handle {
  width: 10px;
  margin-left: -2px;
  height: 3px;
  border-radius: 2px;
  background: white;
  position: absolute;
  z-index: 10;
}
.volume-control--vertical.volume-control--active .volume-control__fill {
  bottom: 0;
  position: absolute;
  width: 6px;
  height: 3px;
  border-radius: 3px;
  background: #ccc;
}
.volume-control--vertical.volume-control--active .volume-control__fill:after {
  content: '';
  display: block;
  width: 10px;
  margin-left: -2px;
  height: 3px;
  top: 0;
  border-radius: 2px;
  background: white;
  position: absolute;
  z-index: 10;
}
/*
  PLAY CONRTOL
 */
.play-control {
  cursor: pointer;
  width: 22px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-control.paused .icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #FFF;
}
.play-control.playing .icon {
  content: '';
  width: 4px;
  height: 20px;
  display: block;
  border-left: 5.5px solid white;
  border-right: 5.5px solid white;
}
.play-control--big.play-control {
  width: 32px;
  height: 26px;
}
.play-control--big.play-control.paused .icon {
  border-width: 13px 0 13px 18px;
}
.play-control--big.play-control.playing .icon {
  width: 5px;
  height: 26px;
  border-left: 6px solid white;
  border-right: 6px solid white;
}
.song-timer {
  user-select: none;
  flex: 1 1 auto;
  height: 6px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  background: #121212;
}
.song-timer__fill {
  height: 6px;
  border-radius: 3px;
  width: 0;
  position: relative;
}
.song-timer__fill:after {
  content: '';
  display: block;
  user-select: none;
  width: 8px;
  height: 8px;
  position: absolute;
  right: -4px;
  background: white;
  border-radius: 50%;
  margin-top: -1px;
}
.song-timer__fill:after:hover {
  margin-top: -2px;
  margin-left: -1px;
  width: 10px;
  height: 10px;
}
.player__text {
  align-self: flex-end;
  margin-top: 2px;
  flex: 0 1 auto;
  width: 65%;
  text-align: left;
  height: 37px;
  padding-left: 5px;
  padding-bottom: 5px;
}
.player__text .artist {
  opacity: 0.9;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.player__text .artist .plus-icon {
  width: 11px;
  margin-right: 3px;
  height: 11px;
  color: white;
  font-size: 1em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playlist {
  background: #090909;
  height: 0;
  display: flex;
  box-sizing: border-box;
  opacity: 0;
  position: relative;
  transition: all 0.65s;
  overflow: hidden;
}
.playlist.show {
  opacity: 1;
  border: 1px solid #191919;
  margin-bottom: 5px;
  display: block;
  height: 60vh;
}
.playlist__scroller {
  height: 100%;
  right: -25px;
  left: 0;
  position: absolute;
  overflow-y: scroll;
}
.playlist__item {
  box-sizing: border-box;
  text-align: left;
  transition: all 0.15s;
  margin-bottom: 1px;
  display: flex;
  transition-delay: 0s;
}
.playlist__item .village {
  width: 30px;
  height: 30px;
  margin-top: 7.5px;
  background: url('/medias/common/mini-global.png');
  background-size: 100% 100%;
}
.playlist__item .village.anar {
  background: url('/medias/common/mini-anar.png');
  background-size: 100% 100%;
}
.playlist__item .village.wilwar {
  background: url('/medias/common/mini-wilwar.png');
  background-size: 100% 100%;
}
.playlist__item .village.sulimo {
  background: url('/medias/common/mini-sulimo.png');
  background-size: 100% 100%;
}
.playlist__item .village.ulmo {
  background: url('/medias/common/mini-ulmo.png');
  background-size: 100% 100%;
}
.playlist__item .info {
  height: 45px;
  width: 60%;
}
.playlist__item .info .long-title-wrap {
  min-width: 140px;
  margin-top: 4px;
  font-size: 1.15em;
  display: block;
  margin-top: 6px;
  overflow: hidden;
}
.playlist__item .info .long-title-wrap .title {
  display: inline-block;
  white-space: nowrap;
}
.playlist__item .info .artiste {
  display: block;
  font-size: 0.8em;
  width: 80px;
  color: #bbb;
  margin-top: -1px;
}
.playlist__item .length {
  float: right;
  height: 45px;
  width: 45px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
}
.playlist__item.select {
  background: #a99c73;
  transition: all 0.15s;
  transition-delay: 0.15s;
}
.playlist__item .play {
  width: 30px;
  height: 30px;
  margin-top: 7.5px;
  opacity: 0.7;
  float: right;
  transition: all 0.2s;
  background: url('/medias/player/play-big.png');
  background-size: 100% 100%;
}
.playlist__item .play:hover {
  opacity: 1;
}
.playlist__item .fav {
  width: 23px;
  height: 23px;
  margin-top: 12px;
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  background: url('/medias/article/fav-off.png');
  background-size: 100% 100%;
}
.playlist__item .fav:hover {
  background: url('/medias/article/fav-hover.png');
  background-size: 100% 100%;
}
.playlist__item .fav:hover.active {
  background: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.playlist__item .fav.active {
  background: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.no_access_container {
  width: 650px;
  height: 300px;
  position: absolute;
  left: 50%;
  margin-left: -325px;
}
.no_access_container .avatar {
  width: 200px;
  height: 200px;
  float: left;
}
.no_access_container .info {
  float: left;
  width: 380px;
  text-indent: 2px;
  padding-left: 10px;
  margin-top: 60px;
  text-align: left;
  font-size: 14em;
  height: 40px;
  color: #fff;
}
.no_access_container .info a {
  margin-left: 10px;
  transition: color 0.3s;
  color: #d9b76f;
}
.no_access_container .info a:hover {
  text-decoration: underline;
}
.overlay-messages {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 14em;
  z-index: 499;
  background-color: rgba(10, 10, 10, 0.8);
  transition: opacity 0.3s;
  text-align: justify;
  overflow-y: auto;
}
.overlay-messages.hidden {
  pointer-events: none;
  opacity: 0;
}
.overlay-messages__close {
  position: absolute;
  right: 20px;
  top: 15px;
  line-height: 1;
  font-size: 2em;
  cursor: pointer;
  font-weight: bold;
}
.overlay-messages .content-type {
  position: relative;
  padding: 10px 40px;
}
.overlay-messages__banner {
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.overlay-messages__banner.halloween {
  height: 70px;
  background-image: url('/medias/events/halloween/pumpkins.png');
}
.overlay-messages__content {
  position: relative;
  width: 80%;
  margin: 0 auto;
  margin-top: 5vh;
  background-color: #191919;
  overflow: hidden;
  border-radius: 50% 50% 0 0 / 20% 20% 0 0;
  border: 3px solid;
  max-width: 600px;
  min-width: 500px;
}
.overlay-messages__content .video__container {
  overflow: hidden;
  width: 100%;
  height: 280px;
}
.overlay-messages__content h1,
.overlay-messages__content h2 {
  text-align: center;
}
.overlay-messages__content h1 {
  font-size: 2.6em;
  font-family: 'Open Sans Condensed', sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bolder;
  margin-bottom: 25px;
}
.overlay-messages__content h3 {
  text-align: center;
  font-size: 1.3em;
  font-style: italic;
}
.overlay-messages__content h2 {
  font-size: 2.8em;
  font-family: 'Wire One', sans-serif;
  margin-bottom: 25px;
  line-height: 1;
}
.overlay-messages__content p {
  margin-bottom: 15px;
}
.overlay-messages__content ul {
  margin-bottom: 1em;
  padding-left: 1em;
}
.overlay-messages__content li {
  list-style: circle;
  margin-bottom: 0.2em;
}
.ulmo .overlay-messages__content {
  border-color: #11aba6;
}
@keyframes flag {
  0% {
    height: 0;
  }
  100% {
    height: 35px;
  }
}
@keyframes number {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pop-unit:nth-child(1n) .pop-info {
  animation-delay: 0.1s !important;
}
.pop-unit:nth-child(1n) .pop-info .number {
  animation-delay: 0.45s !important;
}
.pop-unit:nth-child(2n) .pop-info {
  animation-delay: 0.2s !important;
}
.pop-unit:nth-child(2n) .pop-info .number {
  animation-delay: 0.55s !important;
}
.pop-unit:nth-child(3n) .pop-info {
  animation-delay: 0.3s !important;
}
.pop-unit:nth-child(3n) .pop-info .number {
  animation-delay: 0.65s !important;
}
.pop-unit:nth-child(4n) .pop-info {
  animation-delay: 0.4s !important;
}
.pop-unit:nth-child(4n) .pop-info .number {
  animation-delay: 0.75s !important;
}
.pop-unit:nth-child(5n) .pop-info {
  animation-delay: 0.5s !important;
}
.pop-unit:nth-child(5n) .pop-info .number {
  animation-delay: 0.85s !important;
}
.pop-info {
  width: 48px;
  height: 35px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: flag 0.4s backwards;
}
.pop-info .number {
  transform: translateY(5px);
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  animation: number 0.4s backwards;
}
.pop-info__triangle {
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  border-top: 22px solid #a99c73;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
}
.pop-info__triangle.anar {
  border-top-color: #e3370d;
}
.pop-info__triangle.wilwar {
  border-top-color: #9fa70a;
}
.pop-info__triangle.sulimo {
  border-top-color: #e88400;
}
.pop-info__triangle.ulmo {
  border-top-color: #11aba6;
}
@container pop-sidebar (max-width: 300px) {
  .pop-info {
    width: 40px;
  }
  .pop-info .number {
    font-size: 1.5em;
  }
  .pop-info__triangle {
    display: block;
    height: 0;
    width: 0;
    border-top: 19px solid #a99c73;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
  }
}
@container pop-sidebar (max-width: 250px) {
  .pop-info {
    width: 32px;
  }
  .pop-info .number {
    font-size: 1.3em;
  }
  .pop-info__triangle {
    display: block;
    height: 0;
    width: 0;
    border-top: 15px solid #a99c73;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
  }
}
.profile-container .my-profile-container {
  background: #222;
  display: flex;
  justify-content: flex-end;
  padding: 9px 6px;
}
.profile-container .my-profile-container .profile-icon {
  width: 30px;
  margin: 0 5px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
}
.profile-container .my-profile-container .profile-icon.parameters {
  background-image: url("/medias/common/mobile_icon_parametres.png");
}
.profile-container .my-profile-container .profile-icon.disconnect {
  background-image: url("/medias/common/mobile_icon_deconnexion.png");
}
.profile-container .fiche-selection {
  background: #191919;
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.profile-container .fiche-selection .onglet {
  margin-right: 1px;
  height: inherit;
  cursor: pointer;
  margin-left: 1px;
  padding: 2px 35px 2px 35px;
  font-size: 2.9em;
  font-family: 'Wire One', sans-serif;
  text-align: left;
}
.profile-container .fiche-selection .onglet:not(.active) {
  background: #333;
}
.profile-container .fiche-selection .onglet.active {
  flex: 1 1 auto;
  padding: 2px 15px 2px 15px;
}
.profile-container .fiche-selection .onglet.active:not(.without-triangle):before {
  width: 40px;
  height: 25px;
  content: '';
  display: block;
  fill: #11aba6;
  margin-top: 33px;
  margin-left: -3px;
  position: absolute;
  z-index: 5;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"> <path fill="#a99c73" d="M0,0 40,0 20,25"></path></svg>');
}
.profile-container .fiche-selection .onglet.active.ulmo:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"> <path fill="rgb(17, 171, 166)" d="M0,0 40,0 20,25"></path></svg>');
}
.profile-container .fiche-selection .onglet.active.anar:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"> <path fill="rgb(227, 55, 13)" d="M0,0 40,0 20,25"></path></svg>');
}
.profile-container .fiche-selection .onglet.active.sulimo:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"> <path fill="rgb(232, 132, 0)" d="M0,0 40,0 20,25"></path></svg>');
}
.profile-container .fiche-selection .onglet.active.wilwar:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"> <path fill="rgb(159, 167, 10)" d="M0,0 40,0 20,25"></path></svg>');
}
prop-message {
  display: block;
  background-color: rgba(10, 10, 10, 0.7);
  position: absolute;
  font-size: 14em;
  min-width: 170px;
  z-index: 35;
  border-radius: 6px;
  padding: 6px;
  transform: translate(-50%, -100%);
  margin-top: -10px;
}
.select-members-container {
  position: relative;
}
.select-members-container .search-list {
  width: 90%;
  position: absolute;
  top: 35px;
  margin-left: 5%;
  z-index: 1000;
  background: #121212;
}
.select-members-container .search-list .user {
  background: #222;
  margin-bottom: 2px;
  padding: 1px;
  font-size: 1.1em;
  transition: background 0.25s;
  color: #a99c73;
}
.select-members-container .search-list .user.anar {
  color: #e3370d;
}
.select-members-container .search-list .user.wilwar {
  color: #9fa70a;
}
.select-members-container .search-list .user.sulimo {
  color: #e88400;
}
.select-members-container .search-list .user.ulmo {
  color: #11aba6;
}
.select-members-container .search-list .user:hover {
  cursor: pointer;
  background: #2c2c2c;
}
.select-members-container .invite-list {
  text-align: left;
  margin-top: 5px;
}
.select-members-container .invite-list .invitee {
  padding: 1px;
  font-size: 1.1em;
  padding-left: 20px;
  padding-right: 12px;
  width: auto;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.select-members-container .invite-list .invitee .remove {
  font-size: 1.5em;
  left: 5px;
  line-height: 1em;
  cursor: pointer;
  position: absolute;
  transform: rotate(45deg);
  margin-right: 5px;
}
.select-members-container .invite-list .invitee div {
  display: inline-block;
}
file-field input[type="file"] {
  position: fixed;
  top: -100px;
}
file-field .drag-drop-zone {
  width: 150px;
  height: 120px;
  border: 3px dashed #666;
  color: #666;
  display: flex;
  word-break: break-word;
  align-items: center;
  justify-content: center;
  font-style: italic;
  font-size: 1.2em;
  margin-bottom: 12px;
}
file-field .drag-drop-zone > * {
  pointer-events: none;
}
file-field .drag-drop-zone.dragging {
  cursor: grab;
  border-color: white;
}
file-field .drag-drop-zone .file-name {
  color: white;
}
@media (max-width: 899px) {
  body file-field {
    margin-bottom: 9px;
  }
  body file-field .drag-drop-zone {
    width: 100%;
  }
}
village-location {
  position: absolute;
  z-index: 20;
  transition: all 0.5s;
  font-size: 12em;
  border-radius: 20px;
}
village-location.no-creations .loca-geo__label-element--creation,
village-location.no-creations .loca-geo__label-element--roleplay {
  display: none;
}
village-location > * {
  pointer-events: none;
}
.loca-geo {
  border-radius: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  transition: background-color 0.2s;
}
.loca-geo__open {
  background-color: rgba(255, 255, 255, 0.07);
}
.loca-geo__open .loca-geo__cursor {
  margin-top: -78px;
}
.loca-geo__open .hot {
  top: 0;
}
.loca-geo__open .label-container {
  margin-top: -115px;
  opacity: 1;
  transition: all 0.4s ease-out;
  transition-delay: 0.15s;
}
.loca-geo .label-container {
  position: relative;
  right: 50%;
  margin-top: -80px;
  opacity: 0;
  transition: all 0.3s ease-in;
  pointer-events: none;
  transition-delay: 0.1s;
  text-align: center;
}
.loca-geo .label {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  font-size: 22em;
  color: #fff;
  padding: 1px 20px;
  margin-right: -100%;
  border-radius: 17px;
  background: rgba(0, 0, 0, 0.3);
  font-family: 'Open Sans Condensed', sans-serif;
}
.loca-geo__cursor {
  position: absolute;
  left: 50%;
  width: 48px;
  z-index: 21;
  margin-left: -24px;
  height: 72px;
  margin-top: -60px;
  transition: margin-top 0.2s ease-out;
}
.loca-geo__cursor.sulimo {
  background-image: url(/medias/map/ui/curseur_sulimo.png);
}
.loca-geo__cursor.ulmo {
  background-image: url(/medias/map/ui/curseur_ulmo.png);
}
.loca-geo__cursor.wilwar {
  background-image: url(/medias/map/ui/curseur_wilwar.png);
}
.loca-geo__cursor.anar {
  background-image: url(/medias/map/ui/curseur_anar.png);
}
.loca-geo__event-cursor {
  position: absolute;
  left: 50%;
  width: 38px;
  z-index: 21;
  margin-left: -19px;
  height: 46px;
  background-repeat: no-repeat;
  margin-top: -51px;
  transition: margin-top 0.2s ease-out;
}
.loca-geo__event-cursor.sulimo {
  background-image: url(/medias/map/ui/exclamation_icon_sulimo.png);
}
.loca-geo__event-cursor.ulmo {
  background-image: url(/medias/map/ui/exclamation_icon_ulmo.png);
}
.loca-geo__event-cursor.wilwar {
  background-image: url(/medias/map/ui/exclamation_icon_wilwar.png);
}
.loca-geo__event-cursor.anar {
  background-image: url(/medias/map/ui/exclamation_icon_anar.png);
}
.loca-geo .hot-notification {
  margin-left: -29px;
  transition: top 0.2s ease-out;
  top: -40px;
  position: absolute;
  z-index: 21;
  display: none;
}
.loca-geo .hot-notification.active {
  display: inline-block;
}
.loca-geo .hot-notification--roleplay {
  top: -60px;
}
.loca-geo__cursor {
  position: absolute;
  left: 50%;
  width: 48px;
  z-index: 21;
  margin-left: -24px;
  height: 72px;
  pointer-events: auto;
  margin-top: -60px;
  transition: margin-top 0.2s ease-out;
}
.loca-geo__cursor.ulmo {
  background: url('/medias/map/ui/curseur_ulmo.png');
}
.loca-geo__cursor.wilwar {
  background: url('/medias/map/ui/curseur_wilwar.png');
}
.loca-geo__cursor.sulimo {
  background: url('/medias/map/ui/curseur_sulimo.png');
}
.loca-geo__cursor.anar {
  background: url('/medias/map/ui/curseur_anar.png');
}
.loca-geo__label-list {
  position: relative;
  bottom: 150px;
  opacity: 0;
  height: 120px;
  width: 150px;
  transform: translateX(-50%);
  left: 50%;
  transition: all 0.3s ease-in;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.loca-geo__label-element {
  pointer-events: none;
  margin-top: 10px;
  line-height: 1.2em;
  transition-delay: 0.1s;
  text-align: center;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 17px;
  background: rgba(0, 0, 0, 0.5);
}
.loca-geo__label-element .info-text {
  padding: 0;
  margin: 0;
}
.loca-geo__label-element h3 {
  font-weight: 400;
  text-align: center;
  font-size: 1.8em;
  font-family: 'Open Sans Condensed', sans-serif;
}
.loca-geo__label-element h4 {
  font-size: 1.4em;
  font-family: 'Open Sans Condensed', sans-serif;
}
.loca-geo__open {
  background: rgba(255, 255, 255, 0.07);
}
.loca-geo__open .loca-geo__cursor {
  margin-top: -78px;
}
.loca-geo__open .loca-geo__label-list {
  bottom: 200px;
  opacity: 1;
  transition: all 0.4s ease-out;
  transition-delay: 0.15s;
}
.loca-geo .loca-geo__cursor {
  position: absolute;
  left: 50%;
  width: 48px;
  z-index: 21;
  margin-left: -24px;
  height: 72px;
  margin-top: -60px;
  transition: margin-top 0.2s ease-out;
}
.loca-geo .loca-geo__cursor.ulmo {
  background: url(/medias/map/ui/curseur_ulmo.png);
}
.loca-geo .loca-geo__cursor.wilwar {
  background: url(/medias/map/ui/curseur_wilwar.png);
}
.loca-geo .loca-geo__cursor.sulimo {
  background: url(/medias/map/ui/curseur_sulimo.png);
}
.loca-geo .loca-geo__cursor.anar {
  background: url(/medias/map/ui/curseur_anar.png);
}
.loca-geo__event-cursor {
  position: absolute;
  left: 50%;
  width: 38px;
  z-index: 21;
  margin-left: -19px;
  height: 46px;
  background-repeat: no-repeat;
  margin-top: -51px;
  transition: margin-top 0.2s ease-out;
}
.loca-geo__event-cursor.sulimo {
  background-image: url(/medias/map/ui/exclamation_icon_sulimo.png);
}
.loca-geo__event-cursor.ulmo {
  background-image: url(/medias/map/ui/exclamation_icon_ulmo.png);
}
.loca-geo__event-cursor.wilwar {
  background-image: url(/medias/map/ui/exclamation_icon_wilwar.png);
}
.loca-geo__event-cursor.anar {
  background-image: url(/medias/map/ui/exclamation_icon_anar.png);
}
.loca-geo .label-container {
  position: relative;
  right: 50%;
  margin-top: -80px;
  opacity: 0;
  transition: all 0.3s ease-in;
  pointer-events: none;
  transition-delay: 0.1s;
  text-align: center;
}
.loca-geo.barrage-ulmo .label-container,
.loca-geo.coquelicot-wilwar .label-container,
.loca-geo.domaine_sulimo .label-container,
.loca-geo.pote_au_feu .label-container,
.loca-geo.domaine_wilwar .label-container,
.loca-geo.eau_peine_bar-ulmo .label-container,
.loca-geo.taverne-sulimo .label-container {
  margin-top: -80px;
}
.loca-geo.barrage-ulmo .loca-geo__cursor,
.loca-geo.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.pote_au_feu .loca-geo__cursor,
.loca-geo.domaine_sulimo .loca-geo__cursor,
.loca-geo.domaine_wilwar .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.taverne-sulimo .loca-geo__cursor {
  width: 64px;
  height: 96px;
  margin-left: -32px;
  margin-top: -92px;
  z-index: 1;
}
.loca-geo.barrage-ulmo.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.domaine_sulimo.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.domaine_wilwar.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.eau_peine_bar-ulmo .loca-geo__cursor,
.loca-geo.taverne-sulimo.eau_peine_bar-ulmo .loca-geo__cursor {
  background: url(/medias/map/custom_geoloc/tchat_ulmo.png);
  background-size: 100% 100%;
}
.loca-geo.barrage-ulmo.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.domaine_sulimo.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.domaine_wilwar.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.coquelicot-wilwar .loca-geo__cursor,
.loca-geo.taverne-sulimo.coquelicot-wilwar .loca-geo__cursor {
  background: url(/medias/map/custom_geoloc/tchat_wilwar.png);
  background-size: 100% 100%;
}
.constellations .loca-geo .loca-geo__cursor {
  background-image: url('/medias/map/custom_geoloc/special_constellations.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  width: 48px;
  z-index: 21;
  margin-left: -24px;
  height: 72px;
  margin-top: -60px;
}
.grand_dojo .loca-geo .loca-geo__cursor {
  background-image: url('/medias/map/custom_geoloc/special_dojo.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  width: 48px;
  z-index: 21;
  margin-left: -24px;
  height: 72px;
  margin-top: -60px;
}
.loca-geo.barrage-ulmo.taverne-sulimo .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.taverne-sulimo .loca-geo__cursor,
.loca-geo.domaine_sulimo.taverne-sulimo .loca-geo__cursor,
.loca-geo.domaine_wilwar.taverne-sulimo .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.taverne-sulimo .loca-geo__cursor,
.loca-geo.taverne-sulimo.taverne-sulimo .loca-geo__cursor {
  background-image: url(/medias/map/custom_geoloc/tchat_sulimo.png);
}
.loca-geo.barrage-ulmo.domaine_sulimo .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.domaine_sulimo .loca-geo__cursor,
.loca-geo.domaine_sulimo.domaine_sulimo .loca-geo__cursor,
.loca-geo.domaine_wilwar.domaine_sulimo .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.domaine_sulimo .loca-geo__cursor,
.loca-geo.taverne-sulimo.domaine_sulimo .loca-geo__cursor {
  background-image: url(/medias/map/custom_geoloc/geoloc_domaine_sulimo.png);
}
.loca-geo.barrage-ulmo.domaine_wilwar .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.domaine_wilwar .loca-geo__cursor,
.loca-geo.domaine_sulimo.domaine_wilwar .loca-geo__cursor,
.loca-geo.domaine_wilwar.domaine_wilwar .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.domaine_wilwar .loca-geo__cursor,
.loca-geo.taverne-sulimo.domaine_wilwar .loca-geo__cursor {
  background-image: url(/medias/map/custom_geoloc/geoloc_domaine_wilwar.png);
}
.loca-geo.barrage-ulmo.barrage-ulmo .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.barrage-ulmo .loca-geo__cursor,
.loca-geo.domaine_sulimo.barrage-ulmo .loca-geo__cursor,
.loca-geo.domaine_wilwar.barrage-ulmo .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.barrage-ulmo .loca-geo__cursor,
.loca-geo.taverne-sulimo.barrage-ulmo .loca-geo__cursor {
  background-image: url(/medias/map/custom_geoloc/geoloc_domaine_ulmo.png);
}
.loca-geo.pote_au_feu .loca-geo__cursor {
  background-image: url(/medias/map/custom_geoloc/tchat_anar.png);
}
.loca-geo.barrage-ulmo.loca-geo__open .loca-geo__cursor,
.loca-geo.coquelicot-wilwar.loca-geo__open .loca-geo__cursor,
.loca-geo.pote_au_feu.loca-geo__open .loca-geo__cursor,
.loca-geo.domaine_sulimo.loca-geo__open .loca-geo__cursor,
.loca-geo.pote_au_feu.loca-geo__open .loca-geo__cursor,
.loca-geo.domaine_wilwar.loca-geo__open .loca-geo__cursor,
.loca-geo.eau_peine_bar-ulmo.loca-geo__open .loca-geo__cursor,
.loca-geo.taverne-sulimo.loca-geo__open .loca-geo__cursor {
  margin-top: -107px;
}
.loca-geo.loca-geo__open {
  background: rgba(255, 255, 255, 0.07);
}
.loca-geo.loca-geo__open .loca-geo__cursor {
  margin-top: -78px;
}
.loca-geo.loca-geo__open .hot {
  top: 0;
}
.loca-geo.loca-geo__open .label-container {
  margin-top: -115px;
  opacity: 1;
  transition: all 0.4s ease-out;
  transition-delay: 0.15s;
}
.loca-geo.loca-geo__open.barrage-ulmo .label-container,
.loca-geo.loca-geo__open.coquelicot-wilwar .label-container,
.loca-geo.loca-geo__open.domaine_sulimo .label-container,
.loca-geo.loca-geo__open.domaine_wilwar .label-container,
.loca-geo.loca-geo__open.eau_peine_bar-ulmo .label-container,
.loca-geo.loca-geo__open.taverne-sulimo .label-container {
  margin-top: -135px;
}
.admin-category {
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.admin-category h1,
.admin-category h2,
.admin-category h3 {
  font-family: 'Wire One', sans-serif;
}
.admin-category h1 {
  font-size: 4em;
}
.admin-category h2 {
  cursor: pointer;
  font-size: 3em;
}
.admin-category h2:after {
  content: '';
  display: block;
  height: 1px;
  background: #191919;
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(calc(-50% + 150px));
}
.admin-category h2:before {
  content: "►";
  display: block;
  position: absolute;
  left: 600px;
}
.admin-category h2.is-open {
  font-weight: 700;
}
.admin-category h2.is-open:before {
  content: "▼";
}
.admin-category h3 {
  font-size: 2.5em;
}
.admin-dialogue__element {
  padding: 15px;
  background-color: #222;
  display: flex;
  margin-bottom: 2px;
  align-items: center;
}
.admin-dialogue__deplier {
  font-size: 2.2em;
  transform: scaleX(1.8);
  cursor: pointer;
  padding: 10px;
}
.admin-dialogue__display {
  display: flex;
  flex: 1;
}
.admin-dialogue__display-infos {
  flex: 1;
}
.admin-dialogue__display-infos .info-unit {
  display: flex;
  margin-bottom: 5px;
}
.admin-dialogue__display-infos .info-unit .label {
  margin-right: 1em;
}
.admin-dialogue__edit {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.admin-dialogue__reponses {
  padding: 10px 10px 10px 25px;
  background-color: #191919;
}
.admin-reponse__element {
  padding: 10px;
  margin-bottom: 1px;
  background-color: #2c2c2c;
  flex: 1;
  display: flex;
}
.annonce-create h1 {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Wire One';
  font-size: 4em;
  position: relative;
  padding: 10px;
}
.annonce-create h1 a {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 10px;
  top: 20px;
  transform: rotate(270deg);
  background-image: url(/medias/home/arrow-up.png);
  padding-left: 0;
  transition: left 0.3s;
}
.annonce-create h1 a:hover {
  left: 15px;
}
.annonce-create .info {
  padding: 20px;
  background: #121212;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
  width: 90%;
  margin-top: 25px;
  margin-bottom: 20px;
}
.annonce-create form {
  text-align: center;
  margin: auto;
  padding: 5px 20px;
}
.annonce-create form .location--field {
  display: block;
}
.annonce-create form .button {
  display: inline-block;
  width: 50%;
  margin-top: 20px;
  padding: 8px 5px;
  font-size: 1.6em;
}
.annonce-create form .location-list {
  display: none;
  transition: display 0.5s;
  transition-delay: 0.35s;
}
.annonce-create form .location-list .location-unit {
  background-color: #222;
  height: 35px;
  display: flex;
  background-repeat: repeat-y, no-repeat;
  background-size: 100% 100%, 55%;
  background-origin: 0 0, 100% 100%;
  background-position: 0 0, right 90%;
  box-sizing: border-box;
}
.annonce-create form .location-list .location-unit.sulimo.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/village_on.jpg');
}
.annonce-create form .location-list .location-unit.sulimo.falaise {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/falaise_on.jpg');
}
.annonce-create form .location-list .location-unit.sulimo.forêt {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/forêt_on.jpg');
}
.annonce-create form .location-list .location-unit.sulimo.marais {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/marais_on.jpg');
}
.annonce-create form .location-list .location-unit.ulmo.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/village_on.jpg');
}
.annonce-create form .location-list .location-unit.ulmo.mer {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/mer_on.jpg');
}
.annonce-create form .location-list .location-unit.ulmo.lac {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/lac_on.jpg');
}
.annonce-create form .location-list .location-unit.ulmo.prairie {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/prairie_on.jpg');
}
.annonce-create form .location-list .location-unit.wilwar.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/village_on.jpg');
}
.annonce-create form .location-list .location-unit.wilwar.champs {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/champs_on.jpg');
}
.annonce-create form .location-list .location-unit.wilwar.bois {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/bois_on.jpg');
}
.annonce-create form .location-list .location-unit.wilwar.rivière {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/rivière_on.jpg');
}
.annonce-create form .location-list .location-unit.anar.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/village_on.jpg');
}
.annonce-create form .location-list .location-unit.anar.montagne {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/montagne_on.jpg');
}
.annonce-create form .location-list .location-unit.anar.collines {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/collines_on.jpg');
}
.annonce-create form .location-list .location-unit.anar.souterrains {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/souterrains_on.jpg');
}
.annonce-create form .location-list .location-unit:hover {
  background-color: #2c2c2c;
  cursor: pointer;
}
.annonce-create form .location-list .location-unit .village {
  margin: 0 10px;
  text-transform: capitalize;
  font-style: italic;
}
.annonce-create form .location-list .location-unit .village.anar {
  color: #e3370d;
}
.annonce-create form .location-list .location-unit .village.ulmo {
  color: #11aba6;
}
.annonce-create form .location-list .location-unit .village.sulimo {
  color: #e88400;
}
.annonce-create form .location-list .location-unit .village.wilwar {
  color: #9fa70a;
}
.annonce-create form .location-list .location-unit .lieu {
  font-size: 1.2em;
  text-transform: capitalize;
}
.annonce-create form .location-list.show {
  display: block;
  transition: none;
  max-height: 200px;
  overflow-y: scroll;
}
.annonce-create .side-column .info-text {
  margin: 10px;
  padding: 10px;
  text-align: left;
  background: #121212;
}
.annonce-main .main-column {
  padding-bottom: 50px;
}
.annonce-main .header {
  width: 100%;
  height: 220px;
  background-image: url('/medias/annonce_illus.jpg');
  background-size: cover;
  display: flex;
  position: relative;
  align-items: center;
  text-align: center;
  align-content: center;
}
.annonce-main .header h1 {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  font-size: 5em;
  height: 100%;
  font-family: 'Wire One';
  text-align: center;
  line-height: 220px;
  vertical-align: middle;
  text-shadow: 0 0 10px black, 0 0 10px black, 0 0 50px black, 0 0 80px black, 0 0 100px black, 0 0 140px black, 0 0 180px black;
}
.annonces-list-container.directive {
  height: 100%;
}
.annonces-list-container.directive ul {
  max-height: 95%;
  overflow-y: auto;
}
.annonces-list-container .element {
  padding: 8px 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.annonces-list-container .element.fond-village .info-text {
  color: #CCC;
}
.annonces-list-container .element .info-text {
  margin: 0;
  padding: 0;
}
.annonces-list-container .element:hover:not(.fond-village) {
  background: #2c2c2c;
}
.annonces-list-container .element .participating {
  width: 20%;
  text-align: center;
}
.annonces-list-container .element .participating .full {
  color: #e3370d;
}
.annonces-list-container .element a {
  width: 65%;
  border-left: 2px solid rgba(255, 255, 255, 0.78);
  padding: 0;
  padding-left: 3%;
}
.annonces-list-container .element .starting-date {
  width: 15%;
  text-align: center;
}
.annonces-list-container .create-button {
  display: block;
  font-size: 1.3em;
  padding: 4px;
  position: relative;
}
.annonces-list-container .create-button.main {
  font-size: 2em;
}
.annonces-list-container .create-button.main:before {
  content: '+';
  font-size: 1.8em;
  position: absolute;
  vertical-align: centered;
  left: 30%;
  top: -0.22em;
}
.annonce-detail-container .edit-bt {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 20px;
  padding: 5px;
  top: 15px;
  transition: all 0.25s;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
}
.annonce-detail-container .edit-bt:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.05, 1.05);
  width: 35px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.annonce-detail-container .edit-bt:hover:before {
  margin-left: 0;
}
.annonce-detail-container .edit-bt::before {
  display: block;
  width: 100%;
  margin-left: 0px;
  height: 100%;
  transition: all 0.2s;
  content: '';
  background: url('/medias/common/edit.png');
  background-size: 100% 100%;
}
.annonce-detail-container h1 {
  margin-top: 2px;
  padding: 10px;
  font-family: 'Wire One';
  font-size: 4em;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
.annonce-detail-container h1 .link-back {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 10px;
  top: 20px;
  transform: rotate(270deg);
  background-image: url(/medias/home/arrow-up.png);
  padding-left: 0;
  transition: left 0.3s;
}
.annonce-detail-container h1 .link-back:hover {
  left: 15px;
}
.annonce-detail-container .button {
  padding: 5px;
}
.annonce-detail-container .main-column .panel {
  border: 1px solid #2c2c2c;
  width: 98%;
  background: #222;
  padding: 15px 25px 15px 25px;
  margin: auto;
  box-sizing: border-box;
  text-align: center;
  display: flex;
}
.annonce-detail-container .main-column .panel .left {
  padding-right: 25px;
  max-width: 150px;
}
.annonce-detail-container .main-column .panel .left .circle-avatar {
  display: inline-block;
  text-align: center;
}
.annonce-detail-container .main-column .panel .left .circle-avatar:after {
  content: '';
  clear: both;
}
.annonce-detail-container .main-column .panel .left .owner {
  font-size: 1.1em;
}
.annonce-detail-container .main-column .panel .left .owner .pseudo {
  font-size: 1.3em;
  margin-top: 5px;
}
.annonce-detail-container .main-column .panel .right {
  flex: 1 1 auto;
  text-align: left;
}
.annonce-detail-container .main-column .panel .right .big {
  font-size: 2.5em;
  font-family: 'Wire One';
}
.annonce-detail-container .main-column .panel .right h2 {
  font-size: 3em;
  font-family: 'Wire One';
}
.annonce-detail-container .main-column .panel .right .description {
  background: #191919;
  border: 1px solid #121212;
  padding: 15px;
  margin: 10px 0 10px;
}
.annonce-detail-container .side-column h3 {
  margin: 10px;
  font-family: 'Wire One';
  font-size: 2.6em;
}
.annonce-detail-container .side-column .button {
  font-size: 1.2em;
  margin-top: 15px;
}
.annonce-detail-container .side-column .list {
  width: 95%;
  margin: auto;
  position: relative;
  text-align: left;
}
.annonce-detail-container .side-column .list .element {
  vertical-align: middle;
  width: 50%;
  position: relative;
  display: inline-block;
  border-right: 1px solid #191919;
  padding: 4px;
}
.annonce-detail-container .side-column .list .element.big {
  width: 100%;
  order: 0;
}
.annonce-detail-container .side-column .list .element * {
  display: inline-block;
}
.annonce-detail-container .side-column .list .element .name {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 7px;
  font-size: 1.1em;
}
.annonce-detail-container .side-column .list .element .remove {
  position: absolute;
  right: 10px;
  line-height: 40px;
  vertical-align: middle;
  transform: scaleX(1.3);
}
.annonce-detail-container .side-column .list .element .remove:hover {
  color: #ff3d0e;
  cursor: pointer;
}
.univers-hens-container {
  width: 100%;
  background: #141414;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  overflow-y: scroll;
}
.univers-hens-container .scrolling-menu {
  position: fixed;
  left: 50%;
  z-index: 100;
  margin-left: -520px;
  top: 100px;
  width: 120px;
}
.univers-hens-container .scrolling-menu .bt-roll {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: white;
  opacity: 0.7;
  transition: opacity 0.3s, background 0.3s;
  margin-top: 12px;
}
.univers-hens-container .scrolling-menu .bt-roll .label {
  position: absolute;
  width: 100px;
  text-align: right;
  margin-left: -95px;
  font-size: 15em;
  opacity: 0;
}
.univers-hens-container .scrolling-menu .bt-roll.active {
  width: 17px;
  margin-left: -1px;
  height: 17px;
  background: #11aba6;
}
.univers-hens-container .scrolling-menu .bt-roll.active .label {
  transition: all 0.3s;
  margin-left: -105px;
  opacity: 1;
}
.univers-hens-container .scrolling-menu .bt-roll:hover {
  opacity: 1;
}
.univers-hens-container .audio {
  width: 45px;
  height: 45px;
  position: fixed;
  right: 16px;
  cursor: pointer;
  top: 90px;
  z-index: 100;
  background: white;
  opacity: 0.65;
  background: url('/medias/player/volume-off.png');
  background-size: 100% 100%;
  transition: opacity 0.4s;
}
.univers-hens-container .audio:hover {
  opacity: 0.95;
}
.univers-hens-container .audio.active {
  background: url('/medias/player/volume-on.png');
  background-size: 100% 100%;
}
.univers-hens-container #fond-vid {
  background: black;
  width: 100%;
  border-bottom: 4px solid #2a2a2a;
}
.univers-hens-container .text-container {
  width: 100%;
  padding-top: 10px;
  display: inline-block;
}
.univers-hens-container .text-container .title {
  font-size: 45em;
  width: 100%;
  font-family: 'Wire One';
  display: inline-block;
  margin-bottom: 20px;
}
.univers-hens-container .text-container .line {
  background: black;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 60px;
}
.univers-hens-container .text-container .description {
  font-size: 14em;
  width: 100%;
  padding-top: 5px;
  font-size: 13em;
  display: inline-block;
  margin-bottom: 15px;
}
.univers-hens-container .text-container .text {
  text-align: justify;
  text-indent: 15px;
  margin-bottom: 10px;
}
.univers-hens-container .text-container .ul {
  margin-bottom: 15px;
  width: 420px;
  margin-left: 70px;
  display: inline-block;
  margin-right: 60px;
  height: 450px;
}
.univers-hens-container .text-container .ul .li {
  float: left;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  width: 120px;
  height: 160px;
  font-size: 13em;
  background: #333;
  border-radius: 5px;
}
.univers-hens-container .text-container .ul .li:hover {
  background: #383838;
}
.univers-hens-container .text-container .ul .li .image {
  width: 95px;
  height: 95px;
  margin-left: 12.5px;
  margin-right: 12.5px;
  margin-top: 4px;
  border-radius: 50%;
  background: #111;
}
.univers-hens-container .text-container .ul .li .image.pouvoir {
  background: url('/medias/univers/screen5.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .image.choix-village {
  background: url('/medias/univers/screen7.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .image.fiche {
  background: url('/medias/univers/screen6.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .image.commenter {
  background: url('/medias/univers/screen2.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .image.favori {
  background: url('/medias/univers/screen3.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .image.aimer {
  background: url('/medias/univers/screen4.png');
  background-size: 100% 100%;
}
.univers-hens-container .text-container .ul .li .label {
  width: 90px;
  text-align: center;
  font-size: 1em;
  margin-left: 15px;
  margin-top: 10px;
}
.univers-hens-container .univers-container {
  width: 100%;
  text-align: center;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background: rgba(14, 14, 14, 0.88);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  z-index: 100;
  transition: opacity 0.4s;
}
.univers-hens-container .univers-container .mCSB_container {
  margin-right: 0px;
}
.univers-hens-container .univers-container .mCSB_scrollTools_vertical {
  right: -4px;
}
.univers-hens-container .univers-container .title {
  width: 100%;
  font-size: 40em;
  padding-top: 60px;
  font-family: 'Wire One';
}
.univers-hens-container .univers-container .text {
  text-align: justify;
  text-indent: 15px;
  margin-bottom: 10px;
}
.univers-hens-container .univers-container .ul {
  margin-bottom: 15px;
  width: 480px;
  display: inline-block;
  font-size: 13em;
  margin-left: 70px;
  margin-right: 60px;
  height: 450px;
}
.univers-hens-container .univers-container .ul .li {
  float: left;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-top: 20px;
  width: 120px;
  height: 180px;
  background: #333;
  border-radius: 5px;
}
.univers-hens-container .univers-container .ul .li .image {
  width: 95px;
  height: 95px;
  margin-left: 12.5px;
  margin-right: 12.5px;
  margin-top: 4px;
  border-radius: 50%;
  background: #111;
}
.univers-hens-container .univers-container .ul .li .label {
  width: 90px;
  text-align: center;
  font-size: 1em;
  margin-left: 15px;
  margin-top: 10px;
}
.loading-biblio {
  width: 100%;
  text-align: center;
  height: 40px;
}
.loading-biblio .ajax-loader {
  z-index: 10000000;
  opacity: 0.8;
  display: inline-block;
  border-radius: 50%;
  margin-top: 20px;
  font-size: 3.5em;
  width: 6px;
  height: 6px;
  box-shadow: 0 -0.4em 0 0 #ffffff, -0.28em -0.28em 0 0 rgba(255, 255, 255, 0.75), -0.4em 0 0 0 rgba(255, 255, 255, 0.5), -0.28em 0.28em 0 0 rgba(255, 255, 255, 0.25);
  -webkit-animation: 0.5s ajax-loader-rotate steps(8) infinite;
  -moz-animation: 0.5s ajax-loader-rotate steps(8) infinite;
  animation: 0.5s ajax-loader-rotate steps(8) infinite;
}
bibliotheque-media {
  width: 100%;
}
.notification-zone-bm {
  font-size: 12em;
  overflow: hidden;
  display: none;
  margin: 0 12px;
  height: 40px;
}
.notification-zone-bm.active {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.notification-zone-bm .notif-msg {
  float: left;
  text-align: center;
  margin-left: 150px;
  font-size: 1.1em;
  line-height: 40px;
}
.notification-zone-bm .notif-dismiss {
  font-size: 2em;
  float: right;
  cursor: pointer;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}
.bibliotheque-media-container {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bibliotheque-media-container .button--meaty {
  margin-bottom: 15px;
}
.bibliotheque-media-container h1 {
  font-size: 4em;
  font-family: 'Wire One', sans-serif;
}
.bibliotheque-media-container h2 {
  font-size: 1.3em;
  width: 80%;
  color: #ccc;
  display: inline-block;
  text-align: center;
  font-style: italic;
  margin-bottom: 10px;
}
.bibliotheque-media-container .file-upload {
  padding: 20px;
}
.bibliotheque-media-container .media-list {
  --columns: 3;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  padding: 0 9px;
  box-sizing: border-box;
  flex-wrap: wrap;
  height: var(--mediaListHeight, 15000px);
}
.bibliotheque-media-container .media-list::before,
.bibliotheque-media-container .media-list::after {
  content: "";
  display: block;
  flex-basis: 100%;
  width: 0;
  order: 2;
}
.bibliotheque-media-container .media-list.mobile::after {
  content: unset;
}
.bibliotheque-media-container .media-list.mobile .media-unit:nth-child(2n+1) {
  order: 1;
  margin-right: 9px;
}
.bibliotheque-media-container .media-list.mobile .media-unit:nth-child(2n) {
  order: 2;
  margin-right: 9px;
}
.bibliotheque-media-container .media-list:not(.mobile) .media-unit:nth-child(3n+1) {
  order: 1;
  margin-right: 9px;
}
.bibliotheque-media-container .media-list:not(.mobile) .media-unit:nth-child(3n+2) {
  order: 2;
  margin-right: 9px;
}
.bibliotheque-media-container .media-list:not(.mobile) .media-unit:nth-child(3n) {
  order: 3;
}
.bibliotheque-media-container .media-list .media-unit {
  display: block;
  width: calc((100% - 9px * (var(--columns) - 1)) / var(--columns));
  padding: 10px;
  box-sizing: border-box;
  background: #070707;
  margin-bottom: 9px;
  position: relative;
}
.bibliotheque-media-container .media-list .media-unit input {
  font-size: 1.2em;
  width: 100%;
}
.bibliotheque-media-container .media-list .media-unit .button {
  font-size: 1.2em;
  width: 100%;
}
.bibliotheque-media-container .media-list .media-unit:hover .fa {
  opacity: 0.7;
}
.bibliotheque-media-container .media-list .media-unit .fa {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 2.5em;
  opacity: 0.05;
  cursor: pointer;
  text-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  margin-top: 5px;
  transition: all 0.2s;
}
@media (max-width: 899px) {
  .bibliotheque-media-container .media-list .media-unit .fa {
    opacity: 0.7;
  }
}
.bibliotheque-media-container .media-list .media-unit .fa:hover {
  opacity: 1;
}
.bibliotheque-media-container .media-list .media-unit .fa.fa-pencil {
  right: 15px;
}
.bibliotheque-media-container .media-list .media-unit .fa.fa-trash {
  right: 50px;
}
.bibliotheque-media-container .media-list .media-unit .fa.fa-trash:hover {
  color: #e3370d;
}
.bibliotheque-media-container .media-list .media-unit.selected {
  border-width: 2px;
  padding: 8px;
  border-style: solid;
}
.bibliotheque-media-container .media-list .media-unit .title {
  font-size: 1.4em;
  margin-bottom: 5px;
}
.bibliotheque-media-container .media-list .media-unit .link {
  background: #070707;
  color: #ccc;
  border: 1px solid #414141;
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  display: block;
}
.bibliotheque-media-container .media-list .image {
  width: 100%;
}
.bibliotheque-media-container .media-list .link {
  width: 100%;
}
.media-unit.selected {
  border-color: #a99c73;
}
.sulimo .media-unit.selected {
  border-color: #e88400;
}
.ulmo .media-unit.selected {
  border-color: #11aba6;
}
.wilwar .media-unit.selected {
  border-color: #9fa70a;
}
.anar .media-unit.selected {
  border-color: #e3370d;
}
.upload-container {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.upload-container form {
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  .upload-container form {
    flex-direction: column;
  }
}
.upload-container form file-field {
  margin-right: 15px;
}
.upload-container .submit {
  display: inline-block;
  border: none;
  color: white;
  padding: 5px;
  margin-top: 10px;
  width: 200px;
  font-size: 1.2em;
}
.upload-container .reminder {
  margin-top: 3px;
  font-size: 1.1em;
  font-style: italic;
  color: #666;
}
.upload-container .upload-status .upload-bar {
  width: 250px;
  height: 9px;
  position: relative;
  background-color: #191919;
  border-radius: 4px;
}
.upload-container .upload-status .upload-bar .upload-bar-fill {
  height: 8px;
  min-width: 4px;
  border-radius: 4px 0 0 4px;
  width: 10px;
}
.upload-container .upload-status .uploadPercent {
  margin-top: 3px;
  font-size: 1.3em;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.upload-modal {
  position: fixed;
  background-color: rgba(10, 10, 10, 0.8);
  width: 100%;
  z-index: 105;
  font-size: 12em;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  top: 80px;
  overflow: auto;
}
.upload-modal h1 {
  font-family: "Wire One", sans-serif;
  font-size: 4em;
}
.upload-modal__content {
  width: 700px;
  padding: 20px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 20px 0;
  background-color: #222;
}
.choix-village__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.choix-village__background:after {
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  opacity: 1;
  transition: opacity 0.5s 0.3s;
}
.choix-village__background.fade-in:after {
  opacity: 0;
}
.choix-village {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: transparent !important;
}
.choix-village__section {
  position: absolute;
  top: 50%;
  transform: translateY(-70%);
  width: 100%;
  opacity: 0;
  margin-top: -100px;
  pointer-events: none;
  transition: transform 0.5s, opacity 0.4s ease-out;
}
.choix-village__section--show {
  pointer-events: auto;
  transform: translateY(-50%);
  opacity: 1;
  transition: transform 0.5s 0.5s, opacity 0.4s 0.5s ease-out;
}
.choix-village__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.choix-village__list .container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
.choix-village__list .container .village-logo {
  position: relative;
  z-index: 11;
  cursor: pointer;
  width: 180px;
  height: 180px;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
}
.choix-village__list .container .village-logo .village-name {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  font-size: 4.5em;
  font-family: 'Wire One', sans-serif;
  font-weight: 700;
  transition: all 0.3s;
  transform: translateX(-50%) scale(0.95);
  left: 50%;
  top: 140px;
}
.choix-village__list .container .village-logo:hover .village-name {
  transition-delay: 0.5s;
  transition: all 0.7s;
  opacity: 1;
  top: 180px;
  transform: translateX(-50%) scale(1);
}
.choix-village__encart {
  margin: 50px 0 0;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 800px;
  align-items: center;
}
.choix-village__encart h1 {
  margin-bottom: 40px;
  font-family: 'Wire One', sans-serif;
  font-size: 4em;
}
.choix-village__encart h2 {
  margin: 7px 0 20px;
}
.choix-village__encart p {
  font-size: 1.15em;
  text-indent: 10px;
  text-align: center;
}
.choix-village__detail {
  background-color: #191919;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  margin-top: 0;
}
.choix-village__detail .logo {
  position: relative;
  margin-top: -90px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.choix-village__detail .logo:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 11px;
  right: 11px;
  bottom: 11px;
  background: #191919;
  border-radius: 50%;
}
.choix-village__detail .layout-line {
  width: 600px;
}
.choix-village__detail .layout-line .button {
  margin: 0 3px;
  flex: 1 1 auto;
}
.choix-village__detail .title {
  margin-top: 15px;
  font-size: 4.5em;
  font-family: 'Wire One', sans-serif;
}
.choix-village__detail .description {
  padding: 5px;
  margin-bottom: 25px;
}
.choix-village__detail .warning {
  margin-top: 30px;
  opacity: 0.4;
}
.choix-village__confirmation {
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 40px;
  margin-top: 0;
  background: #070707;
}
.choix-village__confirmation .logo {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
}
.choix-village__confirmation .logo:before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 13px;
  right: 13px;
  bottom: 13px;
  background: #070707;
  border-radius: 50%;
}
.choix-village__confirmation .valid-text {
  margin-top: 80px;
  font-size: 4em;
  font-family: 'Wire One', sans-serif;
  margin-bottom: 15px;
}
.choix-village__confirmation .info-confirm {
  line-height: 1.4;
  font-size: 1.2em;
}
.choix-village__confirmation .questionnaire-hint {
  font-style: italic;
  opacity: 0.4;
  font-size: 1.1em;
  margin-top: 20px;
}
.choix-village__return-button {
  display: block;
  min-width: 0;
  margin-bottom: 30px;
}
.confirm-village {
  font-size: 1.2em;
  vertical-align: middle;
  background: #534f3b;
  margin-top: 6px !important;
  cursor: pointer;
}
.go-to-questionnaire {
  display: inline-block;
  min-width: 180px;
  margin-top: 25px;
  padding: 5px 10px;
  vertical-align: middle;
  margin-bottom: 20px;
}
.article-global-container {
  width: 100%;
  overflow-y: auto;
}
.article-global-container .main-content-container {
  display: inline-block;
  background: #191919;
  text-align: center;
}
.article-global-container .main-content-container > *:not(.comment-section) {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.article-global-container .main-content-container .mobile-section {
  background-color: #070707;
  padding: 9px 0;
}
.article-global-container .main-content-container .mobile-section .go-to-button {
  margin-bottom: 9px;
}
.article-global-container .side-column {
  overflow: hidden;
  background: transparent;
}
.article-global-container .side-column .go-to-button {
  display: block;
  width: 100%;
  padding: 9px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.article-global-container .side-column .go-to-button .loc {
  font-size: 1.2em;
}
.article-global-container .side-column .author {
  height: calc( var(--vh) * 100 - var(--headerHeight) - 80px );
  overflow-y: scroll;
  right: -20px;
  padding-bottom: 80px;
  width: calc(100% + 20px);
}
.licence-cc {
  max-width: 80%;
  padding: 20px;
  background: #121212;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: -3px;
}
.licence-cc .info-text {
  margin-bottom: 10px;
}
.licence-cc img {
  margin-bottom: 10px;
}
.go-to-button {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.go-to-button .loc {
  font-size: 1.2em;
}
.post-like {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  top: 10px;
}
.post-like__image {
  width: 40px;
  height: 40px;
  background-image: url('/medias/article/fav-off.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.post-like__image:hover {
  background-image: url('/medias/article/fav-hover.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.post-like__image:hover.active {
  background-image: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.post-like__image.active {
  background-image: url('/medias/article/fav-on.png');
}
.post-like.golden .post-like__image.active {
  background-image: url('/medias/article/fav-on-ecrit.png');
}
.post-like__amount {
  font-size: 2.5em;
  font-family: 'Wire One', sans-serif;
  width: 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s;
}
.post-like__amount:hover .post-like__label {
  opacity: 1;
  margin-left: -92px;
}
.post-like__label {
  font-family: 'Open Sans', sans-serif;
  opacity: 0;
  width: 90px;
  transition: all 0.3s;
  margin-left: -70px;
  text-align: right;
  pointer-events: none;
  font-size: 0.35em;
  margin-top: -3em;
}
.series-navigator {
  display: flex;
  height: 70px;
  margin-bottom: 15px;
}
.series-navigator .current-serie {
  background-color: #191919;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  flex: 1 1 auto;
}
.series-navigator .current-serie .current-serie-info {
  font-style: italic;
  opacity: 0.6;
  margin-bottom: -4px;
  padding: 3px;
}
.series-navigator .current-serie a {
  line-height: 1.1;
  font-size: 1.7em;
  font-weight: 600;
  margin-bottom: 6px;
}
.series-navigator .serie-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  flex: 0 0 auto;
}
.series-navigator .serie-navigation img {
  width: 35px;
  height: 35px;
}
.series-navigator .serie-navigation.disabled {
  background-color: #191919;
  pointer-events: none;
  opacity: 0.7;
}
.dialogue__container .main-column {
  width: 700px;
}
.dialogue__character {
  position: absolute;
  height: 310px;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}
.dialogue__banner {
  width: 100%;
  height: 350px;
  display: flex;
  position: relative;
  background-color: #070707;
  flex-direction: column;
  justify-content: flex-end;
}
.dialogue__banner .background {
  width: 100%;
}
.dialogue__banner .background.background-anar {
  background-color: #601000;
}
.dialogue__banner .background.background-ulmo {
  background-color: #0b494b;
}
.dialogue__banner .background.background-sulimo {
  background-color: #601000;
}
.dialogue__banner .background.background-wilwar {
  background-color: #601000;
}
.dialogue__reponse-list {
  margin: 0 auto;
  margin-top: 25px;
  width: 85%;
}
.dialogue__reponse {
  margin-bottom: 5px;
}
.dialogue__box {
  width: 85%;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  z-index: 10;
  min-height: 110px;
  margin: 0 auto;
  font-size: 1.1em;
  background-color: #222;
  margin-top: -30px;
}
.dialogue__box.ulmo {
  border: 2px solid #11aba6;
}
.dialogue__retour {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 90px;
  border-radius: 5px;
  font-size: 0.5em;
  overflow: hidden;
  text-align: left;
  padding-left: 30px;
  display: flex;
  align-items: center;
  padding-top: 3px;
  height: 37px;
  transition: all 0.5s;
  width: 40px;
}
.dialogue__retour .text {
  width: 55px;
  margin-left: 20px;
  font-size: 2em;
  flex: 0 0 auto;
  transition: all 0.2s;
}
.dialogue__retour:hover {
  width: 85px;
  line-height: 2.3em;
}
.dialogue__retour:hover .text {
  margin-left: 0px;
}
.dialogue__retour:hover::before {
  margin-left: -27px;
}
.dialogue__retour::before {
  transition: all 0.2s;
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url('/medias/common/edit.png');
  background-size: 100% 100%;
  margin-left: -24px;
}
.dialogue__retour--valid::before {
  background-image: url('/medias/common/arrow_back.png');
}
@keyframes changeColor {
  0% {
    border-top: 5px solid #e3370d;
    border-left: 5px solid #e3370d;
  }
  25% {
    border-top: 5px solid #e88400;
    border-left: 5px solid #e88400;
    border-bottom: none;
  }
  25.0001% {
    border-top: none;
    border-bottom: 5px solid #e88400;
  }
  50% {
    border-left: 5px solid #11aba6;
    border-bottom: 5px solid #11aba6;
    border-right: none;
  }
  50.0001% {
    border-left: none;
    border-right: 5px solid #11aba6;
  }
  75% {
    border-top: none;
    border-bottom: 5px solid #9fa70a;
    border-right: 5px solid #9fa70a;
  }
  75.0001% {
    border-top: 5px solid #9fa70a;
    border-bottom: none;
  }
  100% {
    border-top: 5px solid #e3370d;
    border-left: none;
    border-bottom: none;
    border-right: 5px solid #FD5774;
  }
}
.aulne-papier {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 60vh !important;
  padding: 35px;
  box-sizing: border-box;
  margin-top: 10vh !important;
}
.aulne-papier img {
  width: 600px;
  border-width: 3px !important;
}
.aulne-papier p {
  font-size: 1.2em;
  width: 400px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 35px;
}
.aulne-papier p:before {
  content: '«';
}
.aulne-papier p:after {
  content: '»';
}
.aulne-papier .button {
  font-size: 1.3em;
  min-width: 300px;
}
.carnaval-cachette {
  display: flex;
  flex-direction: column;
}
.carnaval-cachette h1 {
  text-align: center;
  font-family: "Wire One", sans-serif;
  font-size: 4em;
  padding: 21px;
}
.carnaval-cachette__row {
  display: flex;
}
.carnaval-cachette__join-button {
  padding: 30px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #666;
}
.carnaval-cachette__join-button:before {
  content: '+';
  color: #a99c73;
  font-size: 2em;
  font-weight: bold;
  padding-right: 5px;
}
.carnaval-cachette__warning {
  background-color: #2c2c2c;
  margin: 15px;
  padding: 10px;
  font-style: italic;
}
.carnaval-cachette__player {
  text-align: left;
  padding: 5px 8px;
  border-bottom: 1px solid #070707;
}
.carnaval-cachette__column {
  flex: 0 0 27%;
  box-sizing: border-box;
  text-align: center;
}
.carnaval-cachette__center_column {
  flex: 0 0 46%;
  background-color: #222;
}
.carnaval-cachette__center_column .padding {
  padding: 10px;
  padding-top: 20px;
}
.carnaval-cachette__center_column h3 {
  font-size: 1.4em;
  padding: 10px;
}
.carnaval-cachette__lobby-status {
  padding: 15px;
}
.carnaval-cachette__lobby-status .time-left {
  font-size: 1.3em;
}
.sulimo .carnaval-cachette__join-button:before {
  color: #e88400;
}
.anar .carnaval-cachette__join-button:before {
  color: #e3370d;
}
.ulmo .carnaval-cachette__join-button:before {
  color: #11aba6;
}
.wilwar .carnaval-cachette__join-button:before {
  color: #9fa70a;
}
.crushrun-download {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: #191919;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.crushrun-download .button {
  width: 50%;
  padding: 12px;
  margin-bottom: 25px;
}
.crushrun-download__container {
  width: 600px;
  height: auto;
  background-image: url("/medias/events/coupe-crushrun/bg_download_crushrun.png");
  background-size: contain;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.crushrun-download__title {
  font-size: 3em;
  margin-bottom: 20px;
}
.crushrun-download__text {
  font-size: 1.2em;
  margin-bottom: 25px;
  width: 80%;
  text-align: center;
}
.signe-zodiaque {
  padding: 1px;
  margin: 0;
}
.signe-zodiaque__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.signe-zodiaque__date-pick {
  position: relative;
  width: 60%;
  margin: 0 auto;
  margin-top: -100px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signe-zodiaque__date-pick .button {
  width: 50%;
  margin: 0 auto;
  margin-top: 5px;
}
.signe-zodiaque__date-pick h1 {
  font-size: 1.6em;
  margin-bottom: 25px;
}
.signe-zodiaque__loader {
  margin: 30px auto;
  position: relative;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
}
.signe-zodiaque__loader-container {
  padding: 5px;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  position: relative;
}
.signe-zodiaque__loader .text {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.signe-zodiaque__loader .box {
  position: absolute;
}
.signe-zodiaque__loader .box1 {
  animation: loadingIcon 2s linear 0s infinite, changeColor 2s linear 0s infinite;
}
.signe-zodiaque__loader .box2 {
  animation: loadingIcon 2s linear -0.5s infinite, changeColor 2s linear -0.5s infinite;
}
.signe-zodiaque__loader .box3 {
  animation: loadingIcon 2s linear -1s infinite, changeColor 2s linear -1s infinite;
}
.signe-zodiaque__loader .box4 {
  animation: loadingIcon 2s linear -1.5s infinite, changeColor 2s linear -1.5s infinite;
}
@keyframes loadingIcon {
  0% {
    margin: 0 0 0 0;
    height: 0;
    width: 100%;
    border-top: 3px solid;
    border-left: 3px solid;
  }
  25% {
    margin: 0 0 0 0;
    height: 100%;
    width: 0%;
    border-top: 3px solid;
    border-left: 3px solid;
    border-bottom: none;
  }
  25.0001% {
    border-top: none;
    border-bottom: 3px solid;
  }
  50% {
    margin: 100% 0 0 0;
    height: 0;
    width: 100%;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-right: none;
  }
  50.0001% {
    border-left: none;
    border-right: 3px solid;
  }
  75% {
    margin: 0 0 0 100%;
    width: 0;
    height: 100%;
    border-top: none;
    border-bottom: 3px solid;
    border-right: 3px solid;
  }
  75.0001% {
    border-top: 3px solid;
    border-bottom: none;
  }
  100% {
    margin: 0 0 0 0;
    width: 100%;
    height: 0;
    border-top: 3px solid;
    border-left: none;
    border-bottom: none;
    border-right: 3px solid;
  }
}
.signe-zodiaque__signe {
  display: flex;
  padding: 25px;
}
.signe-zodiaque__signe .button {
  margin: 0 25px;
}
.signe-zodiaque__signe .signe__image {
  margin: 0 25px 0 10px;
  width: 250px;
  flex: 0 0 auto;
}
.signe-zodiaque__signe .signe__title {
  margin-top: 25px;
  text-align: center;
  text-transform: uppercase;
  font-size: 3em;
}
.signe-zodiaque__signe .signe__infos {
  text-align: center;
  color: #aaa;
}
.signe-zodiaque__signe .signe__text {
  text-align: center;
  font-size: 1.1em;
  padding: 30px;
}
.signe-zodiaque__prediction {
  padding: 25px;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background-color: #070707;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signe-zodiaque__prediction .prediction__content {
  width: 85%;
  height: 300px;
  background-color: #191919;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.signe-zodiaque__prediction .prediction__content .button {
  display: block;
  margin-top: auto;
}
.signe-zodiaque__prediction .prediction__text {
  position: relative;
  padding: 25px 35px;
  text-align: center;
  margin-top: 15px;
  font-size: 1.25em;
  box-sizing: border-box;
}
.signe-zodiaque__prediction .prediction__text:before {
  left: 0;
  top: 10px;
  content: '«';
  position: absolute;
  font-size: 4em;
  display: inline-block;
}
.signe-zodiaque__prediction .prediction__text:after {
  font-size: 4em;
  content: '»';
  top: 10px;
  position: absolute;
  right: 0;
  display: inline-block;
}
.signe-zodiaque__prediction .prediction__text.ulmo:after,
.signe-zodiaque__prediction .prediction__text.ulmo:before {
  color: #11aba6;
}
.signe-zodiaque__prediction .prediction__text.sulimo:after,
.signe-zodiaque__prediction .prediction__text.sulimo:before {
  color: #e88400;
}
.signe-zodiaque__prediction .prediction__text.wilwar:after,
.signe-zodiaque__prediction .prediction__text.wilwar:before {
  color: #9fa70a;
}
.signe-zodiaque__prediction .prediction__text.anar:after,
.signe-zodiaque__prediction .prediction__text.anar:before {
  color: #e3370d;
}
.solstice-ulmo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  min-height: 610px;
  transform: translate(-50%, -50%);
  background-color: #191919;
  display: flex;
  flex-direction: column;
}
.solstice-ulmo .newPoisson {
  margin: 0 auto;
}
.solstice-ulmo .poisson {
  position: relative;
}
.solstice-ulmo .poisson .favor-icon {
  position: absolute;
  right: -20px;
  top: -35px;
  width: 40px;
  height: 40px;
  background-image: url("/medias/events/solstice-hiver/bulle_faveur.png");
  background-size: contain;
  z-index: 10;
  background-position: center;
  background-repeat: no-repeat;
}
.solstice-ulmo .poisson .hungry-icon {
  position: absolute;
  right: 25px;
  top: -40px;
  z-index: 10;
  width: 40px;
  height: 40px;
  background-image: url("/medias/events/solstice-hiver/bulle_miam.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.solstice-ulmo .poisson svg-element {
  left: 0;
  top: 0;
  position: absolute;
  display: flex;
}
.solstice-ulmo .poisson svg-element svg {
  position: absolute;
}
@keyframes rotateNageoire {
  0%,
  100% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(17deg);
  }
}
#side-poisson {
  background: unset !important;
}
#side-poisson h2 {
  background-color: #191919;
  padding: 16px 0;
  font-size: 3em;
}
#side-poisson .poisson-number {
  padding: 12px 0;
  font-size: 1.8em;
  margin-bottom: 4px;
  font-family: "Open Sans Condensed", sans-serif;
}
#side-poisson .poisson-tab-button {
  cursor: pointer;
  margin-bottom: 2px;
  background-color: #222;
  text-align: left;
  padding: 6px 12px;
  transition: all 0.15s;
}
#side-poisson .poisson-tab-button:hover {
  background-color: #2c2c2c;
  transition: all 0.3s;
}
#side-poisson .poisson-tab-button:hover,
#side-poisson .poisson-tab-button.active {
  padding-left: 6px;
  background-color: #222;
}
#side-poisson .add-poisson-button {
  padding: 0 12px;
  font-size: 1.4em;
  display: flex;
  align-items: center;
}
#side-poisson .add-poisson-button .icon:before {
  content: '+';
  display: block;
  transform: translateY(-2px);
  margin-right: 10px;
  font-size: 2.2em;
}
@keyframes fuckAround {
  0% {
    transform: translate(var(--leftMax), 0) scaleX(1);
  }
  50% {
    transform: translate(var(--rightMax), 0) scaleX(1);
  }
  55% {
    transform: translate(var(--rightMax), 0) scaleX(-1);
  }
  95% {
    transform: translate(0, 0) scaleX(-1);
  }
}
.poisson-display {
  width: 100%;
  flex: 0 0 450px;
  overflow: hidden;
  position: relative;
}
.poisson-display .poisson {
  cursor: pointer;
  position: absolute;
}
.poisson-display .poisson-list {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 450px;
  background-image: url("/medias/events/solstice-hiver/bg/bg_poisson_aquarium.jpg");
  background-size: cover;
  transition: all 0.3s;
  filter: blur(0px);
}
.poisson-display .poisson-list.blurred {
  filter: blur(10px);
}
.poisson-display .poisson-list .poisson {
  --leftMax: 0px;
  --rightMax: 600px;
  animation: fuckAround 16s infinite;
}
.poisson-display .poisson-list .poisson .poissonNageoire svg {
  animation: rotateNageoire 5s infinite;
}
.poisson-infos {
  display: flex;
  flex: 1 1 auto;
}
.poisson-infos .no-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.poisson-infos .no-selection p {
  opacity: 0.7;
  font-style: italic;
  font-size: 1.1em;
}
.poisson-infos .info-content {
  display: flex;
  width: 100%;
}
.poisson-infos .info-content .column {
  flex: 1 1 34%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.poisson-infos .info-content .column .info-container {
  text-align: left;
}
.poisson-infos .info-content .column .line {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.poisson-infos .info-content .column .line h1 {
  font-size: 2em;
  font-weight: bold;
}
.poisson-infos .info-content .column .line .poisson-icon {
  height: 40px;
  margin-right: 12px;
}
.poisson-infos .info-content .column .info {
  font-size: 1.1em;
  max-width: 80%;
  margin-bottom: 4px;
}
.poisson-infos .info-content .column .info .status.satisfied {
  color: #c0ce0d;
}
.poisson-infos .info-content .column .info .status.angry {
  color: #e3370d;
}
.poisson-infos .info-content .column .info .status.neuter {
  color: #e88400;
}
.poisson-infos .info-content .column .info .status.mild {
  color: #06cdc4;
}
.poisson-infos .info-content .column .info .status:before {
  content: '(';
  color: white;
}
.poisson-infos .info-content .column .info .status:after {
  content: ')';
  color: white;
}
.poisson-infos .info-content .column .button {
  width: 90%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
}
.poisson-infos .info-content .column:after {
  content: '';
  display: block;
  position: absolute;
  top: 24px;
  bottom: 24px;
  opacity: 0.3;
  right: 0;
  width: 2px;
  background-color: white;
}
.poisson-infos .info-content .column:last-child:after {
  display: none;
}
.poisson-infos .info-content .button {
  margin: 2px;
}
.poisson-creator {
  min-height: 170px;
  display: flex;
  flex-direction: column;
}
.poisson-creator__display {
  width: 100%;
  height: 450px;
  position: absolute;
  padding: 30px;
  padding-top: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(10, 10, 10, 0.7);
}
.poisson-creator__controls {
  flex: 1 1 auto;
  display: flex;
  background-color: #2c2c2c;
  flex-direction: column;
}
.poisson-creator__validation {
  position: absolute;
  width: 200px;
  align-items: center;
  right: 5px;
  display: flex;
  bottom: 5px;
}
.poisson-creator__validation .button {
  flex: 1 1 auto;
}
.poisson-creator__validation .randomize {
  background-image: url("/medias/events/solstice-hiver/icon_des.png");
  background-size: contain;
  background-position: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  cursor: pointer;
  transition: filter 0.25s;
}
.poisson-creator__validation .randomize:hover {
  filter: invert(0.5) sepia(1) saturate(3) hue-rotate(121deg);
}
.poisson-creator__header {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.poisson-creator__name {
  border-bottom: 2px solid #070707;
}
.poisson-creator__control-select {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-end;
}
.poisson-creator__control-select .field {
  flex: 1 1 150px;
}
.poisson-creator__control-select .select-tab {
  flex: 1 1 auto;
  height: 40px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  cursor: pointer;
  justify-content: center;
}
.poisson-creator__control-select .select-tab img {
  width: 45px;
  height: 45px;
}
.poisson-creator__control-select .select-tab.selected {
  height: 50px;
  filter: brightness(1.3);
}
.poisson-creator__tab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.poisson-creator__select-item {
  margin: 6px;
  background-color: #121212;
  cursor: pointer;
}
.poisson-creator__select-item:hover,
.poisson-creator__select-item.selected {
  outline: 2px solid white;
}
.poisson-creator__select-item img {
  flex: 1 1 auto;
  width: 80px;
  height: 80px;
}
.poisson-creator__select-item.color {
  position: relative;
  width: 80px;
  height: 80px;
}
.poisson-creator__select-item.color > * {
  position: absolute;
}
.poisson-creator__select-item.color .main-color {
  height: 0;
  width: 0;
  border-top: 80px solid red;
  border-right: 80px solid transparent;
}
.poisson-creator__select-item.color .accent-color {
  height: 0;
  width: 0;
  border-bottom: 80px solid red;
  border-left: 80px solid transparent;
}
.poisson-log {
  padding: 10px;
  font-size: 1.1em;
  border-radius: 6px;
  width: 85%;
  background-color: #191919;
  margin: 0 auto;
  margin-bottom: 6px;
  text-align: left;
  position: relative;
}
.poisson-log .poisson-name {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}
.poisson-log .poisson-name:after {
  content: ' ';
}
.poisson-log .date {
  position: absolute;
  right: 5px;
  opacity: 0.7;
}
.poisson-logs,
.poisson-notice {
  position: absolute;
  width: 100%;
  top: 0;
  height: 620px;
  background-color: rgba(15, 15, 15, 0.85);
}
.poisson-logs h1,
.poisson-notice h1 {
  margin: 6px 0;
  margin-left: 25px;
  font-size: 4em;
  font-family: "Wire One", sans-serif;
}
.poisson-logs .hint,
.poisson-notice .hint {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  border-radius: 50%;
  background-color: #11aba6;
  cursor: help;
  transition: 0.15s;
  margin-bottom: -4px;
  position: relative;
}
.poisson-logs .hint:after,
.poisson-notice .hint:after {
  content: '?';
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.poisson-logs .hint:hover,
.poisson-notice .hint:hover {
  transition: 0.6s;
  filter: brightness(1.4);
}
.poisson-notice {
  display: flex;
  flex-direction: column;
  font-size: 1.05em;
}
.poisson-notice h1 {
  flex: 0 0 auto;
}
.poisson-notice .line {
  flex: 1 1 auto;
  padding: 0 15px;
  display: flex;
  text-align: left;
}
.poisson-notice .column {
  flex: 1 1 50%;
  padding: 0 10px;
}
.poisson-notice .column .comble {
  color: #c0ce0d;
}
.poisson-notice .column .comble:before {
  content: ' ';
}
.poisson-notice .column .comble:after {
  content: ' ';
}
.poisson-notice .column .mad {
  color: #e3370d;
}
.poisson-notice .column .mad:before {
  content: ' ';
}
.poisson-notice .column .mad:after {
  content: ' ';
}
.poisson-notice .column h2 {
  font-weight: 500;
  text-transform: uppercase;
}
.poisson-notice .column h2:not(:first-child) {
  margin-top: 18px;
}
.poisson-logs {
  overflow: auto;
}
.poisson-popup {
  position: fixed;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  width: 100vw;
  background-color: rgba(10, 10, 10, 0.7);
  display: flex;
  font-size: 15px;
  align-items: center;
  z-index: 20;
  justify-content: center;
}
.poisson-popup.feed .poisson-notif-image {
  background-image: url("/medias/events/solstice-hiver/poisson_miam.png");
}
.poisson-popup.favor .poisson-notif-image {
  background-image: url("/medias/events/solstice-hiver/poisson_requete.png");
}
.poisson-popup-content {
  width: 500px;
  min-height: 200px;
  background-color: #191919;
  padding: 40px;
}
.poisson-popup-content .poisson-notif-image {
  height: 300px;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
.poisson-popup-content .poisson-notif-message {
  margin-bottom: 25px;
}
.poisson-popup-content .poisson-notif-message .name {
  font-weight: bold;
}
.poisson-status {
  margin-top: 24px;
  background-color: #191919;
  padding: 10px 20px;
  font-size: 1.2em;
}
.poisson-status .nourriture-refill {
  font-style: italic;
  opacity: 0.7;
  font-size: 0.9em;
  margin-top: 4px;
}
.poisson-status .nourriture,
.poisson-status .favor {
  background-color: #2c2c2c;
  border-radius: 5px;
  padding: 6px;
  margin-top: 10px;
}
.poisson-status .nourriture .number,
.poisson-status .favor .number {
  font-weight: bold;
  font-size: 1.2em;
}
.creation-detail .poisson-popup-content {
  display: flex;
  flex-direction: column;
}
.creation-detail h1 {
  font-family: "Wire One", sans-serif;
  font-size: 4em;
  margin-bottom: 20px;
}
.creation-detail ul {
  text-align: left;
  margin: 15px 0px 15px 10px;
}
.creation-detail p {
  margin-bottom: 6px;
}
.creation-detail li {
  display: flex;
  margin-bottom: 6px;
  align-items: center;
}
.creation-detail .detail {
  cursor: help;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}
.creation-detail .line {
  display: flex;
  margin-top: auto;
}
.creation-detail .line .button {
  flex: 1 1 auto;
}
.creation-detail .line .button:first-of-type {
  margin-right: 5px;
}
.wilwar-field {
  width: 800px;
  box-sizing: border-box;
  position: relative;
  background-image: url(/medias/events/equinoxe-printemps/map_hexagonal_texture.jpg);
  background-size: cover;
  margin: 0;
  padding: 0;
  margin-left: -35px;
}
.wilwar-field canvas {
  margin: 0;
  display: block;
  padding: 0;
}
.wilwar-field img {
  display: block;
}
.wilwar-field__close {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url('/medias/home/arrow-up.png');
  transform: rotate(270deg);
  background-repeat: no-repeat;
  position: absolute;
  left: -60px;
  top: 8px;
  opacity: 0.7;
  background-size: 28px 28px;
  background-position: 6px 6px;
  border-radius: 50%;
  transition: 0.15s;
}
.wilwar-field__close:hover {
  transition: 0.25s;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
}
.wilwar-field__frange {
  pointer-events: none;
  position: absolute;
  width: 850px;
  left: -25px;
  top: -24.99975px;
}
.wilwar-field__container {
  align-items: center;
  justify-content: center;
  display: flex;
}
.wilwar-field__counter {
  position: absolute;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.7em;
  align-items: center;
  background-color: rgba(10, 10, 10, 0.2);
  border-radius: 5px;
  padding: 5px;
  left: 15px;
  top: 15px;
  display: flex;
  font-weight: bold;
}
.wilwar-field__counter img {
  height: 30px;
  margin-right: 5px;
}
.wilwar-field-ui {
  position: relative;
  margin-left: 30px;
  background-color: #070707 !important;
}
.wilwar-field-ui .titre {
  background-color: #121212;
  font-size: 2.7em;
  font-family: "Open Sans Condensed", sans-serif;
  padding: 18px;
  margin-bottom: 10px;
}
.wilwar-field-ui .temps-restant {
  padding: 12px;
  margin-bottom: 12px;
}
.wilwar-field-ui .temps-restant .temps {
  font-size: 1.5em;
}
.wilwar-field-ui .temps-restant .info {
  font-size: 1.4em;
  font-family: "Open Sans Condensed", sans-serif;
  font-style: italic;
}
.wilwar-field-ui .info-unit {
  background-color: #222;
  padding: 10px;
  display: flex;
  font-size: 1.2em;
  margin-bottom: 3px;
  justify-content: center;
}
.wilwar-field-ui .info-unit span {
  display: inline-block;
  margin-right: 0.3em;
}
.calendrier h1 {
  font-size: 3em;
  width: 100%;
  background-color: #222;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  font-family: "Wire One", sans-serif;
}
.calendrier__content {
  flex: 1 1 auto;
}
.calendrier__controller {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 5px 35px;
  margin-top: 25px;
  box-sizing: border-box;
}
.calendrier__saison {
  flex: 1;
  font-size: 1.2em;
  font-style: italic;
}
.calendrier__change-month {
  font-size: 1.9em;
  cursor: pointer;
  font-weight: bold;
}
.calendrier__month {
  width: 130px;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
}
.calendrier__event-infos {
  padding: 30px;
  box-sizing: border-box;
}
.calendrier__event-infos .infos__container {
  background-color: #070707;
  padding: 20px;
  text-align: justify;
}
.calendrier__event-infos b {
  margin-bottom: 10px;
}
.calendrier__event-infos .infos__where .label {
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 5px;
}
.calendrier__event {
  width: 250px;
  display: flex;
  flex: 0 0 250px;
  flex-direction: column;
  align-items: center;
}
.calendrier__event .event__nothing-here {
  font-size: 1.1em;
  font-style: italic;
  margin: auto;
  text-align: center;
  padding-bottom: 80px;
  color: #aaa;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: flex;
  padding: 30px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #2c2c2c;
}
.calendrier__event .event__image {
  width: 100%;
}
.calendrier__event .event__title {
  text-transform: uppercase;
  padding: 30px 30px 0px 30px;
  text-align: center;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 800;
  font-size: 2.5em;
  line-height: 1.2em;
  margin-bottom: 2px;
}
.calendrier__event .event__dates {
  text-align: center;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
}
.calendrier__event .event__button {
  padding: 15px;
  background-color: #070707;
  font-size: 1.3em;
  align-self: stretch;
  margin: 15px 30px;
  text-align: center;
  cursor: pointer;
}
.calendrier__event .event__button img {
  transform: rotate(90deg);
  height: 30px;
}
.calendrier__container {
  display: flex;
  align-items: stretch;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
.calendrier__header {
  display: flex;
  margin: 25px 10px 0px 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #2c2c2c;
}
.calendrier__header .day__header {
  flex: 1 0 calc(100% / 7);
  text-align: center;
}
.calendrier__days {
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
}
.calendrier__days .day {
  flex: 1 0 calc(100% / 7);
  font-size: 1.3em;
  height: 55px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  transition: background-color 0.65s;
  cursor: pointer;
}
.calendrier__days .day.out-of-month {
  opacity: 0.4;
}
.calendrier__days .day.selected {
  transition: background-color 0.15s;
  cursor: pointer;
  border-radius: 5px;
  background-color: #2c2c2c;
}
.calendrier__days .day:hover:not(.selected) {
  transition: background-color 0.15s;
  background-color: #222;
}
.calendrier__days .day__event-bar {
  position: absolute;
  bottom: 7px;
  width: 100%;
  height: 4px;
}
.calendrier__days .day__event-bar.left {
  width: 95%;
  right: 0;
  border-radius: 4px 0 0 4px;
}
.calendrier__days .day__event-bar.right {
  left: 0;
  width: 95%;
  border-radius: 0 4px 4px 0;
}
@media (max-width: 899px) {
  .calendrier__container {
    flex-direction: column;
    height: auto;
    padding-bottom: 40px;
  }
  .calendrier__controller {
    margin-top: 10px;
    padding: 0px 15px;
  }
  .calendrier__header {
    margin-top: 5px;
  }
  .calendrier__event {
    width: auto;
    display: flex;
    flex: 0 0 230px;
    flex-direction: column;
    align-items: center;
  }
  .calendrier__event .event__image {
    margin-top: 10px;
    max-height: 180px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    max-width: 250px;
    margin-left: 10px;
    margin-right: 10px;
    object-fit: cover;
  }
  .calendrier__event .event__button {
    max-width: 380px;
    box-sizing: border-box;
    width: calc(100% - 20px);
    margin: 10px auto;
  }
  .calendrier__event .event__title {
    padding: 5px;
  }
  .calendrier__event .event__nothing-here {
    height: auto;
    padding: 20px;
    flex: 1 1 auto;
    border-right: none;
    border-bottom: 1px solid #2c2c2c;
  }
}
body.mobile .guide-touristique__container h1 {
  display: none;
}
body.mobile .guide-touristique__section {
  flex-wrap: wrap;
  margin-bottom: 0;
}
body.mobile .guide-touristique__element {
  flex-basis: 150px;
  height: 150px;
  padding-top: 30px;
  margin: 10px 5px;
}
body.mobile .guide-touristique__element .icon {
  height: 50px;
}
.guide-touristique__container {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
.guide-touristique__container h1 {
  font-size: 3em;
  margin-bottom: 25px;
  font-family: "Wire One", sans-serif;
}
.guide-touristique__section {
  margin-bottom: 150px;
  max-width: 720px;
  width: 90%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
}
.guide-touristique__element {
  box-sizing: border-box;
  position: relative;
  flex: 0 0 166px;
  height: 166px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  padding-top: 35px;
  margin: 20px 15px;
  background-color: #222;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.15s;
}
.guide-touristique__element .icon {
  align-self: stretch;
  height: 72px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: auto;
  transition: all 0.25s;
  opacity: 0.6;
}
.guide-touristique__element .element-text {
  opacity: 0.6;
  transition: all 0.25s;
  font-size: 1.6em;
}
.guide-touristique__element svg {
  left: 0;
  top: 0;
  position: absolute;
}
.guide-touristique__element .dash {
  border-width: 3px;
  fill: none;
  stroke-width: 6;
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  transition: all 0.35s;
  border-style: dashed;
}
.guide-touristique__element:hover {
  background: #333;
  transition: all 0.6s;
}
.guide-touristique__element:hover .icon,
.guide-touristique__element:hover .element-text {
  opacity: 1;
}
.guide-touristique__element:hover .dash {
  transition: all 0.8s;
  stroke-dashoffset: 0;
}
.guide-touristique__element .dash {
  stroke: #a99c73;
}
.sulimo .guide-touristique__element .dash {
  stroke: #e88400;
}
.ulmo .guide-touristique__element .dash {
  stroke: #11aba6;
}
.wilwar .guide-touristique__element .dash {
  stroke: #9fa70a;
}
.anar .guide-touristique__element .dash {
  stroke: #e3370d;
}
@media screen and (max-width: 1600px) {
  body .visite-guidee__lieu {
    --columns: 3;
  }
}
@media screen and (max-width: 899px) {
  body .visite-guidee__lieu {
    --columns: 3;
  }
}
@media screen and (max-width: 500px) {
  body .visite-guidee__lieu {
    --columns: 2;
  }
}
body.mobile .visite-guidee {
  --previewHeight: 240px;
}
body.mobile .visite-guidee__title {
  display: none;
}
body.mobile .visite-guidee__row {
  flex-direction: column;
}
body.mobile .visite-guidee__content {
  order: 2;
  margin-top: 0;
}
body.mobile .visite-guidee .custom-search {
  order: 1;
}
body.mobile .visite-guidee__lieu-preview {
  top: calc(100px);
  height: auto;
  min-height: var(--previewHeight);
  position: fixed;
  bottom: auto;
  width: 100%;
}
body.mobile .visite-guidee__preview-fondu {
  height: 390px;
  bottom: auto;
  top: -40px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0));
}
.visite-guidee {
  --previewHeight: 160px;
}
.visite-guidee__row {
  display: flex;
}
.visite-guidee__title {
  font-size: 3em;
  width: 100%;
  background-color: #222;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 12px;
  font-family: "Wire One", sans-serif;
}
.visite-guidee__content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-top: -6px;
}
.visite-guidee__lieu {
  --columns: 4;
  flex: 0 0 calc((100% / var(--columns)) - 12px);
  cursor: pointer;
  text-align: center;
  margin: 6px;
  background: #333;
  opacity: 0.84;
  transition: opacity 0.35s;
  display: flex;
  flex-direction: column;
  position: relative;
}
.visite-guidee__lieu.active.anar::before,
.visite-guidee__lieu.active.sulimo::before,
.visite-guidee__lieu.active.ulmo::before,
.visite-guidee__lieu.active.wilwar::before {
  content: '';
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  position: absolute;
  display: block;
}
.visite-guidee__lieu.active.anar::before {
  border: 5px solid #e3370d;
}
.visite-guidee__lieu.active.wilwar::before {
  border: 5px solid #9fa70a;
}
.visite-guidee__lieu.active.sulimo::before {
  border: 5px solid #e88400;
}
.visite-guidee__lieu.active.ulmo::before {
  border: 5px solid #11aba6;
}
.visite-guidee__lieu:hover {
  opacity: 1;
  background: #444;
}
.visite-guidee__lieu-image {
  width: 100%;
  background: #fff;
}
.visite-guidee__lieu-nom {
  flex: 1 1 auto;
  padding: 12px 6px;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1em;
}
.visite-guidee__lieu-preview {
  position: sticky;
  bottom: 15px;
  height: var(--previewHeight);
  z-index: -1;
  width: 100%;
  margin-top: 6px;
  display: flex;
  opacity: 0;
}
.visite-guidee__lieu-preview--mobile {
  flex-direction: column;
}
.visite-guidee__lieu-preview--mobile:after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #333;
  z-index: -1;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-image {
  width: 99px;
  height: auto;
  min-height: 0;
  align-self: stretch;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-content {
  height: auto;
  padding: 9px;
  background-color: #222;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-title {
  margin-left: 0;
  font-size: 2.5em;
  line-height: 1.1;
  margin-bottom: 0px;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-close {
  margin-left: auto;
  align-self: flex-start;
  font-size: 2em;
  transform: scaleX(1.1);
  font-weight: 500;
  margin-right: 5px;
  padding-left: 6px;
  margin-top: -6px;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-types {
  position: static;
  margin-right: 30px;
}
.visite-guidee__lieu-preview--mobile .visite-guidee__preview-description {
  padding: 9px;
}
.visite-guidee__lieu-preview--mobile .button {
  width: 100%;
  margin-top: auto;
}
.visite-guidee__lieu-preview.show {
  transition: z-index 0.6s, opacity 0.6s;
  z-index: 20;
  opacity: 1;
}
.visite-guidee__preview-image {
  width: 180px;
  object-fit: cover;
  height: var(--previewHeight);
  float: left;
  background-color: #191919;
}
.visite-guidee__preview-button {
  display: block;
  width: 60px;
  float: right;
  line-height: 80px;
  vertical-align: middle;
  font-size: 3.5em;
  transform-origin: 0 0;
  flex: 0 0 auto;
  height: calc(var(--previewHeight) / 2);
  transform: scaleY(2);
  text-align: center;
  opacity: 1;
  transition: opacity 0.3s;
}
.visite-guidee__preview-content {
  position: relative;
  flex: 1 1 auto;
  height: var(--previewHeight);
  padding-left: 18px;
  float: left;
  box-sizing: border-box;
  padding-top: 8px;
  background: #333;
}
.visite-guidee__preview-types {
  width: inherit;
  height: 20px;
  position: absolute;
  right: 0;
  top: 12px;
}
.visite-guidee__preview-type {
  color: #bbb;
  font-style: italic;
  float: left;
  margin-right: 5px;
}
.visite-guidee__preview-type:not(:last-child):after {
  content: ',';
  display: block;
  float: right;
}
.visite-guidee__preview-title {
  font-size: 2em;
  color: #fff;
  margin-left: 20px;
  margin-bottom: 13px;
}
.visite-guidee__preview-description {
  text-indent: 10px;
  text-align: justify;
}
.visite-guidee__preview-fondu {
  height: 300px;
  width: 100%;
  position: absolute;
  bottom: -15px;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  z-index: -1;
  opacity: 0.2;
  transition: opacity 0.4s;
}
.visite-guidee__preview-fondu.active {
  opacity: 1;
}
@media (max-width: 899px) {
  body .page-container .main-column .inscription-container {
    background-color: #070707;
  }
  body .page-container .main-column .inscription-container .form-container {
    padding: 20px 10px;
  }
  body .page-container .main-column .inscription-container .form-container .title {
    text-align: center;
  }
}
.inscription-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.inscription-container .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 10%;
  background: #121212;
  padding: 30px;
  box-sizing: border-box;
  max-width: 720px;
}
.inscription-container .form-container .title {
  font-size: 4em;
  font-family: 'Wire One', sans-serif;
  line-height: 1;
  margin-bottom: 25px;
}
.inscription-container .form-container form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.inscription-container .form-container form button {
  width: 20%;
  font-size: 1.4em;
  min-width: 120px;
  margin-top: 18px;
  align-self: center;
}
@media (max-width: 899px) {
  body .page-container .main-column .login-container {
    background-color: #070707;
  }
  body .page-container .main-column .login-container .form-container {
    padding: 20px 10px;
  }
  body .page-container .main-column .login-container .form-container .title {
    text-align: center;
  }
}
.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.login-container .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 10%;
  background: #121212;
  padding: 30px;
  box-sizing: border-box;
  max-width: 720px;
}
.login-container .form-container .title {
  font-size: 4em;
  font-family: 'Wire One', sans-serif;
  line-height: 1;
  margin-bottom: 25px;
}
.login-container .form-container form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.login-container .form-container form button {
  width: 20%;
  font-size: 1.4em;
  min-width: 120px;
  margin-top: 18px;
  align-self: center;
}
#navBar {
  width: calc( 50% - 400px - 25px );
  max-width: calc( 350px -  25px );
  min-width: 200px;
  min-width: 280px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  padding-right: 20px;
  z-index: 349;
  position: absolute;
  left: 0px;
  overflow: hidden;
  top: 0px;
  transition: width 0.4s, max-width 0.4s, margin-left 0.4s;
  font-size: 12em;
}
@media screen and (max-width: 480px) {
  #navBar {
    width: 100%;
  }
}
#navBar:hover.hidden {
  max-width: 1px;
  margin-left: 0px;
}
#navBar.hidden {
  min-width: 0;
  width: 0;
  max-width: 0;
  margin-left: -5px;
}
#navBar.hidden .navbar__clicker .navbar__icon {
  margin-left: 1px;
  transform: rotate(0deg);
}
.navbar__top-bar {
  width: 100%;
  height: 6px;
}
.navbar__showcase-container {
  padding: 5px;
}
.navbar__container {
  padding-left: 3px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: flex;
  flex-direction: column;
}
.navbar__state-menu {
  display: flex;
  padding: 1px;
}
.navbar__loading {
  position: absolute;
  display: flex;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: calc(100% - 25px);
  height: 100%;
  z-index: 500;
  transition: all 1s;
}
.navbar__loading.show {
  pointer-events: auto;
  transition: all 0s;
  opacity: 0.98;
}
.navbar__state-bt {
  width: 50%;
  min-height: 35px;
  display: flex;
  font-size: 1.3em;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.navbar__state {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.navbar__player {
  display: inline-block;
  margin-bottom: 5px;
}
.navbar__news-feed {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.navbar__toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.navbar__cat-button {
  width: 20px;
  float: left;
  margin-left: 1px;
  height: 20px;
  opacity: 0.7;
  border-radius: 3px 3px 0 0;
}
.navbar__cat-button:hover {
  opacity: 0.9;
}
.navbar__cat-button--new {
  line-height: 20px;
  vertical-align: middle;
}
.navbar__cat-button--new::after {
  content: '!';
}
.navbar__cat-button--liked {
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
}
.navbar__cat-button--liked::after {
  content: '';
  display: inline-block;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  background: url('/medias/profil/filled-heart.png');
  background-size: 100% 100%;
}
.navbar__cat-button--fav {
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
}
.navbar__cat-button--fav::after {
  content: '';
  display: inline-block;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  background: url('/medias/article/fav-on.png');
  background-size: 100% 100%;
}
.navbar__cat-button.active {
  width: 25px;
  margin-top: -2px;
  height: 22px;
  opacity: 1;
}
.navbar__search-field {
  flex: 1 1 50%;
  border: 2px solid rgba(10, 10, 10, 0.2);
  width: 20px;
  padding: 3px;
  margin-left: 5px;
  padding-left: 35px;
}
.navbar__search-field::-webkit-input-placeholder {
  font-style: italic;
}
.navbar__search-field:-moz-placeholder {
  font-style: italic;
}
.navbar__search-field::-moz-placeholder {
  font-style: italic;
}
.navbar__search-field:-ms-input-placeholder {
  font-style: italic;
}
.navbar__search-field-container {
  flex: 1 1 60%;
  display: flex;
  padding-left: 15px;
  align-items: center;
}
.navbar__search-field-container::before {
  content: '';
  display: block;
  margin-right: -30px;
  position: relative;
  z-index: 2;
  filter: brightness(2.5);
  height: 16px;
  width: 17px;
  background-image: url('/medias/search.svg');
  background-size: cover;
}
.navbar__list {
  overflow: hidden;
  flex: 1 1 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-radius: 2px;
  position: relative;
}
.navbar__scroller {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 0;
  position: absolute;
  overflow: auto;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.navbar__scroller::-webkit-scrollbar {
  display: none;
}
.navbar__element {
  position: relative;
  margin-bottom: 1px;
  text-align: left;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  opacity: 0.9;
  padding-right: 5px;
}
.navbar__element .hot-notification {
  position: absolute;
  left: 2px;
  top: 2px;
}
.navbar__element--roleplay .long-title-wrap {
  margin-top: 0;
}
.navbar__element--roleplay .info-text {
  color: #CCC;
  padding-bottom: 0px;
  padding-top: 0px;
}
.navbar__element--roleplay.seen {
  opacity: 0.6;
}
.navbar__element img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: 50% 20%;
  display: block;
}
.navbar__element:hover {
  opacity: 1;
}
.navbar__element.seen .img,
.navbar__element.seen .navbar__content,
.navbar__element.seen .navbar__side-info {
  opacity: 0.6;
}
.navbar__bottom-loading {
  height: 70px;
  display: flex;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 100%;
  z-index: 100;
  transition: all 1s;
}
.navbar__bottom-loading.show {
  pointer-events: auto;
  transition: all 0s;
  opacity: 0.98;
}
.navbar__rp-type {
  position: absolute;
  top: 3px;
  color: white;
  opacity: 0.75;
  right: 13px;
  font-style: italic;
}
.navbar__clicker {
  position: absolute;
  right: 0px;
  width: 20px;
  cursor: pointer;
  top: 0;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  box-sizing: border-box;
  padding-top: 50vh;
  vertical-align: middle;
}
.navbar__clicker .navbar__icon {
  width: 15px;
  height: 15px;
  margin-top: -47.5px;
  transform: rotate(180deg);
  margin-left: 2px;
  background: url('/medias/home/open.png');
  background-size: 100% 100%;
  transition: transform 0.4s;
  transition-delay: 0.1s;
}
.navbar__content {
  flex: 1 1 auto;
  overflow: hidden;
}
.navbar__content .date {
  margin-top: 2px;
  margin-left: 4px;
  font-size: 0.8em;
}
.navbar__content .title {
  font-size: 1.1em;
  line-height: 1.1;
  position: relative;
  font-weight: bold;
}
.navbar__content .long-title-wrap {
  margin-left: 4px;
  margin-top: 4px;
}
.navbar__content .author {
  margin-left: 6px;
  display: block;
  font-size: 0.9em;
  margin-bottom: 3px;
}
.navbar__side-info {
  width: 50px;
  flex: 0 0 auto;
  padding: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navbar__side-info .type-navbar {
  text-align: center;
  font-size: 0.75em;
}
.navbar__side-info .village {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
}
.navbar__side-info .village.anar {
  background-image: url('/medias/common/mini-anar.png');
}
.navbar__side-info .village.wilwar {
  background-image: url('/medias/common/mini-wilwar.png');
}
.navbar__side-info .village.sulimo {
  background-image: url('/medias/common/mini-sulimo.png');
}
.navbar__side-info .village.ulmo {
  background-image: url('/medias/common/mini-ulmo.png');
}
.navbar__annonces {
  padding: 10px;
}
.navbar__filter {
  display: flex;
}
.white .navbar__container .title,
.white .navbar__container .author {
  color: #222;
}
.select-box {
  top: 0;
  left: 0;
  position: absolute;
  width: 90px;
  z-index: 10;
}
.select-box.hidden {
  display: none;
}
.select-box li {
  padding: 5px;
  transition: background-color 0.15s;
  cursor: pointer;
}
.select-box li:not(:last-child) {
  border-bottom: 1px solid rgba(200, 200, 200, 0.25);
}
.filter__label {
  border-right: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px;
}
.filter__list {
  position: relative;
}
.filter__placeholder {
  cursor: pointer;
  width: 80px;
  padding: 5px;
  transition: background-color 0.15s;
}
.ulmo .search-field {
  border: 1px solid #11aba6;
}
.anar .search-field {
  border: 1px solid #e3370d;
}
.sulimo .search-field {
  border: 1px solid #e88400;
}
.wilwar .search-field {
  border: 1px solid #9fa70a;
}
#navBar.full-page {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-right: 0;
}
#navBar.full-page .navbar__container {
  padding-right: 5px;
}
#navBar.full-page .navbar__clicker {
  display: none;
}
#navBar.full-page .navbar__loading {
  width: 100%;
}
#navBar.full-page .navbar__scroller {
  right: 0;
}
.navbar-showcased {
  display: flex;
  margin: 6px;
  border-radius: 9px;
  overflow: hidden;
  position: relative;
  align-items: center;
}
.navbar-showcased__miniature {
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: top;
  margin-right: 6px;
}
.navbar-showcased__content {
  text-align: left;
  line-height: 1.2;
}
.navbar-showcased__title {
  font-weight: 600;
  font-size: 1.5em;
}
.navbar-showcased__cat {
  font-size: 1.1em;
}
.navbar-showcased__type {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.panneau-creation-container {
  text-align: center;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
.panneau-creation-container h1 {
  font-size: 5em;
  font-weight: 400;
  font-family: 'Wire One', sans-serif;
}
.panneau-creation-container h2 {
  font-size: 1.3em;
  width: 80%;
  color: #ccc;
  display: inline-block;
  text-align: center;
  font-style: italic;
  margin-bottom: 10px;
}
.panneau-creation-container .common-info {
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #191919;
}
.panneau-creation-container .notification-zone {
  overflow: hidden;
  display: none;
  width: 800px;
  margin-left: 200px;
  margin-right: 200px;
  height: 40px;
}
.panneau-creation-container .notification-zone.active {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.panneau-creation-container .notification-zone .notif-msg {
  float: left;
  text-align: center;
  margin-left: 150px;
  font-size: 1.1em;
  line-height: 40px;
}
.panneau-creation-container .notification-zone .notif-dismiss {
  font-size: 2em;
  float: right;
  cursor: pointer;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}
.panneau-creation-container .return-menu {
  padding: 5px;
  font-style: 1.2em;
  cursor: pointer;
  background-image: url(/medias/home/arrow-up.png);
  transform: rotate(270deg);
  padding-left: 30px;
  width: 40px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: top;
  position: absolute;
  margin-top: 8px;
  left: 0;
}
.panneau-creation-container .center-panel-container {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.panneau-creation-container .center-panel-container .create-post-container {
  width: inherit;
  box-sizing: border-box;
}
.panneau-creation-container .center-panel-container .main-panel {
  box-sizing: border-box;
  padding-bottom: 50px;
  text-align: center;
}
@media (max-width: 899px) {
  .panneau-creation-container .center-panel-container .main-panel .welcome-heading {
    display: none;
  }
  .panneau-creation-container .center-panel-container .main-panel .crea-line {
    display: none;
  }
}
.panneau-creation-container .center-panel-container .main-panel__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 15px;
}
.panneau-creation-container .center-panel-container .main-panel__title .burger-icon {
  margin-left: auto;
  display: none;
}
@media (max-width: 899px) {
  .panneau-creation-container .center-panel-container .main-panel__title {
    justify-content: flex-start;
    font-size: 0.7em;
  }
  .panneau-creation-container .center-panel-container .main-panel__title .burger-icon {
    display: block;
    cursor: pointer;
  }
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list {
  margin: 35px auto 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 520px;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt {
  background: #222;
  margin: 2px;
  width: 166px;
  height: 166px;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 0.15s;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  padding: 3px;
}
@media (max-width: 899px) {
  .panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt {
    height: 130px;
    margin: 3px;
  }
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt svg {
  left: 0;
  top: 0;
  position: absolute;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt .dash {
  border-width: 3px;
  fill: none;
  stroke-width: 6;
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  transition: all 0.35s;
  border-style: dashed;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt:hover {
  background: #333;
  transition: all 0.6s;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt:hover .block {
  opacity: 1;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt:hover .dash {
  transition: all 0.8s;
  stroke-dashoffset: 0;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt .block {
  display: flex;
  align-items: center;
  flex-direction: column;
  opacity: 0.5;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt .type {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
}
.panneau-creation-container .center-panel-container .main-panel .creation-init-list .creation-type-bt .titre {
  text-align: center;
  font-size: 1.5em;
}
.panneau-creation-container .menu-panel {
  background: #121212;
}
.my-post-container h2,
.draft-list-container h2 {
  margin-top: 25px;
  margin-bottom: 0;
}
.post-list {
  background: #121212;
  position: relative;
  box-sizing: border-box;
  margin: 0 9px;
}
.post-list .post-unit {
  padding: 5px 20px;
  text-align: left;
  width: inherit;
  position: relative;
  background: #2c2c2c;
  box-sizing: border-box;
  margin-bottom: 1px;
  font-size: 1.05em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.post-list .post-unit .fa {
  font-size: 1.2em;
}
.post-list .post-unit .post-infos {
  flex: 1 1 auto;
  min-width: 0;
}
.post-list .post-unit .post-infos .date {
  color: #ccc;
}
.post-list .post-unit .title {
  display: inline;
  word-break: break-word;
}
.post-list .post-unit .type {
  background-size: cover;
  width: 70px;
  height: 70px;
  flex: 0 0 auto;
  background-position: top;
}
.post-list .post-unit .action-post {
  flex: 0 0 auto;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  cursor: pointer;
}
.mobile-burger-content {
  position: fixed;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  left: 0;
  margin-top: 75px;
  background-color: #191919;
  z-index: 15;
}
.menu-panel,
.mobile-burger-content {
  width: 100%;
}
.menu-panel .button,
.mobile-burger-content .button {
  padding: 8px 8px 8px 25px;
  font-size: 1.2em;
  background: #222;
  margin-bottom: 1px;
  cursor: pointer;
  text-align: left;
  transition: all 0.35s;
}
.menu-panel .button:hover,
.mobile-burger-content .button:hover {
  background: #2c2c2c;
}
.menu-panel .button.active,
.mobile-burger-content .button.active {
  background: #2c2c2c;
}
.crea-list-container h2 {
  font-size: 1.1em;
  text-align: justify;
  max-width: 510px;
  box-sizing: border-box;
  margin: 25px auto 5px auto;
}
.crea-list-container .crea-line {
  height: 2px;
  background-color: #121212;
  width: 90%;
  margin: 25px auto;
}
.series-list-wrapper h2 {
  margin: 15px 0;
}
.series-list-wrapper > .button {
  max-width: 400px;
  margin: 0 auto;
}
.biblio-media-container bibliotheque-media {
  padding: 0 12px;
  display: block;
  box-sizing: border-box;
}
.creation-type-bt .dash {
  stroke: #a99c73;
}
.sulimo .creation-type-bt .dash {
  stroke: #e88400;
}
.ulmo .creation-type-bt .dash {
  stroke: #11aba6;
}
.wilwar .creation-type-bt .dash {
  stroke: #9fa70a;
}
.anar .creation-type-bt .dash {
  stroke: #e3370d;
}
.hide-overlay {
  position: fixed;
  top: 80px;
  width: 100vw;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  z-index: 1000;
  background-color: rgba(10, 10, 10, 0.7);
}
@media (max-width: 899px) {
  body .parameters {
    flex-direction: column;
  }
  body .parameters__content {
    padding: 10px;
  }
  body .parameters__menu {
    width: 100%;
    padding: 0;
  }
}
.parameters {
  display: flex;
}
.parameters .crush-run-container {
  background-color: #121212;
  padding: 20px;
  margin: 10px 0;
}
.parameters .crush-run-container p {
  padding: 15px;
}
.parameters .main-column {
  display: flex;
}
.parameters__menu {
  width: 220px;
  background-color: #222;
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-sizing: border-box;
  align-items: center;
}
.parameters__menu.button {
  flex: 1;
}
.parameters__content {
  flex: 1;
  box-sizing: border-box;
  padding: 40px 15px 20px 30px;
}
.parameters__section {
  margin-bottom: 30px;
}
.parameters__section.section-disabled {
  pointer-events: none;
}
.parameters__section.section-disabled switch .field {
  opacity: 0.3;
}
.parameters__section .button,
.parameters__section input[type="submit"] {
  max-width: 25%;
  margin: auto;
  min-width: max-content;
}
.parameters__section--warning {
  padding: 12px;
  background-color: #101010;
  border: 1px solid #070707;
  border-radius: 5px;
}
.parameters__section--warning .button {
  max-width: unset;
  margin-top: 12px;
  width: 100%;
}
.parameters__themes {
  display: flex;
  justify-content: flex-end;
}
.parameters__theme-unit:not(.enabled) {
  filter: grayscale(0.75);
  opacity: 0.8;
  cursor: not-allowed;
}
.parameters__theme-unit:not(.enabled) .fond-village {
  pointer-events: none;
}
.parameters__theme-unit .fond-village {
  width: 25px;
  height: 25px;
  margin: 10px;
  border-radius: 50%;
  cursor: pointer;
  border: 0px solid rgba(255, 255, 255, 0.8);
  transition: 0.25s linear;
}
.parameters__theme-unit.selected .fond-village {
  margin: 5px;
  border: 5px solid rgba(255, 255, 255, 0.8);
}
.parameters h1,
.parameters h2 {
  font-family: 'Wire One', sans-serif;
}
.parameters h1 {
  font-size: 3.5em;
  margin-bottom: 20px;
}
.parameters h2 {
  font-size: 2.7em;
  margin-bottom: 10px;
}
.theme__field {
  align-items: center;
}
.theme__field .parameters__themes {
  margin-left: auto;
}
body.mobile .population__row {
  flex-direction: column;
}
body.mobile .population__title {
  display: none;
}
body.mobile .population__list {
  margin-top: 6px;
  width: 100%;
  order: 2;
  flex-direction: column;
}
body.mobile .population__element {
  flex: 0 0 auto;
  width: 100%;
  margin-right: 0;
}
body.mobile .population__avatar {
  flex: 0 0 auto;
}
body.mobile .custom-search {
  order: 1;
  width: 100%;
  top: 0;
  min-height: 0;
  flex: 0 0 auto;
}
body.mobile .custom-search__section {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
body.mobile .custom-search__separation-line {
  display: none;
}
body.mobile .custom-search__unique-button {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  margin-top: 12px;
}
.population__row {
  display: flex;
}
.population__title {
  font-size: 3em;
  width: 100%;
  background-color: #222;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 12px;
  font-family: "Wire One", sans-serif;
}
.population__list {
  align-self: flex-start;
  flex: 1 0 60%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.population__element {
  --columns: 2;
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 0 0 calc((100% / var(--columns)) - 4.5px);
  text-align: center;
  background: #a99c73;
  opacity: 0.84;
  transition: opacity 0.35s;
  margin-bottom: 9px;
  box-sizing: border-box;
  padding: 6px;
}
.population__element:nth-child(2n + 1) {
  margin-right: 9px;
}
.population__element.anar {
  background: #e3370d;
}
.population__element.ulmo {
  background: #11aba6;
}
.population__element.sulimo {
  background: #e88400;
}
.population__element.wilwar {
  background: #9fa70a;
}
.population__element:hover {
  opacity: 1;
}
.population__avatar {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  background-position: center 0;
  background-size: cover;
  border-radius: 50%;
  margin-right: 12px;
}
.population__pseudo {
  width: inherit;
  font-size: 1.5em;
  line-height: 1.15em;
  color: #fff;
  word-break: break-word;
  display: block;
  margin-right: 3px;
  text-align: left;
}
.population__type {
  margin-left: auto;
  font-size: 1.5em;
  opacity: 0.7;
}
.custom-search {
  padding: 12px;
  box-sizing: border-box;
  position: -webkit-sticky;
  top: 12px;
  position: sticky;
  flex: 0 0 300px;
  align-self: flex-start;
  padding-bottom: 25px;
  margin-right: 10px;
  background: #222;
}
.custom-search__section {
  margin-left: 15px;
  margin-right: 15px;
}
.custom-search__input {
  position: relative;
}
.custom-search__input:after {
  content: '';
  width: 1.2em;
  height: 1.2em;
  right: 0.4em;
  top: 0.45em;
  position: absolute;
  display: block;
  background-image: url('./medias/search.svg');
  background-size: cover;
}
.custom-search__input input {
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  padding-left: 5px;
  border: none;
  height: 2em;
  background: #070707;
}
.custom-search__village-filter {
  margin-top: 5px;
  margin-bottom: 15px;
}
.custom-search__village-button {
  width: 42px;
  height: 42px;
  display: inline-block;
  cursor: pointer;
  margin: 0 2px;
  opacity: 0.65;
  transition: opacity 0.2s;
  background-size: cover;
  filter: grayscale(0.5);
  border: 10px solid white;
  background-repeat: no-repeat;
}
.custom-search__village-button.sulimo {
  background-image: url(/medias/common/sulimo_icone.png);
  border-color: #e88400;
}
.custom-search__village-button.anar {
  background-image: url(/medias/common/anar_icone.png);
  border-color: #e3370d;
}
.custom-search__village-button.wilwar {
  background-image: url(/medias/common/wilwar_icone.png);
  border-color: #9fa70a;
}
.custom-search__village-button.ulmo {
  background-image: url(/medias/common/ulmo_icone.png);
  border-color: #11aba6;
}
.custom-search__village-button.active {
  filter: none;
  opacity: 1;
}
.custom-search__village-button:hover {
  transition: opacity 0.4s;
  opacity: 0.8;
}
.custom-search__village-button:hover.active {
  opacity: 0.95;
}
.custom-search__separation-line {
  background-color: #121212;
  height: 2px;
  margin: 10px 0;
}
.custom-search__type-filter {
  width: 100%;
  background-color: #191919;
  margin-bottom: 3px;
  display: flex;
  flex-wrap: wrap;
}
.custom-search__type-button {
  flex: 1 1 40%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  padding: 5px;
  box-sizing: border-box;
  font-size: 1.1em;
  margin: 2px;
  transition: opacity 0.3s, background-color 0.3s;
  background-size: 45px 45px;
  background-position: center;
}
.custom-search__type-button.active {
  background-color: #555;
  opacity: 1;
}
.custom-search__type-button:hover {
  opacity: 0.95;
  background-color: #4c4c4c;
}
.custom-search__unique-button {
  text-align: center;
  margin-top: 30px;
  height: 30px;
  background: #333;
  cursor: pointer;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 15px;
  color: #fff;
  position: relative;
  font-size: 1.15em;
  opacity: 0.9;
}
.custom-search__unique-button::before {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-top: 4px;
  margin-left: 5px;
  background: #050505;
}
.custom-search__unique-button::before:hover {
  opacity: 1;
}
.custom-search__unique-button::before:hover::before {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-top: 4px;
  margin-left: -30px;
  background-color: #333;
}
.custom-search__unique-button.active::before {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-top: 4px;
  background-color: #d9b76f;
}
.sulimo .custom-search__equipe-button.active::before {
  background-color: #e88400 !important;
}
.ulmo .custom-search__equipe-button.active::before {
  background-color: #11aba6 !important;
}
.wilwar .custom-search__equipe-button.active::before {
  background-color: #9fa70a !important;
}
.anar .custom-search__equipe-button.active::before {
  background-color: #e3370d !important;
}
.questionnaire-test {
  width: 400px;
  padding: 30px;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  color: black;
  font-size: 1.2em;
}
.questionnaire-test div {
  margin: 5px;
}
.questionnaire-test .title {
  font-size: 1.5em;
}
.questionnaire-test textarea {
  margin: 5px;
  margin-bottom: 30px;
  float: none;
  display: block;
  width: inherit;
  height: 4em;
}
.questionnaire-test .valid {
  width: 100%;
}
.questionnaire-test .result-text {
  height: 350px;
  overflow: scroll;
}
.qcm {
  text-align: center;
}
.qcm .main-column__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none!important;
}
.qcm h1 {
  font-size: 4em;
  font-family: "Wire One", sans-serif;
  margin-bottom: 40px;
  margin-top: -60px;
}
.qcm h1span.anar {
  background: #e3370d;
}
.qcm h1span.wilwar {
  background: #9fa70a;
}
.qcm h1span.sulimo {
  background: #e88400;
}
.qcm h1span.ulmo {
  background: #11aba6;
}
.qcm .fiche-finale {
  display: none;
  width: 500px;
  height: 400px;
  background: #191919;
  padding: 30px;
}
.qcm .fiche-finale.active {
  display: inline-block;
}
.qcm .fiche-finale .image {
  width: 193px;
  height: 400px;
  float: left;
}
.qcm .fiche-finale .text {
  width: 280px;
  margin-left: 15px;
  float: left;
  text-align: justify;
  height: 400px;
  display: flex;
  flex-direction: column;
}
.qcm .fiche-finale .text .title {
  width: 100%;
  margin-bottom: 10px;
  font-size: 3em;
  text-align: center;
  font-family: 'Wire One';
}
.qcm .fiche-finale .text .description {
  margin-bottom: 15px;
}
.qcm .fiche-finale .text .quote {
  font-style: italic;
  font-size: 0.9em;
}
.qcm .fiche-finale a {
  margin-top: auto;
  margin-bottom: auto;
}
.qcm__questionnaire {
  flex-direction: column;
  align-items: stretch;
  margin: 0 35px;
  align-self: center;
  width: 93%;
  max-width: 800px;
  position: relative;
}
.qcm__question {
  background: #111;
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
  display: inline-block;
}
.qcm__question h2 {
  font-size: 1.5em;
  text-align: justify;
  text-indent: 2%;
  margin-bottom: 30px;
}
.qcm .image {
  background-color: #090909;
  height: 115px;
  margin-bottom: 15px;
  background-size: cover;
  background-position: center;
}
.qcm .choice {
  padding: 3px;
  cursor: pointer;
  font-size: 1.2em;
  text-align: center;
  background: #555;
  display: block;
  margin-top: 5px;
}
.qcm .choice.select.anar {
  background: #e3370d;
}
.qcm .choice.select.wilwar {
  background: #9fa70a;
}
.qcm .choice.select.sulimo {
  background: #e88400;
}
.qcm .choice.select.ulmo {
  background: #11aba6;
}
.qcm .choice:active {
  filter: brightness(0.7) contrast(2.2);
}
.qcm .choice:hover {
  background: #777;
}
.qcm .choice:hover.select.anar {
  background: #ff3d0e;
}
.qcm .choice:hover.select.wilwar {
  background: #c0ce0d;
}
.qcm .choice:hover.select.sulimo {
  background: #ffae25;
}
.qcm .choice:hover.select.ulmo {
  background: #06cdc4;
}
.qcm .choice .label {
  display: inline-block;
}
.qcm .choice .label .big {
  font-weight: bold;
  font-size: 1.3em;
}
.qcm .choice .label .italic {
  font-style: italic;
}
.qcm .choice .label .little {
  font-size: 0.8em;
}
.qcm .confirm {
  align-self: center;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
  display: none;
  cursor: pointer;
  background: #534f3b;
}
.qcm .confirm.active {
  display: inline-block;
}
.qcm .confirm.anar {
  background: #e3370d;
}
.qcm .confirm.wilwar {
  background: #9fa70a;
}
.qcm .confirm.sulimo {
  background: #e88400;
}
.qcm .confirm.ulmo {
  background: #11aba6;
}
.qcm .confirm:hover.anar {
  background: #ff3d0e;
}
.qcm .confirm:hover.wilwar {
  background: #c0ce0d;
}
.qcm .confirm:hover.sulimo {
  background: #ffae25;
}
.qcm .confirm:hover.ulmo {
  background: #06cdc4;
}
.qcm__progress {
  position: absolute;
  top: -30px;
  right: -25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  font-size: 1.2em;
  height: 60px;
  font-weight: bold;
  vertical-align: middle;
  border-radius: 50%;
}
.qcm__progress.anar {
  background: #e3370d;
}
.qcm__progress.wilwar {
  background: #9fa70a;
}
.qcm__progress.sulimo {
  background: #e88400;
}
.qcm__progress.ulmo {
  background: #11aba6;
}
.qcm .results {
  position: absolute;
  padding: 15px;
  background: #534f3b;
  border-radius: 10px;
  width: 240px;
  top: 20px;
  left: 100%;
  border: 3px solid #a99c73;
  margin-left: -290px;
  display: none;
}
.qcm .results .title {
  width: 90%;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 1.3em;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
  border-radius: 5px;
}
.qcm .results .line {
  width: 240px;
  display: inline-block;
  margin-bottom: 15px;
}
.qcm .results .line .carac-container {
  height: 25px;
  padding: 10px;
  padding-bottom: 0px;
  display: inline-block;
  background: #111;
  border-radius: 5px;
  height: 30px;
}
.qcm .results .line .carac-container div {
  float: left;
}
.qcm .results .line .carac-container .min {
  width: 90px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.qcm .results .line .carac-container .max {
  width: 90px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.qcm .results .line .carac-container .number {
  background: #333;
  width: 40px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-size: 1.5em;
  margin-top: -2px;
  font-weight: bold;
}
.qcm .results .line .carac-container .number.anar {
  color: #ff3d0e;
}
.qcm .results .line .carac-container .number.sulimo {
  color: #ffae25;
}
.qcm .results .line .carac-container .number.ulmo {
  color: #06cdc4;
}
.qcm .results .line .carac-container .number.wilwar {
  color: #c0ce0d;
}
.ruling-scroller {
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  overflow: auto;
  font-size: 12em;
}
.reglemen-container {
  width: 800px;
  position: relative;
  left: 50%;
  margin-left: -400px;
  background: #191919;
  padding-bottom: 50px;
}
.ruling-container {
  padding: 17px;
}
.ruling-container p {
  text-align: justify;
  text-indent: 20px;
  font-size: 1em;
  letter-spacing: 0.08em;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.ruling-container h1 {
  font-family: 'Wire One';
  font-size: 5em;
}
.ruling-container h2 {
  font-size: 4.1em;
  font-family: 'Wire One';
  text-align: left;
  margin-left: 30px;
  margin-bottom: 25px;
  margin-top: 40px;
}
.ruling-container .ok-list {
  text-align: left;
}
.ruling-container .ok-list strong:before {
  display: inline-block;
  margin: 10px;
  content: 'OK';
  color: #9fa70a;
  font-size: 1.2em;
}
.ruling-container .ok-list b:before {
  content: 'PAS OK';
  display: inline-block;
  margin: 10px;
  color: #e3370d;
  font-size: 1.2em;
}
.ruling-container.faq-container .question-container {
  background: #222;
  text-align: left;
  margin-bottom: 15px;
  border: 1px solid black;
}
.ruling-container.faq-container .question-container:hover h3 {
  background: #414141;
}
.ruling-container.faq-container .question-container h3 {
  font-size: 1.6em;
  cursor: pointer;
  margin-bottom: 5px;
  background: #333;
  padding: 5px;
  padding-left: 15px;
}
.ruling-container.faq-container .question-container .paragraph {
  display: none;
  padding: 20px;
  text-indent: 15px;
  overflow: hidden;
  text-align: justify;
  font-size: 1em;
  letter-spacing: 0.08em;
  line-height: 1.5em;
}
.ruling-container.faq-container .question-container .paragraph ul {
  margin: 5px;
  margin-left: 15px;
}
.ruling-container.faq-container .question-container.active .paragraph {
  display: block;
}
.rp-create-type {
  display: flex;
  position: relative;
  height: 100%;
  font-size: 12em;
  align-items: center;
  justify-content: center;
  background-image: url('/medias/fond_rp.jpg');
  background-size: cover;
}
@media (max-width: 900px) {
  .rp-create-type {
    flex-direction: column;
  }
}
.rp-create-type__panel {
  margin: 5px;
  flex: 1 1 50%;
  min-height: 250px;
  background-color: rgba(60, 60, 60, 0.8);
  border: 1px solid #414141;
  transition: all 0.2s;
  max-width: 400px;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.rp-create-type__panel h2 {
  background-color: rgba(10, 10, 10, 0.2);
  padding: 5px;
  font-family: 'Wire One', sans-serif;
  font-size: 3.5em;
  text-align: center;
}
.rp-create-type__text {
  padding: 20px;
  flex: 1 1 auto;
  display: flex;
}
.chat-rp-home-container input {
  background: #222;
}
.chat-rp-home-container .middle-content {
  width: 800px;
  background: #191919;
  position: relative;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
@media screen and (max-width: 1280px) {
  .chat-rp-home-container .middle-content {
    width: 600px;
  }
}
.chat-rp-home-container .side-chat {
  padding: 5px;
  box-sizing: border-box;
  top: 85px;
  z-index: 100;
  background: #191919;
}
.chat-rp-home-container .side-chat .mute-bt {
  font-size: 0.95em;
  width: 100%;
  color: #aaa;
  text-align: right;
}
.chat-rp-home-container .side-chat .mute-bt:hover {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.chat-rp-home-container .side-chat .list {
  width: auto;
  overflow-y: auto;
  background: #121212;
  text-align: justify;
  height: calc( 100vh - 80px - 200px);
  border: 1px solid #070707;
  max-height: 800px;
}
.chat-rp-home-container .side-chat .list .item {
  box-sizing: border-box;
  overflow-x: hidden;
  padding: 2px 10px 2px 10px;
  background-color: #191919;
  margin-bottom: 1px;
}
.chat-rp-home-container .side-chat .list .item.system {
  font-style: italic;
}
.chat-rp-home-container .side-chat .list .item span {
  display: inline;
  margin-left: 3px;
  text-align: left;
}
.chat-rp-home-container .side-chat .list .item span.time {
  color: #666;
  font-style: italic;
}
.chat-rp-home-container .side-chat .list .item span.user {
  margin-right: 3px;
  font-weight: bold;
}
.chat-rp-home-container .side-chat .message-input {
  display: flex;
  text-align: center;
  align-items: stretch;
}
.chat-rp-home-container .side-chat .message-input .input {
  border: 0;
  margin: 0;
  background-color: #070707;
  border-radius: 0 0 0 5px;
  padding: 5px;
  width: 70%;
  border: 1px solid #070707;
  display: inline-flex;
  box-sizing: border-box;
}
.chat-rp-home-container .side-chat .message-input .send {
  display: inline-flex;
  padding: 4px;
  box-sizing: border-box;
  width: 30%;
  box-shadow: none;
  border-radius: 0 0 5px 0;
  text-align: center;
}
.crp-home-container {
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
}
.crp-home-container h1 {
  font-family: 'Wire One';
  font-size: 3.5em;
  height: 8vh;
  text-align: center;
  line-height: 8vh;
}
.crp-home-container .charte-bt {
  height: 4vh;
  line-height: 4vh;
  font-size: 1.25em;
  box-sizing: border-box;
}
.crp-home-container .charte-container {
  position: fixed;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  top: 80px;
  z-index: 1000;
  left: 0;
}
.crp-home-container .charte-container .fond {
  width: inherit;
  height: inherit;
  position: absolute;
  background: rgba(10, 10, 10, 0.85);
}
.crp-home-container .charte-container .wrapper {
  width: 700px;
  position: relative;
  position: absolute;
  left: 50%;
  margin-left: -350px;
  background: #191919;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 50px );
  margin-top: 25px;
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box;
}
.crp-home-container .charte-container .wrapper .close {
  position: fixed;
  left: 50%;
  margin-left: 300px;
  text-shadow: 0 0 5px black;
  cursor: pointer;
  top: 100px;
  font-weight: bold;
  font-size: 2em;
}
.crp-home-container .charte-container .wrapper .paragraph {
  text-align: justify;
}
.crp-home-container .charte-container .wrapper .paragraph h2 {
  font-family: 'Wire One';
  font-size: 3em;
  margin-bottom: 15px;
  margin-top: 20px;
  text-align: center;
}
.crp-home-container .charte-container .wrapper .paragraph h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.crp-home-container .charte-container .wrapper .paragraph p {
  text-indent: 15px;
  color: #ccc;
  margin-bottom: 5px;
}
.crp-home-container .charte-container .wrapper .paragraph ul {
  background: #121212;
  padding: 10px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-left: 25px;
}
.crp-home-container .charte-container .wrapper .paragraph ul li {
  text-indent: 10px;
  margin-bottom: 5px;
}
.crp-home-container .announcement-container {
  width: 340px;
  margin-left: 10px;
  box-sizing: border-box;
  padding: 15px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 70px );
  background: #121212;
  color: #ccc;
}
.crp-home-container .announcement-container h2 {
  margin-top: 5vh;
  margin-bottom: 10px;
}
.crp-home-container .announcement-container .bloc {
  color: #aaa;
  font-style: italic;
}
.crp-home-container .crp-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.crp-home-container .presentation {
  width: 450px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}
.crp-home-container .rp-video {
  background: black;
  height: 36vh;
}
.crp-home-container .rp-video .iframe {
  width: 100%;
  height: inherit;
}
.crp-home-container .village-list {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: auto;
  box-sizing: border-box;
  align-items: stretch;
  flex-direction: column;
  position: relative;
}
.crp-home-container .village-list .village {
  margin: 2px;
  height: 50px;
  min-height: 9vh;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  position: relative;
  color: white;
  background: #444;
}
.crp-home-container .village-list .village:before {
  content: 'aller à';
  position: absolute;
  z-index: 2;
  text-align: center;
  display: inline-block;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  top: 15%;
  font-size: 0.9em;
  font-style: italic;
}
.crp-home-container .village-list .village:hover {
  background: #222;
}
.crp-home-container .village-list .village .background {
  width: 100%;
  height: 100%;
  opacity: 1;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1);
  position: absolute;
  background: url('/medias/tchat/locations/wilwar/champs_off.jpg') no-repeat center;
  background-size: cover;
  transition: opacity 1.2s;
}
.crp-home-container .village-list .village:hover .background {
  transition: 0.5s;
  opacity: 0;
}
.crp-home-container .village-list .village:hover .label {
  background: rgba(10, 10, 10, 0.05);
}
.crp-home-container .village-list .village .label {
  position: absolute;
  width: 100%;
  height: 9vh;
  padding-top: 3px;
  box-sizing: border-box;
  text-align: center;
  line-height: 9vh;
  font-size: 1.8em;
  text-transform: capitalize;
  text-shadow: 0 0 10px rgba(10, 10, 10, 0.6);
  background: rgba(10, 10, 10, 0.15);
  transition: background 0.5s;
}
.crp-home-container .village-list .village.anar .label {
  background: rgba(224, 63, 19, 0.4);
}
.crp-home-container .village-list .village.wilwar .label {
  background: rgba(150, 166, 15, 0.4);
}
.crp-home-container .village-list .village.sulimo .label {
  background: rgba(208, 124, 12, 0.4);
}
.crp-home-container .village-list .village.ulmo .label {
  background: rgba(17, 170, 168, 0.4);
}
.crp-home-container .village-list .village.anar:hover .label {
  background: rgba(224, 63, 19, 0.1);
}
.crp-home-container .village-list .village.wilwar:hover .label {
  background: rgba(150, 166, 15, 0.1);
}
.crp-home-container .village-list .village.sulimo:hover .label {
  background: rgba(208, 124, 12, 0.1);
}
.crp-home-container .village-list .village.ulmo:hover .label {
  background: rgba(17, 170, 168, 0.1);
}
.crp-village-container {
  width: 100%;
}
.crp-village-container h1 {
  padding: 15px 0 15px 0;
  font-family: 'Wire One', Arial;
  font-size: 4.5em;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.crp-village-container .banner {
  line-height: 4em;
}
.crp-village-container .banner .back-bt {
  cursor: pointer;
  background: url('/medias/home/arrow-up.png');
  background-repeat: no-repeat;
  position: absolute;
  width: 40px;
  margin-top: 20px;
  margin-left: 15px;
  height: 40px;
  transition: margin 0.15s;
  transform: rotate(270deg);
  background-size: 40px;
}
.crp-village-container .banner .back-bt:hover {
  margin-left: 12px;
  transition: margin 0.35s;
}
.crp-village-container h2 {
  font-family: 'Wire One', Arial;
  font-size: 3em;
  margin-left: 10px;
  text-align: center;
  margin-right: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #070707;
}
.crp-village-container .container {
  display: flex;
  position: relative;
  align-items: stretch;
  margin-bottom: 35px;
}
.crp-village-container .open-rooms {
  width: 310px;
  margin-left: 10px;
  background: #121212;
}
.crp-village-container .open-rooms .room {
  padding: 10px;
  text-align: left;
  margin: 1px;
  line-height: 1.5em;
  padding-top: 10px;
  position: relative;
  background-color: #191919;
  box-sizing: border-box;
}
.crp-village-container .open-rooms .room .space-left {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 1.2em;
}
.crp-village-container .open-rooms .room .room-status {
  margin-top: 5px;
  color: #e3370d;
  margin-right: 15px;
}
.crp-village-container .open-rooms .room .room-status.open {
  color: #9fa70a;
}
.crp-village-container .open-rooms .room .creationtime {
  font-style: italic;
  color: #ccc;
}
.crp-village-container .open-rooms .room .owner {
  color: #a99c73;
}
.crp-village-container .open-rooms .room .owner.anar {
  color: #e3370d;
}
.crp-village-container .open-rooms .room .owner.wilwar {
  color: #9fa70a;
}
.crp-village-container .open-rooms .room .owner.ulmo {
  color: #11aba6;
}
.crp-village-container .open-rooms .room .owner.sulimo {
  color: #e88400;
}
.crp-village-container .open-rooms .room .name {
  margin-bottom: 3px;
}
.crp-village-container .open-rooms .room .location {
  position: absolute;
  right: 10px;
  margin: 0;
  padding: 0;
  color: #ddd;
  top: 10px;
}
.crp-village-container .open-rooms .room:hover {
  cursor: pointer;
  background: #222;
}
.crp-village-container .room-creation {
  width: 460px;
  background-color: #121212;
  box-sizing: border-box;
  padding: 5px;
  padding-bottom: 15px;
  margin-left: 8px;
  position: relative;
}
.crp-village-container .room-creation h3 {
  text-align: center;
}
.crp-village-container .room-creation .member-listing {
  width: 65%;
  display: inline-block;
}
.crp-village-container .room-creation .line {
  width: 30%;
  display: inline-block;
  margin-left: 5%;
  padding-top: 30px;
  vertical-align: top;
}
.crp-village-container .room-creation .line .switch {
  display: inline-block;
  width: 80%;
  margin: 0 2.5% 0 0;
  height: 10px;
  position: relative;
  top: -14px;
  cursor: pointer;
  background: #070707;
}
.crp-village-container .room-creation .line .switch .handle {
  width: 85%;
  height: 22px;
  text-align: center;
  position: relative;
  transition: background 0.4s, margin 0.35s;
  margin-top: -5px;
}
.crp-village-container .room-creation .line .switch .handle:not(.open) {
  background: #414141;
}
.crp-village-container .room-creation .line .switch .handle:before {
  content: 'Privée';
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
  width: 100%;
  vertical-align: middle;
}
.crp-village-container .room-creation .line .switch .handle.open {
  margin-left: 15%;
}
.crp-village-container .room-creation .line .switch .handle.open:before {
  width: 100%;
  line-height: 22px;
  vertical-align: middle;
  position: absolute;
  content: 'Publique';
}
.crp-village-container .room-creation .line .search {
  position: relative;
  width: 70%;
  display: inline-block;
}
.crp-village-container .room-creation .line input {
  color: white;
}
.crp-village-container .room-creation .line .search-list {
  width: 90%;
  position: absolute;
  top: 35px;
  margin-left: 5%;
  z-index: 1000;
  background: #121212;
}
.crp-village-container .room-creation .line .search-list .user {
  background: #222;
  margin-bottom: 2px;
  padding: 1px;
  font-size: 1.1em;
  transition: background 0.25s;
  color: #a99c73;
}
.crp-village-container .room-creation .line .search-list .user.anar {
  color: #e3370d;
}
.crp-village-container .room-creation .line .search-list .user.wilwar {
  color: #9fa70a;
}
.crp-village-container .room-creation .line .search-list .user.sulimo {
  color: #e88400;
}
.crp-village-container .room-creation .line .search-list .user.ulmo {
  color: #11aba6;
}
.crp-village-container .room-creation .line .search-list .user:hover {
  cursor: pointer;
  background: #2c2c2c;
}
.crp-village-container .room-creation .line .invite-list {
  text-align: left;
  margin-top: 5px;
}
.crp-village-container .room-creation .line .invite-list .invitee {
  padding: 1px;
  font-size: 1.1em;
  padding-left: 20px;
  padding-right: 12px;
  width: auto;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.crp-village-container .room-creation .line .invite-list .invitee.anar {
  background: #e3370d;
}
.crp-village-container .room-creation .line .invite-list .invitee.wilwar {
  background: #9fa70a;
}
.crp-village-container .room-creation .line .invite-list .invitee.sulimo {
  background: #e88400;
}
.crp-village-container .room-creation .line .invite-list .invitee.ulmo {
  background: #11aba6;
}
.crp-village-container .room-creation .line .invite-list .invitee .remove {
  font-size: 1.5em;
  left: 5px;
  line-height: 1em;
  cursor: pointer;
  position: absolute;
  transform: rotate(45deg);
  margin-right: 5px;
}
.crp-village-container .room-creation .line .invite-list .invitee div {
  display: inline-block;
}
.crp-village-container input[type="range"] {
  position: relative;
  margin-left: 1em;
}
.crp-village-container input[type="range"]:after,
.crp-village-container input[type="range"]:before {
  position: absolute;
  top: 1em;
  color: #aaa;
}
.crp-village-container input[type="range"]:before {
  left: 0em;
  content: attr(min);
}
.crp-village-container input[type="range"]:after {
  right: 0em;
  content: attr(max);
}
.crp-village-container .rp-location {
  width: 48%;
  margin: 1% 1% 1% 1%;
  height: 80px;
  display: inline-block;
  background-color: #111;
  cursor: pointer;
  position: relative;
  box-shadow: inset 0 0 10px 10px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 3px #111;
  background: url('/medias/tchat/locations/wilwar/champs_on.jpg') no-repeat center;
  background-size: cover;
}
.crp-village-container .rp-location .cover {
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1);
  position: absolute;
  background: url('/medias/tchat/locations/wilwar/champs_off.jpg') no-repeat center;
  background-size: cover;
  transition: opacity 0.7s;
}
.crp-village-container .rp-location:not(.selected) {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}
.crp-village-container .rp-location:not(.selected) .name {
  opacity: 0.7;
}
.crp-village-container .rp-location:not(.selected) .cover {
  opacity: 1;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}
.crp-village-container .rp-location .name {
  position: absolute;
  line-height: 80px;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}
.crp-village-container .rp-location:hover .cover {
  opacity: 0;
}
.crp-village-container .submit-room {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.3em;
  margin-top: 10px;
}
.crp-modal {
  position: fixed;
  z-index: 300;
  left: 0;
  top: 80px;
  box-sizing: border-box;
  padding-left: calc( 50% - 400px);
  padding-right: calc( 50% - 400px);
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background: rgba(10, 10, 10, 0.7);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crp-modal .modal {
  width: 500px;
  background: #191919;
  padding: 50px;
  box-sizing: border-box;
}
.crp-modal .title {
  font-size: 1.3em;
  margin-bottom: 35px;
}
.crp-modal .subtitle {
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 1.1em;
  color: #ccc;
}
.crp-modal .button {
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 5px;
  margin-right: 5px;
  box-sizing: border-box;
  display: inline-block;
}
.crp-modal .button.desactivate {
  background: #333;
  pointer-events: none;
  color: #ccc;
}
.side-actions {
  width: calc( 50% - 400px - 15px );
  max-width: calc( 350px -  15px );
  min-width: 200px;
  height: 110px;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  background: none !important;
  top: auto !important;
  margin-left: 410px;
  bottom: 5px;
  text-align: center;
}
.side-actions .button {
  padding: 7px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  font-size: 1.1em;
  cursor: pointer;
}
.side-actions .button .time-left {
  position: absolute;
  font-size: 0.85em;
  display: block;
  opacity: 0.8;
  width: 100%;
  text-align: center;
  left: 0;
  font-style: italic;
  top: 19px;
}
.side-actions .button.desactivate {
  pointer-events: none;
  background: #555;
  opacity: 0.9;
}
.side-actions .button.full {
  margin-bottom: 3px;
  height: 40px;
  line-height: 30px;
  width: 100%;
}
.side-actions .button.semi {
  margin-right: 0px;
  margin-left: 1px;
  flex: 1 1 auto;
}
.side-actions .button.semi:first-child {
  margin-right: 1px;
  margin-left: 0px;
}
.side-actions .semi-container {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  align-items: stretch;
  flex-direction: row;
}
.side-actions .time-container {
  width: inherit;
  box-sizing: border-box;
  padding: 3px;
  font-size: 1.2em;
  margin-top: 5px;
  background: #191919;
}
.side-actions .time-container .label {
  opacity: 0.7;
}
.crp-chat-room-container {
  background-color: #191919;
  position: relative;
  transition: padding-top 0.15s;
  -webkit-user-select: auto;
  /* Chrome/Safari */
  -moz-user-select: auto;
  /* Firefox */
  -ms-user-select: auto;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: auto;
  user-select: auto;
}
.crp-chat-room-container .ta-bind {
  background: #333;
}
.crp-chat-room-container .banner {
  z-index: 1;
  left: 0;
  overflow: hidden;
  height: 300px;
  line-height: 300px;
  font-size: 3em;
  transition: all 0.15s;
  opacity: 1;
}
.crp-chat-room-container .banner h1 {
  background-color: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 20px black;
  font-family: 'Wire One';
}
.crp-chat-room-container .msg-list {
  padding: 10px;
  position: relative;
  box-sizing: border-box;
  background: #121212;
}
.crp-chat-room-container .msg-list .msg-container {
  display: flex;
  margin-bottom: 15px;
}
.crp-chat-room-container .msg-list .msg-container .profil {
  width: 120px;
  display: flex-box;
  padding-top: 10px;
  background: #222;
}
.crp-chat-room-container .msg-list .msg-container .profil .avatar {
  width: 90px;
  display: inline-block;
  height: 90px;
  background-color: black;
  border-radius: 50%;
}
.crp-chat-room-container .msg-list .msg-container .profil .link {
  cursor: pointer;
  width: 70%;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1em;
}
.crp-chat-room-container .msg-list .msg-container .profil .name {
  font-size: 2.5em;
  width: 100px;
  display: inline-block;
  font-family: 'Wire One', Arial;
}
.crp-chat-room-container .msg-list .msg-container .triangle {
  position: absolute;
  margin-left: 110px;
  margin-top: 20px;
  display: block;
}
.crp-chat-room-container .msg-list .msg-container .msg {
  margin-left: 15px;
  background: #333;
  display: flex-box;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 10px;
  padding-top: 20px;
  text-align: justify;
  width: 645px;
}
.crp-chat-room-container .msg-list .msg-container .msg p {
  margin-left: 20px;
}
.crp-chat-room-container .msg-list .msg-container .event-container {
  width: 100%;
  background: #333;
  box-sizing: border-box;
  padding: 15px;
  font-size: 1.2em;
  font-style: italic;
  border: 1px solid #222;
}
.crp-chat-room-container .msg-list .msg-container .event-wrapper {
  width: 100%;
}
.crp-chat-room-container .msg-list .msg-container .other-user.sulimo .event-container {
  border: 1px solid #662902;
  color: #ffae25;
}
.crp-chat-room-container .msg-list .msg-container .other-user.anar .event-container {
  border: 1px solid #601000;
  color: #ff3d0e;
}
.crp-chat-room-container .msg-list .msg-container .other-user.wilwar .event-container {
  border: 1px solid #424d05;
  color: #c0ce0d;
}
.crp-chat-room-container .msg-list .msg-container .other-user.ulmo .event-container {
  border: 1px solid #0b494b;
  color: #06cdc4;
}
.crp-chat-room-container .input-container {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 35px;
}
.crp-chat-room-container .input-container .prevent-writing {
  width: 620px;
  max-width: 80%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background: rgba(15, 15, 15, 0.7);
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 100;
  justify-content: center;
}
.crp-chat-room-container .input-container textarea {
  color: #aaa;
  background: #070707;
  width: 100%;
  box-sizing: border-box;
}
.crp-chat-room-container .input-container .user-list {
  min-width: 140px;
  background: #121212;
  box-sizing: border-box;
  border: 1px solid #222;
}
.crp-chat-room-container .input-container .user-list h5 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  border-bottom: 1px solid #070707;
  width: 80%;
  vertical-align: middle;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.crp-chat-room-container .input-container .user-list .user-bloc {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  background: #191919;
  margin-bottom: 1px;
}
.crp-chat-room-container .input-container .user-list .user-bloc.his-turn {
  background: #222;
  display: flex;
  align-items: center;
}
.crp-chat-room-container .input-container .user-list .user-bloc.his-turn:before {
  content: '';
  width: 0;
  display: block;
  height: 0;
  margin-right: 3px;
  border-style: solid;
  margin-top: 2px;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #ffffff;
}
.crp-chat-room-container .input-container .options-container {
  min-width: 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.crp-chat-room-container .input-container .options-container .button {
  font-size: 1.3em;
  width: 40px;
}
.crp-chat-room-container .input-container .options-container .button.send {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  text-align: center;
}
.crp-chat-room-container .input-container .options-container .button.send div {
  flex: 1 1 auto;
}
.crp-chat-room-container .input-container .options-container .button.skip {
  padding-bottom: 10px;
  padding-top: 10px;
}
.crp-chat-room-container .input-container .options-container .button.skip:not(:hover) {
  background: #2c2c2c;
}
.crp-chat-room-container .input-container .options-container .button.skip:before {
  content: '>>';
}
.think-wrapper {
  padding: 20px;
  background-color: #444;
  display: block;
  margin: 5px;
  margin-left: -15px;
  font-style: italic;
}
.speech-wrapper {
  padding: 20px;
  margin: 5px;
  background-color: #222;
  display: block;
}
.rp-screen-container b {
  font-size: 1.2em;
  text-transform: uppercase;
}
.rp-screen-container i {
  opacity: 0.8;
  font-size: 0.8em;
}
html {
  overflow: hidden;
}
.archive-element {
  text-align: center;
}
.archive-element .go-to-button {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.archive-element .go-to-button .loc {
  font-size: 1.2em;
}
.archive-element .close-background {
  cursor: pointer;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  background: rgba(10, 10, 10, 0.85);
  position: absolute;
  left: 0;
  z-index: 10;
  top: 0;
}
.crp-archives-container {
  font-size: 12em;
  width: 100%;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  justify-content: center;
  overflow-y: auto;
}
.crp-archives-container h1 {
  font-family: 'Wire One';
  font-size: 4em;
  padding: 15px;
}
.crp-archives-container .middle-content .list {
  display: block;
  width: 750px;
  height: auto;
  margin-left: 25px;
  background: #070707;
}
.crp-archives-container .middle-content .list .elt {
  background-color: #070707;
  margin-bottom: 1px;
  padding: 10px;
  background-repeat: repeat-y, no-repeat;
  background-size: 100% 100%, 55%;
  background-origin: 0 0, 100% 100%;
  background-position: 0 0, right 90%;
  box-sizing: border-box;
  padding-left: 15px;
  text-align: left;
}
.crp-archives-container .middle-content .list .elt .title {
  transition: color 0.15s;
  font-size: 1.2em;
  cursor: pointer;
}
.crp-archives-container .middle-content .list .elt.sulimo .title:hover {
  color: #ffae25;
}
.crp-archives-container .middle-content .list .elt.sulimo.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/village_on.jpg');
}
.crp-archives-container .middle-content .list .elt.sulimo.falaise {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/falaise_on.jpg');
}
.crp-archives-container .middle-content .list .elt.sulimo.forêt {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/forêt_on.jpg');
}
.crp-archives-container .middle-content .list .elt.sulimo.marais {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/sulimo/marais_on.jpg');
}
.crp-archives-container .middle-content .list .elt.ulmo .title:hover {
  color: #06cdc4;
}
.crp-archives-container .middle-content .list .elt.ulmo.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/village_on.jpg');
}
.crp-archives-container .middle-content .list .elt.ulmo.mer {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/mer_on.jpg');
}
.crp-archives-container .middle-content .list .elt.ulmo.lac {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/lac_on.jpg');
}
.crp-archives-container .middle-content .list .elt.ulmo.prairie {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/ulmo/prairie_on.jpg');
}
.crp-archives-container .middle-content .list .elt.wilwar .title:hover {
  color: #c0ce0d;
}
.crp-archives-container .middle-content .list .elt.wilwar.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/village_on.jpg');
}
.crp-archives-container .middle-content .list .elt.wilwar.champs {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/champs_on.jpg');
}
.crp-archives-container .middle-content .list .elt.wilwar.bois {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/bois_on.jpg');
}
.crp-archives-container .middle-content .list .elt.wilwar.rivière {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/wilwar/rivière_on.jpg');
}
.crp-archives-container .middle-content .list .elt.anar .title:hover {
  color: #ff3d0e;
}
.crp-archives-container .middle-content .list .elt.anar.village {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/village_on.jpg');
}
.crp-archives-container .middle-content .list .elt.anar.montagne {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/montagne_on.jpg');
}
.crp-archives-container .middle-content .list .elt.anar.collines {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/collines_on.jpg');
}
.crp-archives-container .middle-content .list .elt.anar.souterrains {
  background-image: url('/medias/tchat/ui/archive_fade_background.png'), url('/medias/tchat/locations/anar/souterrains_on.jpg');
}
@media (max-width: 899px) {
  body .crp__message-element {
    flex-direction: column;
    align-items: stretch;
    position: relative;
  }
  body .crp__message-element .triangle {
    transform: scale(0.6) rotate(90deg);
    margin-left: 30px;
    top: 22px;
  }
  body .crp__message-element .link {
    margin: 0;
    line-height: 1.4em;
  }
  body .crp__message-profil {
    width: auto;
    display: flex;
    align-items: center;
    padding: 5px;
    text-align: left;
  }
  body .crp__message-profil .crp-info {
    margin-left: 12px;
    padding-bottom: 6px;
  }
  body .crp__message-avatar {
    width: 65px;
    height: 65px;
  }
  body .crp__message-container {
    width: 100%;
    margin-left: 0;
    padding: 10px;
  }
  body .crp__message-container p {
    margin-left: 5px;
  }
}
.crp__banner {
  z-index: 1;
  left: 0;
  overflow: hidden;
  text-align: center;
  transition: all 0.15s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 1;
  min-height: 200px;
  position: relative;
}
.crp__banner-description {
  flex: 0 0 auto;
  padding: 10px;
  font-size: 12px;
  width: 50%;
  margin-left: 50%;
  margin-bottom: 3%;
  transform: translateX(-50%);
  font-weight: 400;
  margin-top: -50px;
  position: relative;
  z-index: 10;
  background-color: rgba(10, 10, 10, 0.7);
  font-style: italic;
}
.crp__banner h1 {
  font-size: 7em;
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  margin-bottom: 70px;
  align-items: center;
  position: relative;
  z-index: 5;
  margin-top: 30px;
  justify-content: center;
  text-shadow: 0 0 20px black;
  font-family: 'Wire One';
}
.crp__banner:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.crp__banner--instant h1 {
  padding: 40px;
  position: relative;
}
.crp__message-list {
  padding: 10px;
  position: relative;
  box-sizing: border-box;
  background: #121212;
}
.crp__message-element {
  display: flex;
  margin-bottom: 15px;
}
.crp__message-element .triangle {
  position: absolute;
  margin-left: 110px;
  margin-top: 20px;
  display: block;
}
.crp__message-element .link {
  cursor: pointer;
  width: 70%;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1em;
}
.crp__message-element .other-user.sulimo .crp__event {
  border: 1px solid #662902;
  color: #ffae25;
}
.crp__message-element .other-user.anar .crp__event {
  border: 1px solid #601000;
  color: #ff3d0e;
}
.crp__message-element .other-user.wilwar .crp__event {
  border: 1px solid #424d05;
  color: #c0ce0d;
}
.crp__message-element .other-user.ulmo .crp__event {
  border: 1px solid #0b494b;
  color: #06cdc4;
}
.crp__message-profil {
  width: 120px;
  text-align: center;
  padding-top: 10px;
  flex: 0 0 auto;
  background: #222;
}
.crp__message-avatar {
  width: 90px;
  display: inline-block;
  height: 90px;
  background-size: cover;
  background-color: black;
  border-radius: 50%;
  background-position: center 0;
}
.crp__message-name {
  font-size: 2.5em;
  width: 100px;
  display: inline-block;
  font-family: 'Wire One', Arial;
}
.crp__message-container {
  margin-left: 15px;
  background: #333;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 20px 10px 10px 20px;
  text-align: justify;
  display: flex;
  flex-direction: column;
}
.crp__message-container p {
  margin-left: 20px;
}
.crp__message-block {
  flex: 1 1 auto;
}
.crp__message-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.crp__message-date {
  font-style: italic;
  color: #aaa;
  margin-right: 10px;
}
.crp__message-action {
  cursor: pointer;
}
.crp__message-action:hover {
  text-decoration: underline;
}
.crp__event {
  width: 100%;
  background: #333;
  box-sizing: border-box;
  padding: 15px;
  font-size: 1.2em;
  font-style: italic;
  border: 1px solid #222;
}
.crp__event-wrapper {
  width: 100%;
}
.anar .crp__message-element.edited {
  border: 1px solid #e3370d;
}
.sulimo .crp__message-element.edited {
  border: 1px solid #e88400;
}
.ulmo .crp__message-element.edited {
  border: 1px solid #11aba6;
}
.wilwar .crp__message-element.edited {
  border: 1px solid #9fa70a;
}
.is-saved {
  position: relative;
  font-style: italic;
  z-index: 30;
  font-size: 0.9em;
  top: -20px;
  left: 10px;
  color: #777;
}
.roleplay-textarea {
  display: flex;
  position: relative;
}
.roleplay-textarea__prevent-writing {
  width: 100%;
  max-width: 100%;
  left: 50%;
  padding: 15px;
  box-sizing: border-box;
  transform: translateX(-50%);
  position: absolute;
  background: rgba(15, 15, 15, 0.7);
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 100;
  justify-content: center;
}
.roleplay-textarea__options {
  min-width: 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.roleplay-textarea__options .button {
  font-size: 1.3em;
  width: 40px;
}
.roleplay-textarea__options .button.send {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  text-align: center;
}
.roleplay-textarea__options .button.send div {
  flex: 1 1 auto;
}
.roleplay-textarea__options .button.skip {
  padding-bottom: 10px;
  padding-top: 10px;
}
.roleplay-textarea__options .button.skip:not(:hover) {
  background: #2c2c2c;
}
.roleplay-textarea__options .button.skip:before {
  content: '>>';
}
.other-user.wilwar .avatar-character-selection__arrow {
  border-left-color: #9fa70a;
}
.other-user.anar .avatar-character-selection__arrow {
  border-left-color: #e3370d;
}
.other-user.sulimo .avatar-character-selection__arrow {
  border-left-color: #e88400;
}
.other-user.ulmo .avatar-character-selection__arrow {
  border-left-color: #11aba6;
}
.avatar-character-selection {
  width: 90px;
  background: #121212;
  display: flex;
  flex-direction: column;
}
.avatar-character-selection__character {
  margin-bottom: 1px;
  flex: 1 1 auto;
  background-color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.avatar-character-selection__character:hover:not(.fond-village) {
  background-color: #333;
}
.avatar-character-selection__character--selected .avatar-character-selection__avatar {
  transition: all 0.3s;
  filter: none;
}
.avatar-character-selection__character--selected .avatar-character-selection__arrow {
  opacity: 1;
}
.avatar-character-selection__arrow {
  opacity: 0;
  display: block;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #a99c73;
}
.avatar-character-selection__avatar {
  transition: all 0.15s;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background: #333;
  border: 2px solid #070707;
  filter: grayscale(1);
}
.async-detail .notice {
  text-align: center;
  padding: 10px 5px;
  margin: 0 auto;
  max-width: 50%;
}
.async-detail .list {
  width: 95%;
  margin: auto;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  text-align: left;
}
.async-detail .list .element {
  vertical-align: middle;
  box-sizing: border-box;
  background: #2c2c2c;
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 4px;
}
.async-detail .list .element.big {
  width: 100%;
  order: 0;
}
.async-detail .list .element .name {
  margin-left: 7px;
  font-size: 1.1em;
}
.async-detail .list .element .remove {
  position: absolute;
  right: 10px;
  line-height: 40px;
  vertical-align: middle;
  transform: scaleX(1.3);
}
.async-detail .list .element .remove:hover {
  color: #ff3d0e;
  cursor: pointer;
}
.async-detail .side-column h3 {
  margin: 10px;
  font-family: 'Wire One';
  font-size: 2.6em;
}
.async-detail .side-column .button {
  font-size: 1.2em;
  padding: 5px 2px;
}
.mobile-note__actions {
  margin-bottom: 6px;
}
.mobile-note__container {
  padding-left: 3px;
  background-color: #191919;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  display: flex;
  flex-direction: column;
  padding-right: 6px;
}
.mobile-note__container .rp-note__scroll {
  flex: 1 1 auto;
}
.rp-note {
  background-color: #222;
}
.rp-note h4 {
  font-size: 2.5em;
  font-family: 'Wire One', sans-serif;
  padding: 5px;
  margin: 0 !important;
  margin-bottom: 5px !important;
}
.rp-note--mobile {
  position: fixed;
  box-sizing: border-box;
  top: calc(80px);
  width: 100%;
  padding-left: 46px;
  height: calc( var(--vh) * 100 - var(--headerHeight) - 0px );
  left: 0;
  transition: left 0.45s cubic-bezier(0.14, 0.84, 0.46, 0.94), background 0.5s;
  z-index: 3;
  background-color: rgba(10, 10, 10, 0.7);
}
.rp-note--mobile.mobile-ducked {
  left: calc(100% - 46px);
  background-color: transparent;
  transition: left 0.3s cubic-bezier(0.14, 0.84, 0.46, 0.94), background 0.1s;
  pointer-events: none;
}
.rp-note__unit {
  padding: 5px;
  background-color: #2c2c2c;
  margin: 1px 0px;
  text-align: left;
}
.rp-note__toggle {
  position: absolute;
  left: 0;
  top: 10%;
  width: 46px;
  height: 46px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rp-note__toggle:before {
  content: 'i';
  width: 26px;
  font-size: 1.55em;
  height: 26px;
  display: flex;
  justify-content: center;
  color: white;
  border-radius: 50%;
  border: 2px solid white;
  align-items: center;
}
@media (max-width: 899px) {
  .rp-note__toggle {
    visibility: visible;
  }
}
.rp-note__scroll {
  height: 40vh;
  overflow: auto;
}
.rp-note__date {
  color: #aaa;
  font-style: italic;
  margin-bottom: 3px;
}
.rp-note__author {
  display: inline-block;
  margin-right: 3px;
}
.rp-note__input-container {
  display: flex;
  padding: 5px;
  align-items: stretch;
  height: 30px;
}
.rp-note__input-container input {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}
.rp-note__button {
  width: 30px;
  padding: 0;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rp-note__button span {
  font-size: 1.3em;
}
.edit-info {
  background-color: #2c2c2c;
  margin: 5px;
  padding: 8px;
}
.edit-info__header {
  display: flex;
  margin-bottom: 5px;
}
.edit-info__header h2 {
  font-size: 17px;
  flex: 1 1 auto;
}
.edit-info__date {
  margin-left: 5px;
  color: #aaa;
  font-style: italic;
}
.edit-info__close {
  color: #ff3d0e;
  cursor: pointer;
  font-size: 15px;
}
.edit-info__close:hover {
  text-decoration: underline;
}
.edit-roleplay-cog {
  background-image: url('/medias/common/edit.png');
  background-position: center;
  background-size: contain;
  width: 35px;
  height: 35px;
  z-index: 5;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.85;
  cursor: pointer;
  transition: all 0.2s;
}
.edit-roleplay-cog:hover {
  opacity: 1;
}
.rp-info {
  background-color: #2c2c2c;
  padding: 8px;
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.2em;
}
.rp-info--dark {
  padding: 0;
  margin: 0 5px;
  background-color: #191919;
  flex-direction: column;
}
.rp-info--dark > .other-user {
  width: 100%;
  margin-bottom: 9px;
}
.rp-info--dark h3 {
  margin-bottom: 10px;
}
.rp-info--dark .go-to-button {
  font-size: 1.1em;
  text-align: center;
  padding: 10px;
}
.rp-info--dark .go-to-button i {
  font-size: 0.9em;
  opacity: 0.9;
  line-height: 1;
}
.rp-info--dark h3 {
  font-family: "Wire One";
  font-size: 2.6em;
}
.rp-info__title {
  font-size: 1.1em;
  margin-right: 10px;
}
.rp-info__creation a:hover {
  text-decoration: underline;
}
.rp-info__creation:not(:last-child):after {
  content: ', ';
  margin-right: 4px;
}
.rp-info__status {
  padding: 5px 10px;
  margin-left: 10px;
}
.rp-info__status:not(.active) {
  background-color: #414141;
}
.rp-info__status:after {
  content: 'Terminé';
}
.rp-info__status.active:after {
  content: 'En cours';
}
.rp-info__access {
  padding: 5px 10px;
  margin-left: 10px;
  background-color: #9fa70a;
}
.rp-info__access:after {
  content: 'Public';
}
.rp-info__access.private {
  background-color: #e3370d;
}
.rp-info__access.private:after {
  content: 'Privé';
}
.rp-info__date {
  font-style: italic;
  color: #ccc;
  margin-left: 15px;
  flex: 1 1 auto;
}
.rp-info__type {
  margin-left: auto;
  font-size: 0.9em;
  color: #aaa;
}
@media (max-width: 899px) {
  .rp-note__input-container {
    margin-top: 6px;
    padding: 0;
  }
}
@media (max-width: 899px) {
  body .rp-create-diff h2 {
    padding: 4px;
    font-size: 3.5em;
    line-height: 1;
  }
  body .rp-create-diff__container {
    flex-direction: column;
  }
  body .rp-create-diff__list {
    max-height: 260px;
  }
}
@media (max-width: 500px) {
  body .rp-create-diff__line {
    flex-direction: column;
  }
  body .rp-create-diff__line .switch {
    width: 100%;
    flex: 1 1 auto;
  }
  body .rp-create-diff__line .member-listing {
    margin-top: 9px;
    width: 100%;
  }
}
.rp-create-diff .main-column {
  display: flex;
  flex-direction: column;
}
.rp-create-diff h2 {
  text-align: center;
  padding: 15px;
  font-family: 'Wire One', sans-serif;
  font-size: 4em;
}
.rp-create-diff__container {
  flex: 1 1 auto;
  display: flex;
}
.rp-create-diff h3 {
  font-family: 'Wire One';
  font-size: 2.5em;
  margin-bottom: 10px;
}
.rp-create-diff__list,
.rp-create-diff__main {
  margin-top: 10px;
  background-color: #121212;
  text-align: center;
}
.rp-create-diff__list {
  flex: 1 1 270px;
  display: flex;
  flex-direction: column;
}
.rp-create-diff__scroll {
  overflow: auto;
  max-height: calc( var(--vh) * 100 -  80px  - 136px );
}
.rp-create-diff__main {
  flex: 3 1 auto;
  padding: 0 12px;
}
.rp-create-diff__element {
  display: block;
  background-color: #222;
  padding: 5px 8px;
  margin: 2px;
  text-align: left;
  position: relative;
}
.rp-create-diff__element.active:after {
  content: 'En cours';
  position: absolute;
  top: 4px;
  right: 7px;
  color: #9fa70a;
  font-size: 0.9em;
}
.rp-create-diff__element:not(.active):after {
  content: 'Terminé';
  position: absolute;
  top: 3px;
  right: 3px;
  color: #ff3d0e;
  font-size: 0.9em;
}
.rp-create-diff__element:hover {
  background-color: #2c2c2c;
}
.rp-create-diff__name {
  font-size: 1.1em;
}
.rp-create-diff__date {
  font-style: italic;
  color: #aaa;
}
.rp-create-diff__owner span {
  display: inline-block;
  margin-right: 3px;
}
.rp-create-diff__line {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.rp-create-diff__line .switch {
  flex: 0 0 120px;
  height: 10px;
  margin: 6px 0;
  margin-right: 12px;
  position: relative;
  cursor: pointer;
  background: #070707;
}
.rp-create-diff__line .switch .handle {
  width: 85%;
  height: 22px;
  text-align: center;
  position: relative;
  transition: background 0.4s, margin 0.35s;
  margin-top: -5px;
}
.rp-create-diff__line .switch .handle:not(.open) {
  background: #414141;
}
.rp-create-diff__line .switch .handle:before {
  content: 'Privée';
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
  width: 100%;
  vertical-align: middle;
}
.rp-create-diff__line .switch .handle.open {
  margin-left: 15%;
}
.rp-create-diff__line .switch .handle.open:before {
  width: 100%;
  line-height: 22px;
  vertical-align: middle;
  position: absolute;
  content: 'Publique';
}
.rp-create-diff__line .member-listing {
  flex: 1 1 auto;
}
.rp-create-diff .button {
  padding: 5px 8px;
  margin-top: 15px;
  font-size: 1.2em;
}
.valid-list {
  width: 100%;
  background-color: #070707;
  max-height: 180px;
  overflow: auto;
}
.valid-list .valid-element {
  text-align: left;
  padding: 3px;
  margin-bottom: 1px;
  border-left: 3px solid;
  cursor: pointer;
  align-items: center;
  display: flex;
  background-color: #222;
}
.valid-list .valid-element i {
  flex: 1 1 auto;
  color: #aaa;
  margin-left: 5px;
  display: inline-block;
}
.valid-list .valid-element:hover {
  background-color: #2c2c2c;
}
.valid-list .valid-element .remove {
  font-size: 1.3em;
  padding: 2px 5px;
}
.valid-list .valid-element .remove:hover {
  color: #e3370d;
}
.valid-list .valid-element.border-ulmo {
  border-color: #11aba6;
}
.valid-list .valid-element.border-wilwar {
  border-color: #9fa70a;
}
.valid-list .valid-element.border-sulimo {
  border-color: #e88400;
}
.valid-list .valid-element.border-anar {
  border-color: #e3370d;
}
.signup-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-confirm__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  max-width: 700px;
  margin-top: -10vh;
  justify-content: center;
}
.signup-confirm__content img {
  margin-bottom: 30px;
}
.signup-confirm__content h1 {
  font-size: 3em;
  margin-bottom: 5px;
}
.signup-confirm__content p {
  font-size: 1.2em;
}
.village__wrapper .map-village {
  /** JS Modified variables */
  --offsetLeft: 0;
  --offsetTop: 0;
  /**/
  position: absolute;
  background-size: 100% 100%;
  transform: translate(calc(1px * var(--offsetLeft)), calc(1px * var(--offsetTop)));
}
.village__wrapper .map-village.ulmo {
  background-image: url('/medias/map/blur/ulmo_blur.jpg');
}
.village__wrapper .map-village.ulmo.nuit {
  background-image: url('/medias/map/blur/ulmo_nuit_blur.jpg');
}
.village__wrapper .map-village.anar.ouest {
  background-image: url('/medias/map/blur/anar_ouest_blur.jpg');
}
.village__wrapper .map-village.anar.ouest.nuit {
  background-image: url('/medias/map/blur/anar_ouest_nuit_blur.jpg');
}
.village__wrapper .map-village.anar.est {
  background-image: url('/medias/map/blur/anar_est_blur.jpg');
}
.village__wrapper .map-village.anar.est.nuit {
  background-image: url('/medias/map/blur/anar_est_nuit_blur.jpg');
}
.village__wrapper .map-village.sulimo {
  background-image: url('/medias/map/blur/sulimo_blur.jpg');
}
.village__wrapper .map-village.sulimo.nuit {
  background-image: url('/medias/map/blur/sulimo_nuit_blur.jpg');
}
.village__wrapper .map-village.wilwar {
  background-image: url('/medias/map/blur/wilwar_blur.jpg');
}
.village__wrapper .map-village.wilwar.nuit {
  background: url('/medias/map/blur/wilwar_nuit_blur.jpg');
}
.village__wrapper .map-village.foret_sulimo {
  background-image: url('/medias/map/blur/foret_sulimo_blur.jpg');
}
.village__wrapper .map-village.foret_sulimo.nuit {
  background-image: url('/medias/map/blur/foret_sulimo_blur_nuit.jpg');
}
.village__wrapper .map-village.lac_ulmo {
  background-image: url('/medias/map/blur/lac_ulmo_blur.jpg');
}
.village__wrapper .map-village.lac_ulmo.nuit {
  background-image: url('/medias/map/blur/lac_ulmo_blur_nuit.jpg');
}
.village__wrapper .map-village.obfuscated .tr .img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  right: 0;
  background-color: black;
  z-index: 30;
  transition: all 0.15s;
  pointer-events: none;
  transition-delay: 0.35s;
}
.village__wrapper .map-village.obfuscated .tr .img.shown:after {
  opacity: 0;
}
.village__wrapper .map-village.obfuscated .tr .img {
  opacity: 1 !important;
}
.village__wrapper .map-village .tr {
  display: block;
  text-align: center;
}
.village__wrapper .map-village .tr .img {
  font-size: 30em;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  opacity: 0;
  transition: opacity 0.3s;
}
.village__wrapper .map-village .tr .img.shown {
  opacity: 1;
}
.village__wrapper .map-village .tr .img img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.village__wrapper .map-village .tr .img .ajax-loader {
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 100;
  opacity: 0.8;
  display: block;
  border-radius: 50%;
  font-size: 2.5em;
  width: 9px;
  height: 9px;
  box-shadow: 0 -0.4em 0 0 #ffffff, -0.28em -0.28em 0 0 rgba(255, 255, 255, 0.75), -0.4em 0 0 0 rgba(255, 255, 255, 0.5), -0.28em 0.28em 0 0 rgba(255, 255, 255, 0.25);
  -webkit-animation: 0.85s ajax-loader-rotate steps(8) infinite;
  -moz-animation: 0.85s ajax-loader-rotate steps(8) infinite;
  animation: 0.85s ajax-loader-rotate steps(8) infinite;
}
.village__prop-wrapper {
  display: contents;
}
.village__prop-unit {
  position: absolute;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s;
}
.village__prop-unit.prop_message {
  cursor: help;
}
.village__prop-unit:hover .curseur {
  opacity: 1;
  top: -60px;
}
.village__prop-unit.clickable {
  cursor: pointer;
}
.village__prop-curseur {
  width: 35px;
  left: 50%;
  transform: translateX(-50%);
  height: 50px;
  position: absolute;
  top: -50px;
  opacity: 0.9;
  transition: 0.35s all;
}
.village__prop-curseur--exclamation {
  width: 37px;
  height: 46px;
}
.village__prop-curseur--exclamation.wilwar {
  background-image: url('/medias/map/ui/exclamation_icon_wilwar.png');
}
.village__prop-curseur--exclamation.sulimo {
  background-image: url('/medias/map/ui/exclamation_icon_sulimo.png');
}
.village__prop-curseur--exclamation.ulmo {
  background-image: url('/medias/map/ui/exclamation_icon_ulmo.png');
}
.village__prop-curseur--exclamation.anar {
  background-image: url('/medias/map/ui/exclamation_icon_anar.png');
}
.village__perso-unit {
  position: absolute;
  z-index: 40;
  opacity: 1;
  transition: opacity 0.3s;
  cursor: pointer;
}
.village__perso-unit:hover {
  opacity: 1;
}
.village__perso-unit:hover .village__perso-curseur {
  margin-top: -85px;
  opacity: 1;
}
.village__perso-unit:hover .village__perso-label {
  margin-top: -30px;
  opacity: 1;
}
.village__perso-label {
  position: absolute;
  pointer-events: none;
  width: 80px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -10px;
  transition: margin-top 0.5s, opacity 0.6s;
  transition-delay: 0.05s;
  opacity: 0;
  border-radius: 5px;
  background: rgba(10, 10, 10, 0.7);
  font-size: 22em;
  font-family: 'Wire One';
}
.village__perso-curseur {
  position: absolute;
  width: 40px;
  height: 50px;
  margin-top: -65px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  opacity: 0.85;
  background-size: 100% 100%;
}
.village__perso-curseur.anar {
  background-image: url('/medias/map/ui/anar_personnage.png');
}
.village__perso-curseur.wilwar {
  background-image: url('/medias/map/ui/wilwar_personnage.png');
}
.village__perso-curseur.sulimo {
  background-image: url('/medias/map/ui/sulimo_personnage.png');
}
.village__perso-curseur.ulmo {
  background-image: url('/medias/map/ui/ulmo_personnage.png');
}
.village__home-label {
  position: absolute;
  pointer-events: none;
  min-width: 90px;
  max-width: 180px;
  padding: 0 3px;
  margin-top: -10px;
  left: 50%;
  transform: translateX(-50%);
  transition: margin-top 0.5s, opacity 0.4s;
  opacity: 0;
  background: rgba(10, 10, 10, 0.7);
  font-size: 22em;
  font-family: 'Wire One';
}
.village__home-empty-unit {
  cursor: pointer;
  position: absolute;
  z-index: 39;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0.25;
  transition: background 0.3s;
  border-radius: 5px;
}
.village__home-empty-unit:hover {
  opacity: 0.4;
  background: rgba(255, 255, 255, 0.2);
}
.village__home-empty-unit:hover .village__home-empty-label {
  margin-top: -30px;
  opacity: 1;
}
.village__home-empty-label {
  position: absolute;
  pointer-events: none;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -10px;
  transition: margin-top 0.5s, opacity 0.4s;
  opacity: 0;
  background: rgba(10, 10, 10, 0.7);
  font-size: 22em;
  font-family: 'Wire One';
}
.village__home-main-unit {
  cursor: pointer;
  position: absolute;
  z-index: 39;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0.95;
  transition: opacity 0.3s, background 0.3s;
  border-radius: 5px;
}
.village__home-main-unit:hover {
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
.village__home-main-unit:hover .village__home-main-curseur {
  margin-top: -95px;
  opacity: 1;
}
.village__home-main-unit:hover .village__home-label {
  margin-top: -30px;
  opacity: 1;
}
.village__home-main-curseur {
  position: absolute;
  width: 40px;
  height: 50px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -75px;
  transition: all 0.5s;
  opacity: 0.85;
  background-size: 100% 100%;
}
.village__home-main-curseur.anar {
  background-image: url('/medias/map/ui/anar_personnage.png');
}
.village__home-main-curseur.wilwar {
  background-image: url('/medias/map/ui/wilwar_personnage.png');
}
.village__home-main-curseur.sulimo {
  background-image: url('/medias/map/ui/sulimo_personnage.png');
}
.village__home-main-curseur.ulmo {
  background-image: url('/medias/map/ui/ulmo_personnage.png');
}
@media (max-width: 899px) {
  body .whisper .main-column__content {
    flex-direction: column;
  }
  body .whisper__menu {
    width: auto;
  }
}
.whisper .main-column__content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.whisper__menu {
  width: 25%;
  min-width: 25%;
  background-color: #121212;
}
.whisper__menu-element {
  border-bottom: 2px solid #414141;
  padding: 8px 12px;
  display: block;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s;
  line-height: 1.1em;
  font-size: 1.2em;
}
.whisper__menu-element--big {
  padding: 10px 14px;
  font-weight: bold;
  border: none;
}
.whisper__menu-element:hover:not(.fond-village) {
  background-color: #2c2c2c;
}
.whisper__menu-element--disabled {
  color: #aaa;
  pointer-events: none;
}
.whisper__menu-element.active {
  background-color: #222;
}
.whisper__main {
  flex: 1 1 auto;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
}
.whisper__main .field {
  width: 90%;
}
.whisper__main h1 {
  margin-bottom: 2em;
}
.whisper__main .editor {
  width: 90%;
  margin-top: 10px;
}
.whisper__main .validate {
  padding: 5px 10px;
  font-size: 1.15em;
  margin-top: 10px;
}
.whisper__valid-list {
  width: 90%;
  background-color: #070707;
  max-height: 180px;
  overflow: auto;
}
.whisper__valid-element {
  text-align: left;
  padding: 3px;
  margin-bottom: 1px;
  cursor: pointer;
  padding-left: 10px;
  align-items: center;
  display: flex;
  background-color: #222;
}
.whisper__valid-element i {
  flex: 1 1 auto;
  color: #aaa;
  margin-left: 5px;
  display: inline-block;
}
.whisper__valid-element:hover {
  background-color: #2c2c2c;
}
.whisper-message {
  padding: 10px;
  margin: 5px 12px;
  align-self: stretch;
  background-color: #070707;
}
.whisper-message__author {
  align-items: center;
  display: flex;
  padding-bottom: 5px;
  border-bottom: 1px solid #414141;
}
.whisper-message__name {
  font-size: 1.3em;
  flex: 1 1 auto;
  margin-left: 6px;
}
.whisper-message__date {
  font-style: italic;
  color: #aaa;
}
.whisper-message__content {
  padding: 5px;
}
.subject {
  border: 1px solid #2c2c2c;
  border-bottom: 1px solid #070707;
  display: flex;
  align-self: stretch;
  margin: 2px 5px;
  padding: 6px 10px 8px 10px;
  background-color: #222;
  opacity: 0.55;
  transition: all 0.15s;
}
.subject:hover {
  border: 1px solid #414141;
  background-color: #2c2c2c;
}
.subject:hover:not(.new) {
  opacity: 0.8;
}
.subject.new {
  background-color: #2c2c2c;
  opacity: 1;
}
.subject__header {
  align-self: stretch;
  padding: 10px 15px;
  font-size: 3em;
  font-family: 'Open Sans Condensed';
  margin: 15px 12px 8px 12px;
}
.subject__main-info {
  flex: 1 1 auto;
}
.subject__name {
  font-size: 1.3em;
  margin-bottom: 4px;
}
.subject__participants {
  margin-left: 5px;
}
.subject__participants .participant:not(:last-child):after {
  content: ', ';
}
.subject__date {
  margin-bottom: 3px;
}
.subject__last-author {
  display: flex;
  align-items: center;
}
.subject__author-name {
  margin-left: 5px;
}
.create-serie .common-info {
  display: none;
}
@media (max-width: 899px) {
  .create-serie .common-info {
    display: flex;
    flex-direction: column;
  }
}
.create-serie__title {
  font-size: 4em;
  color: white;
  width: 100%;
  font-family: 'Wire One';
  font-style: inherit;
  margin-bottom: 20px;
}
.create-serie__form {
  padding: 15px;
}
.create-serie__separation {
  height: 1px;
  background-color: #070707;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 6px;
}
.create-serie__field {
  text-align: left;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.create-serie__posts {
  background-color: #070707;
  min-height: 300px;
  position: relative;
  height: calc(var(--children) * 90px);
}
.create-serie__post {
  position: absolute;
  top: calc(var(--order) * 90px);
  transition: top 0.4s;
}
.create-serie__post.dragged {
  z-index: 3;
  opacity: 0.8;
  transition: none;
}
.create-serie__posts-options {
  height: 50px;
  display: flex;
}
.create-serie__no-posts {
  position: absolute;
  left: 50%;
  opacity: 0.4;
  font-style: italic;
  transform: translateX(-50%);
  top: 80px;
}
.create-serie__post-option {
  flex: 1 1 50%;
}
.create-serie__post-option.button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-button {
  display: flex;
  align-items: center;
  padding: 5px 25px;
  background-color: #222;
}
.toggle-button--active .toggle-button__checkbox {
  background-color: white;
}
.toggle-button__checkbox {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-color: #070707;
}
.toggle-button__content {
  text-align: left;
}
.toggle-button__note {
  opacity: 0.55;
  font-style: italic;
}
.search-series {
  padding: 20px 5px!important;
}
.search-series__content {
  flex: 1 1 auto;
  padding: 30px;
  margin: 0 5px!important;
  position: relative;
  align-self: flex-start;
  background-color: #2c2c2c;
}
.search-series__close {
  transform: scaleX(1.3);
  cursor: pointer;
  font-size: 1.9em;
  right: 15px;
  top: 15px;
  position: absolute;
}
.search-series__title {
  font-size: 4em;
  margin-bottom: 25px;
  font-family: 'Wire One', sans-serif;
}
.search-series__posts {
  position: relative;
  background-color: #070707;
  height: calc(1px + var(--length) * 90px);
}
.search-series__post {
  position: absolute;
  left: 1px;
  right: 1px;
  width: auto;
  transition: margin-top 0.5s;
  margin-top: calc(1px + var(--order) * 90px);
}
.search-element {
  background-color: #070707;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 9px;
}
.search-element__input {
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  font-size: 1.2em;
  height: 42px;
}
.search-element__input:focus {
  outline: none;
}
.search-element__icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
}
.serie-unit {
  display: flex;
  align-items: center;
  padding: 6px;
  background-color: black;
  margin-bottom: 1px;
}
.serie-unit__miniature {
  width: 170px;
  height: 170px;
  margin-right: 12px;
  position: relative;
  object-position: top;
  object-fit: cover;
}
.serie-unit__miniature:after {
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 2;
  background-color: #121212;
  position: absolute;
}
.serie-unit__content {
  display: flex;
  flex-direction: column;
}
.serie-unit__title {
  font-weight: 700;
  font-size: 1.5em;
}
.serie-unit__details {
  font-style: italic;
  opacity: 0.5;
  margin-bottom: 8px;
}
.serie-unit__description {
  font-style: italic;
  font-size: 1.05em;
}
.serie-unit__description p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.4;
  max-height: calc(1.4em * 4);
}
.search-object {
  position: relative;
}
.search-object input {
  padding-right: 40px;
}
.search-object__search-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.search-object input {
  width: 100%;
}
.search-object__results {
  position: absolute;
  max-height: 120px;
  display: block;
  overflow-y: auto;
  width: 100%;
  background: #191919;
  z-index: 2;
  top: 100%;
  border-left: 1px solid #070707;
  border-right: 1px solid #070707;
  border-bottom: 1px solid #070707;
}
.search-object__result {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.search-object__result .fa-trash {
  font-size: 2em;
  margin-left: auto;
  margin-right: 6px;
}
.search-object__miniature {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top;
  margin-right: 6px;
}
.search-object__title {
  font-weight: bold;
}
.irl-form {
  padding: 50px 25px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 700px;
  margin: auto;
}
.irl-form__banner {
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-bottom: 15px;
}
.irl-form h1 {
  text-align: center;
  font-family: "Wire One";
  font-size: 4.5em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.irl-form p {
  font-size: 1.15em;
  text-align: center;
  line-height: 1.2em;
}
.irl-form__separator {
  height: 1px;
  width: auto;
  margin: 15px 0;
}
.irl-form__rules {
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 15px;
  padding: 25px;
  margin-top: 15px;
  background-color: #414141;
  border-radius: 3px;
}
.irl-form__rules p {
  font-size: 1em;
}
.irl-form__rules li {
  margin-top: 15px;
}
.irl-form__rules li::before {
  content: "• ";
  font-weight: bold;
  margin-right: 5px;
}
.irl-form .line {
  display: flex;
  margin-top: 25px;
}
.irl-form .column {
  flex: 0 1 50%;
  padding: 5px 10px;
}
.anar .irl-form__rules li::before {
  color: #e3370d;
}
.anar .irl-form-entry__checkbox::after {
  background-color: #e3370d;
}
.ulmo .irl-form__rules li::before {
  color: #11aba6;
}
.ulmo .irl-form-entry__checkbox::after {
  background-color: #11aba6;
}
.wilwar .irl-form__rules li::before {
  color: #9fa70a;
}
.wilwar .irl-form-entry__checkbox::after {
  background-color: #9fa70a;
}
.sulimo .irl-form__rules li::before {
  color: #e88400;
}
.sulimo .irl-form-entry__checkbox::after {
  background-color: #e88400;
}
.irl-form-entry {
  margin: 12px 12px;
}
.irl-form-entry--error {
  color: red;
}
.irl-form-entry__question {
  opacity: 0.6;
  font-size: 1.2em;
  margin-bottom: 6px;
}
.irl-form-entry__choices {
  display: flex;
  align-items: center;
}
.irl-form-entry__choice {
  display: flex;
  margin-right: 12px;
  align-items: center;
}
.irl-form-entry__choice-name {
  margin-left: 8px;
  text-transform: capitalize;
}
.irl-form-entry__checkbox {
  width: 25px;
  height: 25px;
  background-color: #101010;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.irl-form-entry__checkbox--read-only {
  cursor: default;
}
.irl-form-entry__checkbox.checked::after {
  content: "";
  width: 18px;
  display: block;
  height: 18px;
}