@charset "UTF-8";
/**
 *
 * Magicland (base) - Sylvain Durand
 *
 *
 * CONTENTS
 * --------
 *
 * BASE
 * Variables............Common SCSS variables.
 * Global...............Global properties.
 *
 * CONTENT
 * Main.................Main container.
 *
 * MODULES
 * Icons................Font Awesome icons.
 * Money................Galleons, sickles, knuts.
 * Dropdowns............Dropdown mecanism.
 * Responsive...........Repetitive rules on phone and tablets.
 * Layout...............Repetitive layout rules (float, align, clear…).
 *
 */
/**
 * BASE
 * ----
 */
/**
 * Variables
 */
/**
 * Global
 */
.v3 * {
  box-sizing: content-box;
}
.v3 dl,
.v3 dd,
.v3 p,
.v3 ol,
.v3 ul,
.v3 li,
.v3 h1,
.v3 h3,
.v3 h4,
.v3 h5,
.v3 h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  list-style: "";
}
.v3 form {
  display: inline;
}
.v3 fieldset,
.v3 textarea,
.v3 input,
.v3 button,
.v3 select {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  background: transparent;
}
.v3 button {
  cursor: pointer;
  font-weight: 400 !important;
}
.v3 select {
  cursor: pointer;
  appearance: none;
}
.v3 textarea {
  resize: vertical;
  line-height: 1.5;
}
.v3 {
  /**
   * CONTENT
   * -------
   */
}
.v3 .parchment {
  border-radius: 0.2em;
  padding: 0.75em 1.5em;
}
.v3 {
  /**
   * Main
   * ----
   */
}
@media (max-width: 31.25rem) {
  .v3 .container {
    padding: 0 1%;
  }
}
.v3 .container {
  margin: 0 auto;
  padding: 0 0.25rem;
}
@media (max-width: 31.25rem) {
  .v3 .memberlist {
    font-size: 0.85rem;
  }
}
.v3 .main {
  position: relative; /* To allow z-index */
  z-index: 1;
  margin: 9em auto 5em;
  max-width: 55rem;
  border-image-width: 0.375rem;
  border-radius: 0.3em;
  box-shadow: 0 0 1.5em 0.8em black;
  padding: 0.5em 0.75em;
  overflow-wrap: break-word;
}
@media (max-width: 31.25rem) {
  .v3 .main {
    margin: 7em auto 5em;
    padding: 0.5em 0.35em;
  }
}
.v3 .main:before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 95%;
  height: 5.8em;
  margin-top: -6em;
  background-repeat: repeat-y, repeat-y;
  background-position: 5% 0, 93% 0;
  background-image: url("../../../ml/theme/img/design/chaine.png"), url("../../../ml/theme/img/design/chaine.png");
  background-size: 0.8125rem 4.6875rem, 0.8125rem 4.6875rem;
  z-index: -10;
}
.v3 {
  /**
   * Main dropdowns
   */
}
.v3 .main__dropdown {
  position: absolute;
  top: 1.3em;
  left: 0.15em;
  z-index: 10;
  padding-top: 0.5em;
  margin-left: -1em;
  width: 12em;
  overflow-y: hidden;
}
.v3 .main__dropdown input, .v3 .main__dropdown input:hover, .v3 .main__dropdown input:focus {
  width: 7em;
  margin: 0.3em 0 0.3em 0.5em;
  padding: 0 0 0 0.4em;
  outline: none !important;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-shadow: none;
}
.v3 .main__dropdown button {
  background: transparent;
}
.v3 .action-bar--bottom .main__dropdown {
  top: initial;
  padding-top: 0;
  padding-bottom: 0.5em;
  bottom: -0.4em;
  margin-bottom: 2em;
}
.v3 .main__dropdown__inner {
  border-radius: 0.4em;
  padding: 0.4em 0;
  text-align: left;
}
.v3 .main__dropdown__inner:before {
  display: block;
  position: absolute;
  margin-top: -0.9em;
  margin-left: 1em;
  content: " ";
  width: 0;
  height: 0;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid;
}
.v3 .action-bar--bottom .main__dropdown__inner:before {
  display: none;
}
.v3 .action-bar--bottom .main__dropdown__inner:after {
  display: block;
  position: absolute;
  margin-top: 0.3em;
  margin-left: 1em;
  content: " ";
  width: 0;
  height: 0;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-top: 0.625rem solid;
}
.v3 .main__dropdown--nav {
  width: 13em;
}
.v3 .main__dropdown--letters {
  width: 4em;
}
.v3 .main__dropdown__inner__scrollbar {
  max-height: 40vh;
  overflow-y: auto;
}
.v3 .main__dropdown__inner__scrollbar--small {
  max-height: 7em;
}
.v3 .main__dropdown--right {
  margin-left: -7.5em;
}
.v3 .main__dropdown__inner--right:before, .action-bar--bottom .v3 .main__dropdown__inner--right:after {
  margin-left: 7.5em;
}
.v3 .icon-picker, .v3 .smiley-picker {
  position: relative;
}
.v3 .main__dropdown--icons {
  left: auto;
  right: 0.15em;
  margin-left: 0;
  margin-right: -1em;
  width: 22em;
  max-width: 84vw;
}
@media (max-width: 47rem) {
  .v3 .main__dropdown--icons {
    position: fixed;
    top: auto;
    right: max(0.5rem, env(safe-area-inset-right));
    bottom: calc(var(--tabbar-height, 3rem) + env(safe-area-inset-bottom) + var(--seam-width, 0px) + 0.5rem);
    left: max(0.5rem, env(safe-area-inset-left));
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
.v3 .main__dropdown--icons .main__dropdown__inner__scrollbar {
  max-height: min(16rem, 32vh);
  max-height: min(16rem, 32dvh);
}
.v3 .main__dropdown__inner--icons:before {
  left: auto;
  right: 1em;
  margin-left: 0;
}
@media (max-width: 47rem) {
  .v3 .main__dropdown__inner--icons:before {
    display: none;
  }
}
.v3 .icon-picker__bar {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.5em 0.6em 0.3em;
}
.v3 .icon-picker__bar input, .v3 .icon-picker__bar input:hover, .v3 .icon-picker__bar input:focus {
  flex: 1;
  width: auto;
  margin: 0;
  appearance: none;
  background: transparent;
}
.v3 .icon-picker__bar input::-webkit-search-cancel-button {
  display: none;
}
.v3 .icon-picker__weight .icon-picker__star-s,
.v3 .icon-picker__weight--solid .icon-picker__star-r {
  display: none;
}
.v3 .icon-picker__weight--solid .icon-picker__star-s {
  display: inline-block;
}
.v3 .icon-picker__grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5em 0.5em;
}
.v3 .smiley-picker__grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25em;
  padding: 0.5em;
}
.v3 .main__dropdown__link, .v3 .main__dropdown .username-coloured {
  display: block;
  padding: 0.2em 0.4em;
}
.v3 .main__dropdown__link--level0, .v3 .main__dropdown__link--level1 {
  padding-left: 1.7em;
  line-height: 1.2em;
}
.v3 .main__dropdown__link--level2 {
  padding-left: 2.4em;
  font-size: 0.9em;
  font-style: italic;
}
.v3 .main__dropdown__checked {
  color: black;
}
.v3 .main__link {
  display: block;
  padding: 0.2em 0.5em;
}
.v3 button.main__link {
  width: 100%;
}
.v3 {
  /**
   * Viewforum
   */
}
.v3 .viewforum__subject__subject-icon {
  margin-top: 0.7em;
  margin-right: 1.3em;
}
.v3 .viewforum__subject__status-icon {
  margin-left: -0.2em;
  vertical-align: 0.1em;
}
.v3 .viewforum__subject__status-icon .fa-icon {
  --fa-size: 0.875rem;
}
.v3 .viewforum__subject__status-icon_alt {
  position: absolute;
  margin-top: 1.4em;
  margin-left: 0.8em;
}
.v3 .viewforum__subject__status-icon_alt .fa-icon {
  --fa-size: 0.625rem;
  opacity: 0.7;
}
.v3 .viewforum__subject__unread-icon .fa-icon {
  position: absolute;
  --fa-size: 0.7em;
  margin-left: -1.1em;
  margin-top: 0.6em;
  padding: 0;
}
.v3 {
  /**
   * Viewtopic
   */
}
.v3 .viewtopic__profile {
  display: block;
  float: left;
  text-align: center;
  margin: 0 0.75em 0 0;
  width: 8.375rem;
  border-radius: 0.3em;
  text-shadow: 0 0 0.2em #000;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__profile {
    width: 100%;
    text-align: left;
    text-shadow: none;
    background: none;
    border-radius: 0;
  }
}
.v3 a.viewtopic__profile__link:hover {
  filter: saturate(110%) brightness(110%);
}
@media (max-width: 37.5rem) {
  .v3 a.viewtopic__profile__link:hover {
    filter: none;
  }
}
.v3 .viewtopic__profile__link {
  display: block;
  border-radius: 0.2em;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__profile__link {
    margin: 0.125rem 0.3125rem 0.5em;
    padding-right: 0.5em;
    line-height: 1.6;
  }
}
.v3 .viewtopic__profile img.avatar {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__profile img.avatar {
    float: left;
    margin: 0.0625rem 0.25rem 0.1875rem 0.125rem;
    width: 2.03125rem;
    height: 2.34375rem;
  }
}
.v3 .viewtopic__profile__details .fa-icon {
  --fa-size: 0.625rem;
  margin-inline: calc(var(--fa-size) * -0.125) calc(var(--fa-size) * -0.025);
  vertical-align: calc(-0.1em - var(--fa-size) * 0.125);
}
.v3 .viewtopic__header {
  margin: 0 0 2em;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__header {
    margin: 0 0 1em;
  }
}
.v3 .viewtopic__header, .v3 .viewtopic__icons {
  display: block;
  line-height: 1.3;
}
.v3 .viewtopic__date {
  font-size: 0.85em;
  font-style: italic;
  margin-top: 0em;
}
.v3 .viewtopic__subject {
  font-size: inherit;
  text-align: left;
}
.v3 .viewtopic__subject .tags {
  display: none;
}
.v3 .viewtopic__subject--new {
  padding-top: 3em;
  margin: 0 0 1.75em;
  font-size: 1.4em;
  text-align: center;
  line-height: 0.875;
}
.v3 .search__date {
  display: inline;
  margin-left: 0.5em;
  font-style: italic;
  font-size: 0.9em;
}
.v3 .viewtopic__icons {
  float: right;
  z-index: 2;
  margin-left: 1em;
  text-align: right;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__icons {
    position: absolute;
    margin-top: -0.4em;
    margin-left: 0;
    right: 1.5em;
  }
}
.v3 .viewtopic__icons .button--post-icon {
  padding: 0 0.1em;
}
.v3 .viewtopic__icons .fa-icon {
  --fa-size: 0.8125rem;
  opacity: 0.6;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__username {
    padding-top: 0.1875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 7em;
  }
}
.v3 .viewtopic__profile__function {
  font-size: 0.9em;
  line-height: 1.1;
}
@media (max-width: 37.5rem) {
  .v3 .viewtopic__profile__function {
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 9em;
  }
}
.v3 .viewtopic__profile__details {
  opacity: 0.8;
  font-size: 0.7em;
  padding: 0.4em 0 0.4em;
}
.v3 .viewtopic__profile__details__messages {
  color: #aaaaaa;
}
.v3 .viewtopic__profile__details__points {
  color: #c9917a;
}
.v3 .viewtopic__profile__details .money--galleons > .fa-icon {
  margin-inline-end: calc(var(--fa-size) * -0.125);
  padding-right: 0.2em;
}
.v3 .viewtopic__anchor {
  position: relative;
  top: -8.5rem;
  display: block;
  visibility: hidden;
}
.v3 .viewtopic__content {
  padding-bottom: 0;
}
.v3 .viewtopic__content:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.v3 .viewtopic__post {
  padding-bottom: 1.5em;
}
.v3 {
  /**
   * Viewprofile
   */
}
.v3 .viewprofile__icon-online {
  color: #98C379;
}
.v3 .viewprofile__icon-online .fa-icon {
  --fa-size: 0.6em;
  padding: 0;
}
.v3 .memberlist-online {
  color: rgb(39.3652718819%, 57.9664443097%, 25.9551243178%);
}
.v3 .memberlist-online .fa-icon {
  --fa-size: 0.6em;
  padding: 0;
}
.v3 {
  /**
   * MODULES
   * -------
   */
  /**
   * Icons
   */
}
.v3 .fa-icon--dice {
  padding: 0;
}
.v3 .with-stars-around:before, .v3 .with-stars-around:after {
  position: relative;
  top: -0.05em;
  content: "☆";
  font-size: 1em;
  padding: 0 0.1em 0 0.2em;
}
.v3 {
  /**
   * Unselectable
   */
}
.v3 .not-selectable, .v3 .button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.v3 {
  /* Money */
}
.v3 .money > .fa-icon {
  --fa-size: 0.55em;
  padding: 0 0.06em 0 0;
  vertical-align: calc(var(--fa-size) * -0.125);
}
.v3 .money--galleons {
  font-size: 0.9em;
  color: #D1A541;
}
.v3 .money--galleons--noresize {
  font-size: 1em;
}
.v3 .money--galleons > .fa-icon {
  --fa-size: 1em;
  vertical-align: calc(-0.11em - var(--fa-size) * 0.125);
}
.v3 .money--sickles {
  font-size: 0.85em;
  color: #BCB1B9;
}
.v3 .money--sickles > .fa-icon {
  --fa-size: 0.85em;
  vertical-align: calc(-0.08em - var(--fa-size) * 0.125);
}
.v3 .money--knuts {
  font-size: 0.8em;
  color: #A26E49;
}
.v3 {
  /* Numbers */
  /* Buttons */
}
.v3 .button {
  display: inline-block;
  border-radius: 0.4em;
  margin: 0.1em 0;
  padding: 0.1em 0.3em;
  cursor: pointer;
}
.v3 .button .fa-icon {
  padding: 0;
}
.v3 .button .fa-icon + span {
  padding-left: 0.2em;
}
.v3 .button__input, .v3 .button__input:hover, .v3 .button__input:focus {
  background: transparent;
  box-shadow: transparent;
  outline: none !important;
  border: 0;
}
.v3 .button__input--icon-inside {
  margin-left: -1.9em;
  padding-left: 1.9em;
}
.v3 .button__label {
  opacity: 0.5;
  padding-right: 0.3em;
}
.v3 .button__sub {
  font-family: Arial, sans-serif;
  position: relative;
  top: 0.42em;
  margin-left: -0.7em;
  font-size: 0.7em;
  font-weight: bold;
  opacity: 0.8;
}
.v3 .l-float-right.button {
  margin-left: 0.3em;
}
.v3 .button--bbcode {
  padding: 0 0.35em;
}
.v3 .button--smiley {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
}
.v3 .button--post-icon {
  padding: 0.1em;
}
.v3 .palette-selector {
  margin-left: -0.2em;
  cursor: pointer;
}
.v3 .bbcode-palette {
  position: absolute;
  padding: 0;
  width: 0.0625rem;
  height: 0.0625rem;
  opacity: 0;
}
.v3 .button__select--nowidth {
  padding: 0;
  width: 1rem;
  color: transparent;
}
.v3 .button--pagination {
  margin-left: 0.2em;
}
.v3 .button--pagination .fa-icon {
  margin: 0 -0.2em;
}
.v3 {
  /* Image upload dialog. Nested under a single block so the surrounding .v3
     wrapper scopes every rule (and the --error / --processing modifiers keep
     .v3 at the front). Appended inside .v3 from JS for the same reason. */
}
.v3 .upload-dialog {
  display: none; /* flex when shown, set from JS */
  position: fixed;
  inset: 0;
  z-index: 100000;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  animation: fadein 0.25s;
}
.v3 .upload-dialog__box {
  width: 22em;
  max-width: 85vw;
  padding: 1.5em;
  text-align: center;
  color: #CCC;
  background: rgba(0, 0, 0, 0.85);
  border: 0.0625rem solid rgba(204, 204, 204, 0.5);
  border-radius: 0.5em;
  box-shadow: 0 0 1.5em 0.8em black;
  text-shadow: 0 0 0.5rem #090909, 0 0 0.625rem #090909;
}
.v3 .upload-dialog__icon {
  width: 1.8em;
  height: 1.8em;
  margin-bottom: 0.3em;
  opacity: 0.7;
}
.v3 .upload-dialog__heading {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.v3 .upload-dialog__caption {
  font-size: 0.85em;
  opacity: 0.6;
  margin-bottom: 0.9em;
  word-break: break-all;
}
.v3 .upload-dialog__caption:empty {
  display: none;
}
.v3 .upload-dialog__bar {
  height: 0.5em;
  border-radius: 0.5em;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0.2em 0.05em black;
  overflow: hidden;
}
.v3 .upload-dialog__fill {
  width: 0;
  height: 100%;
  border-radius: 0.5em;
  background: #CCC;
  transition: width 0.2s ease-out;
}
.v3 .upload-dialog {
  /* Error state: dismissible, no progress bar, warm-tinted icon. (Nested
     with a single & so the .v3 wrapper isn't injected twice.) */
}
.v3 .upload-dialog--error {
  cursor: pointer;
}
.v3 .upload-dialog--error .upload-dialog__icon {
  color: #c98b8b;
  opacity: 0.9;
}
.v3 .upload-dialog--error .upload-dialog__bar {
  display: none;
}
.v3 .upload-dialog {
  /* Indeterminate "processing" state: a highlight flowing along a full bar
     while the server converts the image. */
}
.v3 .upload-dialog__bar--processing .upload-dialog__fill {
  width: 100%;
  background: linear-gradient(90deg, rgba(204, 204, 204, 0.25) 25%, #CCC 50%, rgba(204, 204, 204, 0.25) 75%);
  background-size: 200% 100%;
  animation: upload-processing 1.2s linear infinite;
}
@keyframes upload-processing {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.v3 {
  /* Input */
}
.v3 .icon-after-input {
  position: absolute;
  margin-left: -1.8em;
}
.v3 {
  /* Bars */
}
.v3 .action-bar--top, .v3 .action-bar--bottom {
  text-align: left;
}
.v3 .action-bar--top:after, .v3 .action-bar--bottom:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.v3 .action-bar--top {
  margin-bottom: 0.5em;
}
.v3 .action-bar--bottom {
  margin-top: 0.5em;
}
.v3 {
  /**
   * Dropdowns
   */
}
.v3 .dropdown-content {
  display: none;
  visibility: visible;
}
.v3 .dropdown-trigger {
  position: relative;
}
.v3 .dropdown-trigger:active .dropdown-content, .v3 .dropdown-trigger:focus .dropdown-content, .v3 .dropdown-trigger:hover .dropdown-content {
  display: initial;
}
.v3 {
  /**
   * Custom checkboxes
   */
}
.v3 .input-trigger {
  display: none;
}
.v3 .input-trigger--on, .v3 .input-trigger--off {
  cursor: pointer;
}
.v3 .input-trigger ~ .input-trigger--on {
  display: none;
}
.v3 .input-trigger:checked ~ .input-trigger--on {
  display: inline;
}
.v3 .input-trigger:checked ~ .input-trigger--off {
  display: none;
}
.v3 {
  /**
   * Toogle show-hide
   */
}
.v3 .toggle-container {
  display: none;
  text-align: justify; /* for buttons in right-aligned blocks */
}
.v3 .toggle-icon .toggle-show {
  display: none;
}
.v3 .toggle-trigger {
  display: none;
}
.v3 .toggle-trigger:checked ~ .toggle-container {
  display: block;
}
.v3 .toggle-trigger:checked ~ .toggle-icon .toggle-show {
  display: inline;
}
.v3 .toggle-trigger:checked ~ .toggle-icon .toggle-hide {
  display: none;
}
.v3 {
  /**
   * Layout
   */
}
.v3 .l-inline-block {
  display: inline-block;
}
.v3 .l-clear:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.v3 .l-float-left {
  float: left;
}
.v3 .l-float-right {
  float: right;
}
.v3 .postimage--float-left {
  clear: left;
  float: left;
  margin-right: 1rem;
}
.v3 .postimage--float-right {
  clear: right;
  float: right;
  margin-left: 1rem;
}
.v3 .l-align-left {
  text-align: left;
}
.v3 .l-align-right {
  text-align: right;
}
.v3 .l-width {
  width: 100%;
}
.v3 .l-disable {
  opacity: 0.3;
  cursor: pointer;
}
.v3 .l-none {
  display: none;
}
.v3 {
  /* A partir d'ici, styles CSS à réécrire */
}
.v3 a {
  text-decoration: none;
}
.v3 sup, .v3 sub {
  line-height: 0;
  font-size: 0.65em;
}
.v3 .parchment ul, .v3 .parchment ol {
  margin: 0.75em 0 0.75em 1em;
}
.v3 .parchment.list_pm {
  padding: 0.75em 0;
}
.v3 .parchment.view_pm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.v3 .parchment ul li {
  margin: 0.75em 0 0.75em 1em;
}
.v3 .parchment ul li:before {
  content: "– ";
  position: absolute;
  margin-left: -1em;
}
.v3 .parchment ol li {
  margin: 0.75em 0 0.75em 1em;
  padding-left: 0.5em;
  list-style-type: decimal;
}
.v3 .parchment img {
  max-width: 100%;
  height: auto;
}
.v3 .wrap {
  padding: 0.4642857143em 0;
  margin: 7.6785714286em auto 0;
}
.v3 .chaine {
  margin: -6em auto 2em;
  padding-top: 6em;
  max-width: 58rem;
  background-repeat: repeat-y, repeat-y;
  background-position: 5% 0, 95% 0;
  background-image: url("../../../ml/theme/img/design/chaine.png"), url("../../../ml/theme/img/design/chaine.png");
  background-size: 0.8125rem 4.6875rem, 0.8125rem 4.6875rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 31.25rem) {
  .v3 .chaine {
    margin-bottom: 0;
  }
}
.v3 .titre {
  margin: 0;
  font-size: 1.1428571429em;
  font-weight: normal;
}
@media (max-width: 18.75rem) {
  .v3 .titre {
    display: none;
  }
}
.v3 .acces {
  position: fixed;
  font-size: 0.875rem;
  line-height: 4.2rem;
  top: -0.5625rem;
  right: 1em;
  z-index: 103;
}
.v3 .acces a {
  position: relative;
  display: inline-block;
  line-height: 1;
  margin-top: -0.4375rem;
  padding: 1.5em 0.3em 1.5em 0;
  font-size: 1.1em;
  border-radius: 0.2em;
}
.v3 .acces a div {
  display: inline-block;
  text-align: center;
  padding: 0 0.6em;
  background: rgba(0, 0, 0, 0.5);
  line-height: 1.125rem;
  height: 1.125rem;
  box-shadow: inset 0 0 0.2em 0.1em black;
  text-shadow: 0.0625rem 0.0625rem 0.1875rem black, 0.0625rem 0.0625rem 0.1875rem black;
  min-width: 3em;
}
.v3 .acces a.droite {
  padding: 1.5em 0;
}
.v3 .acces a:hover div {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0.2em 0.1em black, 0 0 0.7em 0.2em rgba(255, 255, 255, 0.1);
}
.v3 .acces img {
  height: 4.25rem;
  vertical-align: top;
}
@media (max-width: 31.25rem) {
  .v3 .acces {
    top: -0.8125rem;
  }
  .v3 .acces img {
    height: 3.75rem;
    width: auto;
  }
  .v3 .acces a div {
    position: relative;
    top: -0.125rem;
    padding: 0.062rem 0.2rem;
  }
}
@media (max-width: 19.375rem) {
  .v3 .acces img {
    display: none;
  }
}
.v3 .connexion {
  text-align: center;
  margin-bottom: -0.3rem;
}
.v3 .connexion .soustitre {
  padding-bottom: 1.52em;
}
.v3 .connexion .utilisateur {
  position: relative;
  top: -0.875rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 0;
  margin-bottom: -0.625rem;
  cursor: text;
  background: rgba(0, 0, 0, 0.55);
  -webkit-user-select: text;
  box-shadow: inset 0 0 0.2em 0.1em black, 0 0 0.7em 0.2em rgba(255, 255, 255, 0.07);
}
.v3 .connexion .utilisateur:hover {
  background: rgba(0, 0, 0, 0.55);
}
.v3 .connexion .utilisateur:focus {
  outline: 0;
  box-shadow: inset 0 0 0.2em 0.1em black, 0 0 0.7em 0.2em rgba(255, 255, 255, 0.15);
}
.v3 .connexion .error {
  margin: 0.8125rem 0.625rem 0.25rem;
  line-height: 1.0625rem;
  font-size: 0.8125rem;
  font-weight: normal;
  text-align: left;
}
.v3 .connexion input {
  width: 13.9em;
  padding: 0 0.5em;
  height: 1.25rem;
}
.v3 .connexion input[type=submit] {
  display: inline-block;
  width: auto;
  cursor: pointer;
  margin: 0.9em 0 0.5em;
  padding: 0 0.5em;
  height: 1.25rem;
}
.v3 .connexion .forgotpassword {
  font-size: 0.8571428571em;
  text-shadow: 0.0625rem 0.0625rem 0.1875rem black, 0.0625rem 0.0625rem 0.1875rem black, 0.0625rem 0.0625rem 0.1875rem black;
}
.v3 .fermeture {
  cursor: pointer;
}
.v3 a.fermeture {
  position: absolute;
  right: 5%;
  top: 5%;
  font-size: 0.9375rem;
  color: #ffffff;
  opacity: 0.25;
  z-index: 900000;
}
.v3 a.fermeture:hover {
  opacity: 1 !important;
}
.v3 .encadre {
  margin: 0.75em 0;
}
.v3 .liste {
  padding: 0;
  clear: both;
}
.v3 .liste > div {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.v3 .liste > div > div {
  display: table-row;
}
.v3 .liste > div > div > * {
  display: table-cell;
  vertical-align: middle;
}
.v3 .liste > div > div .dernier {
  height: 3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v3 .sujet > a {
  display: flex;
  text-align: left;
  min-height: 3em;
  padding-left: 1em;
}
.v3 .sujet > a > div {
  width: 100%;
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v3 .tags {
  border: 0.0625rem solid black;
  border-radius: 0.2em;
  font-size: 0.8571428571em;
  line-height: 1;
  padding-inline: 0.2em;
  display: inline-block;
}
.v3 .subject .tags {
  display: none;
}
.v3 .list_pm .topicrow .unread {
  margin-top: 0 0.3125rem;
}
.v3 .topicrow--deleted {
  font-style: italic;
  opacity: 0.4;
}
.v3 .annonce {
  display: block;
  height: 0.1875rem;
  margin: -0.125rem 0;
}
.v3 .sticky {
  position: relative;
  top: 0.125rem;
  opacity: 0.5;
}
.v3 .dernier .date, .v3 .sousforum, .v3 .telephone, .v3 .tablette {
  position: relative;
  top: -0.2em;
  font-size: 0.8571428571em;
  line-height: 1.17;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v3 .reponses, .v3 .vues, .v3 .lien {
  text-align: center;
  width: 4.5em;
}
.v3 .parchment .reponses, .v3 .parchment .vues {
  font-size: 0.8571428571em;
}
.v3 .lien {
  width: 1em;
  padding: 0 1em;
}
.v3 .dernier {
  width: 12em;
}
.v3 .dernier .username-coloured, .v3 .dernier .petitspoints {
  position: relative;
  top: 0.2em;
}
.v3 .topicrow .sousforum span, .v3 .topicrow .author {
  opacity: 0.7;
}
.v3 .topicrow .sousforum span[style*="color: #eeeeee"], .v3 .topicrow .type {
  opacity: 1;
}
.v3 .tablette, .v3 .telephone, .v3 .sousforum {
  display: none;
}
.v3 .forum .tablette, .v3 .forum .telephone, .v3 .forum .sousforum {
  margin-left: 0;
}
.v3 .tablette .date, .v3 .telephone .date, .v3 .sousforum .date {
  text-transform: lowercase;
}
.v3 .information {
  padding: 0.75em 0.75em;
}
.v3 .sousforum {
  display: block;
  margin-left: 0.0625rem;
}
.v3 .corrige {
  cursor: default;
}
@media (max-width: 37.5rem) {
  .v3 .liste .reponses, .v3 .liste .vues, .v3 .liste .dernier {
    display: none;
  }
  .v3 .liste.viewpm .dernier {
    display: table-cell;
  }
  .v3 .tablette {
    display: block;
  }
}
@media (max-width: 31.25rem) {
  .v3 .liste .dernier, .v3 .liste .tablette, .v3 .liste.viewpm .dernier {
    display: none;
  }
  .v3 .telephone {
    display: block;
  }
}
.v3 .soustitre {
  display: block;
  margin: 0;
  position: relative;
  top: 0.525em;
  font-size: 1.149em;
  line-height: 1.3125;
  font-weight: normal;
  text-align: center;
  opacity: 0.9;
  clear: both;
}
.v3 .parchment .soustitre {
  top: 0;
  margin-bottom: 0.75em;
}
.v3 .separateur .soustitre {
  top: -0.5em;
}
.v3 .postbody {
  margin-left: 9.0625rem;
}
.v3 .postbody--ignore {
  padding: 0.2rem 0.75em;
  font-size: 0.95em;
  margin-bottom: 1.5em;
}
.v3 .preview {
  margin: 0 0 0.75em;
  font-size: 1em;
  font-weight: normal;
}
.v3 .subject {
  margin-bottom: 0.3em;
}
.v3 .subject input[type=text] {
  background: none;
  border: 0;
  top: -0.875em;
  cursor: text;
  color: black;
}
.v3 .pm_title.subject input[type=text] {
  display: block;
}
.v3 .intro br {
  margin-top: 0.75em;
  display: block;
  content: "";
}
.v3 .contenu {
  vertical-align: top;
  margin: 0 0 1.5em;
}
.v3 .contenu.no_min_height {
  min-height: 0;
}
.v3 .contenu.no_margin_bottom {
  margin-bottom: 0;
}
.v3 .contenu .degrade {
  min-height: 13.5em;
}
.v3 .posting__subject--new {
  display: block;
  background: none;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: black;
}
.v3 .contenu .signature {
  margin: 0.875em 0 -0.75em;
  opacity: 0.3;
}
.v3 textarea.signature {
  overflow: auto;
  height: 8em;
  max-height: 8em;
}
.v3 .signature {
  font-style: italic;
  font-size: 0.8em;
  width: 100%;
  padding: 0;
  max-height: 4.5em;
  overflow: hidden;
}
.v3 .signature img {
  display: none;
}
.v3 .signature hr {
  display: block;
  width: 30%;
  height: 0.0625rem;
  border: none;
  color: black;
  margin: 0 0 0.1875rem;
  background-color: black;
  opacity: 0.5;
}
.v3 .main__dropdown__inner hr {
  display: block;
  height: 0.0625rem;
  border: none;
  color: black;
  margin: 0.1875rem 0;
  background-color: black;
  opacity: 0.1;
}
.v3 .post-notice {
  margin: 0.75em 0;
}
.v3 .notice {
  font-style: italic;
  opacity: 0.3;
}
.v3 img.avatar {
  max-width: 8.125rem;
  max-height: 9.375rem;
  margin: 0 0.125rem 0.125rem;
  height: auto;
}
@media (max-width: 37.5rem) {
  .v3 .postbody {
    margin: 0;
  }
  .v3 .postbody--ignore {
    margin-bottom: 1.5em;
  }
  .v3 .contenu.parchment {
    min-height: 0;
  }
}
.v3 code {
  padding: 0.1em 0.3em;
  font-size: 1.2em;
  border-radius: 0.4em;
}
.v3 blockquote, .v3 .codebox, .v3 .reducio {
  background: transparent none 0.75em 0.75em no-repeat;
  padding: 0.75em;
  margin: 0.75em 0.05em;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.3em;
}
.v3 .reducio {
  display: block;
}
.v3 .reducio-trigger {
  width: 100%;
  height: 2.3em;
  margin-bottom: -0.3em;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.v3 .reducio-title {
  display: block;
  margin: 0 0 -2.2em 0;
  opacity: 0.4;
}
.v3 .reducio-content {
  display: none;
  margin-top: 1em;
}
.v3 .reducio-trigger:checked + .reducio-content {
  display: block;
}
.v3 blockquote cite {
  font-weight: bold;
  display: block;
}
.v3 blockquote cite > div {
  float: right;
  font-weight: normal;
  font-style: italic;
  text-align: right;
  opacity: 0.2;
}
.v3 blockquote cite:before.uncited, .v3 .codebox p:before.uncited {
  padding-top: 1.5em;
}
.v3 .codebox {
  text-align: left;
  overflow-wrap: break-word;
}
.v3 .codebox p {
  display: none;
}
.v3 .codebox pre, .v3 .codebox code {
  margin: 0;
  font-family: sans-serif;
  max-width: 100%;
  overflow: auto;
}
.v3 .codebox pre {
  font-size: 0.95rem;
}
.v3 .codebox code {
  padding: 0;
  background-color: transparent;
  font-size: 1em;
}
.v3 .parchment img {
  height: auto;
}
.v3 .postbody img {
  max-width: 100%;
  box-sizing: border-box;
}
.v3 .smilies, .v3 .parchment img.smilies {
  height: 1.125rem;
  width: auto;
  font-size: 0;
  vertical-align: -0.15rem;
}
.v3 .emoji, .v3 .parchment img.emoji {
  height: 1.375rem;
  width: 1.375rem;
  margin-inline: 0.1rem;
  vertical-align: -0.275rem;
}
.v3 .emoji--titre, .v3 .parchment img.emoji--titre {
  height: 1.375em;
  width: 1.375em;
  vertical-align: -0.275em;
}
.v3 .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.v3 .parchment td .postimage {
  max-width: none;
}
@media (max-width: 1015px) {
  .v3 .postbody table,
  .v3 .postbody thead,
  .v3 .postbody tbody,
  .v3 .postbody tr,
  .v3 .postbody th,
  .v3 .postbody td {
    display: block;
  }
  .v3 .parchment td .postimage {
    max-width: 100%;
  }
}
.v3 .gauche {
  text-align: left;
}
.v3 .droite, .v3 .right, .v3 .paragraphe_droite {
  text-align: right;
}
.v3 .centre, .v3 .paragraphe_centre {
  text-align: center;
}
.v3 .paragraphe_centre, .v3 .paragraphe_droite {
  display: block;
}
.v3 .submit-buttons.centrer {
  text-align: center;
}
.v3 .justifie {
  text-align: justify;
}
.v3 .indent {
  margin-left: 1em;
}
.v3 .bold {
  font-weight: bold;
}
.v3 .strike {
  text-decoration: line-through;
}
.v3 .revelio {
  border-radius: 0.25rem;
  cursor: pointer; /* Touch event on iOS <= 12 */
}
.v3 .revelio * {
  visibility: hidden;
}
.v3 .revelio:hover * {
  visibility: visible;
}
.v3 .font-cursive, .v3 .encadre_note, .v3 .correction .right, .v3 .letter p {
  font-family: SnellRoundhand, Segoe Script, Dancing Script, cursive;
  font-size: 1.2em;
}
.v3 .font-signature {
  font-family: Zapfino, Lucida Handwriting, Dancing Script, cursive;
  font-size: 1.2em;
}
.v3 .font-typewriter {
  font-family: American Typewriter, Consolas, Courier New, Droid Sans Mono, mono;
}
.v3 .background--christmas {
  background-image: url("/images/backgrounds/lrp3yxl8l4ny.webp");
}
.v3 .separateur h2 {
  display: block;
  position: relative;
  top: -0.4375em;
  font-size: 1.1428571429em;
  line-height: 1.3125em;
  text-align: center;
  margin: 0;
}
.v3 .smiley a {
  opacity: 0.7;
}
.v3 .smiley a:hover {
  opacity: 1;
}
.v3 .submit-buttons {
  text-align: right;
}
.v3 .submit-buttons.nomargin {
  margin-top: -0.75em;
}
.v3 .opacity {
  opacity: 0.6;
}
.v3 .parchment textarea.editeur {
  min-height: 19.5em;
  min-width: 100%;
  background: none;
  padding: 0.75em 0 1.5em;
  box-shadow: none;
  outline: none;
}
.v3 .parchment textarea.editeur:focus {
  box-shadow: none;
}
.v3 textarea:focus {
  outline: none !important;
}
.v3 .quickreply .parchment textarea {
  min-height: 6em;
}
.v3 .quickreply .parchment .format-buttons {
  margin-top: -0.75em;
  border-top: 0;
  padding-top: 0.5em;
}
.v3 .quickreply h2 {
  font-size: 1em;
  top: -0.5em;
}
.v3 .duree {
  margin-top: 0.5em;
}
.v3 .topic_poll .content {
  padding: 0.75em 1.5em;
  margin: 2.25em 0 0.75em;
  border-radius: 0.3em;
}
.v3 .topic_poll .info {
  float: left;
  font-size: 0.8571428571em;
  margin: 0.75em 0 0 1em;
  line-height: 1.75;
  font-style: italic;
  text-align: left;
}
.v3 fieldset.polls {
  margin: 0 1em 0 0;
}
.v3 fieldset.polls dl {
  display: block;
}
.v3 fieldset.polls dt {
  text-align: left;
  min-width: 60%;
  line-height: 0.875;
}
.v3 fieldset.polls dd label, .v3 fieldset.polls dt label {
  display: block;
  padding: 0 0.5em;
  line-height: 1.5;
}
.v3 fieldset.polls dd.input {
  width: 2.3em;
  float: left;
}
.v3 fieldset.polls dd.input label {
  padding: 0 0 0 1em;
}
.v3 fieldset.polls dd.input input[style*=display] + .cache {
  display: inline;
}
.v3 fieldset.polls dd.input .cache {
  display: none;
}
.v3 fieldset.polls .voted {
  font-weight: bold;
}
.v3 fieldset.polls dd.bar {
  width: 100%;
}
.v3 fieldset.polls dd.bar .resultbar div {
  font-size: 0.8571428571em;
  margin-bottom: 0.0625rem;
  border-radius: 0.35em;
  text-align: right;
  font-weight: bold;
  padding: 0 0.25em;
  overflow: visible;
  min-width: 0.4375rem;
}
.v3 .poll_vote {
  margin-right: 1em;
  text-align: right;
}
.v3 .poll-title {
  font-weight: bold;
}
.v3 .contenu.parchment.noselect {
  min-height: 0;
}
.v3 .options {
  margin-top: -0.75em;
}
.v3 .categorie {
  font-weight: bold;
  margin: 1.125em 0 0.375em;
}
.v3 .options .option {
  text-align: left;
  margin-left: 1em;
}
.v3 .options .edition input {
  width: 100%;
}
.v3 .options input[type=number] {
  background: none;
  border: none;
  width: 4.3em;
}
.v3 .options input[type=number].possibilites {
  width: 1.6em;
}
.v3 .options input[type=radio], .v3 .options input[type=checkbox] {
  position: relative;
  top: -0.0625rem;
  margin-right: 0.25em;
}
.v3 .options .type label {
  padding: 0 0.6em 1.2em 0;
}
.v3 .options .type img {
  position: relative;
  top: 0.1875rem;
}
.v3 .options .type span {
  display: none;
  position: absolute;
  margin-top: 1.2em;
  margin-left: -0.375rem;
  transform: translate(-50%, 0);
  opacity: 0.5;
}
.v3 .options .type label:hover img {
  opacity: 0.5;
}
.v3 .options .type label:hover span {
  display: inline;
}
.v3 .noselect, .v3 .revelio:not(:hover), .v3 .navigation {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.v3 .hidden {
  display: none;
}
.v3 .fadein {
  animation: fadein 1s forwards;
  opacity: 0;
}
.v3 .fadein-delay-1s {
  animation-delay: 1s;
}
.v3 .fadein-delay-2s {
  animation-delay: 2s;
}
.v3 .fadein-delay-3s {
  animation-delay: 3s;
}
.v3 .fadein-delay-4s {
  animation-delay: 4s;
}
.v3 .fadein-delay-5s {
  animation-delay: 5s;
}
.v3 .fadein-delay-6s {
  animation-delay: 6s;
}
.v3 .fadein-delay-7s {
  animation-delay: 7s;
}
.v3 .fadein-delay-8s {
  animation-delay: 8s;
}
.v3 .fadein-delay-9s {
  animation-delay: 9s;
}
.v3 .fadein-delay-11s {
  animation-delay: 11s;
}
.v3 .fadein-delay-12s {
  animation-delay: 12s;
}
.v3 .fadein-delay-13s {
  animation-delay: 13s;
}
.v3 .fadein-delay-14s {
  animation-delay: 14s;
}
.v3 .fadein-delay-15s {
  animation-delay: 15s;
}
.v3 .fadein-delay-16s {
  animation-delay: 16s;
}
.v3 .darken, .v3 .dark {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
}
.v3 .dark {
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.v3 .darken {
  background: rgba(0, 0, 0, 0.86);
}
.v3 .darkenwrapper_show {
  display: block;
}
.v3 #phpbb_confirm .submit-buttons {
  margin-top: 0.5em;
}
.v3 .alert_close, .v3 .close {
  float: right;
  font-size: 1.2em;
  margin: -0.7em -0.7em 0 0;
  cursor: pointer;
}
.v3 .close {
  font-size: 1em;
}
.v3 .recherche {
  text-align: left;
}
.v3 .recherche .searchbox {
  display: block;
  width: 100%;
  font-size: 1.2857142857em;
  line-height: 2.3;
  height: 2.3em;
  margin: 0.5833333333em 0 0;
  padding: 0 0.5em;
  box-sizing: border-box;
}
.v3 .recherche .help_search {
  font-size: 0.9em;
  font-style: italic;
  color: #a0926d;
  margin: 0.5em 0.5em 2em;
  line-height: 1.25;
}
.v3 .recherche .help_search.help_select {
  margin-bottom: 0.5em;
}
.v3 .recherche .authorsearch .inputbox {
  width: 100%;
}
.v3 .recherche select {
  width: 100%;
}
.v3 .recherche option {
  padding-left: 1em;
}
.v3 .recherche .description {
  position: relative;
  top: -0.1em;
  left: -0.3em;
  margin-right: -0.3em;
}
.v3 .recherche .select {
  float: left;
}
.v3 .recherche .select, .v3 .recherche .authorsearch {
  margin: 0 2.5% 0 5%;
  width: 42.5%;
}
.v3 .recherche .authorsearch, .v3 .recherche .rechercher {
  margin: 0 5% 0 52.5%;
}
.v3 .recherche .rechercher {
  text-align: right;
  clear: right;
}
.v3 .recherche .rechercher button {
  margin-top: 2.7em;
  font-size: 1.0714285714em;
  line-height: 2;
}
.v3 .parchment .advanced_search {
  font-size: 0.9em;
}
.v3 .parchment .advanced_search select, .v3 .parchment .advanced_search select:focus {
  background: none;
  box-shadow: none;
}
.v3 .clear {
  clear: both;
  width: 100%;
  height: 0 0.0625rem;
}
.v3 .postbody .clear {
  margin-bottom: -1.7em;
}
.v3 .postbody .contenu_before_clear {
  padding-bottom: 1.7em;
}
@media (max-width: 31.25rem) {
  .v3 .recherche .select, .v3 .recherche .authorsearch {
    margin: 0 5%;
    width: 90%;
  }
  .v3 .recherche .searchbox {
    font-size: 1.1428571429em;
    line-height: 2.625;
    margin: 0.65625em 0;
  }
  .v3 .recherche .rechercher {
    margin: 0 5%;
    text-align: center;
  }
  .v3 .recherche .rechercher button {
    margin-top: 0.65625em;
  }
  .v3 .recherche .description {
    top: 0;
  }
  .v3 .recherche .help_search {
    font-size: 0.7em;
  }
}
.v3 .posthilit {
  padding: 0 0.15em;
  border-radius: 0.2em;
}
.v3 .owl_search_type {
  margin: 0.5em 0;
  text-align: center;
}
.v3 .owl_search_type label {
  white-space: nowrap;
  margin-right: 0.3em;
}
.v3 #author_field input, .v3 #recipient_field input {
  margin-bottom: 0.4em;
}
.v3 .parchment .format-buttons {
  margin: 0 -1.5em;
  background: transparent;
  padding: 0.3em 0.75em;
  border-left: 0;
  border-right: 0;
}
.v3 .postbody table {
  width: 100%;
}
.v3 .error {
  font-weight: bold;
  font-size: 1em;
}
.v3 .alert {
  margin: 0.25em 0 0.75em;
  padding: 0.25em 0.05em;
  border-radius: 0.2em;
}
@media (max-width: 37.5rem) {
  .v3 .alert {
    clear: both;
  }
}
.v3 .alert button {
  font-style: italic;
}
.v3 h2.message-info {
  display: block;
  font-size: 1.2857142857em;
  font-weight: normal;
  text-align: center;
  margin-top: 0;
}
.v3 h3 {
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
  margin-top: 0.875em;
}
.v3 .parchment.erreur {
  position: relative;
  top: -0.5em;
  display: inline-block;
  padding: 0.5em;
  min-height: 0;
  margin: 0 auto;
  text-align: left;
  background-image: none;
}
.v3 .parchment.erreur .icon {
  opacity: 0.6;
}
.v3 .parchment.erreur .date {
  padding-left: 0.5em;
  opacity: 0.2;
  font-size: 0.8571428571em;
  font-style: italic;
}
.v3 .enveloppe .error {
  margin-bottom: 1.5em;
}
.v3 .top-anchor {
  display: block;
  position: absolute;
  top: -1.25rem;
}
.v3 .clear {
  display: block;
  clear: both;
}
.v3 .inner:after,
.v3 ul.linklist:after,
.v3 .action-bar:after,
.v3 .notification_text:after {
  clear: both;
  content: "";
  display: block;
}
.v3 #word_count {
  text-align: right;
  font-style: italic;
  opacity: 0.3;
  height: 1.5em;
  padding-bottom: 0.75em;
}
.v3 table {
  border-collapse: collapse;
  text-align: left;
}
.v3 .parchment .utilisateur a {
  display: block;
}
.v3 .personne {
  margin: 0.75em 0;
}
.v3 .check_fields {
  clear: both;
  padding-top: 2em;
}
.v3 .mark_option {
  text-align: left;
}
.v3 .notifications {
  margin: 0.75em;
}
.v3 .notifications--empty {
  margin-bottom: -0.5em;
}
.v3 .notification {
  clear: both;
  padding: 0.75em;
  margin-bottom: 0.75em;
  border-radius: 0.3em;
}
.v3 .notification .avatar {
  float: left;
  max-width: 4.0625rem;
  max-height: 4.6875rem;
  box-shadow: none;
  filter: brightness(90%) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8)) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8));
}
.v3 .notification:hover .avatar {
  filter: brightness(130%) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8)) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8));
}
.v3 .notification_lien {
  display: block;
  padding-bottom: 0.75em;
}
.v3 .notification_contenu {
  margin-left: 4.6875rem;
  text-align: left;
}
.v3 .notification_contenu strong {
  font-weight: normal;
}
.v3 .notification_contenu .username-coloured[style] {
  color: inherit !important;
}
.v3 .notification_date {
  display: block;
  opacity: 0.7;
  margin-bottom: 0.3em;
  font-size: 0.8em;
}
.v3 .notification_old .avatars {
  opacity: 0.3;
}
.v3 .notification_old .notification_contenu {
  opacity: 0.7;
}
.v3 .notification_text {
  line-height: 1.2;
}
.v3 .notification_unread {
  float: right;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.75em;
}
.v3 .notification_new .notification_unread {
  margin-top: 0.3em;
}
.v3 .avatar_gauche {
  float: left;
}
.v3 .avatar_gauche.nomarginbottom {
  margin-bottom: 0;
}
.v3 .avatar_gauche .box {
  display: block;
  border: 0.125rem solid rgba(0, 0, 0, 0.2);
  padding: 0.25rem;
  margin-right: 1em;
}
.v3 .avatar_gauche .box img.avatar {
  box-shadow: 0 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
  border-radius: 0;
  display: block;
  margin: 0;
}
.v3 .avatar_gauche .box.noeffect img.avatar {
  filter: inherit;
}
.v3 .avatar_gauche .box .noavatar {
  opacity: 0.2;
}
.v3 .avatar_gauche .minicones {
  margin-right: 1rem;
}
.v3 .minicones_bis {
  display: none;
  margin-left: -1em;
  margin-top: 0.75em;
  font-size: 0.8571428571em;
}
@media (max-width: 37.5rem) {
  .v3 .avatar_gauche .box {
    max-height: 9.375rem;
  }
  .v3 img.avatar {
    max-height: 9.375rem;
  }
}
@media (max-width: 31.25rem) {
  .v3 .avatar_gauche .box {
    height: auto;
  }
  .v3 .avatar_gauche {
    width: 4.8125rem;
    height: 4rem;
  }
  .v3 .avatar_gauche.nomarginbottom {
    margin-bottom: 1.5em;
  }
  .v3 .avatar_gauche img.avatar {
    max-width: 3.25rem;
    max-height: 3.75rem;
  }
  .v3 .information_droite {
    clear: both;
  }
  .v3 .minicones {
    display: none;
  }
  .v3 .minicones_bis {
    display: flex;
  }
}
.v3 .nom {
  position: relative;
  font-size: 1.2857142857em;
  line-height: 1.17;
  margin-top: 0.1em;
  margin-bottom: 0.21875em;
}
.v3 .patrimoine_explain {
  font-style: italic;
  opacity: 0.65;
}
@media (max-width: 31.25rem) {
  .v3 .nom {
    margin-top: 0.3888888889em;
  }
}
.v3 .nom span[style*="color: #eeeeee"] {
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.45);
}
.v3 .ajout_points p {
  margin: 0.5em 1em 0;
}
.v3 .ajout_points input[type=number] {
  text-align: right;
}
.v3 .ajout_points .submit-buttons {
  margin-top: 1.5em;
  margin-right: 1em;
}
.v3 .ajout_points .inputbox {
  width: 100%;
}
.v3 .liste_points {
  margin: -1.5em 0.75em 0;
  cursor: default;
}
.v3 .liste_points ul {
  margin: 1em 0 1em;
  padding: 0 0.75em;
  border-radius: 0.3em;
}
.v3 .liste_points li {
  padding: 0.25em 0;
  opacity: 0.7;
}
.v3 .liste_points .jour {
  float: right;
  text-align: right;
  font-size: 0.8571428571em;
  line-height: 1.75em;
}
.v3 .liste_points .points_recus {
  float: left;
  width: 2em;
  font-size: 0.9285714286em;
  line-height: 1.6153846154em;
  text-align: right;
  padding-right: 0.5em;
}
.v3 .liste_points .explication {
  padding: 0.2em 3.5em 0.2em 2em;
  line-height: 1.1;
  text-align: left;
  opacity: 0.6;
}
.v3 .nombre_points, .v3 .nombre_gallions {
  width: 3em;
}
.v3 .raison {
  width: 100%;
  margin-right: 1em;
}
.v3 .points_date {
  margin: 0 0.75em;
  padding: 0.75em;
  border-radius: 0.3em;
}
.v3 .donation input[type=number] {
  box-shadow: none;
  background: none;
  text-align: left;
  margin-right: 0.375rem;
}
.v3 .donation img {
  position: relative;
  top: 0.125rem;
}
.v3 #avatar_driver {
  display: none;
}
.v3 .aide {
  font-style: italic;
  margin-bottom: 0.875em;
}
.v3 .input_file {
  margin-left: 10rem;
  margin-bottom: 0.3125rem;
}
.v3 #avatar_upload_file {
  width: 100%;
}
.v3 .profile_admin {
  margin-right: -1.7em;
  float: right;
}
@media (max-width: 31.25rem) {
  .v3 .input_file {
    margin-left: 0;
  }
  .v3 .identite .aide {
    margin-left: 5rem;
  }
  .v3 .profile_admin {
    margin-right: -0.5em;
  }
}
.v3 .gestion_utilisateur {
  width: 100%;
}
.v3 .notification_list {
  display: table;
  width: 100%;
  text-align: left;
}
.v3 .notification_option {
  min-height: 1.5em;
  display: table-row;
}
.v3 .notification_name {
  display: table-cell;
  margin: 0.375em;
  padding: 0.375em 0 0.375em 0.5em;
}
.v3 .notification_icons {
  display: table-cell;
  padding: 0 0.125rem;
  height: 1.5em;
  text-align: center;
  width: 3.75rem;
  vertical-align: middle;
}
.v3 .notification_icons img {
  position: relative;
  top: 0.1875rem;
  width: 1.0625rem;
  height: 1.0625rem;
  margin: 0 0.0625rem;
}
.v3 .notification_icons label {
  cursor: pointer;
}
.v3 .notification_icons label.yes:before, .v3 .notification_icons label.no:before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  width: 1.0625rem;
  cursor: pointer;
}
.v3 .notification_icons .notification_mail {
  visibility: hidden;
}
.v3 .identite .timezone .notification_name {
  display: block;
  margin: 0;
}
.v3 .identite .timezone .droite {
  margin: 0 0.5em 0 1em;
}
.v3 .identite .timezone #tz_select_date_suggest {
  display: none;
  font-size: 0.8571428571em;
  font-style: italic;
  line-height: 1.75em;
  text-align: right;
  opacity: 0.5;
  cursor: pointer;
}
.v3 .identite .timezone select {
  width: 100%;
}
.v3 .matiere td {
  width: 1.5625rem;
  margin: 0 auto;
  text-align: center;
  display: none;
}
.v3 thead .matiere td {
  display: table-cell;
}
.v3 .matiere td .fa-icon {
  padding: 0;
}
.v3 .bulletin, .v3 .parchmentnomargin {
  padding: 0;
}
.v3 .bulletin .degrade, .v3 .parchmentnomargin .degrade {
  padding: 1.5em;
  margin: 0 -0.25rem;
}
.v3 .bulletin .degrade.mentions, .v3 .parchmentnomargin .degrade.mentions {
  background: none;
}
.v3 .bulletin table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 1.5em 0;
}
.v3 .bulletin thead {
  display: table-header-group;
}
.v3 .bulletin thead td {
  border: 0;
}
.v3 .bulletin td {
  vertical-align: top;
  text-align: center;
  padding: 0.1875rem 0;
}
.v3 .bulletin td.annee {
  vertical-align: middle;
  line-height: 1.1;
  text-align: right;
  border: 0;
  width: 2.125rem;
  padding-right: 0.3125rem;
}
.v3 .bulletin tr.annee {
  display: none;
}
.v3 .bulletin img {
  vertical-align: middle;
}
.v3 .bulletin .notation {
  text-align: left;
  font-style: italic;
}
.v3 .bulletin .notation span {
  font-style: normal;
}
.v3 .bulletin .informations {
  line-height: 1.1;
  color: #9a8b64;
  font-weight: normal;
  height: 3.3125rem;
  background-image: url("/styles/ml/theme/img/design/cours/bulletin.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 4rem 3.3125rem;
}
.v3 .bulletin .avertissement {
  margin: 0 0 -0.75em;
}
.v3 .bulletin textarea {
  width: 100%;
}
.v3 .devoirs .avertissement {
  padding: 0.75em;
  font-style: italic;
}
@media (max-width: 31.25rem) {
  .v3 .bulletin .informations {
    background-position: 100%;
  }
}
.v3 .case {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0.1875rem auto;
}
.v3 .case a {
  position: absolute;
  width: 1.25rem;
  height: 0.875rem;
  margin: -0.3125rem 0 0 -0.9375rem;
  padding: 0 0.3125rem;
  font-size: 0.8125rem;
  font-weight: bold;
  transform-origin: 50% 60%;
}
.v3 .case a:hover {
  transform: scale(1.3);
}
@media (max-width: 31.25rem) {
  .v3 thead tr.matiere {
    display: none;
  }
  .v3 .bulletin table {
    table-layout: auto;
  }
  .v3 .bulletin .matiere td {
    display: table-cell;
    width: auto;
    padding: 0 0 0.1875rem;
  }
  .v3 .bulletin .matiere td img {
    max-width: 4vw;
    height: inherit;
    margin: 0;
  }
  .v3 .bulletin .annee span {
    display: none;
  }
  .v3 .bulletin tr.annee {
    display: table-row;
    text-align: center;
  }
  .v3 .bulletin tr.annee td {
    padding: 0.625rem 0 0;
  }
  .v3 .bulletin td {
    border-top: none !important;
    border-bottom: none !important;
  }
  .v3 .bulletin td.annee, .v3 .matiere td.annee {
    width: 0.0625rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.v3 .parchment ul.liste_cours {
  margin-left: 0;
  text-indent: 0;
}
.v3 .parchment ul.liste_cours li:before {
  content: none;
}
.v3 .liste_cours li a {
  display: block;
}
.v3 .liste_cours li a .case {
  display: inline-block;
  text-align: center;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0.5rem 0.4375rem -0.0625rem auto;
}
.v3 .liste_cours li a .case span {
  position: absolute;
  width: 1.25rem;
  height: 0.875rem;
  margin: -0.3125rem 0 0 -0.9375rem;
  padding: 0 0.3125rem;
  font-size: 0.8125rem;
  font-weight: bold;
  transform-origin: 50% 60%;
}
.v3 .liste_cours li a:hover .case span {
  transform: scale(1.3);
}
.v3 .liste_cours .info {
  display: block;
  font-style: italic;
  margin: -0.1875rem 1.6em -0.3125rem;
}
.v3 .cours .titre_cours {
  text-align: center;
  text-transform: uppercase;
  margin: 1em 0 2em;
  font-size: 1.15em;
}
.v3 .cours .titre_cours h3 {
  display: inline-block;
  font-weight: normal;
  padding: 0.125rem 0;
}
.v3 .cours .titre_cours h3 div {
  margin: 0 auto;
  padding: 0.0625rem 0.4375rem 0 0.4375rem;
}
.v3 .cours .titre_cours h3 div input {
  background: none;
  box-shadow: none;
  text-align: center;
}
.v3 .cours .titre_cours .matiere, .v3 .cours .titre_cours .jour {
  font-size: 0.7142857143em;
}
.v3 .cours .titre_cours .matiere:before, .v3 .cours .titre_cours .matiere:after, .v3 .cours .titre_cours .jour:before, .v3 .cours .titre_cours .jour:after {
  content: "—";
  padding: 0 0.2em;
}
.v3 .cours .titre_cours .matiere {
  margin: -2em 0 0.3125rem;
  padding-top: 3.3em;
  background-image: url("/styles/ml/theme/img/design/cours/bulletin.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 2.6875rem 2.1875rem;
}
@media (max-width: 37.5rem) {
  .v3 .cours .titre_cours .matiere {
    margin-top: 4em;
  }
}
.v3 .cours .titre_cours .jour {
  margin-top: 0.3125rem;
}
.v3 .cours .partie {
  margin: 1em 0 2em;
  text-align: center;
}
.v3 .cours .partie h5 {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
}
.v3 .cours .partie h5 div {
  display: inline-block;
  padding: 0.15em 1.1em 0.05em;
  margin: 0 -1.1em;
}
.v3 .cours .partie.suite {
  margin: 5.83em 0 1.75em;
}
.v3 .encadre_note {
  margin: 1.5em -1.5em 3em;
  padding: 0 1.5em 0 0;
  min-height: 4.5em;
  color: #822309;
}
.v3 .encadre_note .note {
  display: block;
  min-height: 1.575em;
  line-height: 1.575em;
  width: 1.8375em;
  float: left;
  text-align: center;
  font-size: 2.8571428571em;
  margin-right: 0.5em;
}
.v3 .encadre_note .note span {
  position: relative;
  top: 0.1em;
}
.v3 .encadre_note .commentaire {
  padding: 0.75em 0 0 0;
  font-size: 1.4285714286em;
}
.v3 .correction:before {
  content: "______________";
  display: block;
  text-align: center;
  margin-bottom: 3em;
}
.v3 .correction {
  margin: 4em 2em 1em;
  font-size: 1.1428571429em;
  color: #822309;
}
.v3 .correction .right {
  margin-top: 1em;
  font-size: 1.5714285714em;
}
@media (max-width: 31.25rem) {
  .v3 .correction {
    margin-left: 0;
    margin-right: 0;
  }
}
.v3 .presentation {
  font-size: 0.8571428571em;
  margin-top: -0.75em;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 4rem 3.3125rem;
  min-height: 2em;
}
.v3 .presentation dl {
  margin-left: 0;
}
.v3 .presentation dt {
  float: left;
  margin-right: 0.5em;
  line-height: 0.75em;
  padding-top: 0.4375rem;
}
.v3 .presentation dd {
  margin: 0 1em 0 4.0625rem;
  position: relative;
  top: 0.0625rem;
  padding-top: 0.4375rem;
  line-height: 0.75em;
}
.v3 .bloc {
  float: left;
  width: 50%;
  text-align: left;
}
.v3 .devoir {
  padding: 0 0.25rem;
}
.v3 .devoir textarea.editeur {
  min-height: 15em;
  border-top: none;
}
.v3 .devoir textarea.editeur:focus {
  border-top: none;
}
@media (max-width: 37.5rem) {
  .v3 .bloc {
    float: none;
    width: 100%;
    clear: both;
  }
  .v3 .commentaire {
    font-size: 0.8571428571em;
  }
}
.v3 textarea.appreciation {
  min-height: 15em;
}
.v3 .objets {
  line-height: 1.2857142857em;
  margin: 0 0.75em;
}
.v3 .objets li {
  width: 47%;
  margin: 0.0714285714em 0 1.0714285714em;
  padding: 0.9285714286em 1% 1.2142857143em;
  border-radius: 0.3em;
}
.v3 .objets li.gauche {
  float: left;
  clear: left;
  margin-right: 0.5%;
  text-align: left;
}
.v3 .objets li.droite {
  float: right;
  clear: right;
  margin-left: 0.5%;
  text-align: left;
}
.v3 .objets .illustration img {
  display: block;
  position: relative;
  top: 0.125rem;
  margin: -0.125rem auto;
  max-height: 5.7142857143em;
  max-width: 4.6428571429em;
  filter: brightness(90%) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8)) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8));
}
.v3 .objets li:hover .illustration img {
  filter: brightness(150%) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8)) drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.8));
}
.v3 .objets li:hover .prix {
  opacity: 1;
}
.v3 .objets .illustration {
  float: left;
  width: 4.6428571429em;
  padding-right: 0.6428571429em;
  text-align: center;
}
.v3 .objets .description {
  margin-left: 5.1428571429em;
  min-height: 2.5714285714em;
}
.v3 .objets .title {
  margin: 0 0 0.125em 4.5em;
  font-size: 1.1428571429em;
}
.v3 .objets .prix {
  margin: 0.1428571429em 0 0 5.1428571429em;
  opacity: 0.7;
}
.v3 .objets .prix img {
  position: relative;
  top: -0.0625rem;
  width: auto;
  vertical-align: middle;
}
.v3 .minus .fa-icon, .v3 .plus .fa-icon {
  --fa-size: 0.75rem;
  padding: 0;
  vertical-align: calc(-0.1em - var(--fa-size) * 0.125);
}
.v3 .objets .achat {
  float: right;
  margin: 0.0833333333em 0 0 6em;
  text-align: right;
}
.v3 .objets .achat input, .v3 .objets .achat span {
  font-size: 0.8571428571em;
  line-height: 1.4166666667em;
  text-align: center;
  width: 2.2em;
}
.v3 .objets .achat input {
  -moz-appearance: textfield;
}
.v3 .objets .achat span {
  position: relative;
  left: -0.125rem;
}
.v3 .objets .achat a {
  cursor: pointer;
}
.v3 .quantite {
  margin: 0.1428571429em 0 0 5.1428571429em;
  opacity: 0.7;
  font-weight: bold;
}
.v3 .quantite span {
  font-size: 0.8571428571em;
  position: relative;
  top: -0.0625rem;
}
.v3 .desactive span {
  opacity: 0.6;
}
.v3 .objets.malle li, .v3 .objets.malle li.droite, .v3 .objets.malle li.gauche {
  float: none;
  width: 98%;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}
@media (max-width: 37.5rem) {
  .v3 .objets li, .v3 .objets li.droite, .v3 .objets li.gauche {
    float: none;
    width: 98%;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }
}
.v3 #receveur, .v3 #don, .v3 #message_objet {
  display: none;
}
.v3 .sabliers {
  position: fixed;
  bottom: 2em;
  left: 0;
  width: 17.5625rem;
  margin: 0.55em 0 3em 1.5em;
}
.v3 .sabliers_sablier {
  position: relative;
  float: left;
  text-align: center;
  height: 9.375rem;
  margin-bottom: -0.1875rem;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  opacity: 0.9;
}
.v3 .sabliers_sablier:hover {
  opacity: 1;
  filter: brightness(130%);
}
.v3 .sabliers_sablier_gryffondor {
  position: relative;
  left: 0.3125rem;
  width: 4.375rem;
  background-size: 4.375rem 9.375rem;
}
.v3 .sabliers_sablier_serdaigle {
  width: 4.75rem;
  background-size: 4.75rem 9.375rem;
}
.v3 .sabliers_sablier_poufsouffle {
  width: 4.0625rem;
  background-size: 4.0625rem 9.375rem;
}
.v3 .sabliers_sablier_serpentard {
  width: 4.375rem;
  background-size: 4.375rem 9.375rem;
}
.v3 .sabliers_sablier_coupe {
  position: absolute;
  bottom: 0.4375rem;
  height: 1.6875rem;
}
.v3 .sabliers_sablier_coupe-gryffondor {
  right: 0.75rem;
}
.v3 .sabliers_sablier_coupe-serdaigle {
  left: 0.625rem;
}
.v3 .sabliers_sablier_coupe-poufsouffle {
  right: 0.8125rem;
}
.v3 .sabliers_sablier_coupe-serpentard {
  right: 0.5625rem;
}
.v3 .sabliers_sablier_points {
  position: absolute;
  bottom: -1.625rem;
  width: 100%;
  font-weight: bold;
  font-size: 0.8em;
  padding: 0.125rem 0 0.6875rem;
  background-size: 60% 1.4375rem;
  background-position: 50% 25%;
  background-repeat: no-repeat;
  text-shadow: 0 0 0.1875rem black, 0 0 0.1875rem black, 0 0 0.1875rem black;
}
.v3 .sabliers_sablier_points-gryffondor {
  left: 0.0625rem;
  bottom: -1.6875rem;
  background-image: url("/styles/ml/theme/img/design/sabliers/gryffondor_bandeau.png");
  color: #A56626;
  opacity: 0.8;
}
.v3 .sabliers_sablier_points-serdaigle {
  left: 0.3125rem;
  background-image: url("/styles/ml/theme/img/design/sabliers/serdaigle_bandeau.png");
  color: #7a6a4e;
  opacity: 0.9;
}
.v3 .sabliers_sablier_points-poufsouffle {
  left: 0.25rem;
  background-image: url("/styles/ml/theme/img/design/sabliers/poufsouffle_bandeau.png");
  color: #111;
  text-shadow: 0 0 0.1875rem #92956D, 0 0 0.1875rem #92956D;
  opacity: 0.9;
}
.v3 .sabliers_sablier_points-serpentard {
  left: 0.125rem;
  background-image: url("/styles/ml/theme/img/design/sabliers/serpentard_bandeau.png");
  color: #949796;
  opacity: 0.75;
}
.v3 .background.fond_sabliers {
  background-position: left 50%;
}
.v3 .classement .float {
  float: left;
}
.v3 .pointer {
  cursor: pointer;
}
.v3 .hogwarts {
  line-height: 1.1;
  color: #9a8b64;
  font-weight: normal;
  height: 3.3125rem;
  padding-top: 3.625rem;
  background-image: url("/styles/ml/theme/img/design/cours/bulletin.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 4rem 3.3125rem;
  text-align: center;
}
.v3 .parchment .bas_poudlard {
  text-align: center;
  font-style: normal;
  font-size: 0.9em;
  margin: 1.2em 0 -0.8em;
  color: #a29570;
}
.v3 .parchment .bas_poudlard a {
  color: #a69976;
}
.v3 .parchment .bas_poudlard a:hover {
  color: #9e906a;
}
.v3 .hogwarts span {
  font-size: 0.9em;
}
.v3 .hogwarts span.ecole {
  font-size: 1.05em;
}
.v3 .letter {
  font-size: 1.25em;
  line-height: 1.15;
  margin: 0 1.5em 1.5em;
}
.v3 .letter p {
  margin-top: 0.8571428571em;
  color: #203811;
}
.v3 .letter .function {
  margin: 0;
  font-size: 0.8em;
  text-align: right;
}
.v3 .letter .directeur {
  margin: -0.05em -0.5em -0.5em 0;
  text-align: right;
  font-size: 1.4em;
}
.v3 .sousligne {
  text-decoration: underline;
}
@media (max-width: 31.25rem) {
  .v3 .letter {
    margin: 0 0 1.5em;
  }
  .v3 .letter p {
    font-size: 0.9em;
  }
  .v3 .letter .function {
    margin-right: 0.3em;
  }
  .v3 .letter .directeur {
    margin-right: 0;
  }
  .v3 .hogwarts, .v3 .bas_poudlard {
    font-size: 0.7142857143em;
    height: inherit;
  }
}
.v3 .comment {
  text-align: left;
}
.v3 .inscription {
  color: #1e1b14;
}
.v3 .inscription .degrade {
  margin: 0 1.5em;
}
.v3 .inscription h1, .v3 .inscription h3, .v3 .inscription h4 {
  color: #6b6146;
  padding: 0.5em 0 0 0;
  margin: 0 auto;
  font-size: 1.1428571429em;
  line-height: 1.3125;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.v3 .inscription h1, .v3 .inscription h3 {
  font-size: 1em;
  line-height: 1.5;
}
.v3 .inscription h1 span, .v3 .inscription h3 span {
  display: inline-block;
  padding: 0.25rem 0.625rem 0;
  border-top: 0.0625rem solid #a49773;
  border-bottom: 0.0625rem solid #a49773;
}
.v3 .inscription h4 {
  padding: 1.75em 0 0.875em;
  clear: both;
}
.v3 .inscription h4:before, .v3 .inscription h4:after {
  content: "–";
  color: #7b6f50;
  padding: 0 0.5em;
  font-size: 0.85em;
  opacity: 0.7;
}
.v3 .inscription .comment, .v3 .inscription label em {
  color: #8a7d5a;
  font-style: italic;
}
.v3 .inscription .mentions {
  text-align: justify;
  color: #817554;
  font-style: italic;
}
.v3 .inscription .mentions a.postlink {
  color: #8a7d5a;
  border-bottom: 0.0625rem solid #aa9e7c;
}
.v3 .inscription .mentions a.postlink:hover {
  color: #9a8b64;
  border-bottom: 0.0625rem solid #b4a98c;
}
.v3 .inscription .comment {
  margin-bottom: 0.75em;
}
.v3 .inscription .ucp-register__help {
  position: absolute;
  right: 0;
  margin-right: -0.3125rem;
  margin-top: 0.0625rem;
  cursor: help;
  color: #8a7d5a;
}
.v3 .inscription .username .ucp-register__help {
  margin-top: 0.3125rem;
}
.v3 .inscription .pf_histoire .ucp-register__help {
  margin-top: 0.1875rem;
}
.v3 .inscription label {
  color: #746a4c;
}
.v3 .inscription .option {
  position: relative;
  margin-bottom: 0.75em;
}
.v3 .parchment.inscription input, .v3 .parchment.inscription input[type=text], .v3 .parchment.inscription select, .v3 .parchment.inscription textarea {
  font-size: 1.05em;
  width: 97%;
  margin-left: 1%;
}
.v3 .parchment.inscription input, .v3 .parchment.inscription input:focus, .v3 .parchment.inscription input:hover, .v3 .parchment.inscription input[type=text], .v3 .parchment.inscription input[type=text]:focus, .v3 .parchment.inscription input[type=text]:hover, .v3 .parchment.inscription select, .v3 .parchment.inscription select:focus, .v3 .parchment.inscription textarea, .v3 .parchment.inscription textarea:focus {
  padding-left: 2%;
  color: #3d3728;
  background: none;
  box-shadow: none;
}
.v3 .parchment.inscription input, .v3 .parchment.inscription input[type=text], .v3 .parchment.inscription select {
  height: 1.5em;
  border-bottom: 0.0625rem solid #aea383;
}
.v3 .parchment.inscription select {
  cursor: pointer;
}
.v3 .parchment.inscription textarea {
  font-size: 0.9em;
  margin-top: 0.375em;
  padding-top: 0.375em;
  padding-bottom: 1em;
  border: 0.0625rem solid #aea383;
  width: 95%;
  height: 19em;
}
.v3 .parchment.inscription .username input {
  font-size: 1.25em;
}
.v3 .parchment.inscription .username input[type=text], .v3 .parchment.inscription .email input[type=text] {
  width: 92%;
  padding-right: 4%;
}
.v3 .parchment.inscription .submit-buttons, .v3 #agreement .parchment.bulletin .submit-buttons {
  font-size: 1.1em;
  margin: 1.5em 0;
  text-align: center;
}
.v3 .parchment.inscription .username {
  border-bottom: 0;
}
.v3 .emptylist {
  font-style: italic;
  padding: 0.5em 0.8em 0.4em;
  opacity: 0.8;
}
.v3 .erreurs {
  margin-top: 1.5em;
  border: 0.0625rem solid rgba(102, 0, 0, 0.3);
  background: rgba(102, 0, 0, 0.025);
  color: rgba(102, 0, 0, 0.7);
  padding: 0.5em;
}
.v3 .pf_genre, .v3 .pf_statut, .v3 .pf_nationalite, .v3 .pf_ville, .v3 .pf_pays, .v3 .password, .v3 .password_confirm {
  float: left;
  margin-right: 3%;
}
.v3 .pf_genre {
  width: 20%;
  margin-left: 1%;
}
.v3 .pf_statut {
  width: 32%;
}
.v3 .pf_nationalite {
  width: 41%;
  margin-right: 0;
}
.v3 .pf_ville {
  width: 55%;
  margin-left: 1%;
}
.v3 .pf_pays {
  width: 41%;
  margin-right: 0;
}
.v3 .password {
  width: 41%;
}
.v3 .password_confirm {
  width: 56%;
  margin-right: 0;
}
.v3 #bday_day, .v3 #bday_month {
  width: 2em;
}
.v3 #bday_year {
  width: 3em;
}
.v3 #generer {
  text-align: right;
  min-height: 1.5em;
}
@media (max-width: 31.25rem) {
  .v3 .parchment.inscription h1, .v3 .parchment.inscription h3 {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 1.5em;
  }
  .v3 .parchment.inscription h4 span {
    display: none;
  }
  .v3 .parchment.inscription .degrade {
    margin: 0 1em;
  }
  .v3 .parchment.inscription .username {
    margin-top: 0.75em;
  }
  .v3 .parchment.inscription .username input[type=text], .v3 .parchment.inscription .email input[type=text] {
    width: 84%;
    padding-left: 4%;
    padding-right: 10%;
    margin-left: 0;
    margin-right: 0;
  }
  .v3 .parchment.inscription textarea {
    width: 90%;
    padding: 0 6% 0 2%;
  }
  .v3 .parchment.inscription .pf_ville input[type=text], .v3 .parchment.inscription .password input[type=text], .v3 .parchment.inscription .password_confirm input[type=text] {
    padding-left: 2%;
    width: 95%;
  }
  .v3 .parchment.inscription .help {
    right: 0.1875rem;
  }
  .v3 .parchment.inscription .pf_histoire .help {
    right: 0.625rem;
  }
  .v3 .pf_genre, .v3 .pf_statut, .v3 .pf_nationalite, .v3 .pf_ville, .v3 .pf_pays, .v3 .password, .v3 .password_confirm {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.v3 .fournitures {
  margin: 0 auto;
}
.v3 .fournitures ul li.checked:before {
  content: "\f046";
}
.v3 .fournitures li {
  line-height: 1.1;
  padding-bottom: 0.4em;
  color: #7b6f50;
}
.v3 .fournitures li.checked {
  color: #5c533c;
}
.v3 .fournitures .souligne {
  border-bottom: 0.0625rem solid #a49773;
}
.v3 .fournitures .liste_fournitures {
  margin-bottom: 2em;
}
.v3 .fournitures .liste_fournitures .comment {
  margin: 0.5em 2em 0;
}
.v3 .fournitures .liste_fournitures h3 {
  margin-top: 2em;
  text-transform: uppercase;
}
.v3 .fournitures .intro {
  margin: 1em 0 0;
}
.v3 .parchment.fournitures .degrade {
  margin: 0 0.75em;
}
@media (max-width: 37.5rem) {
  .v3 .fournitures ul, .v3 .fournitures li, .v3 .fournitures .comment {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 31.25rem) {
  .v3 .parchment.fournitures .degrade {
    margin: 0;
  }
}
.v3 .choixpeau, .v3 .ollivander, .v3 .message_info, .v3 .message_ajax {
  position: absolute;
  top: 7em;
  left: 0;
  width: 100%;
  font-size: 1.4285714286em;
  text-align: left;
  text-shadow: 0 0 0.5rem #090909, 0 0 0.625rem #090909, 0 0 0.75rem #090909;
}
.v3 .message_info {
  font-size: 1.5714285714em;
  position: fixed;
  z-index: 85;
  animation: fadein 0.5s;
}
.v3 .message_info a, .v3 .message_info button, .v3 .message_info input {
  font-size: 0.75em;
}
@media (max-width: 37.5rem) {
  .v3 .message_info, .v3 .choixpeau {
    font-size: 1.3em;
  }
}
@media (max-width: 31.25rem), (max-height: 37.5rem) {
  .v3 .message_info {
    top: 5em;
  }
  .v3 .choixpeau {
    top: 7em;
    font-size: 1em;
  }
  .v3 .ollivander {
    top: 5em;
    font-size: 1em;
  }
}
@media (max-height: 37.5rem) {
  .v3 .choixpeau {
    top: 5em;
  }
}
.v3 .ollivander_paragraphe, .v3 .ollivander_paragraphe-baguette,
.v3 .message_info_texte {
  max-width: 30em;
  margin: 0 auto;
  padding: 0 4em;
  margin-bottom: 0.75em;
  color: #999;
  font-weight: normal;
}
.v3 .message_info_texte {
  max-width: 20em;
}
.v3 .choixpeau_liens, .v3 .ollivander_liens {
  text-align: center;
  margin-bottom: 2em;
}
.v3 .choixpeau_paragraphe-premier {
  padding-top: 0.4em;
}
.v3 .choixpeau_texte {
  max-width: 25em;
  margin: 0 auto 1em;
  color: #999;
  padding: 0 2em;
}
.v3 .choixpeau_texte p {
  margin-top: 0.75em;
}
@media (max-height: 37.5rem) {
  .v3 .choixpeau_texte {
    padding: 0 1em;
    max-width: 30em;
  }
}
.v3 .choixpeau_texte.maison {
  max-width: 20em;
}
.v3 .choixpeau_image {
  float: left;
  width: 8em;
  margin: 0 0 0.5em -8em;
  position: relative;
  left: 0.3em;
  animation: show_choixpeau normal 0.8s linear;
}
.v3 .choixpeau_image.sans_animation {
  animation: none;
}
@media (max-width: 50rem) {
  .v3 .choixpeau_image {
    float: none;
    margin: 0 auto;
    display: block;
    left: 0;
  }
}
.v3 .choixpeau_texte.maison .choixpeau_paragraphe {
  text-align: center;
}
.v3 .choixpeau_texte.maison .choixpeau_image {
  margin: 0 0 1em;
  display: inline;
  float: none;
}
.v3 .choixpeau_texte.maison .maison_title {
  font-size: 1.2857142857em;
  margin: 1em 0 1em;
}
.v3 .choixpeau_texte.maison .maison_description {
  font-style: italic;
  text-align: center;
  margin: 1em 0 2em;
}
.v3 .choixpeau_texte.maison .maison_description div {
  display: inline-block;
  text-align: left;
}
.v3 .choixpeau_liens_bouton, .v3 .ollivander_liens_bouton {
  display: inline-block;
}
.v3 .choixpeau_liens_bouton, .v3 .ollivander_liens_bouton,
.v3 .message_info a, .v3 .message_info .button, .v3 .message_ajax a, .v3 .message_ajax button, .v3 .message_ajax input {
  border: 0.0625rem solid rgba(204, 204, 204, 0.5);
  background: rgba(0, 0, 0, 0.7);
  color: #CCC;
  opacity: 0.5;
  line-height: 1.6em;
  padding: 0 0.7em;
  margin: 0.3em 0.4em;
  border-radius: 0.5em;
  text-shadow: 0 0 0.5rem #090909, 0 0 0.625rem #090909, 0 0 0.75rem #090909;
  box-shadow: 0 0 0.2em 0.1em black;
  transition: opacity 0.3s ease-in-out;
}
.v3 .choixpeau_liens_bouton:hover, .v3 .ollivander_liens_bouton:hover,
.v3 .message_info a:hover, .v3 .message_info .button:hover .message_ajax a:hover, .v3 .message_ajax button:hover, .v3 .message_ajax input:hover {
  color: #CCC;
  opacity: 0.8;
}
.v3 .choixpeau_liens_bouton:active, .v3 .ollivander_liens_bouton:active,
.v3 .message_info a:active, .v3 .message_info .button:active, .v3 .message_ajax a:active, .v3 .message_ajax button:active, .v3 .message_ajax input:active {
  background: rgba(0, 0, 0, 0.7);
}
.v3 .message_info a {
  float: right;
}
.v3 .choixpeau_liens br {
  display: none;
}
@media (max-width: 25rem) {
  .v3 .choixpeau_liens br {
    display: inline;
  }
}
.v3 table.table1.validation tbody td.compte_a_valider a {
  padding: 0.4em 0.2em;
  display: inline-block;
}
@media (max-width: 37.5rem) {
  .v3 .validation .lien {
    padding: 0;
  }
  .v3 .tablette_cache {
    display: none;
  }
  .v3 table.table1.validation tbody td.compte_a_valider a {
    padding: 0.4em 0;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show_choixpeau {
  0% {
    transform: scale(4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes shake_bean {
  0%, 100% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
}
.v3 {
  /* Dragées surprises */
}
.v3 .getbean {
  position: absolute;
  top: -1.125rem;
}
.v3 .getbean img {
  width: 1.375rem;
  height: 0.875rem;
  filter: brightness(80%) drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.3));
  opacity: 0.4;
}
.v3 .getbean:hover img {
  filter: brightness(150%) drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.5));
  animation: shake_bean normal 150ms linear infinite;
  opacity: 1;
}
.v3 .getbean--0 {
  left: 3%;
}
@media (max-width: 37.5rem) {
  .v3 .getbean--0 {
    left: auto;
    right: 9%;
  }
}
.v3 .getbean--1 {
  left: 8%;
}
@media (max-width: 37.5rem) {
  .v3 .getbean--1 {
    left: auto;
    right: 0%;
  }
}
.v3 .getbean--2 {
  right: 9%;
}
.v3 .getbean--3 {
  right: 1%;
}
@media (max-width: 37.5rem) {
  .v3 .getbean--3 {
    right: 0%;
  }
}
.v3 {
  /* Araignée */
}
.v3 .spider {
  display: block;
  height: 2.8125rem;
  right: 3%;
  margin-left: -1.375rem;
  position: fixed;
  top: 0;
  width: 2.8125rem;
}
@keyframes spider-move {
  0% {
    height: 5.625rem;
  }
  100% {
    height: 6.875rem;
  }
}
@keyframes spider-rotate {
  0% {
    transform: rotate(-5deg);
    filter: drop-shadow(0 0 0.5rem #444444);
  }
  100% {
    transform: rotate(5deg);
    filter: drop-shadow(0 0 0.5rem #222222);
  }
}
.v3 .spider img {
  width: 1.875rem;
  height: 1.875rem;
  animation: spider-rotate 3s ease-in-out infinite alternate;
  transform-origin: top center;
  filter: drop-shadow(0 0 0.5rem #444444);
}
.v3 .spider::before {
  display: block;
  content: "";
  width: 0.0625rem;
  height: 3.125rem;
  background: #FFFFFF;
  margin-left: 1rem;
  margin-bottom: -0.1875rem;
  opacity: 0.08;
  animation: spider-move 10s ease-in-out infinite alternate;
}
.v3 .spider2 {
  top: -2em;
  left: 12%;
  margin-left: -1.375rem;
  transform: scale(0.8);
}
.v3 .spider2::before {
  animation-duration: 5s;
  animation-delay: -5s;
}
.v3 .spider3 {
  left: 5%;
  top: 1em;
  transform: scale(1.1);
}
.v3 {
  /**
   * Responsive
   */
}
.v3 .r-inline-on-tablet-only,
.v3 .r-inline-on-tablet {
  display: none;
}
@media (any-pointer: coarse) {
  .v3 .r-hide-if-touchscreen {
    display: none;
  }
}
@media (max-width: 37.5rem) {
  .v3 .r-hide-on-tablet {
    display: none;
  }
  .v3 .r-inline-on-tablet-only, .v3 .r-inline-on-tablet {
    display: inline;
  }
  .v3 .r-scale-on-tablet {
    transform: scale(0.8);
  }
}
@media (max-width: 31.25rem) {
  .v3 .r-smaller-on-phone {
    font-size: 0.85em;
  }
  .v3 .r-inline-on-tablet-only {
    display: none;
  }
  .v3 .r-hide-on-phone {
    display: none;
  }
  .v3 .r-scale-on-phone {
    transform: scale(0.8);
  }
}
@media (max-width: 20rem) {
  .v3 .r-hide-on-small {
    display: none;
  }
}
.v3 {
  /**
   * Encyclopédie
   */
}
.v3 .encyclopedie_home {
  padding-top: 0.5em;
  display: grid;
  grid-template-columns: auto auto auto;
}
@media (max-width: 53.125rem) {
  .v3 .encyclopedie_home {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 37.5rem) {
  .v3 .encyclopedie_home {
    grid-template-columns: auto;
  }
}
.v3 .encyclopedie_part {
  padding: 0.5em 1em 0.75em;
}
.v3 .encyclopedie_title {
  margin: 0 auto;
  font-size: 1.4em;
}
.v3 .encyclopedie_desc {
  padding: 0 0 0 0.25em;
  text-align: left;
  font-style: italic;
}
.v3 .encyclopedie_links {
  font-size: 0.9em;
  padding-top: 2.5em;
  text-align: center;
}
.v3 .encyclopedie_links .sep {
  padding: 0 0.2em;
}
@media (max-width: 31.25rem) {
  .v3 .last_sep {
    height: 0.0625rem;
    display: block;
    visibility: hidden;
  }
}
.v3 {
  /* Calendrier */
}
.v3 .button__input--date {
  height: 1.2em;
}
.v3 .event {
  display: block;
  padding: 0.5rem 0;
}
.v3 .event h4 {
  font-size: 1.2em;
  font-style: italic;
}

@media (max-width: 45rem) {
  .v3 .main:before {
    display: none;
  }
  .v3 .main {
    margin-top: calc(10rem + 10vw);
  }
  .no-banner .main {
    margin-top: 6rem;
  }
  .no-banner .viewtopic__anchor {
    top: -5.5rem;
  }
}

/*# sourceMappingURL=base.css.map */