@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");#login-buttons {
  display: inline-block;
  margin-right: 0.2px;
  line-height: 1;
}
#login-buttons .login-button {
  position: relative;
}
#login-buttons button.login-button {
  width: 100%;
}
#login-buttons .login-buttons-with-only-one-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
  display: inline-block;
}
#login-buttons .login-display-name {
  display: inline-block;
  padding-right: 2px;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#login-buttons .loading {
  line-height: 1;
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#login-buttons .login-button,
.accounts-dialog .login-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 4px 8px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #596595;
  border: 1px solid #464f75;
  border-radius: 4px;
}
#login-buttons .login-button:hover,
.accounts-dialog .login-button:hover {
  background: #7580ac;
}
#login-buttons .login-button:active,
.accounts-dialog .login-button:active {
  background: #7580ac;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
#login-buttons .login-button.login-button-disabled,
.accounts-dialog .login-button.login-button-disabled,
#login-buttons .login-button.login-button-disabled:active,
.accounts-dialog .login-button.login-button-disabled:active {
  color: #ddd;
  background: #aaa;
  border: 1px solid #c3c3c3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.accounts-dialog * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}
#login-buttons .login-buttons-padding {
  display: inline-block;
  width: 30px;
}
#login-buttons .login-display-name {
  margin-right: 4px;
}
#login-buttons .configure-button {
  background: #ff2a00;
  border-color: #cc2200;
}
#login-buttons .configure-button:active,
#login-buttons .configure-button:hover {
  background: #ff5533;
  border-color: #ff2a00;
}
#login-buttons .login-image {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
}
#login-buttons .text-besides-image {
  margin-left: 18px;
}
#login-buttons .no-services {
  color: red;
}
#login-buttons .login-link-and-dropdown-list {
  position: relative;
}
#login-buttons .login-close-text {
  float: left;
  position: relative;
  padding-bottom: 8px;
}
#login-buttons .login-text-and-button .loading,
#login-buttons .login-link-and-dropdown-list .loading {
  display: inline-block;
}
#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
  float: right;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
  float: left;
}
#login-buttons .login-close-text-clear {
  clear: both;
}
#login-buttons .or {
  text-align: center;
}
#login-buttons .hline {
  text-decoration: line-through;
  color: lightgrey;
}
#login-buttons .or-text {
  font-weight: bold;
}
#login-buttons #signup-link {
  float: right;
}
#login-buttons #forgot-password-link,
#login-buttons #resend-passwordless-code {
  float: left;
}
#login-buttons #back-to-login-link {
  float: right;
}
#login-buttons a,
.accounts-dialog a {
  cursor: pointer;
  text-decoration: underline;
}
#login-buttons.login-buttons-dropdown-align-right .login-close-text {
  float: right;
}
.accounts-dialog {
  border: 1px solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  margin: -8px -12px 0 -12px;
  width: 250px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #333;
}
.accounts-dialog > * {
  line-height: 1.6;
}
.accounts-dialog > .login-close-text {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.accounts-dialog label,
.accounts-dialog .title {
  font-size: 80%;
  margin-top: 7px;
  margin-bottom: -2px;
}
.accounts-dialog label {
  display: inline;
}
.accounts-dialog input[type=text],
.accounts-dialog input[type=email],
.accounts-dialog input[type=password] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.accounts-dialog input[type=text][type],
.accounts-dialog input[type=email][type],
.accounts-dialog input[type=password][type] {
  height: auto;
}
.accounts-dialog .login-button-form-submit {
  margin-top: 8px;
}
.accounts-dialog .message {
  font-size: 80%;
  margin-top: 8px;
  line-height: 1.3;
}
.accounts-dialog .error-message {
  color: red;
}
.accounts-dialog .info-message {
  color: green;
}
.accounts-dialog .additional-link {
  font-size: 75%;
}
.accounts-dialog .accounts-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.4;
}
.accounts-dialog .accounts-close:hover {
  opacity: 0.8;
}
.accounts-dialog #login-buttons-cancel-reset-password {
  float: right;
}
.accounts-dialog #login-buttons-cancel-enroll-account {
  float: right;
}
#login-dropdown-list {
  position: absolute;
  top: -1px;
  left: -1px;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -1px;
}
#login-buttons-message-dialog .message {
  /* we intentionally want it bigger on this dialog since it's the only thing displayed */
  font-size: 100%;
}
.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  z-index: 1001;
  position: fixed;
  left: 50%;
  margin-left: -258px / 2;
  top: 50%;
  margin-top: -40px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog {
  width: 530px;
  margin-left: -538px / 2;
  margin-top: -300px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog table {
  width: 100%;
}
#configure-login-service-dialog input[type=text] {
  width: 100%;
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
#configure-login-service-dialog ol li {
  margin-left: 30px;
}
#configure-login-service-dialog .configuration_labels {
  width: 30%;
}
#configure-login-service-dialog .configuration_inputs {
  width: 70%;
}
#configure-login-service-dialog .new-section {
  margin-top: 10px;
}
#configure-login-service-dialog .url {
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog-save-configuration {
  float: right;
}
.configure-login-service-dismiss-button {
  float: left;
}
#just-verified-dismiss-button,
#messages-dialog-dismiss-button {
  margin-top: 8px;
}
.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* XXX consider replacing with DXImageTransform */
  background-color: #000000;
  /* fallback for IE7-8 */
  background-color: rgba(0, 0, 0, 0.7);
}
#login-buttons input[type=text],
.accounts-dialog input[type=text],
#login-buttons input[type=email],
.accounts-dialog input[type=email],
#login-buttons input[type=password],
.accounts-dialog input[type=password] {
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 1;
}.accueil .titre_page {
  font-family: var(--titre_1_fontFamily);
  font-size: clamp(2rem, 7vw, var(--titre_1_fontSize));
  font-weight: var(--titre_1_fontWeight);
  line-height: var(--titre_1_lineHeight);
  letter-spacing: var(--titre_1_letterSpacing);
  padding: var(--titre_1_paddingTop) var(--titre_1_paddingRight) var(--titre_1_paddingBottom) var(--titre_1_paddingLeft);
  margin: var(--titre_1_marginTop) var(--titre_1_marginRight) var(--titre_1_marginBottom) var(--titre_1_marginLeft);
  border-radius: var(--titre_1_borderTopLeftRadius) var(--titre_1_borderTopRightRadius) var(--titre_1_borderBottomRightRadius) var(--titre_1_borderBottomLeftRadius);
  color: var(--titre_1_color);
  background-color: var(--titre_1_backgroundColor); }
  @media only screen and (max-width: 767px) {
    .accueil .titre_page {
      padding: unset !important;
      margin: unset var(--titre_1_marginRight) var(--titre_1_marginBottom) var(--titre_1_marginLeft); } }
.accueil .boutons_accueil {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem; }
  .accueil .boutons_accueil .bloc_accueil {
    max-width: var(--accueil_bloc_maxWidth);
    cursor: pointer !important;
    margin-inline: auto;
    transition: .5s all; }
    .accueil .boutons_accueil .bloc_accueil .image_titre {
      position: relative;
      box-shadow: var(--ombre_cartouches);
      cursor: pointer; }
      .accueil .boutons_accueil .bloc_accueil .image_titre .image {
        width: 100%;
        aspect-ratio: 4/3;
        transition: .5s all;
        background-color: var(--accueil_bloc_image_backgroundColor);
        border-top-left-radius: var(--accueil_bloc_image_borderTopLeftRadius);
        border-top-right-radius: var(--accueil_bloc_image_borderTopRightRadius);
        border-bottom-left-radius: var(--accueil_bloc_image_borderBottomLeftRadius);
        border-bottom-right-radius: var(--accueil_bloc_image_borderBottomRightRadius);
        box-shadow: 1px 1px 1px lightgrey; }
      .accueil .boutons_accueil .bloc_accueil .image_titre .titre {
        text-align: center;
        overflow: hidden;
        border-bottom-left-radius: var(--cartouches_arrondi);
        border-bottom-right-radius: var(--cartouches_arrondi);
        color: var(--accueil_bloc_titre_color);
        background-color: var(--accueil_bloc_titre_backgroundColor);
        font-family: var(--accueil_bloc_titre_fontFamily);
        font-size: var(--accueil_bloc_titre_fontSize);
        font-weight: var(--accueil_bloc_titre_fontWeight);
        letter-spacing: var(--accueil_bloc_titre_letterSpacing);
        padding: var(--accueil_bloc_titre_paddingTop) var(--accueil_bloc_titre_paddingRight) var(--accueil_bloc_titre_paddingBottom) var(--accueil_bloc_titre_paddingLeft);
        margin: var(--accueil_bloc_titre_marginTop) var(--accueil_bloc_titre_marginRight) var(--accueil_bloc_titre_marginBottom) var(--accueil_bloc_titre_marginLeft);
        line-height: var(--accueil_bloc_titre_lineHeight);
        border-top-left-radius: var(--accueil_bloc_titre_borderTopLeftRadius);
        border-top-right-radius: var(--accueil_bloc_titre_borderTopRightRadius);
        border-bottom-left-radius: var(--accueil_bloc_titre_borderBottomLeftRadius);
        border-bottom-right-radius: var(--accueil_bloc_titre_borderBottomRightRadius); }
    .accueil .boutons_accueil .bloc_accueil .sous_titre {
      text-align: center;
      overflow: hidden;
      color: var(--accueil_bloc_sous_titre_color);
      background-color: var(--accueil_bloc_sous_titre_backgroundColor);
      font-family: var(--accueil_bloc_sous_titre_fontFamily);
      font-size: var(--accueil_bloc_sous_titre_fontSize);
      font-weight: var(--accueil_bloc_sous_titre_fontWeight);
      letter-spacing: var(--accueil_bloc_sous_titre_letterSpacing);
      margin: var(--accueil_bloc_sous_titre_marginTop) var(--accueil_bloc_sous_titre_marginRight) var(--accueil_bloc_sous_titre_marginBottom) var(--accueil_bloc_sous_titre_marginLeft);
      padding: var(--accueil_bloc_sous_titre_paddingTop) var(--accueil_bloc_sous_titre_paddingRight) var(--accueil_bloc_sous_titre_paddingBottom) var(--accueil_bloc_sous_titre_paddingLeft);
      line-height: var(--accueil_bloc_sous_titre_lineHeight);
      border-top-left-radius: var(--accueil_bloc_sous_titre_borderTopLeftRadius);
      border-top-right-radius: var(--accueil_bloc_sous_titre_borderTopRightRadius);
      border-bottom-left-radius: var(--accueil_bloc_sous_titre_borderBottomLeftRadius);
      border-bottom-right-radius: var(--accueil_bloc_sous_titre_borderBottomRightRadius); }
    .accueil .boutons_accueil .bloc_accueil:active {
      opacity: .7; }
    @media only screen and (max-width: 767px) {
      .accueil .boutons_accueil .bloc_accueil {
        max-width: 380px;
        margin-inline: auto; } }
.accueil .devise {
  text-align: center;
  font-family: var(--titre_2_fontFamily);
  font-size: clamp(1rem, 4vw, var(--titre_2_fontSize));
  font-weight: var(--titre_2_fontWeight);
  line-height: var(--titre_2_lineHeight);
  letter-spacing: var(--titre_2_letterSpacing);
  padding: var(--titre_2_paddingTop) var(--titre_2_paddingRight) var(--titre_2_paddingBottom) var(--titre_2_paddingLeft);
  margin: var(--titre_2_marginTop) var(--titre_2_marginRight) var(--titre_2_marginBottom) var(--titre_2_marginLeft);
  border-radius: var(--titre_2_borderTopLeftRadius) var(--titre_2_borderTopRightRadius) var(--titre_2_borderBottomRightRadius) var(--titre_2_borderBottomLeftRadius);
  color: var(--titre_2_color);
  background-color: var(--titre_2_backgroundColor); }
  @media only screen and (max-width: 767px) {
    .accueil .devise {
      letter-spacing: unset !important; } }
@media only screen and (max-width: 767px) {
  .accueil {
    padding-inline: 1rem; } }
.accueil .note-editor.note-airframe {
  margin-block: 1rem; }
.accueil .cogibook_iframe_accueil {
  display: flex;
  margin-bottom: 3rem;
  justify-content: center; }
  .accueil .cogibook_iframe_accueil iframe {
    display: none;
    width: 100%;
    max-width: 1080px;
    box-shadow: 1px 1px 1px lightgrey;
    aspect-ratio: 4/3 !important;
    border: none;
    margin-bottom: -1rem;
    border-radius: 2.5rem;
    padding: 2rem;
    border: 1px solid lightgrey;
    background-color: #0399AA;
    box-shadow: 1px 1px 2px lightgrey, 0px 0px 8px black inset;
    aspect-ratio: 4/3 !important;
    border: none;
    margin-bottom: -1rem;
    border-radius: 2.5rem;
    padding: 0.5rem;
    border: 2rem solid #0399AA;
    background-color: white; }
    @media only screen and (min-width: 1024px) {
      .accueil .cogibook_iframe_accueil iframe {
        margin-bottom: -3rem; } }.admin {
  position: fixed !important;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: aliceblue;
  background-color: #fbfbfb;
  width: 500px;
  height: 600px;
  box-shadow: 0 0 0 1px #afafaf;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-radius: 1rem;
  overflow: hidden;
  font-family: Inter !important;
  color: black; }
  .admin .affichage_flex_admin {
    display: flex !important; }
  .admin .affichage_flex_client {
    display: none !important; }
  .admin.palette_systeme_ancre_gauche {
    height: unset !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important; }
  .admin.palette_systeme_ancre_droite {
    height: unset !important;
    left: unset !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important; }
  .admin.palette_systeme_flottante {
    height: unset !important;
    left: 0 !important;
    top: -2rem !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    width: 100% !important; }
    .admin.palette_systeme_flottante .barre_drag {
      display: none; }
  .admin select, .admin input, .admin div {
    outline: none; }
  .admin .cadre_input_couleur {
    display: inline-block; }
  .admin .input_nombre {
    width: 50px;
    font-size: 12px; }
  .admin .input_texte {
    -webkit-appearance: none;
    border: none;
    background-color: transparent; }
  .admin .bouton_renommer {
    color: #585858 !important; }
    .admin .bouton_renommer i {
      font-size: 1.3rem !important; }
  .admin select {
    font-size: 14px;
    -webkit-appearance: none;
    border: none;
    padding: 5px;
    padding-left: 10px;
    padding-right: 42px; }
  .admin .caret_select {
    font-size: 23px;
    margin-left: -27px;
    color: #909090;
    vertical-align: sub;
    pointer-events: none; }
  .admin .cadre_stats canvas {
    width: 100% !important;
    height: 100% !important; }
  .admin .tableau_stats th {
    background-color: #f2f2f2;
    font-weight: bold;
    color: black; }
  .admin a {
    color: steelblue; }
  .admin ul, .admin li {
    list-style: none; }
  .admin p {
    margin-block: 5px; }
  .admin .ui-icon, .admin .ui-widget-content .ui-icon {
    background-image: unset;
    width: 23px;
    height: 23px; }
  .admin .ui-resizable-handle.ui-resizable-e {
    width: 1rem; }
  .admin .barre_drag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 21px;
    padding: 6px;
    font-size: 14px;
    text-align: center;
    /* background-color: var(--couleur_fond_barres); */
    /* border-bottom: 1px solid #f1f0f0; */
    background-color: #7d7d7d;
    color: white;
    cursor: default; }
    .admin .barre_drag .bouton {
      display: inline-block;
      width: 20px;
      height: 20px;
      float: left;
      margin-right: .7rem;
      transition: .5s all;
      stroke: #f2f2f2;
      fill: #f2f2f2; }
      .admin .barre_drag .bouton:hover {
        stroke: #7dd47d;
        fill: #7dd47d; }
    .admin .barre_drag .bouton_fermeture {
      border-radius: 100%;
      width: 18px;
      height: 18px;
      background-color: #f2f2f2;
      margin-left: 0.3rem;
      margin-top: .05rem; }
      .admin .barre_drag .bouton_fermeture:hover {
        background-color: #e96565; }
  .admin .onglets {
    position: absolute;
    top: 33px;
    left: 1px;
    right: 10px;
    bottom: 0;
    padding: 10px; }
    .admin .onglets .barre_selection {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: flex;
      font-size: 14px; }
      .admin .onglets .barre_selection .bouton {
        padding: 6px;
        padding-inline: 1rem;
        border-right: 1px solid lightgrey;
        border-radius: 0;
        background-color: white;
        text-align: center;
        transition: .2s all !important; }
        .admin .onglets .barre_selection .bouton.actif {
          background-color: #fbfbfb; }
    .admin .onglets .onglet {
      position: absolute;
      top: 30px;
      left: 0;
      right: -8px;
      bottom: 0;
      overflow: scroll;
      background-color: #fbfbfb; }
      .admin .onglets .onglet.onglet_utilisateurs {
        overflow: hidden; }
        .admin .onglets .onglet.onglet_utilisateurs .entete {
          color: black;
          padding: 0.5rem;
          line-height: 3;
          text-align: left;
          position: absolute;
          width: 100rem;
          z-index: 10;
          margin-left: -0.5rem;
          font-weight: bold; }
          .admin .onglets .onglet.onglet_utilisateurs .entete div, .admin .onglets .onglet.onglet_utilisateurs .entete input {
            display: inline-block;
            margin-right: .5rem;
            margin-block: 0 !important; }
          .admin .onglets .onglet.onglet_utilisateurs .entete .titre {
            margin-block: 0;
            margin-left: .5rem;
            font-size: .95rem; }
          .admin .onglets .onglet.onglet_utilisateurs .entete #input_hauteur_tableau, .admin .onglets .onglet.onglet_utilisateurs .entete #input_page_courante {
            font-size: 0.9rem;
            padding: 0.4rem;
            margin-left: 0.2rem;
            width: 5rem; }
          .admin .onglets .onglet.onglet_utilisateurs .entete .boutons .bouton {
            padding-block: 0.5rem;
            padding-inline: .7rem;
            -webkit-appearance: none;
            margin-block: 0;
            margin-inline: .2rem;
            border: none;
            font-size: 0.8rem;
            font-weight: bold;
            background-color: color(srgb 0.3887 0.7096 0.4392);
            color: white; }
            .admin .onglets .onglet.onglet_utilisateurs .entete .boutons .bouton a {
              color: white !important; }
            .admin .onglets .onglet.onglet_utilisateurs .entete .boutons .bouton.bouton_navigation {
              border-radius: 100%;
              font-size: 0.9rem;
              width: 2.1rem;
              background-color: color(srgb 0.3739 0.6461 0.8759); }
        .admin .onglets .onglet.onglet_utilisateurs .utilisateurs {
          height: 100%;
          padding: .5rem; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .select_ref {
            font-size: unset;
            /* -webkit-appearance: auto; */
            width: 9rem;
            padding-right: 0.5rem;
            white-space: pre-wrap;
            margin: .2rem; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .bouton_tri {
            text-shadow: 1px 1px 2px #545454;
            font-size: 1rem;
            display: inline;
            cursor: pointer; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .bouton_entete {
            cursor: pointer; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs td, .admin .onglets .onglet.onglet_utilisateurs .utilisateurs th {
            vertical-align: middle; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu {
            height: 100%;
            width: 100%;
            display: flex;
            position: absolute;
            justify-content: left;
            gap: 1rem; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres {
              max-height: 100%;
              width: fit-content;
              overflow: scroll;
              display: block;
              padding-bottom: 6rem;
              flex-shrink: 1;
              margin-bottom: 1rem;
              outline: none; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres thead {
                position: sticky !important;
                top: 0 !important; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres th {
                border: none;
                border-right: 1px solid lightgrey; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres th.actif {
                  background-color: #5fa5df !important; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres td {
                text-align: left !important;
                padding-inline: 1.2rem; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres td.texte_centre {
                  text-align: center !important; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres .ligne_membre {
              cursor: pointer; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres .ligne_membre.ligne_selectionnee {
                background-color: #fffbd7;
                color: black; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres tr {
              background-color: white; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .liste_membres tr:nth-child(2n) {
              background-color: aliceblue; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details {
              background-color: #fffbd7;
              min-width: 324px;
              padding: 1rem;
              border: 1px solid lightgrey;
              padding-top: 3rem;
              flex-shrink: 1;
              overflow: scroll;
              padding-bottom: 10rem;
              position: relative; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .barre_outils {
                position: absolute;
                left: .5rem;
                right: .5rem;
                top: .5rem; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .barre_outils .bouton_fermeture_user_details {
                  border-radius: 100%;
                  width: 18px;
                  height: 18px;
                  background-color: #dddbdb;
                  float: left; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .barre_outils .bouton_fermeture_user_details:hover {
                    background-color: #ed8080; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .barre_outils .bouton_validation {
                  float: right; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .infos_base {
                text-align: right;
                width: fit-content; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .infos_base .input_user_droits {
                  width: 11.6rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .bouton_suppression_compte {
                padding: 0.6rem;
                -webkit-appearance: none;
                appearance: none;
                border: none;
                background-color: indianred;
                color: white;
                margin-top: 1.5rem;
                font-weight: bold;
                font-size: 0.7rem;
                margin-left: 0.5rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs {
                margin-block: 1rem; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs {
                  display: flex;
                  justify-content: center; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs ul {
                    padding-left: 0; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs li {
                    padding: 0.3rem; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs .nombre_codes {
                    margin-right: 0.2rem;
                    display: inline-block;
                    width: 0.9rem;
                    font-size: .9rem;
                    font-weight: bold; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs .liste_codes_dispos {
                    text-align: left;
                    margin-block: 1rem;
                    font-size: .9rem; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details #user_details_tabs #user_details_packs .bouton_offrir_codes {
                    margin-block: 1rem;
                    display: block;
                    width: fit-content;
                    font-size: .9rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .user_select_adresse {
                font-size: .9rem;
                margin-bottom: .5rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details table {
                background-color: white; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details table td {
                  text-align: left; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details input {
                font-size: .9rem;
                padding: .2rem;
                margin-block: 0.2rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .champ_non_modifiable {
                font-size: .9rem;
                width: 11.7rem;
                display: inline-block;
                text-align: left;
                margin-block: 0.4rem;
                vertical-align: middle;
                padding-inline: .2rem; }
              .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .liste_produits {
                padding: 0; }
                .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .liste_produits li {
                  margin-block: .5rem;
                  display: flex;
                  gap: 1rem; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .liste_produits li .produit_ref {
                    font-weight: bold;
                    flex-basis: 6rem; }
                  .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .utilisateurs_contenu .user_details .liste_produits li .produit_nom {
                    color: steelblue;
                    flex-basis: 10rem; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .champ_filtre {
            margin-bottom: 1rem;
            font-size: .9rem;
            width: 14rem;
            padding: .4rem;
            color: indianred;
            font-weight: bold; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .bouton_efface_champ {
            margin-left: -1.9rem;
            color: lightgrey;
            font-size: 0.8rem;
            display: none; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .bouton_cree_user {
            font-size: .8rem;
            font-weight: bold; }
          .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .creation_user {
            position: absolute;
            display: none;
            top: 2.4rem;
            left: 0.6rem;
            padding: 0.8rem;
            border-radius: 1rem;
            background-color: #5fa5df;
            color: white;
            width: fit-content;
            text-align: right;
            line-height: 2; }
            .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .creation_user .bouton_ok, .admin .onglets .onglet.onglet_utilisateurs .utilisateurs .creation_user .bouton_annuler {
              float: right;
              font-size: 0.7rem;
              margin-top: 1rem;
              margin-bottom: 0;
              margin-left: 1rem; }
      .admin .onglets .onglet .titre {
        font-weight: bold;
        font-size: 1rem;
        margin-block: 1rem; }
      .admin .onglets .onglet .radio {
        margin-left: 20px;
        margin-right: 7px;
        margin-bottom: 10px;
        font-size: 16px; }
      .admin .onglets .onglet label {
        font-size: .9rem; }
      .admin .onglets .onglet .radio, .admin .onglets .onglet label {
        cursor: pointer; }
      .admin .onglets .onglet .theme {
        padding-top: 10px; }
        .admin .onglets .onglet .theme .selection_theme {
          margin-left: 1rem; }
        .admin .onglets .onglet .theme table, .admin .onglets .onglet .theme th, .admin .onglets .onglet .theme td {
          border: none; }
        .admin .onglets .onglet .theme .legende {
          text-align: left;
          font-weight: bold; }
        .admin .onglets .onglet .theme .image_fond_site, .admin .onglets .onglet .theme .image_frise {
          height: 180px;
          background-size: 100%;
          margin-bottom: 1rem;
          cursor: pointer;
          background-size: 100%;
          width: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          border: 1px solid lightgrey; }
          .admin .onglets .onglet .theme .image_fond_site.survol, .admin .onglets .onglet .theme .image_frise.survol {
            opacity: .5;
            border: 1px solid green; }
        .admin .onglets .onglet .theme #selecteur_image_frise {
          display: none; }
        .admin .onglets .onglet .theme .bouton_suppression_image_fond {
          float: right;
          margin-top: -1.5rem;
          font-size: 1.2rem; }
        .admin .onglets .onglet .theme #selecteur_image_fond_site {
          display: none; }
        .admin .onglets .onglet .theme .outils_responsive {
          width: 100%;
          display: flex;
          justify-content: right;
          gap: 1rem; }
          .admin .onglets .onglet .theme .outils_responsive .bouton {
            font-size: 1.7rem;
            color: lightgrey; }
            .admin .onglets .onglet .theme .outils_responsive .bouton.actif {
              color: steelblue; }
        .admin .onglets .onglet .theme .zone_theme {
          min-height: 80px;
          margin-left: .5rem;
          gap: 0.5rem;
          border: 1px solid transparent; }
        .admin .onglets .onglet .theme table {
          border: none;
          height: fit-content; }
          .admin .onglets .onglet .theme table tr:nth-child(2n) {
            background-color: unset; }
          .admin .onglets .onglet .theme table th, .admin .onglets .onglet .theme table td {
            padding: 0.05em;
            background-color: white;
            padding-inline: 0.7em; }
            .admin .onglets .onglet .theme table th .input_texte, .admin .onglets .onglet .theme table td .input_texte {
              max-width: 5rem; }
        .admin .onglets .onglet .theme .bloc_champs {
          text-align: left; }
          .admin .onglets .onglet .theme .bloc_champs .ligne_champ {
            display: inline-block;
            margin-inline: 1rem; }
  .admin .onglet_barre_haut {
    position: absolute;
    left: 0;
    top: 31px;
    right: 0;
    padding: 0.5rem; }
    .admin .onglet_barre_haut .barre_outils {
      display: inline-block;
      vertical-align: -0.3rem;
      margin-top: 1rem; }
      .admin .onglet_barre_haut .barre_outils .bouton {
        margin-inline: 5px;
        display: inline-block;
        vertical-align: bottom; }
        .admin .onglet_barre_haut .barre_outils .bouton i {
          font-size: 24px; }
      .admin .onglet_barre_haut .barre_outils .bouton_adopte_theme {
        padding: 0.4rem;
        color: white;
        border-radius: 2rem;
        padding-inline: 0.7rem;
        font-size: 0.8rem;
        font-weight: 600;
        margin-left: 1.2rem; }
  .admin .admin_boutique {
    padding: 1rem; }
    .admin .admin_boutique .champ_seuil_livraison {
      width: 5rem; }
    .admin .admin_boutique .bouton_ajout_formule {
      font-size: 1.5rem;
      margin-inline: .5rem;
      vertical-align: middle; }
    .admin .admin_boutique input {
      background-color: white;
      margin-block: .5rem;
      box-shadow: 1px 1px 2px #c3c3c3;
      font-size: 1rem; }
    .admin .admin_boutique .note-editable {
      border: none; }
    .admin .admin_boutique .note-editor.note-airframe, .admin .admin_boutique .note-editor.note-frame {
      border: none; }
    .admin .admin_boutique .liste_formules {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(480px, 480px));
      align-items: center;
      gap: 2rem;
      grid-row-gap: 1.6rem; }
      .admin .admin_boutique .liste_formules li {
        display: block; }
    .admin .admin_boutique #bouton_cree_forfait_standard_stripe {
      color: white;
      padding: 0.5rem;
      margin-bottom: 2;
      border-radius: 2rem;
      margin-block: 1rem;
      padding-inline: 2rem;
      width: 12rem; }
    .admin .admin_boutique table {
      border-radius: 0.2em;
      overflow: hidden;
      border: 1px solid #c8c8c8;
      border-collapse: unset;
      padding: 1rem;
      box-shadow: 1px 1px 2px #e4e4e4;
      background-color: #30597e;
      background-color: #d8edf9;
      margin-block: 1rem; }
      .admin .admin_boutique table tr:nth-child(2n) {
        background-color: unset; }
      .admin .admin_boutique table th, .admin .admin_boutique table td {
        border: none; }
      .admin .admin_boutique table td.td_editeur_riche {
        background-color: white;
        padding-block: .6rem; }
      .admin .admin_boutique table img {
        width: 150px;
        height: 150px;
        box-shadow: 1px 1px 2px #c3c3c3; }
      .admin .admin_boutique table.tableau_formule {
        position: relative;
        padding-top: 2rem; }
        .admin .admin_boutique table.tableau_formule.edite {
          border-color: steelblue; }
        .admin .admin_boutique table.tableau_formule .nom {
          width: 246px; }
        .admin .admin_boutique table.tableau_formule .barre_outils {
          position: absolute;
          right: 0.4rem;
          top: 0.5rem; }
          .admin .admin_boutique table.tableau_formule .barre_outils .bouton {
            float: right;
            font-size: 1.4rem;
            margin-inline: 0.3rem; }
            .admin .admin_boutique table.tableau_formule .barre_outils .bouton i {
              background-color: white;
              border-radius: 50%; }
    .admin .admin_boutique .forfait_standard {
      position: relative;
      margin-left: 2rem;
      margin-top: 2rem; }
      .admin .admin_boutique .forfait_standard.edite {
        border: 1px solid steelblue; }
      .admin .admin_boutique .forfait_standard .barre_outils {
        position: absolute;
        right: 0.7rem;
        top: 0.5rem; }
      .admin .admin_boutique .forfait_standard th, .admin .admin_boutique .forfait_standard td {
        text-align: left;
        font-size: 1rem; }
      .admin .admin_boutique .forfait_standard td input {
        line-height: 2.3rem;
        margin: 0;
        border: 0;
        padding-inline: 6px; }
      .admin .admin_boutique .forfait_standard .label {
        vertical-align: middle; }
    .admin .admin_boutique .champ_filtre_produits {
      margin-left: 2.4rem; }
    .admin .admin_boutique .liste_produits {
      background-color: #f4f4f4;
      margin-left: 2.4rem; }
      .admin .admin_boutique .liste_produits tr {
        border-bottom: 1px solid grey; }
        .admin .admin_boutique .liste_produits tr td {
          text-align: left;
          font-size: 1rem; }
          .admin .admin_boutique .liste_produits tr td .produit_nom {
            color: steelblue; }
  .admin .statistiques {
    margin: 1rem; }
    .admin .statistiques .radio_stats_mode {
      border: none;
      display: flex;
      gap: .5rem;
      font-weight: bold; }
    .admin .statistiques #input_nombre_jours, .admin .statistiques #input_nombre_semaines, .admin .statistiques #input_nombre_mois {
      padding: 0.5rem;
      font-size: 1rem;
      width: 4rem;
      border: none;
      background-color: transparent;
      font-weight: bold; }
    .admin .statistiques .titre {
      padding-inline: 2rem;
      padding-top: 1rem; }
    .admin .statistiques .separateur {
      width: 100%;
      height: 1rem;
      background-color: #f2f2f2; }
    .admin .statistiques .panneau_commandes {
      width: fit-content;
      margin: auto;
      text-align: left;
      padding: 1rem; }
      .admin .statistiques .panneau_commandes .bouton {
        padding: 10px;
        border-radius: 2rem;
        color: white;
        padding-inline: 2rem;
        background-color: #0399AA;
        text-align: center;
        margin-inline: auto;
        margin-top: 1rem; }
    .admin .statistiques .attente {
      display: none;
      font-size: 1.5rem;
      font-weight: bold;
      width: 100%;
      text-align: center;
      margin-top: -0.7rem;
      color: #0399AA; }
    .admin .statistiques .connexions {
      background-color: white;
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: 2rem;
      margin-top: 0;
      margin-bottom: 2rem; }
      .admin .statistiques .connexions .titre {
        font-size: .9rem;
        padding-top: 1rem !important; }
      .admin .statistiques .connexions .connexions_liste {
        display: flex;
        justify-content: center;
        padding-bottom: 3rem; }
      .admin .statistiques .connexions td {
        text-align: left;
        padding: 0.7em; }
  .admin .systeme {
    text-align: center;
    position: absolute;
    inset: 0;
    padding: 20px;
    margin-bottom: 3rem; }
    .admin .systeme .panneau_commandes {
      width: fit-content;
      margin: auto;
      text-align: left; }
      .admin .systeme .panneau_commandes .bouton {
        margin: 10px;
        padding: 10px;
        border-radius: 2rem;
        color: white;
        padding-inline: 1.5rem;
        background-color: steelblue;
        width: 13rem; }
        .admin .systeme .panneau_commandes .bouton.bouton_sauvegarde_complete {
          background-color: #40af40; }
        .admin .systeme .panneau_commandes .bouton.bouton_sauvegarde_fichiers {
          background-color: #40af40; }
        .admin .systeme .panneau_commandes .bouton.bouton_sauvegarde_base {
          background-color: #40af40; }
        .admin .systeme .panneau_commandes .bouton.bouton_rechargement {
          background-color: #fbb061; }
        .admin .systeme .panneau_commandes .bouton.bouton_hors_ligne {
          background-color: #e56868; }
        .admin .systeme .panneau_commandes .bouton i {
          float: right;
          font-size: 19px;
          text-shadow: none; }
    .admin .systeme .telechargements {
      text-align: left;
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 2rem; }
      .admin .systeme .telechargements a {
        color: #6a6a6a; }
      .admin .systeme .telechargements i {
        font-size: 1.4rem;
        margin: 0.6rem; }
  .admin table, .admin th, .admin td {
    border-collapse: collapse; }
  .admin th {
    color: white;
    background-color: #a4a4a4; }
  .admin table {
    display: table;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px; }
  .admin table, .admin th, .admin td {
    border: 1px solid lightgrey; }
  .admin th, .admin td {
    text-align: center;
    padding: .5em;
    padding-right: 1em;
    font-weight: initial;
    font-size: 13px;
    display: table-cell; }
    .admin th.justif_gauche, .admin td.justif_gauche {
      text-align: left; }
  .admin td {
    line-height: 22px; }
    .admin td.td_check {
      text-align: center;
      cursor: pointer; }
  .admin tr:nth-child(2n) {
    background-color: white; }
  .admin .pages {
    padding: 1.5rem;
    max-width: 30rem; }
    .admin .pages .liste_pages {
      padding: 0; }
      .admin .pages .liste_pages .ligne_page {
        cursor: pointer;
        margin-bottom: 1rem;
        overflow-x: scroll;
        border: 4px solid transparent;
        background-color: white;
        box-shadow: 2px 2px 4px #d7d6d6; }
        .admin .pages .liste_pages .ligne_page .barre_haut {
          background-color: #dfefff;
          padding: 1rem;
          opacity: .3;
          cursor: pointer; }
          .admin .pages .liste_pages .ligne_page .barre_haut.page_cogibook {
            background-color: #dffff0; }
          .admin .pages .liste_pages .ligne_page .barre_haut:active {
            opacity: .5 !important;
            transition: 150ms opacity ease-in-out; }
          .admin .pages .liste_pages .ligne_page .barre_haut .barre_infos {
            display: flex;
            gap: 1rem;
            flex-wrap: nowrap; }
            .admin .pages .liste_pages .ligne_page .barre_haut .barre_infos i {
              font-size: 1.8rem;
              margin-left: -0.2rem;
              margin-top: -0.4rem; }
            .admin .pages .liste_pages .ligne_page .barre_haut .barre_infos .titre_fenetre {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: .9rem;
              font-weight: bold; }
        .admin .pages .liste_pages .ligne_page .ligne_page_barre_outils {
          display: none;
          cursor: pointer;
          padding: 0.7rem;
          justify-content: right;
          gap: 0.5rem; }
          .admin .pages .liste_pages .ligne_page .ligne_page_barre_outils .bouton {
            font-size: 1.7rem; }
            .admin .pages .liste_pages .ligne_page .ligne_page_barre_outils .bouton.bouton_validation {
              display: none; }
        .admin .pages .liste_pages .ligne_page .produit_icone {
          width: 7rem;
          height: min-intrinsic;
          vertical-align: middle;
          margin-right: 1rem;
          border-radius: 0.3rem;
          box-shadow: 2px 2px 2px lightgrey; }
        .admin .pages .liste_pages .ligne_page .seo_image, .admin .pages .liste_pages .ligne_page .bouton_lancement_image {
          width: 180px;
          min-height: 110px;
          vertical-align: middle;
          background-color: white;
          transition: 0.3s linear all; }
          .admin .pages .liste_pages .ligne_page .seo_image.survol, .admin .pages .liste_pages .ligne_page .bouton_lancement_image.survol {
            background-color: lightgreen;
            opacity: .5; }
        .admin .pages .liste_pages .ligne_page table {
          background-color: white;
          width: 100%;
          border: 1rem solid white;
          display: none; }
          .admin .pages .liste_pages .ligne_page table a:hover {
            text-decoration: underline; }
          .admin .pages .liste_pages .ligne_page table td {
            font-size: .9rem;
            border: none; }
          .admin .pages .liste_pages .ligne_page table thead tr th:first-child,
          .admin .pages .liste_pages .ligne_page table tbody tr td:first-child {
            width: 10em;
            min-width: 10em;
            max-width: 10em;
            word-break: break-all;
            text-align: right;
            font-weight: bold; }
          .admin .pages .liste_pages .ligne_page table thead tr th:nth-child(2),
          .admin .pages .liste_pages .ligne_page table tbody tr td:nth-child(2) {
            word-break: break-all;
            text-align: left; }
        .admin .pages .liste_pages .ligne_page .champ_texte {
          font-size: 0.9rem;
          width: 100%;
          padding: .2rem;
          border: none; }
        .admin .pages .liste_pages .ligne_page .champ_select {
          -webkit-appearance: unset;
          border: 1px solid lightgrey;
          padding: 2px;
          padding-left: 10px;
          padding-right: 15px;
          color: #a2a2a2; }
        .admin .pages .liste_pages .ligne_page #input_fichier_cogibook {
          display: none; }
        .admin .pages .liste_pages .ligne_page.actif .ligne_page_barre_outils {
          display: flex; }
        .admin .pages .liste_pages .ligne_page.actif table {
          display: table; }
        .admin .pages .liste_pages .ligne_page.publie .barre_haut {
          opacity: 1; }
      .admin .pages .liste_pages.depliee .ligne_page .ligne_page_barre_outils {
        display: flex; }
      .admin .pages .liste_pages.depliee .ligne_page table {
        display: table; }
      .admin .pages .liste_pages.depliee .ligne_page.actif {
        border: 4px solid #93b6d4; }
    .admin .pages .sous_titre {
      margin: 0.4rem; }
    .admin .pages .lien {
      margin-block: 1rem;
      margin-inline: 2rem; }
      .admin .pages .lien a {
        color: steelblue; }
    .admin .pages .barre_outils {
      display: flex;
      justify-content: space-between; }
      .admin .pages .barre_outils .bouton {
        font-size: 1.7rem; }
  .admin .bloc_reglages {
    display: block;
    position: relative;
    min-width: 11.7rem;
    background-color: white;
    height: fit-content;
    width: fit-content;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid #f4f4f4;
    margin-block: 0.2rem;
    border-radius: 0.5rem; }
    .admin .bloc_reglages .bouton_affichage {
      color: grey;
      font-size: 1.5rem;
      padding-left: 1rem;
      position: absolute;
      top: 0;
      left: 0;
      padding-top: 0.8rem; }
      .admin .bloc_reglages .bouton_affichage:active {
        opacity: .5; }
    .admin .bloc_reglages .titre {
      margin-left: 1.7rem;
      cursor: pointer;
      color: grey;
      font-size: 1.5rem; }
      .admin .bloc_reglages .titre:active {
        opacity: .5; }
    .admin .bloc_reglages .zone_sous_blocs_reglages {
      display: flex;
      flex-wrap: wrap;
      column-gap: 1.5rem; }
      .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages {
        margin-block: .5rem; }
        .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .titre {
          font-size: 1rem;
          text-align: left;
          margin-block: 0.8rem;
          margin-left: .5rem;
          background-color: steelblue;
          background-color: #50ac9c;
          padding-block: 0.5rem;
          padding-inline: 1rem;
          color: white; }
        .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .label_petit {
          font-size: 0.8rem;
          font-weight: bold;
          margin-left: 1rem;
          margin-bottom: 0.3rem;
          margin-top: .5rem; }
        .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage {
          font-size: .8rem;
          padding-block: 0.3rem;
          position: relative; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage .bloc_inputs {
            display: inline-flex;
            max-width: 15rem;
            vertical-align: text-top;
            justify-content: left;
            flex-wrap: wrap;
            gap: .5rem; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage .label {
            display: inline-block;
            width: 6rem;
            margin-right: .5rem;
            text-align: right;
            vertical-align: -2px;
            font-weight: bold; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage label {
            font-size: .7rem;
            width: 3rem; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage .bouton_suppression_couleur {
            display: inline-block;
            vertical-align: 0.2rem; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage .ui-selectmenu-button.ui-button {
            vertical-align: -4.3px !important;
            width: auto !important;
            font-size: 0.9rem !important;
            padding-left: 0; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage .ui-selectmenu-button.ui-button .caret_select {
            top: 0.1rem; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage:before {
            content: "x";
            color: white;
            cursor: pointer;
            left: -.7rem;
            position: absolute;
            font-weight: bold;
            padding: 0.1rem;
            margin-top: 0.1rem;
            font-size: 0.8rem;
            background-color: rgba(190, 78, 78, 0.53);
            border-radius: 50%;
            width: 0.9rem;
            text-align: center;
            line-height: 1.2;
            display: none;
            pointer-events: auto; }
            .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage:before:hover {
              background-color: green; }
          .admin .bloc_reglages .zone_sous_blocs_reglages .sous_bloc_reglages .ligne_reglage:hover:before {
            display: block; }
    .admin .bloc_reglages .bouton_responsive {
      font-size: 1.3rem !important;
      text-align: center !important;
      width: 3rem !important;
      margin-right: 0 !important; }
  .admin dialog {
    border: none;
    font-size: 1.1rem;
    padding: 0;
    box-shadow: 2px 2px 3px lightgrey;
    color: #525252;
    padding-bottom: 1rem; }
    .admin dialog h1 {
      margin-bottom: 2rem;
      text-align: center;
      width: 100%;
      /* background-color: green; */
      /* color: white; */
      padding-block: 0.8rem;
      font-size: 1.2rem; }
    .admin dialog .cadre {
      padding-inline: 2rem; }
    .admin dialog .champ_label {
      width: 3rem !important;
      display: inline-block;
      font-weight: bold; }
    .admin dialog .champ_texte {
      width: 22rem;
      font-size: 1rem;
      height: 1.5rem; }
    .admin dialog fieldset {
      border: 1px solid lightgrey;
      padding: 1rem;
      margin-block: 2rem;
      line-height: 1.7;
      border: none; }
      .admin dialog fieldset legend {
        font-weight: bold; }
    .admin dialog div.inactif {
      color: #bcbfc9 !important; }
    .admin dialog .barre_bas {
      display: flex;
      justify-content: space-between; }
      .admin dialog .barre_bas button {
        font-size: 0.9rem;
        padding-inline: 1rem;
        background-color: white;
        border: 1px solid grey;
        border-radius: 1rem;
        padding-block: 0.4rem;
        width: 5rem;
        text-align: center; }

.clr-field input, .circle .clr-field input {
  padding-left: 44px;
  cursor: pointer !important; }

.clr-field button {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none; }

.clr-alpha, .clr-alpha div, .clr-field button, .clr-preview:before, .clr-swatches button {
  border: 1px solid #bebebe !important;
  height: 20px !important; }.fichiers {
  padding: 1rem; }
  .fichiers .bouton_ajout_fichier {
    font-size: 1.5rem;
    margin-inline: .5rem;
    vertical-align: middle; }
  .fichiers #selecteur_fichier {
    display: none; }.admin_cogibook {
  padding: 2rem;
  overflow: hidden;
  position: fixed;
  inset: 0;
  background-color: color(srgb 0.325 0.3167 0.2925);
  color: white; }
  .admin_cogibook .plein_pot {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .admin_cogibook .plein_pot iframe {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      z-index: -10;
      border: none; }
    .admin_cogibook .plein_pot .titre_centre {
      font-family: system-ui;
      font-weight: 100;
      font-size: 1.6rem;
      max-width: 12.6rem;
      line-height: 1.2;
      display: none;
      color: white; }
  .admin_cogibook .boutons_globaux .div_champ_recherche .champ_recherche {
    color: color(srgb 0.1078 0.7081 0.8671);
    border: none; }
  .admin_cogibook .repertoire_titre {
    font-weight: bold;
    color: color(srgb 0.1078 0.7081 0.8671);
    font-size: 1.4rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between; }
    .admin_cogibook .repertoire_titre .bouton {
      background-color: color(srgb 0.1078 0.7081 0.8671) !important;
      color: white;
      padding: 0.3rem;
      border-radius: 50%;
      line-height: 0.6;
      font-weight: 300;
      width: 1rem;
      text-align: center;
      height: 1rem; }
  .admin_cogibook .zone_listes {
    position: absolute;
    padding: 2rem;
    overflow: scroll;
    top: 5rem;
    bottom: 0;
    width: 15rem; }
    .admin_cogibook .zone_listes .liste_fichiers {
      padding: 1rem;
      line-height: 1.7; }
      .admin_cogibook .zone_listes .liste_fichiers .ligne_fichier {
        padding-block: .5rem;
        padding-inline: 1rem;
        transition: .3s all;
        outline: none; }
        .admin_cogibook .zone_listes .liste_fichiers .ligne_fichier.ligne_active {
          background-color: color(srgb 0.1078 0.7081 0.8671);
          color: white; }
  .admin_cogibook .inspecteur, .admin_cogibook .instructions {
    position: absolute;
    left: 22rem;
    padding: 1.5rem; }
    .admin_cogibook .inspecteur .fichier_nom, .admin_cogibook .instructions .fichier_nom {
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 1.7rem;
      margin-top: .7rem;
      margin-bottom: 2rem;
      color: white;
      color: color(srgb 0.1078 0.7081 0.8671); }
    .admin_cogibook .inspecteur .commandes, .admin_cogibook .instructions .commandes {
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      .admin_cogibook .inspecteur .commandes .boutons, .admin_cogibook .instructions .commandes .boutons {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center; }
        .admin_cogibook .inspecteur .commandes .boutons .bouton, .admin_cogibook .instructions .commandes .boutons .bouton {
          font-weight: bold; }
          .admin_cogibook .inspecteur .commandes .boutons .bouton.label_input_fichier, .admin_cogibook .instructions .commandes .boutons .bouton.label_input_fichier {
            height: 1.1rem; }
        .admin_cogibook .inspecteur .commandes .boutons .bouton, .admin_cogibook .instructions .commandes .boutons .bouton {
          width: 7.3rem;
          padding-inline: 0.3rem;
          font-weight: normal;
          font-size: 0.9rem;
          text-align: center;
          padding-block: 0.7rem;
          box-shadow: 0 0 38px color(srgb 0.17 0.1692 0.1692/0.72) inset;
          border-radius: 1.6rem; }
          .admin_cogibook .inspecteur .commandes .boutons .bouton.bouton_valider, .admin_cogibook .instructions .commandes .boutons .bouton.bouton_valider {
            background-color: color(srgb 0.1078 0.7081 0.8671);
            box-shadow: none; }
          .admin_cogibook .inspecteur .commandes .boutons .bouton.inactif, .admin_cogibook .instructions .commandes .boutons .bouton.inactif {
            background-color: transparent;
            color: #6a6a6a !important;
            background-color: color(srgb 0.2687 0.2645 0.2498) !important; }
      .admin_cogibook .inspecteur .commandes .input_nombre, .admin_cogibook .instructions .commandes .input_nombre {
        padding-inline: 0.5rem;
        padding-block: 0.3rem;
        font-size: 1rem;
        background-color: white;
        border: none;
        font-weight: bold; }
      .admin_cogibook .inspecteur .commandes .bloc_slider_vertical, .admin_cogibook .instructions .commandes .bloc_slider_vertical {
        width: 6.9rem;
        display: flex;
        flex-direction: column;
        color: #f2f2f2; }
        .admin_cogibook .inspecteur .commandes .bloc_slider_vertical .slider_volume, .admin_cogibook .instructions .commandes .bloc_slider_vertical .slider_volume {
          -webkit-appearance: slider-vertical;
          cursor: pointer;
          padding: 0 5px;
          display: block;
          height: 15rem;
          background: #fff; }
        .admin_cogibook .inspecteur .commandes .bloc_slider_vertical label, .admin_cogibook .instructions .commandes .bloc_slider_vertical label {
          display: block;
          text-align: left;
          width: 10rem;
          margin: auto;
          font-weight: bold;
          margin-top: 0.5rem;
          margin-left: 0.8rem; }
        .admin_cogibook .inspecteur .commandes .bloc_slider_vertical input[type="range"]::-webkit-slider-thumb, .admin_cogibook .instructions .commandes .bloc_slider_vertical input[type="range"]::-webkit-slider-thumb {
          -webkit-appearance: none !important;
          height: 2rem;
          width: 2rem;
          background-color: #777;
          background-color: color(srgb 0.1078 0.7081 0.8671);
          background-size: cover;
          border-radius: 50%;
          transition: .2s ease-in-out;
          margin-left: -.5rem; }
        .admin_cogibook .inspecteur .commandes .bloc_slider_vertical input[type='range']::-webkit-slider-runnable-track, .admin_cogibook .instructions .commandes .bloc_slider_vertical input[type='range']::-webkit-slider-runnable-track {
          width: 1rem;
          border-radius: 1rem;
          -webkit-appearance: none;
          color: #13bba4;
          background-color: #c1c1c1; }
    .admin_cogibook .inspecteur audio, .admin_cogibook .instructions audio {
      margin-top: 1.3rem;
      width: 100%; }
  .admin_cogibook .inspecteur {
    box-shadow: 0 0 25px rgba(57, 57, 57, 0.49);
    /* box-shadow: 0 0 18px color(srgb 0.135 0.135 0.135/0.3) inset; */
    /* box-shadow: 0 0 18px color(srgb 0.135 0.135 0.135/0.4) inset, 0 0 18px color(srgb 0.135 0.135 0.135/0.4); */
    border-radius: 2.2rem;
    /* border: 10px solid color(srgb 0.3 0.3 0.3); */
    /* background-color: color(srgb 0.295 0.288 0.267); */ }

.attente {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: color(srgb 0.1078 0.7081 0.8671); }
  .attente svg {
    height: 5rem; }.alerte {
  position: absolute;
  z-index: 9000;
  font-family: var(--menu_fontFamily);
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  top: 6rem;
  left: 0;
  right: 0;
  /*display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 3fr 1fr;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .alerte .zone_centrale {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    padding-block: 2rem;
    max-width: 800px; }
  .alerte .zone_boutons {
    text-align: center; }
    .alerte .zone_boutons .bouton_ovale {
      display: inline-block;
      width: 6rem;
      margin: auto;
      margin-top: 1rem; }
    .alerte .zone_boutons .bouton_ovale.bouton_annuler {
      border: 1px solid lightgrey; }

@media only screen and (max-width: 720px) {
  .alerte {
    display: block;
    margin-inline: 1rem;
    font-size: 1rem; }
    .alerte .zone_centrale {
      padding: 1rem; }
      .alerte .zone_centrale .zone_boutons .bouton_ovale {
        width: 5rem;
        margin: 0.5rem; } }
.alerte a {
  text-decoration: underline;
  font-weight: bold;
  color: #5db35d; }

.alerte .logo {
  max-width: 25%; }@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0; }
  100% {
    --pgPercentage: var(--valeur_progression); } }
@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0; }
div[role="progressbar"] {
  --size: 12rem;
  --fg: #6594cd;
  --bg: #b3b4b3;
  --pgPercentage: var(--valeur_progression);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg); }

div[role="progressbar"]::before {
  counter-reset: percentage var(--valeur_progression);
  content: counter(percentage) "%"; }

.attente_plein_ecran {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  cursor: default; }
  .attente_plein_ecran .progressbar_cadre {
    padding-block: 4rem;
    padding-inline: 8rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color(srgb 0.9489 0.949 0.9491);
    color: #666666;
    box-shadow: 1px 1px 3px #e8e8e8;
    border: 1px solid #e2e2e2; }
    .attente_plein_ecran .progressbar_cadre .label {
      margin-right: 2rem;
      font-size: 1.6rem; }
    .attente_plein_ecran .progressbar_cadre .bouton_annuler {
      font-size: 0.8rem;
      position: absolute;
      top: 0;
      left: 0;
      font-weight: bold;
      border-radius: 50%;
      margin: 0.6rem;
      line-height: 1.8;
      text-align: center;
      width: 1.5rem;
      color: white;
      background-color: color(srgb 0.645 0.645 0.645); }footer {
  width: 100%;
  margin-top: 2rem; }
  footer .titre {
    text-align: left; }
  footer .barre_bas {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    text-align: center;
    color: var(--barre_bas_color);
    background-color: var(--barre_bas_backgroundColor);
    font-family: var(--barre_bas_fontFamily);
    font-size: var(--barre_bas_fontSize);
    font-weight: var(--barre_bas_fontWeight);
    line-height: var(--barre_bas_lineHeight);
    letter-spacing: var(--barre_bas_letterSpacing);
    padding: var(--barre_bas_paddingTop) var(--barre_bas_paddingRight) var(--barre_bas_paddingBottom) var(--barre_bas_paddingLeft);
    margin: var(--barre_bas_marginTop) var(--barre_bas_marginRight) var(--barre_bas_marginBottom) var(--barre_bas_marginLeft);
    border-radius: var(--barre_bas_borderTopLeftRadius) var(--barre_bas_borderTopRightRadius) var(--barre_bas_borderBottomRightRadius) var(--barre_bas_borderBottomLeftRadius); }
    footer .barre_bas .note-editor {
      padding: 4px;
      border-radius: 0;
      border: 1px solid #a6a6a6 !important; }
  footer .reseaux {
    font-size: 0.8rem;
    font-weight: bold;
    color: dimgray;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    padding: 1rem; }
    footer .reseaux .boutons_reseaux {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      color: unset; }
      footer .reseaux .boutons_reseaux .bouton {
        width: 2.2rem;
        height: 2.2rem; }
        footer .reseaux .boutons_reseaux .bouton.bouton_pinterest {
          width: 2.7rem;
          height: 2.7rem;
          margin-top: -0.2rem; }
        footer .reseaux .boutons_reseaux .bouton i.fa-facebook {
          color: #1b74e4; }
        footer .reseaux .boutons_reseaux .bouton i.fa-instagram {
          color: #f19b46; }
        footer .reseaux .boutons_reseaux .bouton i.fa-pinterest {
          color: #ed4154; }
  @media only screen and (min-width: 1024px) {
    footer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4rem;
      padding-bottom: 2rem; }
      footer .barre_bas {
        margin-top: 1rem; }
      footer .barre_bas_principal {
        padding-block: .5rem;
        margin-bottom: unset; }
      footer .reseaux {
        padding: unset; }
        footer .reseaux .titre {
          font-size: 1rem; }
          footer .reseaux .titre .bouton {
            width: 2.5rem;
            height: 2.5rem; } }

.barre_bas_principal {
  padding-inline: .5rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem; }.billet {
  position: relative;
  max-width: 1080px;
  overflow-x: hidden;
  color: var(--blog_billet_color);
  background-color: var(--blog_billet_backgroundColor);
  font-family: var(--blog_billet_fontFamily);
  font-size: var(--blog_billet_fontSize);
  font-weight: var(--blog_billet_fontWeight);
  line-height: var(--blog_billet_lineHeight);
  letter-spacing: var(--blog_billet_letterSpacing);
  text-align: var(--blog_billet_textAlign);
  padding: var(--blog_billet_paddingTop) var(--blog_billet_paddingRight) var(--blog_billet_paddingBottom) var(--blog_billet_paddingLeft);
  margin: var(--blog_billet_marginTop) var(--blog_billet_marginRight) var(--blog_billet_marginBottom) var(--blog_billet_marginLeft);
  margin-bottom: 2rem;
  border-radius: var(--blog_billet_borderTopLeftRadius) var(--blog_billet_borderTopRightRadius) var(--blog_billet_borderBottomRightRadius) var(--blog_billet_borderBottomLeftRadius); }
  .billet .zone_auteur {
    position: relative;
    color: var(--blog_billet_zone_auteur_color);
    background-color: var(--blog_billet_zone_auteur_backgroundColor);
    font-family: var(--blog_billet_zone_auteur_fontFamily);
    font-size: var(--blog_billet_zone_auteur_fontSize);
    font-weight: var(--blog_billet_zone_auteur_fontWeight);
    line-height: var(--blog_billet_zone_auteur_lineHeight);
    letter-spacing: var(--blog_billet_zone_auteur_letterSpacing);
    text-align: var(--blog_billet_zone_auteur_textAlign);
    padding: var(--blog_billet_zone_auteur_paddingTop) var(--blog_billet_zone_auteur_paddingRight) var(--blog_billet_zone_auteur_paddingBottom) var(--blog_billet_zone_auteur_paddingLeft);
    margin: var(--blog_billet_zone_auteur_marginTop) var(--blog_billet_zone_auteur_marginRight) var(--blog_billet_zone_auteur_marginBottom) var(--blog_billet_zone_auteur_marginLeft);
    border-radius: var(--blog_billet_zone_auteur_borderTopLeftRadius) var(--blog_billet_zone_auteur_borderTopRightRadius) var(--blog_billet_zone_auteur_borderBottomRightRadius) var(--blog_billet_zone_auteur_borderBottomLeftRadius); }
    .billet .zone_auteur div.photo_auteur {
      display: inline-block; }
      .billet .zone_auteur div.photo_auteur img {
        width: 3rem;
        vertical-align: middle;
        object-fit: contain;
        border: 1px solid #ece6e6;
        box-shadow: 1px 1px 2px #ece6e6;
        border-radius: var(--blog_billet_photo_borderTopLeftRadius) var(--blog_billet_photo_borderTopRightRadius) var(--blog_billet_photo_borderBottomRightRadius) var(--blog_billet_photo_borderBottomLeftRadius);
        margin: var(--blog_billet_photo_marginTop) var(--blog_billet_photo_marginRight) var(--blog_billet_photo_marginBottom) var(--blog_billet_photo_marginLeft);
        padding: var(--blog_billet_photo_paddingTop) var(--blog_billet_photo_paddingRight) var(--blog_billet_photo_paddingBottom) var(--blog_billet_photo_paddingLeft);
        background-color: var(--blog_billet_photo_backgroundColor); }
    .billet .zone_auteur div.billet_auteur {
      display: inline-block;
      position: absolute;
      color: var(--blog_billet_auteur_color);
      background-color: var(--blog_billet_auteur_backgroundColor);
      font-family: var(--blog_billet_auteur_fontFamily);
      font-size: var(--blog_billet_auteur_fontSize);
      font-weight: var(--blog_billet_auteur_fontWeight);
      line-height: var(--blog_billet_auteur_lineHeight);
      letter-spacing: var(--blog_billet_auteur_letterSpacing);
      text-align: var(--blog_billet_auteur_textAlign);
      padding: var(--blog_billet_auteur_paddingTop) var(--blog_billet_auteur_paddingRight) var(--blog_billet_auteur_paddingBottom) var(--blog_billet_auteur_paddingLeft);
      margin: var(--blog_billet_auteur_marginTop) var(--blog_billet_auteur_marginRight) var(--blog_billet_auteur_marginBottom) var(--blog_billet_auteur_marginLeft);
      border-radius: var(--blog_billet_auteur_borderTopLeftRadius) var(--blog_billet_auteur_borderTopRightRadius) var(--blog_billet_auteur_borderBottomRightRadius) var(--blog_billet_auteur_borderBottomLeftRadius); }
    .billet .zone_auteur div.billet_date {
      display: block;
      color: var(--blog_billet_date_color);
      background-color: var(--blog_billet_date_backgroundColor);
      font-family: var(--blog_billet_date_fontFamily);
      font-size: var(--blog_billet_date_fontSize);
      font-weight: var(--blog_billet_date_fontWeight);
      line-height: var(--blog_billet_date_lineHeight);
      letter-spacing: var(--blog_billet_date_letterSpacing);
      text-align: var(--blog_billet_date_textAlign);
      padding: var(--blog_billet_date_paddingTop) var(--blog_billet_date_paddingRight) var(--blog_billet_date_paddingBottom) var(--blog_billet_date_paddingLeft);
      margin: var(--blog_billet_date_marginTop) var(--blog_billet_date_marginRight) var(--blog_billet_date_marginBottom) var(--blog_billet_date_marginLeft);
      border-radius: var(--blog_billet_date_borderTopLeftRadius) var(--blog_billet_date_borderTopRightRadius) var(--blog_billet_date_borderBottomRightRadius) var(--blog_billet_date_borderBottomLeftRadius); }
    .billet .zone_auteur div p {
      margin: 0; }
  .billet .outils_lecteur {
    float: right; }
    .billet .outils_lecteur .bouton {
      float: right;
      font-size: 26px; }
      .billet .outils_lecteur .bouton.notif_commentaires {
        color: #c1c1c1; }
      .billet .outils_lecteur .bouton.notif_activee {
        color: var(--couleur_page_titre); }
  .billet .champ {
    border: 1px solid transparent; }
    .billet .champ a {
      color: steelblue !important;
      font-weight: bold; }
    .billet .champ.poster {
      position: relative;
      min-height: 3rem; }
      .billet .champ.poster.editable {
        transition: .3s all; }
      .billet .champ.poster img {
        transform-origin: 0 0;
        width: 100%;
        object-fit: contain;
        border-radius: var(--blog_billet_image_borderTopLeftRadius) var(--blog_billet_image_borderTopRightRadius) var(--blog_billet_image_borderBottomRightRadius) var(--blog_billet_image_borderBottomLeftRadius);
        margin: var(--blog_billet_image_marginTop) var(--blog_billet_image_marginRight) var(--blog_billet_image_marginBottom) var(--blog_billet_image_marginLeft);
        padding: var(--blog_billet_image_paddingTop) var(--blog_billet_image_paddingRight) var(--blog_billet_image_paddingBottom) var(--blog_billet_image_paddingLeft);
        background-color: var(--blog_billet_image_backgroundColor); }
      .billet .champ.poster.editable.survol {
        border-color: green !important;
        opacity: .5 !important; }
    .billet .champ.editable {
      border: 1px solid steelblue; }
    .billet .champ.survol {
      border-color: green !important;
      opacity: .5 !important; }
  .billet .titre_conversation {
    font-size: 28px;
    letter-spacing: -1px;
    color: var(--couleur_page_sous_titre);
    margin-top: 40px;
    margin-bottom: 27px;
    font-weight: 500; }
  .billet hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin: 1em 0;
    padding: 0; }
  .billet .nombre_commentaires {
    font-weight: bold; }
  .billet .commentaires {
    padding-bottom: 30px; }
    .billet .commentaires .commentaire {
      position: relative;
      padding: 10px;
      margin-block: 20px; }
      .billet .commentaires .commentaire .photo_user {
        width: 50px;
        height: 50px;
        border: 1px solid #ece6e6;
        border-radius: 100%;
        box-shadow: 1px 1px 2px #ece6e6;
        margin-top: -15px;
        object-fit: contain;
        max-width: unset; }
      .billet .commentaires .commentaire .zone_nom_date {
        font-size: 16px;
        margin-top: .7rem; }
        .billet .commentaires .commentaire .zone_nom_date div {
          float: left;
          margin-right: 10px; }
          .billet .commentaires .commentaire .zone_nom_date div.commentaire_auteur {
            font-weight: 600;
            color: steelblue; }
          .billet .commentaires .commentaire .zone_nom_date div.barre_outils_commentaire {
            position: absolute;
            right: 0;
            color: #d6d6d6; }
            .billet .commentaires .commentaire .zone_nom_date div.barre_outils_commentaire .bouton_suppression:hover {
              color: color(srgb 0.9 0.205 0.205); }
            .billet .commentaires .commentaire .zone_nom_date div.barre_outils_commentaire .bouton_edition:hover {
              color: steelblue; }
      .billet .commentaires .commentaire .commentaire_texte {
        padding-top: 10px;
        font-size: 17px;
        line-height: 24px;
        text-align: justify;
        margin-top: .5rem !important; }
  .billet .zone_saisie {
    position: relative;
    background-color: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    min-height: 90px;
    max-height: 50%;
    overflow: scroll;
    font-family: var(--police_2); }
    .billet .zone_saisie .zone_user {
      margin-bottom: 64px; }
      .billet .zone_saisie .zone_user div {
        float: left;
        margin-right: 20px; }
        .billet .zone_saisie .zone_user div.photo_user img {
          width: 40px;
          height: 40px;
          border: 1px solid #ece6e6;
          border-radius: 100%;
          box-shadow: 1px 1px 2px #ece6e6;
          object-fit: contain; }
        .billet .zone_saisie .zone_user div.nom_user {
          margin-top: 20px;
          font-weight: 600; }
    .billet .zone_saisie .barre_editeur {
      margin-bottom: 0;
      height: auto;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .billet .zone_saisie .champ_saisie {
      min-height: 100px;
      padding: 10px;
      background-color: white; }
    .billet .zone_saisie .note-editor {
      background-color: white;
      padding-left: 10px;
      padding-right: 30px;
      min-height: 50px; }
      .billet .zone_saisie .note-editor .note-toolbar {
        padding: 0.4rem;
        width: 100% !important; }
        .billet .zone_saisie .note-editor .note-toolbar .note-btn {
          background-color: transparent;
          border: none; }
      .billet .zone_saisie .note-editor p {
        margin-block: 10px; }
      .billet .zone_saisie .note-editor .note-editing-area {
        padding: .5rem; }
        .billet .zone_saisie .note-editor .note-editing-area .note-placeholder {
          top: 1.2rem; }
    .billet .zone_saisie .note-editor.note-airframe, .billet .zone_saisie .note-editor.note-frame {
      border: none; }
    .billet .zone_saisie .bouton_ok {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 22px;
      padding: 8px;
      padding-right: 12px;
      color: steelblue;
      position: absolute;
      bottom: 0.5rem;
      right: 0;
      font-size: 22px;
      padding: 8px;
      padding-right: 12px;
      text-shadow: 1px 1px 0px #cccaca; }
  .billet .bouton_ajouter_commentaire {
    background-color: steelblue;
    color: white;
    padding: 0.6rem;
    border-radius: 2rem;
    width: 12rem;
    text-align: center;
    font-size: 1rem;
    margin: auto;
    margin-bottom: 2rem; }
  @media only screen and (max-width: 720px) {
    .billet {
      padding: 1rem; } }

.billet_texte {
  min-width: 5rem;
  color: var(--blog_billet_texte_color);
  background-color: var(--blog_billet_texte_backgroundColor);
  font-family: var(--blog_billet_texte_fontFamily);
  font-size: var(--blog_billet_texte_fontSize);
  font-weight: var(--blog_billet_texte_fontWeight);
  line-height: var(--blog_billet_texte_lineHeight);
  letter-spacing: var(--blog_billet_texte_letterSpacing);
  text-align: var(--blog_billet_texte_textAlign);
  padding: var(--blog_billet_texte_paddingTop) var(--blog_billet_texte_paddingRight) var(--blog_billet_texte_paddingBottom) var(--blog_billet_texte_paddingLeft);
  margin: var(--blog_billet_texte_marginTop) var(--blog_billet_texte_marginRight) var(--blog_billet_texte_marginBottom) var(--blog_billet_texte_marginLeft);
  border-radius: var(--blog_billet_texte_borderTopLeftRadius) var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderBottomRightRadius) var(--blog_billet_texte_borderBottomLeftRadius); }

.billet_resume {
  color: var(--blog_billet_resume_color);
  background-color: var(--blog_billet_resume_backgroundColor);
  font-family: var(--blog_billet_resume_fontFamily);
  font-size: var(--blog_billet_resume_fontSize);
  font-weight: var(--blog_billet_resume_fontWeight);
  line-height: var(--blog_billet_resume_lineHeight);
  letter-spacing: var(--blog_billet_resume_letterSpacing);
  text-align: var(--blog_billet_resume_textAlign);
  padding: var(--blog_billet_resume_paddingTop) var(--blog_billet_resume_paddingRight) var(--blog_billet_resume_paddingBottom) var(--blog_billet_resume_paddingLeft);
  margin: var(--blog_billet_resume_marginTop) var(--blog_billet_resume_marginRight) var(--blog_billet_resume_marginBottom) var(--blog_billet_resume_marginLeft);
  border-radius: var(--blog_billet_resume_borderTopLeftRadius) var(--blog_billet_resume_borderTopRightRadius) var(--blog_billet_resume_borderBottomRightRadius) var(--blog_billet_resume_borderBottomLeftRadius); }

.billet_titre {
  min-width: 5rem;
  color: var(--blog_billet_titre_color);
  background-color: var(--blog_billet_titre_backgroundColor);
  font-family: var(--blog_billet_titre_fontFamily);
  font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
  font-weight: var(--blog_billet_titre_fontWeight);
  line-height: var(--blog_billet_titre_lineHeight);
  letter-spacing: var(--blog_billet_titre_letterSpacing);
  text-align: var(--blog_billet_titre_textAlign);
  padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
  margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
  border-radius: var(--blog_billet_titre_borderTopLeftRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }

.note-modal-backdrop {
  z-index: 39 !important; }

.commentaire_edition {
  font-family: Inter; }
  .commentaire_edition .note-editor {
    border-radius: .8rem !important;
    overflow: visible !important; }
    .commentaire_edition .note-editor .note-toolbar .note-btn {
      background-color: transparent !important;
      border: none !important; }
    .commentaire_edition .note-editor .note-editing-area {
      padding: 1rem; }
  .commentaire_edition .titre_commentaire_edition {
    margin-block: 40px;
    font-size: 1.5rem;
    font-weight: 500;
    color: grey;
    letter-spacing: -0.9px; }
  .commentaire_edition .barre_editeur {
    margin-bottom: 0;
    background-color: var(--couleur_fond_cartouches);
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: auto;
    border: 1px solid #e8e8e8;
    background-color: #f2f2f2;
    border-bottom: none; }
  .commentaire_edition .note-editor {
    border-top: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 40px;
    max-height: 60%;
    overflow: scroll;
    background-color: white; }
  .commentaire_edition .note-editable {
    font-family: var(--police_2); }
  .commentaire_edition .zone_bas {
    text-align: center; }
    .commentaire_edition .zone_bas .boutons_validation {
      margin: auto;
      margin-top: 30px;
      width: 240px; }
      .commentaire_edition .zone_bas .boutons_validation .bouton {
        float: right;
        min-width: 60px;
        text-align: center;
        margin-left: 20px;
        padding: 6px;
        padding-inline: 1rem;
        border-radius: 20px;
        color: white; }
        .commentaire_edition .zone_bas .boutons_validation .bouton.bouton_ok {
          background-color: #83c183; }
        .commentaire_edition .zone_bas .boutons_validation .bouton.bouton_annuler {
          background-color: #dd6a6a; }.billet .barre_outils_billet {
  font-size: 30px;
  height: 20px;
  position: absolute;
  top: 0.4rem;
  right: 0.3rem; }
  .billet .barre_outils_billet .bouton {
    float: right;
    font-size: 1rem;
    padding: 0.4rem;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    line-height: 1;
    margin-inline: 0.3rem;
    text-align: center; }
    .billet .barre_outils_billet .bouton.bouton_publication {
      padding: .05rem;
      font-size: 1.8rem;
      color: #b9b9b9;
      background-color: transparent;
      width: auto;
      height: auto; }
      .billet .barre_outils_billet .bouton.bouton_publication.publie {
        color: #34b834; }
.billet .poster .bouton_seo {
  right: .5rem;
  font-size: 1.2rem;
  bottom: .5rem;
  padding: 0.4rem;
  height: 1.2rem;
  width: 1.2rem; }

.billet_editeur .poster {
  border: 1px solid lightgrey !important; }
.billet_editeur .note-editing-area {
  padding: 1rem !important; }.blog {
  max-width: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-inline: auto; }
  .blog .titre_page {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .blog .note-editor.note-frame .note-editing-area, .blog .note-editor.note-airframe .note-editing-area {
    padding: .5rem !important; }
  .blog .abonnement_blog {
    width: 7rem;
    margin: auto; }
  .blog .barre_boutons {
    position: relative;
    text-align: right; }
    .blog .barre_boutons .bouton_abonnement {
      font-size: 26px;
      padding: .8rem;
      background-color: var(--blog_cartouche_backgroundColor);
      color: var(--blog_cartouche_titre_color);
      cursor: pointer;
      width: fit-content;
      display: inline-block;
      padding-bottom: .8rem;
      border-radius: 1rem;
      box-shadow: 1px 1px 1px lightgrey;
      padding-top: 0;
      box-shadow: 1px 1px 1px lightgrey; }
      .blog .barre_boutons .bouton_abonnement:before {
        display: inline-block;
        font-size: 1rem;
        font-weight: 600;
        vertical-align: bottom;
        content: "M'abonner au blog"; }
      .blog .barre_boutons .bouton_abonnement.abonnement_actif {
        background-color: #e4e3e3;
        color: #818181; }
        .blog .barre_boutons .bouton_abonnement.abonnement_actif:before {
          content: "Abonnement actif"; }
      .blog .barre_boutons .bouton_abonnement i {
        font-size: 1.2rem;
        vertical-align: -0.3rem;
        padding-inline: 0.5rem; }
      @media only screen and (max-width: 720px) {
        .blog .barre_boutons .bouton_abonnement {
          margin-bottom: 1rem; } }
  .blog .barre_outils .bouton {
    padding: 0.6rem;
    border-radius: 50%;
    line-height: 1;
    width: 1rem;
    height: 1rem;
    text-align: center;
    font-size: 1rem; }
  .blog .billets {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .blog .billets {
        margin-top: 0; } }
  .blog .poster {
    padding: 1rem; }
    .blog .poster img {
      padding: 20px;
      transform-origin: 0 0;
      width: 100%;
      object-fit: cover;
      border-radius: var(--blog_cartouche_image_borderTopLeftRadius) var(--blog_cartouche_image_borderTopRightRadius) var(--blog_cartouche_image_borderBottomRightRadius) var(--blog_cartouche_image_borderBottomLeftRadius);
      margin: var(--blog_cartouche_image_marginTop) var(--blog_cartouche_image_marginRight) var(--blog_cartouche_image_marginBottom) var(--blog_cartouche_image_marginLeft);
      padding: var(--blog_cartouche_image_paddingTop) var(--blog_cartouche_image_paddingRight) var(--blog_cartouche_image_paddingBottom) var(--blog_cartouche_image_paddingLeft);
      background-color: var(--blog_cartouche_image_backgroundColor); }
    @media only screen and (max-width: 720px) {
      .blog .poster {
        padding: 0; } }
  .blog .billet_vignette_texte {
    margin-top: 10px;
    border: 1px solid transparent;
    padding: 10px;
    background-color: white;
    max-width: 1200px; }
  .blog .cadre_billet_vignette {
    transition: .5s all;
    width: 17rem;
    height: 17rem; }
    .blog .cadre_billet_vignette .barre_outils {
      margin-top: 0.6rem;
      margin-right: 0.3rem; }
      .blog .cadre_billet_vignette .barre_outils .bouton {
        float: right;
        font-size: 1rem;
        padding: 0.5rem;
        border-radius: 50%;
        width: 1rem;
        height: 1rem;
        line-height: 1;
        margin-inline: 0.3rem;
        text-align: center; }
        .blog .cadre_billet_vignette .barre_outils .bouton.bouton_publication {
          padding: .05rem;
          font-size: 1.8rem;
          background-color: white;
          width: auto;
          height: auto; }
    .blog .cadre_billet_vignette .billet_vignette {
      transition: .5s all;
      overflow: hidden;
      width: 100%;
      height: 100%;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 2fr 3fr 1fr;
      gap: var(--blog_cartouche_gap);
      background-color: var(--blog_cartouche_backgroundColor);
      border-top-left-radius: var(--blog_cartouche_borderTopLeftRadius);
      border-top-right-radius: var(--blog_cartouche_borderTopRightRadius);
      border-bottom-left-radius: var(--blog_cartouche_borderBottomLeftRadius);
      border-bottom-right-radius: var(--blog_cartouche_borderBottomRightRadius);
      padding: var(--blog_cartouche_paddingTop) var(--blog_cartouche_paddingRight) var(--blog_cartouche_paddingBottom) var(--blog_cartouche_paddingLeft);
      color: var(--blog_cartouche_color);
      background-color: var(--blog_cartouche_backgroundColor);
      font-family: var(--blog_cartouche_fontFamily);
      font-size: var(--blog_cartouche_fontSize);
      font-weight: var(--blog_cartouche_fontWeight);
      line-height: var(--blog_cartouche_lineHeight);
      letter-spacing: var(--blog_cartouche_letterSpacing);
      padding: var(--blog_cartouche_paddingTop) var(--blog_cartouche_paddingRight) var(--blog_cartouche_paddingBottom) var(--blog_cartouche_paddingLeft);
      margin: var(--blog_cartouche_marginTop) var(--blog_cartouche_marginRight) var(--blog_cartouche_marginBottom) var(--blog_cartouche_marginLeft);
      border-radius: var(--blog_cartouche_borderTopLeftRadius) var(--blog_cartouche_borderTopRightRadius) var(--blog_cartouche_borderBottomRightRadius) var(--blog_cartouche_borderBottomLeftRadius);
      box-shadow: 1px 1px 1px lightgrey; }
      .blog .cadre_billet_vignette .billet_vignette.non_editable {
        cursor: pointer; }
        .blog .cadre_billet_vignette .billet_vignette.non_editable:active {
          opacity: .5; }
      .blog .cadre_billet_vignette .billet_vignette .titre_resume {
        background-color: var(--blog_cartouche_titre_resume_backgroundColor);
        padding: var(--blog_cartouche_titre_resume_paddingTop) var(--blog_cartouche_titre_resume_paddingRight) var(--blog_cartouche_titre_resume_paddingBottom) var(--blog_cartouche_titre_resume_paddingLeft);
        border-radius: var(--blog_cartouche_titre_resume_borderTopLeftRadius) var(--blog_cartouche_titre_resume_borderTopRightRadius) var(--blog_cartouche_titre_resume_borderBottomRightRadius) var(--blog_cartouche_titre_resume_borderBottomLeftRadius); }
        .blog .cadre_billet_vignette .billet_vignette .titre_resume .titre {
          text-align: left;
          color: var(--blog_cartouche_titre_color);
          background-color: var(--blog_cartouche_titre_backgroundColor);
          font-family: var(--blog_cartouche_titre_fontFamily);
          font-size: var(--blog_cartouche_titre_fontSize);
          font-weight: var(--blog_cartouche_titre_fontWeight);
          line-height: var(--blog_cartouche_titre_lineHeight);
          letter-spacing: var(--blog_cartouche_titre_letterSpacing);
          padding: var(--blog_cartouche_titre_paddingTop) var(--blog_cartouche_titre_paddingRight) var(--blog_cartouche_titre_paddingBottom) var(--blog_cartouche_titre_paddingLeft);
          margin: var(--blog_cartouche_titre_marginTop) var(--blog_cartouche_titre_marginRight) var(--blog_cartouche_titre_marginBottom) var(--blog_cartouche_titre_marginLeft);
          border-radius: var(--blog_cartouche_titre_borderTopLeftRadius) var(--blog_cartouche_titre_borderTopRightRadius) var(--blog_cartouche_titre_borderBottomRightRadius) var(--blog_cartouche_titre_borderBottomLeftRadius); }
        .blog .cadre_billet_vignette .billet_vignette .titre_resume .resume {
          overflow: hidden;
          color: var(--blog_cartouche_resume_color);
          background-color: var(--blog_cartouche_resume_backgroundColor);
          font-family: var(--blog_cartouche_resume_fontFamily);
          font-size: var(--blog_cartouche_resume_fontSize);
          font-weight: var(--blog_cartouche_resume_fontWeight);
          line-height: var(--blog_cartouche_resume_lineHeight);
          letter-spacing: var(--blog_cartouche_resume_letterSpacing);
          padding: var(--blog_cartouche_resume_paddingTop) var(--blog_cartouche_resume_paddingRight) var(--blog_cartouche_resume_paddingBottom) var(--blog_cartouche_resume_paddingLeft);
          margin: var(--blog_cartouche_resume_marginTop) var(--blog_cartouche_resume_marginRight) var(--blog_cartouche_resume_marginBottom) var(--blog_cartouche_resume_marginLeft);
          border-radius: var(--blog_cartouche_resume_borderTopLeftRadius) var(--blog_cartouche_resume_borderTopRightRadius) var(--blog_cartouche_resume_borderBottomRightRadius) var(--blog_cartouche_resume_borderBottomLeftRadius); }
      .blog .cadre_billet_vignette .billet_vignette .auteur_date {
        background-color: var(--blog_cartouche_auteur_date_backgroundColor);
        padding: var(--blog_cartouche_auteur_date_paddingTop) var(--blog_cartouche_auteur_date_paddingRight) var(--blog_cartouche_auteur_date_paddingBottom) var(--blog_cartouche_auteur_date_paddingLeft);
        border-radius: var(--blog_cartouche_auteur_date_borderTopLeftRadius) var(--blog_cartouche_auteur_date_borderTopRightRadius) var(--blog_cartouche_auteur_date_borderBottomRightRadius) var(--blog_cartouche_auteur_date_borderBottomLeftRadius); }
        .blog .cadre_billet_vignette .billet_vignette .auteur_date .auteur {
          color: var(--blog_cartouche_auteur_color);
          background-color: var(--blog_cartouche_auteur_backgroundColor);
          font-family: var(--blog_cartouche_auteur_fontFamily);
          font-size: var(--blog_cartouche_auteur_fontSize);
          font-weight: var(--blog_cartouche_auteur_fontWeight);
          line-height: var(--blog_cartouche_auteur_lineHeight);
          letter-spacing: var(--blog_cartouche_auteur_letterSpacing);
          padding: var(--blog_cartouche_auteur_paddingTop) var(--blog_cartouche_auteur_paddingRight) var(--blog_cartouche_auteur_paddingBottom) var(--blog_cartouche_auteur_paddingLeft);
          margin: var(--blog_cartouche_auteur_marginTop) var(--blog_cartouche_auteur_marginRight) var(--blog_cartouche_auteur_marginBottom) var(--blog_cartouche_auteur_marginLeft);
          border-radius: var(--blog_cartouche_auteur_borderTopLeftRadius) var(--blog_cartouche_auteur_borderTopRightRadius) var(--blog_cartouche_auteur_borderBottomRightRadius) var(--blog_cartouche_auteur_borderBottomLeftRadius); }
        .blog .cadre_billet_vignette .billet_vignette .auteur_date .date {
          color: var(--blog_cartouche_date_color);
          background-color: var(--blog_cartouche_date_backgroundColor);
          font-family: var(--blog_cartouche_date_fontFamily);
          font-size: var(--blog_cartouche_date_fontSize);
          font-weight: var(--blog_cartouche_date_fontWeight);
          line-height: var(--blog_cartouche_date_lineHeight);
          letter-spacing: var(--blog_cartouche_date_letterSpacing);
          padding: var(--blog_cartouche_date_paddingTop) var(--blog_cartouche_date_paddingRight) var(--blog_cartouche_date_paddingBottom) var(--blog_cartouche_date_paddingLeft);
          margin: var(--blog_cartouche_date_marginTop) var(--blog_cartouche_date_marginRight) var(--blog_cartouche_date_marginBottom) var(--blog_cartouche_date_marginLeft);
          border-radius: var(--blog_cartouche_date_borderTopLeftRadius) var(--blog_cartouche_date_borderTopRightRadius) var(--blog_cartouche_date_borderBottomRightRadius) var(--blog_cartouche_date_borderBottomLeftRadius); }
        .blog .cadre_billet_vignette .billet_vignette .auteur_date .nombre_commentaires {
          color: var(--blog_cartouche_nombre_commentaires_color);
          background-color: var(--blog_cartouche_nombre_commentaires_backgroundColor);
          font-family: var(--blog_cartouche_nombre_commentaires_fontFamily);
          font-size: var(--blog_cartouche_nombre_commentaires_fontSize);
          font-weight: var(--blog_cartouche_nombre_commentaires_fontWeight);
          line-height: var(--blog_cartouche_nombre_commentaires_lineHeight);
          letter-spacing: var(--blog_cartouche_nombre_commentaires_letterSpacing);
          padding: var(--blog_cartouche_nombre_commentaires_paddingTop) var(--blog_cartouche_nombre_commentaires_paddingRight) var(--blog_cartouche_nombre_commentaires_paddingBottom) var(--blog_cartouche_nombre_commentaires_paddingLeft);
          margin: var(--blog_cartouche_nombre_commentaires_marginTop) var(--blog_cartouche_nombre_commentaires_marginRight) var(--blog_cartouche_nombre_commentaires_marginBottom) var(--blog_cartouche_nombre_commentaires_marginLeft);
          border-radius: var(--blog_cartouche_nombre_commentaires_borderTopLeftRadius) var(--blog_cartouche_nombre_commentaires_borderTopRightRadius) var(--blog_cartouche_nombre_commentaires_borderBottomRightRadius) var(--blog_cartouche_nombre_commentaires_borderBottomLeftRadius); }
      @media only screen and (max-width: 1024px) {
        .blog .cadre_billet_vignette .billet_vignette {
          display: block;
          width: auto; }
          .blog .cadre_billet_vignette .billet_vignette .titre_resume {
            height: unset; }
          .blog .cadre_billet_vignette .billet_vignette .auteur {
            padding-top: unset !important;
            color: steelblue !important; }
          .blog .cadre_billet_vignette .billet_vignette .poster {
            width: unset; } }
  .blog .bouton_seo {
    top: -1rem; }.boutique {
  margin-top: 50px;
  padding-bottom: 2rem; }
  .boutique .boutique_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .boutique .boutique_sous_titre {
    margin-block: 1rem;
    margin-block: 1rem;
    padding: 1rem;
    font-size: 1.3rem;
    max-width: 890px;
    margin: auto; }
  .boutique .onglets {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 2rem; }
    .boutique .onglets .onglet {
      max-width: 26rem;
      max-height: 15rem;
      overflow: hidden;
      border-radius: 0.3rem;
      border: .5rem solid transparent; }
      .boutique .onglets .onglet.selectionne {
        border: 0.5rem solid var(--titre_1_color); }
      .boutique .onglets .onglet img {
        box-shadow: 2px 2px 1px lightgrey; }
  .boutique .categories {
    margin-inline: auto;
    max-width: 1280px; }
  .boutique .nom_categorie {
    font-family: var(--nom_categorie_fontFamily);
    font-size: 1.3rem;
    font-weight: var(--nom_categorie_fontWeight);
    line-height: 1.4;
    letter-spacing: var(--nom_categorie_letterSpacing);
    text-align: var(--nom_categorie_textAlign);
    text-align: left;
    padding: var(--nom_categorie_paddingTop) var(--nom_categorie_paddingRight) var(--nom_categorie_paddingBottom) var(--nom_categorie_paddingLeft);
    margin: var(--nom_categorie_marginTop) var(--nom_categorie_marginRight) var(--nom_categorie_marginBottom) var(--nom_categorie_marginLeft);
    border-radius: var(--nom_categorie_borderTopRightRadius) var(--nom_categorie_borderTopRightRadius) var(--nom_categorie_borderBottomRightRadius) var(--nom_categorie_borderBottomLeftRadius);
    border-radius: 2rem;
    max-width: 880px;
    margin-inline: auto;
    cursor: pointer;
    transition: .5s opacity;
    text-indent: -1rem; }
    .boutique .nom_categorie:active {
      opacity: .6; }
    .boutique .nom_categorie i {
      margin-right: 0.5rem;
      color: white;
      font-size: 1.3em;
      display: inline-block;
      vertical-align: middle; }
    .boutique .nom_categorie.ouvrir {
      max-width: unset;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    @media only screen and (min-width: 723px) {
      .boutique .nom_categorie {
        font-size: var(--nom_categorie_fontSize);
        line-height: var(--nom_categorie_lineHeight); } }
  .boutique .categorie {
    text-align: center;
    margin-block: .5rem; }
  .boutique .produits {
    width: 100%;
    min-height: 80px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    background-color: color(srgb 0.96 0.96 0.96);
    background-color: white;
    margin-top: -1.2rem;
    padding-block: 2rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem; }
    .boutique .produits .produit_vignette {
      position: relative;
      min-width: 20rem;
      max-width: 22rem;
      min-height: 26rem;
      height: fit-content;
      padding: 1rem;
      padding-top: .5rem;
      padding-right: .5rem;
      box-shadow: 1px 1px 3px lightgrey;
      border-radius: var(--cartouches_arrondi);
      background-color: #fffbf7;
      text-align: left;
      cursor: pointer; }
      .boutique .produits .produit_vignette.editable {
        cursor: default; }
      .boutique .produits .produit_vignette .barre_outils .bouton {
        float: right;
        font-size: 1rem;
        background-color: whitesmoke;
        padding: 0.4rem;
        border-radius: 50%;
        width: 1rem;
        height: 1rem;
        line-height: 1.1;
        margin-inline: 0.3rem;
        text-align: center; }
        .boutique .produits .produit_vignette .barre_outils .bouton.bouton_publication {
          padding: 0;
          font-size: 1.8rem;
          background-color: white;
          width: 1.7rem;
          height: 1.8rem; }
      .boutique .produits .produit_vignette .champ {
        margin-bottom: 20px;
        margin-top: 10px; }
        .boutique .produits .produit_vignette .champ.nom {
          font-size: 1.5rem;
          font-weight: 500;
          letter-spacing: -1px;
          padding-inline: 1.2rem;
          line-height: 1.1; }
        .boutique .produits .produit_vignette .champ.resume {
          margin-inline: 1.2rem;
          line-height: 1.3; }
        .boutique .produits .produit_vignette .champ.categorie {
          font-style: italic; }
        .boutique .produits .produit_vignette .champ.prix_ttc {
          font-weight: bold;
          margin-left: 1.3rem; }
        .boutique .produits .produit_vignette .champ.poster img {
          width: 100%;
          object-fit: contain;
          max-height: 13rem; }
      @media only screen and (max-width: 767px) {
        .boutique .produits .produit_vignette {
          min-width: 17rem; } }.boutique_editeur {
  position: relative; }
  .boutique_editeur .boutique_barre_outils {
    margin-block: 1.5rem; }
  .boutique_editeur .note-editor {
    max-width: 1024px;
    margin-inline: auto;
    margin-block: 1rem; }
  .boutique_editeur .palette {
    background-color: #f6f6f6;
    padding-block: 0.5rem;
    border-radius: 1rem;
    box-shadow: 1px 1px 3px lightgrey;
    margin-block: 1rem;
    width: fit-content;
    padding-inline: 1rem;
    font-size: .9rem; }
    .boutique_editeur .palette .titre {
      font-weight: bold;
      color: #696868; }
  .boutique_editeur .bouton {
    font-size: 1rem;
    margin-block: 0.5rem;
    padding: 0.6rem;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    line-height: 1;
    text-align: center; }
  .boutique_editeur .categories {
    max-width: 1024px;
    margin: auto; }
    .boutique_editeur .categories .categorie {
      position: relative;
      margin-block: -1.5rem; }
      .boutique_editeur .categories .categorie .cadre_nom_categorie {
        display: flex; }
        .boutique_editeur .categories .categorie .cadre_nom_categorie .bouton_alterne_categorie {
          color: lightgrey;
          margin-left: -2.5rem; }
          .boutique_editeur .categories .categorie .cadre_nom_categorie .bouton_alterne_categorie.publie {
            color: #50ac9c; }
          .boutique_editeur .categories .categorie .cadre_nom_categorie .bouton_alterne_categorie i {
            margin-right: 0.5rem;
            font-size: 2rem; }
        .boutique_editeur .categories .categorie .cadre_nom_categorie .poignee {
          width: 1.5rem;
          background-color: lightgrey;
          cursor: move;
          border-top-left-radius: 0.7rem;
          border-bottom-left-radius: .7rem; }
          .boutique_editeur .categories .categorie .cadre_nom_categorie .poignee.publie {
            background-color: #50ac9c; }
        .boutique_editeur .categories .categorie .cadre_nom_categorie .nom_categorie {
          text-indent: unset;
          padding-top: 1rem;
          padding-right: 1rem;
          cursor: auto;
          margin: 0; }
        .boutique_editeur .categories .categorie .cadre_nom_categorie .note-editor {
          margin-block: 0 !important;
          width: 100% !important; }
      .boutique_editeur .categories .categorie .barre_outils_categorie {
        background-color: #e0e0e0;
        padding-block: 0.5rem;
        border-radius: 1rem;
        box-shadow: 1px 1px 3px lightgrey;
        margin-left: 2rem;
        width: fit-content;
        padding-inline: 1rem;
        margin-bottom: 1.5rem; }
        .boutique_editeur .categories .categorie .barre_outils_categorie .titre {
          font-weight: bold;
          font-size: .9rem;
          color: #696868;
          margin-block: .3rem; }
        .boutique_editeur .categories .categorie .barre_outils_categorie .outils {
          display: flex;
          gap: 1rem; }
          .boutique_editeur .categories .categorie .barre_outils_categorie .outils .div_bouton {
            display: flex;
            gap: .6rem;
            align-items: center; }
            .boutique_editeur .categories .categorie .barre_outils_categorie .outils .div_bouton .bouton {
              font-size: 1rem;
              margin-block: 0.5rem;
              padding: 0.5rem;
              border-radius: 50%;
              width: 1rem;
              height: 1rem;
              line-height: 1; }
              .boutique_editeur .categories .categorie .barre_outils_categorie .outils .div_bouton .bouton.bouton_publication {
                padding: 0;
                font-size: 1.8rem;
                background-color: transparent;
                width: auto;
                height: auto;
                text-align: left; }
            .boutique_editeur .categories .categorie .barre_outils_categorie .outils .div_bouton label {
              font-size: .9rem; }
          .boutique_editeur .categories .categorie .barre_outils_categorie .outils label {
            font-size: .9rem; }
      .boutique_editeur .categories .categorie .produit_vignette {
        position: relative; }
        .boutique_editeur .categories .categorie .produit_vignette .barre_outils {
          right: 0.3rem; }
  .boutique_editeur .bouton_seo {
    top: -4rem;
    font-size: 1.3rem;
    width: 1.1rem;
    height: 1.1rem; }

.ghost {
  opacity: .6; }

.chosen {
  opacity: 0; }#boutique_temp {
  font-family: "Montserrat";
  max-width: 800px;
  min-width: 607px;
  background-color: white;
  padding: 2rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  box-shadow: 1px 1px 3px lightgrey;
  border: 1px solid lightgrey;
  padding-inline: 3rem; }
  #boutique_temp .logo_circulaire {
    width: 12rem;
    height: 12rem; }
  #boutique_temp .zone_haut {
    display: inline-flex;
    gap: 3rem; }
    #boutique_temp .zone_haut p {
      line-height: 1.5; }
  #boutique_temp .coordonnees {
    padding-inline: 2rem;
    padding-block: 1rem; }
    #boutique_temp .coordonnees p {
      margin-block: 0; }
    #boutique_temp .coordonnees label {
      display: inline-block;
      width: 12rem;
      text-align: right; }
  #boutique_temp .liste_interets {
    margin-left: 5.2rem;
    margin-bottom: 2rem; }
    #boutique_temp .liste_interets li {
      padding-block: .4rem; }
    #boutique_temp .liste_interets label {
      padding-left: 1rem;
      cursor: pointer; }
  #boutique_temp .bouton_envoi {
    padding-inline: 1rem;
    margin-inline: auto;
    margin-block: 2rem; }
  #boutique_temp .merci {
    font-size: 1.2rem;
    font-weight: bold;
    color: green;
    margin-left: 14.5rem;
    margin-bottom: 3rem; }.carrousel_cadre {
  position: relative;
  width: 100% !important;
  overflow: hidden; }
  .carrousel_cadre .carrousel {
    width: 100% !important;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    font-size: 50px;
    color: #fff;
    font-weight: 500;
    max-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--carrousel_backgroundColor);
    padding-block: var(--carrousel_small_paddingBlock); }
    @media only screen and (min-width: 720px) {
      .carrousel_cadre .carrousel {
        padding-block: var(--carrousel_medium_paddingBlock); } }
    @media only screen and (min-width: 1024px) {
      .carrousel_cadre .carrousel {
        margin-bottom: unset;
        padding-block: var(--carrousel_large_paddingBlock); } }
    .carrousel_cadre .carrousel .keen-slider__slide {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 50px;
      color: #fff;
      font-weight: 500;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: var(--carrousel_small_flex_basis);
      border-radius: var(--carrousel_small_borderRadius);
      overflow: hidden;
      max-height: 100vh; }
      @media only screen and (min-width: 720px) {
        .carrousel_cadre .carrousel .keen-slider__slide {
          flex-basis: var(--carrousel_medium_flex_basis);
          border-radius: var(--carrousel_medium_borderRadius); } }
      @media only screen and (min-width: 1024px) {
        .carrousel_cadre .carrousel .keen-slider__slide {
          flex-basis: var(--carrousel_large_flex_basis);
          border-radius: var(--carrousel_large_borderRadius); } }
      .carrousel_cadre .carrousel .keen-slider__slide:active {
        opacity: .5; }
      .carrousel_cadre .carrousel .keen-slider__slide .diapo_image {
        width: 100%; }
      .carrousel_cadre .carrousel .keen-slider__slide .cadre_video {
        position: absolute;
        z-index: -1;
        width: 281px;
        left: 53px;
        top: 31px; }
        .carrousel_cadre .carrousel .keen-slider__slide .cadre_video video {
          width: 100%; }
  .carrousel_cadre .points {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    margin-top: 1.5rem; }
    .carrousel_cadre .points .point {
      border: none;
      width: 10px;
      height: 10px;
      background-color: #c5c5c5;
      border-radius: 50%;
      margin: 0 5px;
      padding: 5px;
      cursor: pointer;
      transition: .5s background-color; }
      .carrousel_cadre .points .point.actif {
        background-color: var(--titre_1_color); }
      .carrousel_cadre .points .point:active {
        background-color: var(--titre_1_color); }
      .carrousel_cadre .points .point:focus {
        outline: none; }
  .carrousel_cadre .fleches {
    position: relative; }
    .carrousel_cadre .fleches .fleche {
      width: 30px;
      height: 30px;
      position: absolute;
      margin-top: -12rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      cursor: pointer;
      fill: #fff;
      border-radius: 50%;
      padding: 1rem;
      filter: drop-shadow(2px 2px 1px rgba(102, 102, 102, 0.4)); }
      .carrousel_cadre .fleches .fleche:active {
        opacity: .6; }
      @media only screen and (min-width: 1024px) {
        .carrousel_cadre .fleches .fleche {
          margin-top: -14rem; } }
    .carrousel_cadre .fleches .fleche_gauche {
      left: 20px; }
      @media only screen and (min-width: 1024px) {
        .carrousel_cadre .fleches .fleche_gauche {
          left: 5px; } }
    .carrousel_cadre .fleches .fleche_droite {
      left: auto;
      right: 20px; }
      @media only screen and (min-width: 1024px) {
        .carrousel_cadre .fleches .fleche_droite {
          right: 5px; } }.carrousel_editeur {
  cursor: unset !important; }
  .carrousel_editeur .boutons {
    position: absolute;
    top: 0;
    right: 0; }
    .carrousel_editeur .boutons .bouton {
      position: relative;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 100%;
      padding: 0.5rem;
      text-align: center;
      top: unset;
      right: unset;
      margin: 1rem; }
  .carrousel_editeur .carrousel {
    overflow: scroll;
    gap: 1.3rem; }
    .carrousel_editeur .carrousel .cadre_bouton_premiere_diapo {
      text-align: center;
      width: 100%; }
      .carrousel_editeur .carrousel .cadre_bouton_premiere_diapo .bouton_premiere_diapo {
        width: 12rem;
        margin: auto;
        background-color: color(srgb 0.3152 0.6755 0.6135);
        color: white;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 1rem;
        height: 6rem;
        display: flex;
        align-items: center;
        border-radius: 0.7rem; }
  .carrousel_editeur .keen-slider__slide:active {
    opacity: 1 !important; }
  .carrousel_editeur .keen-slider__slide .input_fichier_diapo {
    display: none; }
  .carrousel_editeur .keen-slider__slide .diapo_image {
    cursor: pointer;
    transition: .3s opacity; }
    .carrousel_editeur .keen-slider__slide .diapo_image:active {
      opacity: .6; }
  .carrousel_editeur .keen-slider__slide .barre_outils {
    margin-left: -14.4rem;
    margin-top: -20.2rem;
    background-color: rgba(255, 255, 255, 0.68);
    padding: 0.8rem;
    border-radius: 0.7rem;
    gap: 1rem;
    display: flex;
    justify-content: center;
    padding-right: 1.2rem;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px); }
    .carrousel_editeur .keen-slider__slide .barre_outils .bouton {
      border-radius: 50%;
      font-size: 1.5rem;
      width: 1.5rem;
      height: 1.5rem;
      text-align: center;
      padding: 0.4rem;
      line-height: 1; }
      .carrousel_editeur .keen-slider__slide .barre_outils .bouton.bouton_publication {
        font-size: 2.1rem;
        padding: 0;
        margin-inline: 0.2rem;
        color: color(srgb 0.67 0.67 0.67); }
        .carrousel_editeur .keen-slider__slide .barre_outils .bouton.bouton_publication.publie {
          color: #50ac9c; }
      .carrousel_editeur .keen-slider__slide .barre_outils .bouton.bouton_edite_lien {
        font-size: 1.1rem;
        line-height: 1.6rem;
        background-color: #bbedd4 !important;
        color: grey !important; }
    .carrousel_editeur .keen-slider__slide .barre_outils .input_texte {
      display: block;
      position: absolute;
      bottom: 0.6rem;
      font-size: 0.9rem;
      padding: 0.4rem;
      /* width: 80%; */
      left: 0.5rem;
      right: 0.5rem;
      height: 3.6rem;
      border: none;
      resize: none; }.cgu_cgv {
  max-width: 900px; }
  .cgu_cgv .titre_page {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }.cgu_cgv .note-editor {
  padding: 1rem; }.clavier {
  padding: 0.8rem;
  max-width: 590px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  width: fit-content;
  margin-bottom: 3rem;
  position: relative;
  padding-left: 3rem; }
  .clavier .touche_cadre {
    padding: 0.3rem;
    border-radius: .4rem; }
    .clavier .touche_cadre.selectionne {
      background-color: #6ec67a; }
    .clavier .touche_cadre .touche {
      background-color: white;
      border-radius: 0.3rem;
      border: 2px solid #d5d5d5;
      position: relative;
      padding: 0.4rem;
      width: 1.6rem;
      font-family: Arial Rounded MT Bold; }
      .clavier .touche_cadre .touche .image {
        aspect-ratio: 1/1;
        width: .7rem;
        position: absolute;
        top: .2rem;
        right: .1rem; }
      .clavier .touche_cadre .touche .minuscule {
        font-size: 1.2rem;
        text-align: center;
        margin-left: -0.5rem;
        margin-top: 0;
        margin-bottom: 0.3rem; }
      .clavier .touche_cadre .touche .majuscule {
        text-align: right;
        font-size: .7rem;
        position: absolute;
        bottom: .1rem;
        right: .2rem; }
  @media only screen and (min-width: 1160px) {
    .clavier {
      padding-right: 3rem;
      max-width: 850px; }
      .clavier .touche_cadre .touche {
        width: 3.5rem;
        height: 3.5rem; }
        .clavier .touche_cadre .touche .image {
          width: 1.2rem; }
        .clavier .touche_cadre .touche .minuscule {
          font-size: 2.5rem;
          margin-top: 0.1rem; }
        .clavier .touche_cadre .touche .majuscule {
          font-size: 1rem; } }
  @media only screen and (max-width: 665px) {
    .clavier {
      max-width: 350px;
      padding-left: unset;
      gap: 0; }
      .clavier .touche_cadre {
        padding: .3rem; }
        .clavier .touche_cadre .touche {
          width: 1rem;
          border-width: .05rem;
          border-radius: .2rem; }
          .clavier .touche_cadre .touche .image {
            width: .5rem; }
          .clavier .touche_cadre .touche .minuscule {
            font-size: 0.9rem;
            text-align: center;
            margin-left: -0.2rem;
            margin-top: 0;
            margin-bottom: 0.3rem; }
          .clavier .touche_cadre .touche .majuscule {
            font-size: 7px; } }

.clavier_player {
  position: relative;
  background-color: white;
  margin-inline: auto;
  width: 21rem;
  height: 16rem;
  margin-block: 0.5rem;
  padding: 4rem;
  display: flex;
  justify-content: center; }
  .clavier_player .fond {
    position: absolute;
    top: 0; }
  .clavier_player img {
    height: 100%; }
  .clavier_player .image {
    height: 125%;
    margin-top: -9%; }
  .clavier_player .invite_saisie {
    position: absolute;
    bottom: 0.9rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #605a55; }
  @media only screen and (max-width: 665px) {
    .clavier_player {
      width: 13rem;
      height: 9.9rem;
      padding: 3rem; } }
  @media only screen and (max-width: 340px) {
    .clavier_player {
      width: 11rem;
      height: 8.9rem; } }

.clavier_texte {
  width: fit-content;
  margin-inline: auto;
  margin-top: 1.4rem;
  margin-bottom: 0.5rem;
  max-width: 420px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #605a55; }
  @media only screen and (max-width: 665px) {
    .clavier_texte {
      max-width: 310px; } }.clavier_editeur .barre_outils_touche {
  margin-top: 0; }
  .clavier_editeur .barre_outils_touche .champ_texte {
    max-width: 2rem;
    font-size: 0.9rem; }
  .clavier_editeur .barre_outils_touche .vignette {
    width: 2.6rem;
    height: 2.6rem;
    margin-top: -0.2rem;
    background-color: white;
    padding: 0.3rem;
    display: inline-block;
    margin-left: -0.5rem;
    cursor: pointer;
    border: 1px solid grey; }
  .clavier_editeur .barre_outils_touche .selecteur_image, .clavier_editeur .barre_outils_touche #selecteur_son_touche {
    display: none; }
  .clavier_editeur .barre_outils_touche .groupe_son {
    margin-top: -0.3rem;
    margin-left: -0.5rem; }
.clavier_editeur .touche_cadre {
  cursor: default; }
  .clavier_editeur .touche_cadre.selectionne {
    background-color: #6ec67a;
    border-radius: 1rem; }
  .clavier_editeur .touche_cadre .touche .bouton_suppression_touche {
    position: absolute;
    border-radius: 50%;
    font-size: 0.8rem;
    width: 1rem;
    text-align: center;
    top: 0.1rem;
    left: 0.1rem; }.barre_editeur {
  height: 40px;
  background-color: #f2f2f2;
  color: black;
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  z-index: 100 !important; }
  .barre_editeur.desactive {
    display: none !important; }
  .barre_editeur.sticky {
    position: fixed;
    top: 55px;
    left: 6px;
    z-index: 20; }
  .barre_editeur select {
    -webkit-appearance: env() !important;
    outline: none;
    vertical-align: super; }
    .barre_editeur select.editeur_taille_caractere {
      width: 50px; }
    .barre_editeur select.select_graphique {
      font-family: 'FontAwesome', 'sanserif'; }
  .barre_editeur input {
    outline: none; }
  .barre_editeur .bouton_barre_editeur {
    display: inline-block;
    text-align: center;
    margin-inline: 2px;
    text-align: center;
    vertical-align: bottom; }
    .barre_editeur .bouton_barre_editeur.bouton_i {
      margin-left: 0;
      padding: 6px;
      padding-top: 8px;
      width: 30px;
      margin-inline: -4px; }
    .barre_editeur .bouton_barre_editeur .zone_editeur_externe {
      float: left; }
  .barre_editeur .editeur_selecteur_couleur {
    border: transparent;
    background-color: transparent;
    width: 32px;
    height: 32px;
    margin-top: 3px;
    cursor: pointer; }
  .barre_editeur label {
    cursor: pointer;
    font-size: 11px;
    display: block;
    margin-top: 0; }

.note-editable {
  padding: unset !important;
  overflow: unset !important; }

.note-editor.note-airframe, .note-editor.note-frame {
  padding-inline: unset !important; }.contact {
  background-color: #f7f7f7;
  padding-inline: 1.5rem;
  padding-block: 1rem;
  margin-bottom: 3rem;
  border-radius: 1rem;
  font-size: 1rem;
  max-width: 900px;
  position: relative;
  margin-inline: auto;
  font-family: var(--menu_fontFamily);
  box-shadow: 1px 1px 2px #e6e6e6;
  border: 1px solid whitesmoke;
  font-family: Inter; }
  .contact .legende {
    flex-basis: 10rem;
    flex-shrink: 0.4; }
  .contact .titre_zone {
    font-size: 1.5rem;
    font-weight: bold; }
  .contact .zone_infos {
    line-height: 1.3; }
    .contact .zone_infos .tel {
      width: 10rem;
      line-height: 1.4; }
      .contact .zone_infos .tel .fa-phone {
        vertical-align: text-top; }
  .contact .zone_contact {
    margin-top: 0; }
    .contact .zone_contact .zone_1 {
      padding: 0;
      padding-top: 1rem;
      padding-bottom: 0; }
      .contact .zone_contact .zone_1 .zone_mail {
        display: flex;
        gap: 1rem; }
        .contact .zone_contact .zone_1 .zone_mail input {
          width: 100%;
          font-size: 1rem;
          padding: .5rem;
          vertical-align: middle; }
      .contact .zone_contact .zone_1 .zone_message textarea {
        margin-top: 1rem;
        width: 90%;
        height: 15rem;
        resize: none;
        font-size: 1rem;
        line-height: 1.5;
        padding: 1rem;
        outline: none;
        border-color: lightgrey; }
      .contact .zone_contact .zone_1 .zone_fichier {
        display: flex;
        margin-block: 1rem;
        align-items: center; }
        .contact .zone_contact .zone_1 .zone_fichier .legende {
          width: 6rem; }
        .contact .zone_contact .zone_1 .zone_fichier label {
          display: block;
          font-size: clamp(0.6rem, 3.1vw, 0.9rem);
          margin: 1rem;
          margin-left: 0.7rem;
          text-align: center;
          padding-inline: 1rem;
          padding-block: 0.8rem; }
        .contact .zone_contact .zone_1 .zone_fichier .bouton_suppression {
          color: #e56868;
          display: none; }
        .contact .zone_contact .zone_1 .zone_fichier .nom_fichier {
          width: 12rem;
          font-weight: bold;
          overflow: hidden;
          font-size: 0.8rem; }
    .contact .zone_contact .zone_2 {
      padding-top: 1rem;
      gap: 1.5rem; }
      .contact .zone_contact .zone_2 .consentement {
        line-height: 1.5;
        font-size: .9rem;
        margin-block: 1rem; }
      .contact .zone_contact .zone_2 .bouton_envoi {
        padding-block: 0.6rem;
        height: 1.2rem;
        font-family: Inter;
        font-size: clamp(0.6rem, 3.1vw, 0.9rem);
        padding-inline: 1.3rem; }
  .contact .badge {
    position: absolute;
    right: 2rem;
    top: 1rem; }
    .contact .badge img {
      max-width: unset;
      width: 5rem;
      margin-top: 1rem; }
  @media only screen and (min-width: 1024px) {
    .contact {
      display: flex;
      margin-bottom: 4rem;
      gap: 2rem;
      padding-inline: 2.5rem; }
      .contact .zone_contact {
        margin-top: 5rem; }
        .contact .zone_contact .zone_1 {
          padding: 2rem; }
        .contact .zone_contact .zone_2 {
          display: flex;
          padding: 2rem; }
          .contact .zone_contact .zone_2 .consentement {
            margin-block: 0; }
          .contact .zone_contact .zone_2 .bouton_envoi {
            margin-inline: unset;
            margin-top: unset;
            margin-bottom: unset; }
      .contact .zone_message {
        display: flex;
        gap: 2rem; }
        .contact .zone_message textarea {
          width: 100%;
          margin-left: 1.1rem; } }

.case_check {
  width: 1.5rem !important;
  height: 1.5rem;
  margin-top: .3rem;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  line-height: 1; }
  .case_check .zone_interne {
    display: none;
    font-weight: bold;
    color: #5fa5df;
    color: #56ab63;
    width: 1rem;
    height: 1rem;
    text-align: center; }
  .case_check.actif .zone_interne {
    display: block; }.coordonnees {
  padding: 2rem;
  padding-top: 1.5rem; }
  @media only screen and (max-width: 508px) {
    .coordonnees {
      padding: 0; } }
  .coordonnees .sous_titre {
    font-weight: bold;
    color: dimgray;
    font-size: clamp(1.1rem, 3vw, 1.3rem);
    margin-block: 2rem;
    text-align: left; }
    @media only screen and (max-width: 508px) {
      .coordonnees .sous_titre {
        display: flex; } }
    .coordonnees .sous_titre .bloc_select {
      display: inline;
      margin-inline: 1rem; }
      .coordonnees .sous_titre .bloc_select .fleche {
        font-size: 1rem; }
  .coordonnees .bouton_texte_base {
    display: inline-block;
    margin-top: 1.5rem;
    padding: .5rem;
    padding-inline: 1.5rem;
    font-size: .9rem; }
  .coordonnees table {
    font-size: 1rem;
    padding: 1.3rem;
    padding-left: 0;
    width: 100%;
    padding-right: 0; }
    @media only screen and (max-width: 508px) {
      .coordonnees table tr {
        display: flex;
        flex-direction: column;
        gap: .4rem;
        margin-block: 1rem; } }
  .coordonnees input {
    font-size: 1rem;
    padding: .4rem;
    border: 1px solid #d1d1d1;
    -webkit-appearance: none; }
  .coordonnees select {
    border-radius: 0;
    max-width: 18rem; }
  .coordonnees input {
    -webkit-appearance: none;
    font-size: 1rem;
    padding-inline: 0.5rem;
    border: 1px solid #d1d1d1;
    padding: 0.4rem;
    margin-block: 0.2rem;
    min-width: 17rem; }
  .coordonnees .bouton_rond {
    display: inline-block;
    padding: 0.7rem;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    margin-left: 1.7rem;
    border: 1px solid lightgrey; }

.grise {
  color: #a8a8a8; }
.crop_input_zoom {
  font-size: 1.3rem;
  font-weight: bold;
  width: 7rem;
  color: #12212e;
  background-color: #fcfcfc;
  border: none;
  padding: 0.4rem;
  margin-right: 2rem; }

.croppie-container {
  position: fixed;
  z-index: 21;
  z-index: 101;
  width: var(--largeur_crop) !important;
  height: var(--hauteur_crop) !important;
  top: 15%;
  left: 5%;
  box-shadow: 4px 4px 40px #9d9797;
  background-color: white;
  margin: auto;
  right: 5%; }

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none; }

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%; }

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 1px solid #000;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.29);
  z-index: 0; }

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none; }

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all; }

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: ''; }

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px; }

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px; }

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%; }

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px; }

.croppie-container .cr-original-image {
  display: none; }

.croppie-container .cr-vp-circle {
  border-radius: 50%; }

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none; }

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center; }

.croppie-result {
  position: relative;
  overflow: hidden; }

.croppie-result img {
  position: absolute; }

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  width: 98% !important;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
  position: absolute;
  bottom: -90px;
  z-index: 100;
  left: 0;
  width: 550px;
  background-color: rgba(186, 186, 186, 0.77);
  border-radius: 20px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer; }

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

.cr-slider:focus {
  outline: none; }

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px; }

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;
  /*remove default tick marks*/ }

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px; }

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5); }

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5); }

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1; }

.cr-rotate-controls button {
  border: 0;
  background: none; }

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px; }

.cr-rotate-l i:before {
  content: '↺'; }

.cr-rotate-r i:before {
  content: '↻'; }.frise_cadre {
  position: relative;
  width: 100% !important;
  overflow: hidden;
  padding: var(--frise_paddingTop) var(--frise_paddingRight) var(--frise_paddingBottom) var(--frise_paddingLeft);
  margin: var(--frise_marginTop) var(--frise_marginRight) var(--frise_marginBottom) var(--frise_marginLeft);
  background-color: var(--frise_backgroundColor);
  border-radius: 0 !important;
}
.frise_cadre .frise {
  background: url("img/bandeau.png") repeat-x;
  height: var(--frise_hauteur);
  width: 6000px;
  animation: slide var(--frise_duree) linear infinite;
  background-size: auto var(--frise_hauteur) !important;
}
@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2000px, 0, 0);
  }
}.galerie {
  margin-top: 50px; }
  .galerie .galerie_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .galerie .galerie_texte {
    margin-inline: auto;
    min-height: 2rem;
    padding: 1rem;
    max-width: var(--galerie_texte_maxWidth);
    font-family: var(--galerie_texte_fontFamily);
    color: var(--galerie_texte_color);
    background-color: var(--galerie_texte_backgroundColor);
    font-family: var(--galerie_texte_fontFamily);
    font-size: var(--galerie_texte_fontSize);
    font-weight: var(--galerie_texte_fontWeight);
    line-height: var(--galerie_texte_lineHeight);
    letter-spacing: var(--galerie_texte_letterSpacing);
    text-align: var(--galerie_texte_textAlign);
    margin-top: var(--galerie_texte_marginTop);
    margin-bottom: var(--galerie_texte_marginBottom);
    border-radius: var(--galerie_texte_borderTopRightRadius) var(--galerie_texte_borderTopRightRadius) var(--galerie_texte_borderBottomRightRadius) var(--galerie_texte_borderBottomLeftRadius); }
    @media only screen and (min-width: 1024px) {
      .galerie .galerie_texte {
        padding: var(--galerie_texte_paddingTop) var(--galerie_texte_paddingRight) var(--galerie_texte_paddingBottom) var(--galerie_texte_paddingLeft); } }
  .galerie .titre_rubrique {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.9px;
    color: var(--titre_rubrique_color);
    background-color: var(--titre_rubrique_backgroundColor);
    font-family: var(--titre_rubrique_fontFamily);
    font-size: var(--titre_rubrique_fontSize);
    font-weight: var(--titre_rubrique_fontWeight);
    line-height: var(--titre_rubrique_lineHeight);
    letter-spacing: var(--titre_rubrique_letterSpacing);
    text-align: var(--titre_rubrique_textAlign);
    padding: var(--titre_rubrique_paddingTop) var(--titre_rubrique_paddingRight) var(--titre_rubrique_paddingBottom) var(--titre_rubrique_paddingLeft);
    margin: var(--titre_rubrique_marginTop) var(--titre_rubrique_marginRight) var(--titre_rubrique_marginBottom) var(--titre_rubrique_marginLeft);
    border-radius: var(--titre_rubrique_borderTopRightRadius) var(--titre_rubrique_borderTopRightRadius) var(--titre_rubrique_borderBottomRightRadius) var(--titre_rubrique_borderBottomLeftRadius); }
    .galerie .titre_rubrique p, .galerie .titre_rubrique div {
      margin-block: .3rem; }
  .galerie .rubrique {
    margin-bottom: 80px;
    text-align: center; }
    .galerie .rubrique .barre_outils_rubrique {
      float: right;
      margin-top: -103px;
      padding: 5px;
      margin-right: -68px;
      border-radius: 8px; }
    .galerie .rubrique .blocs {
      min-height: 80px;
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
      border: 1px solid transparent; }
      .galerie .rubrique .blocs .bloc {
        min-width: 50px;
        max-width: 180px;
        margin-inline: 40x !important;
        padding: 10px;
        text-align: center; }
        .galerie .rubrique .blocs .bloc .poster {
          width: 100%;
          padding: 5px;
          margin: auto;
          object-fit: contain;
          border: 1px solid transparent;
          transition: .5s opacity; }
          .galerie .rubrique .blocs .bloc .poster.editable {
            border: 1px transparent !important; }
          .galerie .rubrique .blocs .bloc .poster.survol {
            opacity: .6; }
        .galerie .rubrique .blocs .bloc .galerie_bloc_titre {
          color: var(--galerie_bloc_titre_color);
          background-color: var(--galerie_bloc_titre_backgroundColor);
          font-family: var(--galerie_bloc_titre_fontFamily);
          font-size: var(--galerie_bloc_titre_fontSize);
          font-size: var(--galerie_bloc_titre_fontSize);
          font-weight: var(--galerie_bloc_titre_fontWeight);
          line-height: var(--galerie_bloc_titre_lineHeight);
          letter-spacing: var(--galerie_bloc_titre_letterSpacing);
          text-align: var(--galerie_bloc_titre_textAlign);
          padding: var(--galerie_bloc_titre_paddingTop) var(--galerie_bloc_titre_paddingRight) var(--galerie_bloc_titre_paddingBottom) var(--galerie_bloc_titre_paddingLeft);
          margin: var(--galerie_bloc_titre_marginTop) var(--galerie_bloc_titre_marginRight) var(--galerie_bloc_titre_marginBottom) var(--galerie_bloc_titre_marginLeft);
          border-radius: var(--galerie_bloc_titre_borderTopRightRadius) var(--galerie_bloc_titre_borderTopRightRadius) var(--galerie_bloc_titre_borderBottomRightRadius) var(--galerie_bloc_titre_borderBottomLeftRadius); }
      .galerie .rubrique .blocs .placeholder {
        background-color: #ebebeb; }
  .galerie .calque_video {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #b9b9b9ff; }
    @supports (backdrop-filter: none) or (-webkit-backdrop-filter: none) {
      .galerie .calque_video {
        background-color: #b5c4cc61;
        backdrop-filter: saturate(100%) blur(20px);
        -webkit-backdrop-filter: saturate(100%) blur(25px); } }
    .galerie .calque_video .cadre_video {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding: .5rem;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 100vh;
      align-items: center;
      justify-items: center; }
      .galerie .calque_video .cadre_video video {
        width: 100%;
        max-width: 500px; }
      .galerie .calque_video .cadre_video .boutons {
        position: absolute;
        z-index: 22;
        bottom: 20px;
        bottom: -56px;
        width: 100%;
        text-align: center; }
        .galerie .calque_video .cadre_video .boutons .bouton {
          font-size: 30px;
          font-weight: 300;
          margin-left: 50px;
          margin: auto;
          margin-left: 50px;
          display: inline-block; }.galerie .galerie_texte {
  min-height: 2rem; }
.galerie .barre_outils {
  float: right;
  margin-top: -50px;
  margin-right: -62px; }
  .galerie .barre_outils .bouton {
    font-size: 16px;
    border-radius: 50%;
    padding: 0.6rem;
    margin: .5rem;
    width: .9rem;
    height: .9rem;
    line-height: 1;
    text-align: center; }
    .galerie .barre_outils .bouton.bouton_publication {
      padding: 0;
      font-size: 2rem;
      background-color: transparent;
      width: auto;
      height: auto; }
.galerie .rubrique.mode_edition .blocs {
  margin-top: 2rem; }
.galerie .note-editor.note-airframe .note-editing-area .note-editable {
  padding: .5rem !important; }
.galerie .bouton_seo {
  top: -1rem;
  font-size: 1.3rem;
  width: 1.1rem;
  height: 1.1rem; }

#inspecteur {
  z-index: 110 !important; }

.bloc_inspecteur .cadre {
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  font-size: 13px;
  color: black;
  font-family: 'Poppins'; }
  .bloc_inspecteur .cadre .titre {
    font-size: 16px;
    margin-bottom: 20px !important; }
  .bloc_inspecteur .cadre .champ {
    margin: 8px;
    padding: 4px; }
    .bloc_inspecteur .cadre .champ.action_bloc {
      width: 230px; }
  .bloc_inspecteur .cadre p {
    margin: 6px; }
  .bloc_inspecteur .cadre select {
    outline: none; }
  .bloc_inspecteur .cadre input {
    outline: none; }
  .bloc_inspecteur .cadre .input_texte {
    min-width: intrinsic;
    margin-right: 1rem; }
  .bloc_inspecteur .cadre .zone_media {
    width: 100%;
    margin: 8px; }
    .bloc_inspecteur .cadre .zone_media video {
      width: 100%;
      max-width: 300px; }
      .bloc_inspecteur .cadre .zone_media video.survol {
        opacity: .5;
        transition: .5s all; }
    .bloc_inspecteur .cadre .zone_media .titre_media {
      text-align: center;
      margin-top: 11px;
      font-weight: bold;
      margin-right: 20px; }

.bloc_editeur {
  border: 1px solid transparent;
  position: relative; }
  .bloc_editeur .editable {
    border: 1px solid transparent !important; }
  .bloc_editeur.selectionne .barre_outils_bloc {
    opacity: 1 !important; }
  .bloc_editeur .bouton_seo {
    top: 1.5rem;
    right: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    font-size: 1rem; }
  .bloc_editeur .barre_outils_bloc {
    opacity: .3;
    background-color: none !important;
    position: absolute;
    top: 0;
    right: -2.2rem; }
    .bloc_editeur .barre_outils_bloc .bouton {
      font-size: 1rem;
      margin-block: 0.5rem;
      padding: 0.4rem;
      border-radius: 50%;
      width: 1rem;
      height: 1rem;
      line-height: 1; }
      .bloc_editeur .barre_outils_bloc .bouton.bouton_publication {
        padding: 0;
        font-size: 1.8rem;
        background-color: transparent;
        width: auto;
        height: auto; }
    .bloc_editeur .barre_outils_bloc .bouton_video.non_vide {
      color: #749feb; }#inspecteur {
  position: absolute;
  top: 180px;
  right: 20px;
  width: 250px;
  height: 400px; }
  #inspecteur .cadre {
    padding: 8px;
    background-color: #f7f7f7;
    font-size: 13px; }
    #inspecteur .cadre .champ {
      margin: 8px;
      padding: 4px; }
      #inspecteur .cadre .champ.action_bloc {
        width: 230px; }
    #inspecteur .cadre p {
      margin: 6px; }
    #inspecteur .cadre select {
      outline: none; }
    #inspecteur .cadre input {
      outline: none; }
    #inspecteur .cadre .zone_media {
      width: 100%;
      margin: 8px; }
      #inspecteur .cadre .zone_media video {
        width: 100%;
        max-width: 300px; }
        #inspecteur .cadre .zone_media video.survol {
          opacity: .5;
          transition: .5s all; }.les_plus {
  max-width: 1080px;
  color: var(--blog_billet_color);
  background-color: var(--blog_billet_backgroundColor);
  font-family: var(--blog_billet_fontFamily);
  font-size: var(--blog_billet_fontSize);
  font-weight: var(--blog_billet_fontWeight);
  line-height: var(--blog_billet_lineHeight);
  letter-spacing: var(--blog_billet_letterSpacing);
  text-align: var(--blog_billet_textAlign);
  border-radius: var(--blog_billet_borderTopLeftRadius) var(--blog_billet_borderTopRightRadius) var(--blog_billet_borderBottomRightRadius) var(--blog_billet_borderBottomLeftRadius);
  margin: var(--blog_billet_marginTop) var(--blog_billet_marginRight) var(--blog_billet_marginBottom) var(--blog_billet_marginLeft);
  margin-inline: auto;
  margin-bottom: 2rem;
  margin-top: 1rem;
  padding: 1.4rem !important; }
  .les_plus .titre_page {
    margin-top: 0 !important; }
  @media only screen and (min-width: 1024px) {
    .les_plus {
      padding: var(--blog_billet_paddingTop) var(--blog_billet_paddingRight) var(--blog_billet_paddingBottom) var(--blog_billet_paddingLeft) !important; } }
  .les_plus .les_plus_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .les_plus a {
    color: steelblue !important; }
  .les_plus .les_plus_article {
    color: var(--blog_billet_texte_color);
    background-color: var(--blog_billet_texte_backgroundColor);
    font-family: var(--blog_billet_texte_fontFamily);
    font-size: var(--blog_billet_texte_fontSize);
    font-weight: var(--blog_billet_texte_fontWeight);
    line-height: var(--blog_billet_texte_lineHeight);
    letter-spacing: var(--blog_billet_texte_letterSpacing);
    text-align: var(--blog_billet_texte_textAlign);
    margin: var(--blog_billet_texte_marginTop) var(--blog_billet_texte_marginRight) var(--blog_billet_texte_marginBottom) var(--blog_billet_texte_marginLeft);
    border-radius: var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderBottomRightRadius) var(--blog_billet_texte_borderBottomLeftRadius);
    padding: 0 !important;
    width: 100%; }.les_plus .note-editor.note-airframe, .les_plus .note-editor.note-frame {
  border: none !important;
  box-shadow: 0px 0px 0px 1px lightgrey !important; }
  .les_plus .note-editor.note-airframe .note-editable, .les_plus .note-editor.note-frame .note-editable {
    padding: .5rem !important; }.login {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  .login .login_zone {
    padding-inline: 2rem;
    padding-block: 1rem;
    line-height: 2.4;
    border-radius: 1rem;
    height: fit-content;
    border: 1px solid #ececec; }
    .login .login_zone .titre {
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 1.3rem;
      color: color(srgb 0.2373 0.6139 0.2685); }
    .login .login_zone .bouton_ovale {
      border-radius: 0;
      padding-inline: 1.1rem;
      padding-block: 0.8rem;
      width: fit-content; }
    .login .login_zone label {
      display: block;
      font-weight: bold; }
    .login .login_zone input {
      font-size: 1rem;
      padding: .5rem;
      width: 12rem;
      vertical-align: middle; }
    .login .login_zone .bouton_voir_mdp {
      margin-left: 1rem; }
      .login .login_zone .bouton_voir_mdp.actif {
        color: green; }
    .login .login_zone .bouton_mdp_oublie {
      text-align: right;
      width: 100%; }
      .login .login_zone .bouton_mdp_oublie b {
        font-size: .9rem; }
    @media only screen and (min-width: 1025px) {
      .login .login_zone {
        padding: 1.1rem; }
        .login .login_zone label {
          width: 7.9rem;
          display: inline-block;
          line-height: 1.3;
          vertical-align: middle;
          text-align: right;
          margin-right: 0.5rem; } }

.accounts-dialog {
  padding: 2rem;
  background-color: #f7f7f7; }.mentions_legales {
  padding: 2rem; }
  .mentions_legales .titre_page {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }.mentions_legales .note-editor {
  padding: 1rem; }.mon_compte {
  margin: auto;
  margin-top: 20px;
  text-align: center;
  background-color: #f9f9f9;
  padding: 3rem;
  padding-top: 2.5rem;
  padding-bottom: 0;
  margin-bottom: 2rem;
  border-radius: 1rem;
  box-shadow: 1px 1px 2px #e6e6e6;
  border: 1px solid whitesmoke;
  max-width: 1080px;
  font-family: Inter;
  color: black; }
  .mon_compte .affichage_flex_admin {
    display: none !important; }
  .mon_compte .affichage_flex_client {
    display: flex !important; }
  @media only screen and (max-width: 650px) {
    .mon_compte {
      padding-bottom: 0;
      padding: 1rem;
      padding-top: 2rem; } }
  .mon_compte .titre_page {
    margin-bottom: 1rem;
    margin-top: 0;
    color: #5a5a5a;
    margin-bottom: 3rem;
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: clamp(2.5rem, 3vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .mon_compte .boutons_onglets {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 790px) {
      .mon_compte .boutons_onglets {
        justify-content: left; } }
    .mon_compte .boutons_onglets .bouton_onglet {
      display: inline-block;
      padding: 1rem;
      font-weight: 600;
      color: #4f4f4f;
      font-size: 1rem;
      transition: .4s all; }
      .mon_compte .boutons_onglets .bouton_onglet.selectionne {
        background-color: var(--blog_billet_titre_color);
        color: white;
        border-radius: 1rem;
        box-shadow: 1px -1px 1px lightgrey; }
        @media only screen and (min-width: 1200px) {
          .mon_compte .boutons_onglets .bouton_onglet.selectionne {
            border-radius: unset;
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem; } }
  .mon_compte .onglet {
    padding: 1rem;
    text-align: left;
    background-color: white;
    display: none;
    position: relative; }
    .mon_compte .onglet.selectionne {
      display: block;
      border: 1px solid #ecebeb;
      overflow: scroll; }
    .mon_compte .onglet .coordonnees {
      padding-top: 0; }
    .mon_compte .onglet#infos_base .champs {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .mon_compte .onglet#infos_base .champs .tableau_infos_base tr {
        line-height: 2.5; }
      .mon_compte .onglet#infos_base .champs .tableau_infos_base td {
        padding-inline: .5rem; }
        .mon_compte .onglet#infos_base .champs .tableau_infos_base td.label {
          text-align: right; }
      @media only screen and (max-width: 508px) {
        .mon_compte .onglet#infos_base .champs .tableau_infos_base {
          display: flex;
          flex-direction: column; } }
      @media only screen and (max-width: 508px) {
        .mon_compte .onglet#infos_base .champs {
          display: block;
          margin-top: 0;
          padding-left: 0; }
          .mon_compte .onglet#infos_base .champs .tableau_infos_base tr {
            line-height: 1.5; }
          .mon_compte .onglet#infos_base .champs .tableau_infos_base td {
            padding-inline: 0.2rem;
            padding-right: .5rem;
            padding-block: 1rem;
            border-bottom: 1px solid lightgrey; } }
    .mon_compte .onglet#infos_base .photo_user {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .mon_compte .onglet#mes_packs {
      text-align: left;
      padding-inline: 1.5rem; }
      .mon_compte .onglet#mes_packs .bouton_texte_standard {
        font-size: .9rem;
        padding-inline: 1.5rem; }
      .mon_compte .onglet#mes_packs .pack_collectif {
        display: flex;
        justify-content: center;
        line-height: 1.8rem; }
        .mon_compte .onglet#mes_packs .pack_collectif ul {
          padding-left: 0; }
          .mon_compte .onglet#mes_packs .pack_collectif ul li .nombre_codes {
            font-weight: bold;
            width: 2rem;
            display: inline-block; }
          .mon_compte .onglet#mes_packs .pack_collectif ul li .bouton_acheter_tickets {
            margin-block: 1.3rem;
            display: block;
            font-size: .9rem;
            padding-block: 0.2rem; }
        .mon_compte .onglet#mes_packs .pack_collectif .liste_codes_dispos {
          font-size: .9rem;
          border: 1px solid lightgrey;
          border-collapse: collapse; }
          .mon_compte .onglet#mes_packs .pack_collectif .liste_codes_dispos th {
            color: white;
            background-color: grey;
            text-align: center;
            padding: .5rem;
            border-collapse: collapse; }
          .mon_compte .onglet#mes_packs .pack_collectif .liste_codes_dispos td {
            padding: .5rem;
            border: 1px solid lightgrey;
            border-collapse: collapse; }
            .mon_compte .onglet#mes_packs .pack_collectif .liste_codes_dispos td.reserve {
              text-align: center;
              padding: 0;
              font-size: 1rem; }
              .mon_compte .onglet#mes_packs .pack_collectif .liste_codes_dispos td.reserve label {
                display: block;
                width: 100%;
                height: 100%; }
    .mon_compte .onglet#mes_livres_interactifs .liste_cogibooks {
      padding-left: 0; }
      .mon_compte .onglet#mes_livres_interactifs .liste_cogibooks .ligne_cogibook {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
        justify-content: center; }
        .mon_compte .onglet#mes_livres_interactifs .liste_cogibooks .ligne_cogibook .produit_nom {
          max-width: 14rem;
          text-align: center; }
        .mon_compte .onglet#mes_livres_interactifs .liste_cogibooks .ligne_cogibook .produit_icone {
          width: 6rem;
          margin-right: 1rem;
          vertical-align: middle;
          border-radius: 0.2rem;
          box-shadow: 2px 2px 2px #e0e0e0; }
        .mon_compte .onglet#mes_livres_interactifs .liste_cogibooks .ligne_cogibook .bouton_lire_cogibook {
          margin-inline: 1rem;
          padding-inline: 1.8rem; }
  .mon_compte .champs {
    margin-top: 20px;
    text-align: left;
    padding-left: 21px; }
    .mon_compte .champs .editable, .mon_compte .champs .note-editor {
      border: 1px solid lightgrey;
      min-height: 24px;
      padding: 8px;
      background-color: white; }
    .mon_compte .champs .note-editor {
      border-top: none; }
    .mon_compte .champs .barre_editeur {
      background-color: var(--couleur_fond_barres);
      margin-bottom: 0;
      height: auto;
      border-radius: 10px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .mon_compte .champs .barre_editeur .bouton {
        margin-top: unset; }
    .mon_compte .champs .titre {
      font-weight: 700;
      margin-block: 20px; }
    .mon_compte .champs .champ {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .mon_compte .champs .photo_user {
      margin-block: 60px;
      width: 170px; }
      .mon_compte .champs .photo_user img {
        border-radius: 50%;
        box-shadow: 1px 1px 2px lightgrey;
        border: 1px solid #f0eded;
        width: 180px;
        height: 180px; }
        .mon_compte .champs .photo_user img.survol {
          opacity: .5; }
      .mon_compte .champs .photo_user .legende {
        margin: auto;
        text-align: center;
        margin-top: 20px;
        width: 180px;
        font-size: 15px;
        font-style: italic; }
      .mon_compte .champs .photo_user #selecteur_image_profil {
        display: none; }
  .mon_compte .boutons_bas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-block: 2rem; }
    .mon_compte .boutons_bas .bouton_ovale {
      font-size: 0.9rem;
      font-weight: bold;
      padding-block: 1rem; }
      @media only screen and (max-width: 800px) {
        .mon_compte .boutons_bas .bouton_ovale {
          margin: auto;
          margin-block: .5rem; } }
      .mon_compte .boutons_bas .bouton_ovale.bouton_suppression_compte {
        background-color: #e7e7e7;
        color: #d76641; }
      .mon_compte .boutons_bas .bouton_ovale.bouton_deconnexion {
        background-color: #e56868;
        color: whitesmoke; }
  .mon_compte .ligne_commande .statut_commande {
    display: none; }

.creer_mon_compte {
  text-align: center;
  background-color: white;
  padding: 2rem;
  padding-inline: 3rem;
  padding-top: 0;
  border-radius: 1rem; }
  @media only screen and (max-width: 414px) {
    .creer_mon_compte {
      padding: unset;
      padding-inline: unset;
      padding-bottom: 1rem; } }
  .creer_mon_compte .titre_page {
    color: var(--titre_1_color);
    font-size: clamp(2rem, 2.4vw, 3rem);
    font-weight: bold;
    font-weight: 600;
    letter-spacing: -0.1rem; }
  .creer_mon_compte .champs {
    margin: auto;
    text-align: left;
    max-width: 300px;
    margin-top: 3rem;
    padding-left: 6rem; }
    @media only screen and (max-width: 414px) {
      .creer_mon_compte .champs {
        padding-left: 3rem; } }
    .creer_mon_compte .champs li {
      margin-block: 1rem; }
      .creer_mon_compte .champs li label {
        display: inline-block;
        font-size: 1rem;
        margin-bottom: .4rem; }
      .creer_mon_compte .champs li input {
        padding: .3rem;
        font-size: 1rem; }
      .creer_mon_compte .champs li #bouton_montrer_mdp {
        color: lightgrey;
        margin-inline: 0.5rem;
        font-size: 1.2rem;
        vertical-align: middle; }
        .creer_mon_compte .champs li #bouton_montrer_mdp.actif {
          color: var(--couleur_texte_base); }
  .creer_mon_compte #bouton_validation {
    background-color: steelblue;
    color: whitesmoke;
    text-align: center;
    padding: 10px;
    width: 180px;
    margin: auto;
    margin-bottom: .7rem;
    margin-top: 1rem;
    border-radius: 2rem; }

.ui-widget-content {
  border: none !important;
  background-color: #e5f8ff !important; }

.ui-dialog .ui-dialog-buttonpane button {
  margin-left: .5rem !important; }

.dialogue_change_id_public {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

#nouvel_id_public {
  width: 100%; }

#ancien_mdp, #nouveau_mdp {
  width: 100%; }.nav {
  width: 100%;
  overflow: hidden;
  padding-top: .3rem;
  height: fit-content;
  background-color: var(--menu_backgroundColor);
  border-bottom: 1px solid lightgrey;
  position: sticky;
  top: 0;
  z-index: 100;
  margin-top: -2rem;
  min-height: 4.2rem; }
  .nav .nav-header {
    display: inline; }
    .nav .nav-header .zone_logo {
      position: absolute;
      padding-left: 1rem !important;
      width: clamp(10rem, 11.6vw, 11.8rem); }
    .nav .nav-header .nav-title {
      display: inline-block;
      font-size: 22px;
      color: var(--menu_color);
      padding: 10px 10px 10px 10px;
      font-family: var(--menu_fontFamily);
      letter-spacing: var(--menu_letterSpacing);
      font-size: var(--menu_fontSize);
      font-weight: var(--menu_fontWeight); }
  .nav .bouton_hamburger {
    display: none;
    transition: .3s opacity; }
    .nav .bouton_hamburger:active {
      opacity: .3; }
  .nav .boutons_admin_mobile {
    position: absolute;
    right: 4rem;
    margin-top: 1.5rem;
    display: none; }
  .nav .bouton_menu_user img, .nav .bouton_menu_user i {
    border-radius: 50%;
    width: 2rem;
    vertical-align: text-top;
    margin-right: 0.3rem;
    height: 2rem;
    border: 1px solid #dfdfdf;
    padding: 0.3rem;
    background-color: white;
    margin-top: -0.7rem;
    text-align: center;
    line-height: 2rem;
    color: var(--menu_color); }
  .nav .bouton_menu_user.menu_mode_edition.actif i {
    color: white;
    background-color: #50ac9c; }
  .nav .bouton_menu_user.menu_mode_edition.actif.flottante i {
    color: white;
    background-color: #5fa5df; }
  .nav #bouton_menu_admin.actif i {
    background-color: #5fa5df;
    color: white; }
  .nav #bouton_menu_admin_flottante.actif i {
    background-color: #50ac9c;
    color: white; }
  .nav .nav-links {
    display: inline;
    float: right;
    padding-top: 0.5rem;
    padding-right: 0.9rem;
    margin-left: 12.8rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    .nav .nav-links a {
      display: inline-block;
      padding-block: clamp(0.6rem, 2vw, 0.8rem);
      padding-inline: clamp(0px, 0.5vw, 20px);
      text-decoration: none;
      color: var(--menu_color);
      font-family: var(--menu_fontFamily);
      letter-spacing: var(--menu_letterSpacing);
      text-underline-offset: 9px;
      font-size: clamp(1rem, 1.25vw, 1.2rem);
      font-weight: var(--menu_fontWeight);
      transition: .4s opacity;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
      .nav .nav-links a:active {
        opacity: .6;
        color: var(--titre_1_color); }
      .nav .nav-links a.menu_actif {
        text-decoration: underline; }
      .nav .nav-links a.bouton_menu_user img, .nav .nav-links a.bouton_menu_user i {
        width: 2rem;
        height: 2rem;
        line-height: 2rem; }
      .nav .nav-links a.bouton_menu_mon_compte {
        padding-left: 0; }
      .nav .nav-links a.bouton_menu_image_profil {
        padding-right: 0; }
      .nav .nav-links a .nombre_articles {
        color: #5fa5df; }
  .nav #nav-check {
    display: none; }
  .nav .icone_rallye {
    width: 5rem;
    vertical-align: -1rem;
    border-bottom: 2px solid transparent; }
  .nav #menu_rallye_phono.menu_actif img {
    border-bottom: 2px solid black; }

@media (max-width: 737px) {
  .nav {
    min-height: unset;
    height: 4rem;
    overflow: visible; }
    .nav .bouton_hamburger {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 22px;
      cursor: pointer; }
      .nav .bouton_hamburger span {
        display: block;
        width: 25px;
        height: 10px;
        border-top: 2px solid var(--menu_color); }
    .nav .boutons_admin_mobile {
      display: block; }
      .nav .boutons_admin_mobile img, .nav .boutons_admin_mobile i {
        width: 1.3rem;
        height: 1.3rem;
        line-height: 1.3rem;
        font-size: 0.9rem; }
    .nav .nav-links {
      width: 15rem;
      padding-top: 0;
      background-color: var(--menu_backgroundColor);
      overflow-y: hidden;
      position: absolute;
      top: 4.4rem;
      right: 0;
      margin-left: 0;
      transition: .3s all;
      left: 100%; }
      .nav .nav-links.actif {
        max-height: calc(100vh - 4.6rem);
        left: calc(100% - 12rem);
        overflow-y: auto;
        box-shadow: -2px 2px 2px #e2e2e2b5; }
      .nav .nav-links .bouton_menu_user {
        display: none; }
      .nav .nav-links a {
        display: block;
        padding-inline: 1rem; }
        .nav .nav-links a.bouton_menu_mon_compte {
          padding-left: 1rem; } }
@media (max-width: 360px) {
  .boutons_admin_mobile {
    display: none !important; } }.page {
  max-width: var(--page_maxWidth);
  color: var(--page_color);
  background-color: var(--page_backgroundColor);
  font-family: var(--page_fontFamily);
  font-size: 1rem;
  font-weight: var(--page_fontWeight);
  line-height: var(--page_lineHeight);
  letter-spacing: var(--page_letterSpacing);
  text-align: var(--page_textAlign);
  border-radius: var(--page_borderTopLeftRadius) var(--page_borderTopRightRadius) var(--page_borderBottomRightRadius) var(--page_borderBottomLeftRadius);
  padding: .5rem;
  margin-top: var(--page_marginTop);
  margin-bottom: var(--page_marginBottom);
  margin-inline: auto; }
  @media only screen and (min-width: 1024px) {
    .page {
      padding-top: var(--page_paddingTop) !important;
      padding-right: var(--page_paddingRight) !important;
      padding-bottom: var(--page_paddingBottom) !important;
      padding-left: var(--page_paddingLeft) !important;
      font-size: var(--page_fontSize); } }
  .page .page_titre {
    color: var(--page_titre_color);
    background-color: var(--page_titre_backgroundColor);
    font-family: var(--page_titre_fontFamily);
    font-size: clamp(2rem, 6vw, var(--page_titre_fontSize));
    font-weight: var(--page_titre_fontWeight);
    line-height: var(--page_titre_lineHeight);
    letter-spacing: var(--page_titre_letterSpacing);
    text-align: center;
    padding-top: var(--page_titre_paddingTop);
    padding-right: var(--page_titre_paddingRight);
    padding-bottom: var(--page_titre_paddingBottom);
    padding-left: var(--page_titre_paddingLeft);
    margin-top: var(--page_titre_marginTop);
    margin-bottom: var(--page_titre_marginBottom);
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--page_titre_borderTopRightRadius) var(--page_titre_borderTopRightRadius) var(--page_titre_borderBottomRightRadius) var(--page_titre_borderBottomLeftRadius); }
    .page .page_titre p {
      line-height: 1 !important; }
  .page a {
    color: steelblue !important; }
  .page .page_article {
    color: var(--page_texte_color);
    background-color: var(--page_texte_backgroundColor);
    font-family: var(--page_texte_fontFamily);
    font-size: var(--page_texte_fontSize);
    font-weight: var(--page_texte_fontWeight);
    line-height: var(--page_texte_lineHeight);
    letter-spacing: var(--page_texte_letterSpacing);
    text-align: var(--page_texte_textAlign);
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--page_texte_marginTop);
    margin-bottom: var(--page_texte_marginBottom);
    border-radius: var(--page_texte_borderTopRightRadius) var(--page_texte_borderTopRightRadius) var(--page_texte_borderBottomRightRadius) var(--page_texte_borderBottomLeftRadius);
    padding: 0 !important;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .page .page_article {
        padding-top: var(--page_texte_paddingTop) !important;
        padding-right: var(--page_texte_paddingRight) !important;
        padding-bottom: var(--page_texte_paddingBottom) !important;
        padding-left: var(--page_texte_paddingLeft) !important; } }
    .page .page_article p {
      line-height: 1 !important; }
  .page .console_mdp {
    font-size: 1.5rem;
    text-align: center; }
    .page .console_mdp input {
      font-size: 1.5rem;
      padding: .6rem; }
  .page .message_acces_non_autorise {
    max-width: 34rem;
    margin: auto;
    margin-top: 15%;
    font-size: 1.2rem; }
  .page .ouvre_image {
    cursor: pointer;
    transition: transform 500ms ease-in-out; }
    .page .ouvre_image:hover {
      transform: scale(1.03); }
    .page .ouvre_image:active {
      opacity: .7; }
  .page .cogibook {
    border: none;
    width: 100%;
    aspect-ratio: 16/9.24;
    border-radius: .5rem;
    box-shadow: 2px 2px 4px #e7e7e7; }
  .page .message_installation {
    font-size: 1.6rem;
    margin-block: 7rem;
    max-width: 29rem;
    background-color: aliceblue;
    padding: 3rem;
    border: 4px solid white;
    box-shadow: 2px 2px 4px #dedede;
    font-weight: bold;
    margin-inline: auto;
    text-align: center;
    border-radius: 1rem; }
  .page .bouton_lancer_cogibook {
    font-weight: bold;
    margin: auto;
    text-align: center;
    margin-block: 2rem;
    margin-bottom: 0; }.note-editable {
  padding: .5rem !important; }.panier {
  text-align: center;
  padding: 2rem;
  padding-top: 1.5rem;
  border-radius: 1rem;
  margin: .5rem;
  color: black;
  background-color: white;
  font-family: Inter; }
  .panier .titre_page {
    margin-top: 30px; }
  .panier .panier_vide {
    font-size: 1.45rem;
    text-align: center;
    margin: auto;
    color: grey; }
  .panier .selections {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px; }
    .panier .selections .panier_selection {
      max-width: 15rem;
      border: 1px solid #e6e6e6;
      padding: 1.5rem;
      border-radius: var(--cartouches_arrondi);
      text-align: left;
      /* box-shadow: 1px 1px 2px rgb(247, 247, 247); */
      background-color: #f4f4f4; }
      .panier .selections .panier_selection .poster img {
        width: 15rem;
        height: 11.25rem; }
      .panier .selections .panier_selection .nom {
        font-size: 1.1rem;
        font-weight: bold;
        margin-block: 1rem;
        min-height: 4rem; }
      .panier .selections .panier_selection .prix_ht {
        margin-block: 1rem; }
      .panier .selections .panier_selection .bouton_suppression {
        float: right; }
        .panier .selections .panier_selection .bouton_suppression i {
          vertical-align: middle; }
    .panier .selections .quantite {
      font-size: 16px;
      width: 3.5rem;
      padding-inline: 0.5rem;
      font-weight: bold; }
  @media only screen and (min-width: 767px) {
    .panier {
      margin: unset; } }

.zone_commande {
  border: 1px solid #e6e6e6;
  background-color: white;
  padding: 2rem;
  text-align: left;
  margin-inline: auto;
  max-width: 30rem;
  border-radius: 1rem;
  color: black; }
  .zone_commande .info_produits_physiques {
    padding-block: 1rem; }
  .zone_commande .liste_formules_livraison {
    padding: 0; }
    .zone_commande .liste_formules_livraison li {
      margin-block: 2rem;
      min-height: 6rem;
      background-color: whitesmoke;
      padding: 1rem;
      display: grid;
      grid-auto-flow: column;
      gap: 1rem; }
      .zone_commande .liste_formules_livraison li .zone_gauche div {
        margin-bottom: .8rem; }
        .zone_commande .liste_formules_livraison li .zone_gauche div.nom {
          font-size: 1.1rem;
          color: grey;
          font-weight: bold; }
      .zone_commande .liste_formules_livraison li img {
        width: 5rem;
        border-radius: .7rem;
        float: right; }
  .zone_commande .formule_choisie {
    padding: 1rem;
    background-color: whitesmoke; }
    .zone_commande .formule_choisie div {
      margin-block: .5rem; }
      .zone_commande .formule_choisie div.bouton_change_formule {
        margin-top: 0.8rem; }
  .zone_commande .total_ttc_hors_livraison {
    font-size: 1.1rem; }
  .zone_commande .total_livraison_comprise {
    padding-block: 1rem;
    font-size: 1.1rem; }
  .zone_commande .bouton_passer_livraison, .zone_commande .bouton_payer {
    font-size: 1.2rem;
    background-color: #5fa5df;
    border: none;
    padding-inline: 2rem;
    color: white;
    padding-block: 0.5rem;
    margin-top: 1rem; }
    .zone_commande .bouton_passer_livraison.inactif, .zone_commande .bouton_payer.inactif {
      background-color: #f6f6f6ff !important; }
  .zone_commande .div_check_cgv {
    padding-block: 1rem;
    font-size: 1.1rem;
    text-indent: -1.3rem;
    margin-left: 1.3rem;
    line-height: 1.3; }
    .zone_commande .div_check_cgv input {
      vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .zone_commande {
      max-width: unset;
      margin: 1rem; } }

.fildariane {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  text-align: left;
  color: grey;
  background-color: white;
  width: 100%;
  position: relative; }
  .fildariane .bouton, .fildariane .separateur {
    display: inline;
    letter-spacing: -.5px;
    margin-right: 1rem; }
    .fildariane .bouton.inactif, .fildariane .separateur.inactif {
      font-weight: unset;
      color: #444444 !important; }
  .fildariane .bouton_passer_livraison, .fildariane .bouton_payer {
    font-size: 1.2rem;
    background-color: #5fa5df;
    border: none;
    padding-inline: 2rem;
    color: white;
    padding-block: 0.5rem;
    margin-top: -0.3rem;
    float: right;
    margin-right: -.7rem; }.partage {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: var(--hauteur_barre_menu);
  width: fit-content;
  background-color: #f6f6f6;
  padding-inline: 1rem;
  padding-bottom: .5rem;
  border-radius: 0.5rem;
  border: 1px solid #e7e7e7;
  box-shadow: 1px 1px 0 #dfdfdf;
  margin-inline: auto; }
  .partage .titre {
    margin-top: 1rem;
    font-weight: bold;
    color: dimgray;
    text-align: center; }
  .partage .destinations {
    font-size: 2rem;
    text-align: center;
    margin-top: .5rem; }
    .partage .destinations a {
      display: inline-block;
      padding: .2rem;
      color: dimgray; }
    .partage .destinations .fa-square-facebook {
      color: #1a74e5; }
    .partage .destinations .fa-square-twitter {
      color: #1d9bf0; }
    .partage .destinations .fa-square-pinterest {
      color: #ff3635; }
    .partage .destinations .fa-square-whatsapp {
      color: #4ac857; }
    .partage .destinations .fa-linkedin {
      color: color(srgb 0.0447 0.3983 0.7623); }
  @media only screen and (min-width: 1025px) {
    .partage {
      float: right; } }.presentation {
  max-width: 1080px;
  color: var(--blog_billet_color);
  background-color: var(--blog_billet_backgroundColor);
  font-family: var(--blog_billet_fontFamily);
  font-size: var(--blog_billet_fontSize);
  font-weight: var(--blog_billet_fontWeight);
  line-height: var(--blog_billet_lineHeight);
  letter-spacing: var(--blog_billet_letterSpacing);
  text-align: var(--blog_billet_textAlign);
  border-radius: var(--blog_billet_borderTopLeftRadius) var(--blog_billet_borderTopRightRadius) var(--blog_billet_borderBottomRightRadius) var(--blog_billet_borderBottomLeftRadius);
  margin: var(--blog_billet_marginTop) var(--blog_billet_marginRight) var(--blog_billet_marginBottom) var(--blog_billet_marginLeft);
  margin-inline: auto;
  padding: .8rem !important; }
  .presentation .titre_page {
    margin-top: 0 !important;
    text-align: center !important; }
  @media only screen and (min-width: 1024px) {
    .presentation {
      padding: var(--blog_billet_paddingTop) var(--blog_billet_paddingRight) var(--blog_billet_paddingBottom) var(--blog_billet_paddingLeft) !important; } }
  .presentation .presentation_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .presentation a {
    color: steelblue !important; }
  .presentation .presentation_article {
    color: var(--blog_billet_texte_color);
    background-color: var(--blog_billet_texte_backgroundColor);
    font-family: var(--blog_billet_texte_fontFamily);
    font-size: var(--blog_billet_texte_fontSize);
    font-weight: var(--blog_billet_texte_fontWeight);
    line-height: var(--blog_billet_texte_lineHeight);
    letter-spacing: var(--blog_billet_texte_letterSpacing);
    text-align: var(--blog_billet_texte_textAlign);
    padding: 0;
    margin: var(--blog_billet_texte_marginTop) var(--blog_billet_texte_marginRight) var(--blog_billet_texte_marginBottom) var(--blog_billet_texte_marginLeft);
    border-radius: var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderBottomRightRadius) var(--blog_billet_texte_borderBottomLeftRadius); }.presentation .note-editor.note-airframe, .presentation .note-editor.note-frame {
  border: none !important;
  box-shadow: 0px 0px 0px 1px lightgrey !important; }
  .presentation .note-editor.note-airframe .note-editable, .presentation .note-editor.note-frame .note-editable {
    padding: .5rem !important; }

.note-editor.note-airframe, .note-editor.note-frame {
  border: none !important;
  box-shadow: 0px 0px 0px 1px lightgrey !important; }.produit {
  max-width: 1200px;
  border: 1px solid #e8e8e8;
  padding-inline: 20px;
  border-radius: 24px;
  box-shadow: 1px 1px 2px #e7e7e7;
  background-color: white;
  color: black;
  margin-bottom: 3rem; }
  .produit .ligne_entete {
    color: var(--blog_billet_titre_color);
    padding-top: 1.4rem;
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    font-weight: 400; }
  .produit .ligne_1 {
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 20px; }
    .produit .ligne_1 .colonne_2 {
      position: relative; }
      .produit .ligne_1 .colonne_2 .tableau_1 {
        margin-top: 20px; }
      .produit .ligne_1 .colonne_2 .bouton_ajoute_panier {
        background-color: #5fa5df;
        color: white;
        padding: 1rem;
        white-space: nowrap;
        text-align: center;
        font-size: 1rem;
        border-radius: 3rem;
        padding-inline: 1.5rem; }
  .produit .champ_code_activation {
    padding: 0.7rem;
    font-size: 1.1rem;
    width: 10.2rem;
    text-align: center;
    font-weight: bold; }
  .produit .champ {
    border: 1px solid transparent;
    margin-top: 20px;
    margin-bottom: 20px; }
    .produit .champ a {
      color: steelblue !important;
      font-weight: bold; }
    .produit .champ.poster {
      overflow: hidden; }
      .produit .champ.poster img {
        width: 100%;
        object-fit: cover; }
    .produit .champ.titre {
      font-size: 40px;
      font-weight: 600;
      color: var(--couleur_page_titre);
      margin-top: 30px;
      margin-bottom: 30px; }
    .produit .champ.nom {
      font-size: 26px;
      font-weight: 600;
      padding-top: 13px;
      margin-top: 4px; }
    .produit .champ.resume {
      color: var(--couleur_texte_base); }
    .produit .champ.texte {
      color: var(--couleur_texte_base);
      line-height: 1.5; }
    .produit .champ.survol {
      border-color: red !important;
      opacity: .5 !important; }
  .produit .images_vignettes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
    padding: .2rem; }
    .produit .images_vignettes img {
      border: 1px solid grey;
      width: 7rem;
      height: 5rem;
      object-fit: contain;
      float: left;
      margin-right: 1rem;
      margin-bottom: 1rem; }
      .produit .images_vignettes img.actif {
        border-color: white;
        box-shadow: 3px 3px 1px #67bcd5, -3px -3px 1px #67bcd5, 3px -3px 1px #67bcd5, -3px 3px 1px #67bcd5; }
    @media only screen and (min-width: 767px) {
      .produit .images_vignettes {
        justify-content: unset; }
        .produit .images_vignettes img {
          width: 5rem;
          height: 3.55rem; } }
  .produit .bouton_achat_forfait_standard {
    border: none;
    background-color: #5fa5df;
    color: white;
    padding: 0.7rem;
    border-radius: 53px;
    white-space: nowrap;
    text-align: center;
    font-size: 1rem;
    margin: auto; }
  .produit .bouton_telechargement {
    border: none;
    background-color: #5fa5df;
    color: white;
    padding: 0.5rem;
    border-radius: 53px;
    white-space: nowrap;
    text-align: center;
    font-size: 1rem;
    margin-inline: auto;
    margin-top: 1rem;
    width: 10rem; }
  .produit .bouton_lire_cogibook {
    margin-block: 1rem;
    border-radius: 0;
    padding-inline: 1.3rem;
    padding-block: 0.7rem; }
  @media only screen and (max-width: 767px) {
    .produit .ligne_1 {
      display: block; }
      .produit .ligne_1 .poster img {
        width: 100%; }
    .produit .ligne_2 {
      margin-block: 1rem; }
      .produit .ligne_2 .champ {
        margin-top: 0;
        margin-bottom: 0; } }.produit_editeur {
  font-family: "Inter";
  color: black; }
  .produit_editeur .produit {
    padding: 2rem;
    padding-top: 0rem; }
    .produit_editeur .produit .note-editing-area {
      padding: .5rem !important; }
    .produit_editeur .produit.edite {
      border: 1px solid #5fa5df; }
    .produit_editeur .produit .barre_outils {
      float: right;
      padding: .7rem;
      padding-right: 0;
      margin-right: -1.1rem;
      margin-top: -1.3rem; }
      .produit_editeur .produit .barre_outils .bouton {
        float: right;
        font-size: 1.5rem;
        margin-inline: .3rem; }
        .produit_editeur .produit .barre_outils .bouton.bouton_validation {
          color: lightgrey; }
          .produit_editeur .produit .barre_outils .bouton.bouton_validation.edite {
            color: #5fa5df; }
    .produit_editeur .produit .label {
      color: steelblue;
      white-space: nowrap;
      padding-right: 0.5rem;
      text-align: right; }
    .produit_editeur .produit select {
      font-size: 30px;
      outline: none;
      vertical-align: 2px;
      min-width: 100px;
      max-width: 15rem;
      font-size: 1rem; }
    .produit_editeur .produit input, .produit_editeur .produit textarea {
      font-size: 14px;
      padding: .3rem; }
      .produit_editeur .produit input.input_fichier, .produit_editeur .produit textarea.input_fichier {
        margin-left: 12px; }
      .produit_editeur .produit input[data-cle="ref"], .produit_editeur .produit textarea[data-cle="ref"] {
        width: 95%; }
    .produit_editeur .produit textarea {
      width: 95%;
      max-width: 15rem; }
    .produit_editeur .produit .champ_resume {
      width: 95%;
      min-height: 3rem;
      font-size: 1rem;
      padding: 0.5rem; }
    .produit_editeur .produit .champ.poster {
      position: relative;
      overflow: unset; }
      .produit_editeur .produit .champ.poster img {
        border: 1px solid lightgrey; }
        .produit_editeur .produit .champ.poster img.survol {
          border-color: green;
          opacity: .5 !important; }
      .produit_editeur .produit .champ.poster .bouton_seo {
        right: 3.3rem; }
      .produit_editeur .produit .champ.poster .bouton_suppression_image {
        position: absolute;
        top: 0.3rem;
        right: 0.5rem;
        font-size: 2.2rem;
        border-radius: 50%;
        width: 2.2rem;
        height: 2.2rem; }
        .produit_editeur .produit .champ.poster .bouton_suppression_image i {
          color: white; }
      .produit_editeur .produit .champ.poster .input_image_produit {
        display: none; }
    .produit_editeur .produit .champ.prix_ht input {
      max-width: 100px; }
    .produit_editeur .produit .champ.editable {
      border: 1px solid #c3c3c3;
      border-radius: 4px;
      padding-block: .5rem;
      min-height: 1rem; }
      .produit_editeur .produit .champ.editable.poster {
        border: none; }
    .produit_editeur .produit .ligne_2 .champ {
      padding-inline: 8px; }
    .produit_editeur .produit .note-editor {
      padding-block: .5rem; }
    .produit_editeur .produit .bouton_telechargement {
      border: none;
      background-color: #5fa5df;
      color: white;
      padding: 0.5rem;
      border-radius: 53px;
      white-space: nowrap;
      text-align: center;
      font-size: 1rem;
      margin-inline: auto;
      margin-top: 1rem;
      width: 10rem; }
    .produit_editeur .produit .nom_fichier {
      margin-block: 1rem;
      margin-left: 12px; }
    .produit_editeur .produit .bouton_affiche {
      font-size: 0.9rem;
      padding: 0.5rem;
      background-color: #5fa5df;
      color: white;
      border: none;
      margin-right: 1rem; }
    .produit_editeur .produit .tableau_tickets_cogibook {
      border: 1px solid #c6c6c6;
      border-collapse: collapse;
      font-size: 0.8rem;
      max-height: 45rem;
      overflow-y: scroll;
      display: block; }
      .produit_editeur .produit .tableau_tickets_cogibook tr {
        border-bottom: 1px solid #c6c6c6; }
        .produit_editeur .produit .tableau_tickets_cogibook tr td {
          padding: .4rem;
          border-right: 1px solid #c6c6c6; }
          .produit_editeur .produit .tableau_tickets_cogibook tr td .bouton_supprime_ticket {
            border: none;
            padding: 0.3rem;
            border-radius: 100%;
            width: 1.3rem;
            font-weight: bold;
            font-size: 0.6rem; }
  .produit_editeur .cadre_crop {
    display: none; }
  .produit_editeur .images_vignettes .image_vignette {
    border: 1px solid grey;
    margin-right: 1rem;
    margin-bottom: 1rem;
    cursor: pointer; }
    .produit_editeur .images_vignettes .image_vignette.survol {
      border: 1px solid green;
      background-color: #9f9f9f;
      opacity: .5 !important; }
    .produit_editeur .images_vignettes .image_vignette.actif {
      border-color: white;
      box-shadow: 3px 3px 1px #67bcd5, -3px -3px 1px #67bcd5, 3px -3px 1px #67bcd5, -3px 3px 1px #67bcd5; }
  .produit_editeur .images_vignettes .bouton_nouvelle_image_produit {
    width: 5rem;
    height: 3.55rem;
    border: 1px solid lightgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #b3b3b3; }
    .produit_editeur .images_vignettes .bouton_nouvelle_image_produit.survol {
      border: 1px solid green;
      background-color: #9f9f9f;
      opacity: .5 !important; }
  .produit_editeur .images_vignettes #input_nouvelle_image_produit {
    display: none; }.rallye_phono {
  color: var(--blog_billet_color);
  background-color: var(--blog_billet_backgroundColor);
  font-family: var(--blog_billet_fontFamily);
  font-size: var(--blog_billet_fontSize);
  font-weight: var(--blog_billet_fontWeight);
  line-height: var(--blog_billet_lineHeight);
  letter-spacing: var(--blog_billet_letterSpacing);
  text-align: var(--blog_billet_textAlign);
  border-radius: var(--blog_billet_borderTopLeftRadius) var(--blog_billet_borderTopRightRadius) var(--blog_billet_borderBottomRightRadius) var(--blog_billet_borderBottomLeftRadius);
  margin: var(--blog_billet_marginTop) var(--blog_billet_marginRight) var(--blog_billet_marginBottom) var(--blog_billet_marginLeft);
  margin-inline: auto;
  margin-bottom: 2rem;
  margin-top: 0rem;
  padding: .3rem !important; }
  .rallye_phono .titre_page {
    margin-top: 0 !important; }
    .rallye_phono .titre_page p {
      margin-top: -1rem !important; }
    .rallye_phono .titre_page img {
      width: 75% !important; }
  @media only screen and (min-width: 1024px) {
    .rallye_phono {
      padding: var(--blog_billet_paddingTop) var(--blog_billet_paddingRight) var(--blog_billet_paddingBottom) var(--blog_billet_paddingLeft) !important; } }
  .rallye_phono .rallye_phono_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .rallye_phono a {
    color: steelblue !important; }
  .rallye_phono .rallye_phono_article {
    color: var(--blog_billet_texte_color);
    background-color: var(--blog_billet_texte_backgroundColor);
    font-family: var(--blog_billet_texte_fontFamily);
    font-size: var(--blog_billet_texte_fontSize);
    font-weight: var(--blog_billet_texte_fontWeight);
    line-height: var(--blog_billet_texte_lineHeight);
    letter-spacing: var(--blog_billet_texte_letterSpacing);
    text-align: var(--blog_billet_texte_textAlign);
    margin: var(--blog_billet_texte_marginTop) var(--blog_billet_texte_marginRight) var(--blog_billet_texte_marginBottom) var(--blog_billet_texte_marginLeft);
    border-radius: var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderBottomRightRadius) var(--blog_billet_texte_borderBottomLeftRadius);
    padding: 0 !important;
    width: 100%; }.rallye_phono .note-editor.note-airframe, .rallye_phono .note-editor.note-frame {
  border: none !important;
  box-shadow: 0px 0px 0px 1px lightgrey !important; }
  .rallye_phono .note-editor.note-airframe .note-editable, .rallye_phono .note-editor.note-frame .note-editable {
    padding: .5rem !important; }.rgpd {
  position: absolute;
  z-index: 9000;
  font-family: var(--menu_fontFamily);
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  top: 6rem;
  left: 0;
  right: 0;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 3fr 1fr;
  opacity: 0; }
  .rgpd .zone_centrale {
    background-color: rgba(219, 219, 219, 0.67059);
    backdrop-filter: blur(9px) saturate(150%);
    border-radius: .8rem;
    padding-inline: 4rem;
    padding-block: 2rem; }
  .rgpd .zone_boutons {
    text-align: center; }
    .rgpd .zone_boutons .bouton_ovale {
      display: inline-block;
      width: 6rem;
      margin: auto;
      margin: 1rem;
      border-radius: 0; }
      .rgpd .zone_boutons .bouton_ovale.bouton_annuler {
        border: 1px solid lightgrey; }
  @media only screen and (max-width: 720px) {
    .rgpd {
      display: block;
      margin-inline: 1rem;
      font-size: 1rem; }
      .rgpd .zone_centrale {
        padding: 1rem; }
        .rgpd .zone_centrale .zone_boutons .bouton_ovale {
          width: 5rem;
          margin: 0.5rem; } }
  .rgpd a {
    text-decoration: underline;
    font-weight: bold;
    color: #5db35d; }.seo {
  background-color: white;
  padding: .5rem;
  padding-right: 1rem;
  position: fixed;
  left: 0;
  top: 0;
  border: 1px solid lightgrey;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #f2f2f2;
  z-index: 100; }
  .seo .barre_drag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 21px;
    padding: 6px;
    font-size: 14px;
    text-align: center;
    /* background-color: var(--couleur_fond_barres); */
    /* border-bottom: 1px solid #f1f0f0; */
    background-color: #7d7d7d;
    color: white;
    cursor: default;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
    .seo .barre_drag .bouton_fermeture {
      border-radius: 100%;
      width: 18px;
      height: 18px;
      background-color: #f2f2f2;
      position: absolute;
      left: 0.7rem;
      top: 0.5rem; }
      .seo .barre_drag .bouton_fermeture:hover {
        background-color: #e96565; }
    .seo .barre_drag .barre_drag_titre {
      margin-left: 2rem;
      height: 130%;
      margin-top: -0.3rem;
      padding-top: 0.4rem; }
  .seo input, .seo textarea, .seo label {
    font-size: 1rem; }
  .seo label {
    width: 7rem;
    display: inline-block;
    text-align: right;
    font-weight: bold; }
  .seo textarea {
    vertical-align: middle;
    padding: .5rem;
    min-width: 5rem;
    min-height: 2rem; }
  .seo img {
    width: 234px;
    min-height: 156px;
    vertical-align: middle;
    background-color: white;
    transition: .3s linear all; }
    .seo img.survol {
      background-color: lightgreen;
      opacity: .5; }
  .seo.ui-resizable {
    position: absolute !important; }

.seo_masque {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }.temoignages {
  max-width: 800px;
  color: var(--blog_billet_color);
  background-color: var(--blog_billet_backgroundColor);
  font-family: var(--blog_billet_fontFamily);
  font-size: var(--blog_billet_fontSize);
  font-weight: var(--blog_billet_fontWeight);
  line-height: var(--blog_billet_lineHeight);
  letter-spacing: var(--blog_billet_letterSpacing);
  text-align: var(--blog_billet_textAlign);
  border-radius: var(--blog_billet_borderTopLeftRadius) var(--blog_billet_borderTopRightRadius) var(--blog_billet_borderBottomRightRadius) var(--blog_billet_borderBottomLeftRadius);
  margin: var(--blog_billet_marginTop) var(--blog_billet_marginRight) var(--blog_billet_marginBottom) var(--blog_billet_marginLeft);
  margin-inline: auto;
  margin-bottom: 2rem;
  margin-top: 1rem;
  padding: 1.4rem !important; }
  .temoignages .titre_page {
    margin-top: 0 !important; }
  @media only screen and (min-width: 1024px) {
    .temoignages {
      padding: var(--blog_billet_paddingTop) var(--blog_billet_paddingRight) var(--blog_billet_paddingBottom) var(--blog_billet_paddingLeft) !important; } }
  .temoignages .temoignages_titre {
    color: var(--blog_billet_titre_color);
    background-color: var(--blog_billet_titre_backgroundColor);
    font-family: var(--blog_billet_titre_fontFamily);
    font-size: var(--blog_billet_titre_fontSize);
    font-size: clamp(2rem, 6vw, var(--blog_billet_titre_fontSize));
    font-weight: var(--blog_billet_titre_fontWeight);
    line-height: var(--blog_billet_titre_lineHeight);
    letter-spacing: var(--blog_billet_titre_letterSpacing);
    text-align: var(--blog_billet_titre_textAlign);
    padding: var(--blog_billet_titre_paddingTop) var(--blog_billet_titre_paddingRight) var(--blog_billet_titre_paddingBottom) var(--blog_billet_titre_paddingLeft);
    margin: var(--blog_billet_titre_marginTop) var(--blog_billet_titre_marginRight) var(--blog_billet_titre_marginBottom) var(--blog_billet_titre_marginLeft);
    border-radius: var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderTopRightRadius) var(--blog_billet_titre_borderBottomRightRadius) var(--blog_billet_titre_borderBottomLeftRadius); }
  .temoignages a {
    color: steelblue !important; }
  .temoignages .temoignages_article {
    color: var(--blog_billet_texte_color);
    background-color: var(--blog_billet_texte_backgroundColor);
    font-family: var(--blog_billet_texte_fontFamily);
    font-size: var(--blog_billet_texte_fontSize);
    font-weight: var(--blog_billet_texte_fontWeight);
    line-height: var(--blog_billet_texte_lineHeight);
    letter-spacing: var(--blog_billet_texte_letterSpacing);
    text-align: var(--blog_billet_texte_textAlign);
    margin: var(--blog_billet_texte_marginTop) var(--blog_billet_texte_marginRight) var(--blog_billet_texte_marginBottom) var(--blog_billet_texte_marginLeft);
    border-radius: var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderTopRightRadius) var(--blog_billet_texte_borderBottomRightRadius) var(--blog_billet_texte_borderBottomLeftRadius);
    padding: 0 !important;
    width: 100%; }.temoignages .note-editor.note-airframe, .temoignages .note-editor.note-frame {
  border: none !important;
  box-shadow: 0px 0px 0px 1px lightgrey !important; }
  .temoignages .note-editor.note-airframe .note-editable, .temoignages .note-editor.note-frame .note-editable {
    padding: .5rem !important; }
:root {
  font-family: "Inter";
  --site_marginLeft: 0px;
  --site_marginRight: 0px;
  --largeur_crop: 512px;
  --hauteur_crop: 512px;
  --police_1: Poppins;
  --police_admin: Poppins;
  --saturation_fond_ecran: 100%;
  --presentation_couleur_fond: white;
  --couleur_fond_menu_sticky: white;
  --frise_decalage_haut: 0;
  --hauteur_barre_menu: 12rem;
  --carrousel_small_flex_basis: 340px;
  --carrousel_medium_flex_basis: 440px;
  --carrousel_large_flex_basis: 540px;
  --carrousel_backgroundColor: transparent;
  --carrousel_small_paddingBlock: 0px;
  --carrousel_medium_paddingBlock: 0px;
  --carrousel_large_paddingBlock: 0px;
  --carrousel_small_gap: 10;
  --carrousel_medium_gap: 10;
  --carrousel_large_gap: 10;
  --carrousel_small_borderRadius: 0px;
  --carrousel_medium_borderRadius: 0px;
  --carrousel_large_borderRadius: 0px;
  padding-block: 2rem;
  box-sizing: border-box;
  overflow-x: hidden; }
  :root img {
    max-width: 100%; }
  :root .entry-content {
    word-break: normal !important; }

.no_pointer_events {
  pointer-events: none !important; }

.non_selectionnable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectionnable {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.affichage_flex_client, .affichage_flex_admin {
  display: none; }

ul, li {
  list-style: none; }

.color_titres_1 {
  color: var(--couleur_page_titre); }

.masque_drag {
  position: fixed;
  inset: 0;
  display: none;
  background-color: color(srgb 0.537 0.863 0.602/0.367); }

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-size: unset;
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
  font-weight: unset; }

.bouton {
  cursor: pointer;
  transition: all .6s ease-out 0s;
  width: fit-content;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: translateZ(0);
  border-radius: 2rem; }
  .bouton:active {
    transition: opacity .1s ease-out 0s;
    opacity: .5; }

.sans_arrondi {
  border-radius: 0; }

.titre_page {
  text-align: center;
  color: var(--couleur_page_titre);
  font-family: var(--titre_2_fontFamily);
  font-size: clamp(2rem, 7vw, var(--titre_1_fontSize));
  line-height: var(--titre_1_lineHeight);
  -webkit-touch-callout: none; }

.tests {
  color: #999999;
  color: #70b4be; }

html {
  width: 100vw;
  margin: 0;
  overflow-x: clip; }

body {
  width: 100%;
  height: 100%;
  overflow: clip;
  padding: 0;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: var(--couleur_fond_site);
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent; }
  body .fond_site {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    height: 110%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: var(--opacite_fond_ecran);
    pointer-events: none; }
  body a {
    text-decoration: none;
    cursor: pointer !important;
    color: var(--couleur_lien); }
  body a:visited {
    text-decoration: none; }
  body .masque_complet {
    position: fixed;
    inset: 0;
    background-color: rgba(82, 82, 82, 0.569); }

.site {
  position: relative;
  min-height: 100vh;
  margin-left: var(--site_marginLeft) !important;
  margin-right: var(--site_marginRight) !important;
  padding-bottom: 2rem; }

.principal {
  position: relative;
  display: block; }
  .principal.page_commentaire_edition {
    padding-bottom: 2rem;
    background-color: white; }
  .principal.page_panier {
    grid-template-columns: 1fr 7fr 4fr; }
  .principal.page_coordonnees {
    grid-template-columns: 1fr 7fr 4fr; }
    .principal.page_coordonnees .contenu_central {
      background-color: white;
      border-radius: 1rem; }
  @media only screen and (min-width: 1025px) {
    .principal {
      display: grid;
      grid-auto-flow: column;
      grid-template-columns: var(--principal_colonne_1_width) var(--principal_colonne_2_width) var(--principal_colonne_3_width);
      gap: 1rem;
      grid-template-columns: 1fr 7fr 1fr; }
      .principal.page_panier {
        grid-template-columns: 0fr 2fr 4fr; }
      .principal.page_coordonnees {
        grid-template-columns: 0fr 2fr 4fr; } }
  @media only screen and (min-width: 1800px) {
    .principal {
      grid-template-columns: var(--principal_colonne_1_width) var(--principal_colonne_2_width) var(--principal_colonne_3_width); }
      .principal.page_panier {
        grid-template-columns: 1fr 7fr 4fr; }
      .principal.page_coordonnees {
        grid-template-columns: 1fr 7fr 4fr; } }
  .principal #contenu_central {
    position: relative;
    padding: .5rem; }
    @media only screen and (min-width: 1025px) {
      .principal #contenu_central {
        padding: 0; } }
  .principal #colonne_droite {
    padding-right: 1rem; }

.blanc {
  color: white !important; }

.fond_blanc {
  background-color: white !important; }

.blanc_casse {
  color: #f7f7f7 !important; }

.fond_blanc_casse {
  background-color: #f7f7f7 !important; }

.fond_rouge {
  background-color: #ed8080 !important; }

.rouge {
  color: #ed8080 !important; }

.noir {
  color: black !important; }

.vert {
  color: #50ac9c !important; }

.vert_1 {
  color: #56ab63 !important; }

.fond_vert {
  background-color: #50ac9c !important; }

.fond_vert_1 {
  background-color: #56ab63 !important; }

.bleu {
  color: #5fa5df !important; }

.fond_bleu {
  background-color: #5fa5df !important; }

.orange {
  color: #ffac22 !important; }

.fond_orange {
  background-color: #ffac22 !important; }

.gris {
  color: grey; }

.gris_pale {
  color: #bbbbbb; }

.fond_gris_pale {
  background-color: #bbbbbb; }

.fond_gris {
  background-color: grey; }

.gris_sombre {
  color: #585858; }

.fond_gris_sombre {
  background-color: #585858; }

.hover_dock {
  transition: .5s all; }
  .hover_dock:hover {
    transform: scale(1.05); }

.hover_dock_faible {
  transition: .5s all; }
  .hover_dock_faible:hover {
    transform: scale(1.01); }

.texte_gauche {
  text-align: left !important; }
  @media only screen and (max-width: 767px) {
    .texte_gauche {
      text-align: center;
      margin-bottom: unset;
      margin-top: 5rem; } }

.message_maintenance {
  margin-top: 20%;
  font-size: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin-top: 20%;
  font-size: 30px;
  text-align: center;
  color: #5fa5df;
  font-weight: bold; }
  .message_maintenance .login_beta {
    display: none;
    margin-top: 60px; }
    .message_maintenance .login_beta #mdp {
      font-size: 30px;
      outline: none; }

.bouton_publication {
  color: color(srgb 0.765 0.765 0.765); }
  .bouton_publication.publie {
    color: #34b834;
    color: #50ac9c; }

.invisible {
  opacity: 0;
  pointer-events: none; }
  .invisible div, .invisible span, .invisible ul, .invisible li, .invisible img, .invisible video {
    transition: none !important; }

.invisible_actif {
  display: none; }

.pleine_page {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: unset !important;
  height: unset !important; }

.cadre_crop {
  display: none; }
  .cadre_crop .masque {
    position: fixed;
    z-index: 20;
    z-index: 100;
    inset: 0;
    background-color: #ffffff8d; }
    @supports (backdrop-filter: none) or (-webkit-backdrop-filter: none) {
      .cadre_crop .masque {
        background-color: #b5c4cc61;
        backdrop-filter: saturate(100%) blur(20px);
        -webkit-backdrop-filter: saturate(100%) blur(25px); } }
  .cadre_crop .boutons {
    position: absolute;
    z-index: 22;
    bottom: -48px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center; }
    .cadre_crop .boutons label {
      margin-right: 1rem;
      font-size: 1.3rem;
      padding: 0.3rem; }
    .cadre_crop .boutons .bouton {
      font-size: 1.2rem;
      margin: auto;
      display: inline-block;
      margin-inline: 0.4rem; }

.editable {
  border: 1px solid transparent;
  outline: none;
  cursor: unset; }

.mode_grid {
  display: grid !important; }

.ellipse_1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.bouton_texte_standard {
  background-color: var(--couleur_page_titre);
  color: white;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 2;
  margin-block: 1rem;
  padding-inline: 1rem; }

#notif_locale {
  display: none;
  position: fixed;
  z-index: 500;
  padding: 1rem;
  font-family: "Inter";
  background-color: #5fa5df;
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0;
  top: 5rem;
  right: 20px;
  transition: none;
  line-height: 1.4; }
  #notif_locale a {
    background-color: unset;
    color: unset; }

.tableau_formulaire td {
  text-align: left;
  font-size: 1rem;
  vertical-align: baseline; }
  .tableau_formulaire td.td_input {
    padding: 0; }
  .tableau_formulaire td input {
    font-size: 1rem;
    line-height: 2.3rem;
    margin: 0;
    border: 0;
    padding-inline: 6px;
    background-color: transparent; }
    .tableau_formulaire td input.numerique {
      max-width: 90px; }
  .tableau_formulaire td.contenu {
    padding: 0; }
    .tableau_formulaire td.contenu td {
      border: none; }

.inactif {
  pointer-events: none;
  color: lightgrey !important;
  background-color: transparent !important; }

.ignore_pointeur {
  pointer-events: none; }

.bouton_validation {
  color: lightgrey;
  font-size: 1.6rem !important;
  line-height: 1;
  z-index: 2; }
  .bouton_validation.edite {
    color: #5fa5df; }
  .bouton_validation i {
    background-color: white;
    border-radius: 50%; }

.article {
  min-height: 2rem;
  padding: 1rem; }

input, select {
  outline: none; }

.affichage_retarde {
  opacity: 0; }

.afficher {
  opacity: 1; }

.masquer {
  display: none !important; }

.bloc_select select {
  -webkit-appearance: none;
  border: none;
  padding: 0.5rem;
  padding-left: 10px;
  padding-right: 42px;
  border: 1px solid lightgrey;
  font-size: 1rem; }
.bloc_select .fleche {
  display: inline;
  width: 24px;
  height: 24px;
  margin-left: -2rem;
  pointer-events: none;
  color: var(--blog_billet_titre_color);
  color: #656565; }

.page_introuvable {
  text-align: center;
  margin-top: 20%;
  font-size: 1.7rem;
  color: grey;
  margin-bottom: 20%; }

.bouton_important {
  font-size: 1rem;
  margin-top: 1rem;
  text-align: center;
  padding: 10px;
  width: 180px;
  border-radius: 2rem; }

.message_statique {
  padding: 1.4rem;
  position: fixed;
  z-index: 10;
  background-color: #657ec2;
  color: white;
  font-size: 1.05rem;
  right: 3rem;
  top: 8rem;
  width: 13rem;
  line-height: 1.4;
  transform: rotateZ(-8deg);
  box-shadow: 1px 1px 3px #d1d1d1; }
  .message_statique p {
    margin-block: 0; }

.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
  min-width: 200px !important; }

.note-popover .popover-content {
  width: 300px !important;
  z-index: 999999 !important; }

.select_triangle {
  background-image: url(https://img.passeportsante.net/1200x675/2021-06-01/i107848-eduquer-un-chaton.jpeg);
  width: 2rem;
  height: 2rem;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle; }

.ui-selectmenu-button.ui-button {
  width: 8rem !important;
  background-color: white !important;
  font-size: 1rem !important;
  border: none !important; }
  .ui-selectmenu-button.ui-button .caret_select {
    font-size: 23px;
    margin-left: -27px;
    color: #909090;
    vertical-align: middle;
    pointer-events: none;
    margin-left: 0.6rem;
    font-size: 23px;
    margin-left: -27px;
    color: #909090;
    vertical-align: middle;
    pointer-events: none;
    margin-left: 0.6rem;
    position: absolute;
    right: 0;
    top: 0.3rem; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid transparent !important;
  background: #5fa5df !important; }

.ui-menu .ui-menu-item-wrapper {
  padding: 5px 1em 3px 1em !important; }

.ui-menu .ui-menu-item-wrapper {
  color: steelblue !important; }

.note-editor.note-frame .note-placeholder, .note-editor.note-airframe .note-placeholder {
  padding: unset !important;
  width: 100% !important; }

.note-popover {
  position: absolute;
  z-index: 1060;
  font-size: 13px;
  font-family: sans-serif;
  display: none;
  background: #5a5a5a !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-radius: .8rem;
  margin-left: -1rem;
  transition: .3s all; }
  .note-popover .note-palette-title {
    color: white !important; }
  .note-popover a {
    color: white !important; }
  .note-popover .note-btn {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #dae0e5;
    white-space: nowrap;
    outline: 0;
    color: #fff;
    background-color: #fff0;
    border-color: transparent;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .note-popover .note-btn:hover {
      color: white !important;
      background-color: #5a5a5a !important; }
  .note-popover .note-dropdown-menu {
    display: none;
    min-width: 100px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    text-align: left;
    background: #5a5a5a !important;
    border: 1px solid #e2e2e2;
    padding: 5px;
    background-clip: padding-box; }
  .note-popover .popover-content .note-dropdown-menu {
    min-width: 172px !important; }
  .note-popover .note-btn:active, .note-popover .note-btn.active {
    outline: 0;
    background-image: none;
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #dae0e5;
    background-color: #fff0 !important;
    outline: 0;
    border-radius: 1px; }
  .note-popover .note-palette-title {
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
    border-bottom: 1px solid #eee;
    color: white; }

.note-popover.bottom .note-popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: "\0020";
  border-top-width: 0;
  border-bottom-color: #5a5a5a !important; }

.bouton_ovale {
  background-color: #63b570;
  color: white;
  width: fit-content;
  padding-inline: 1rem;
  padding-block: 0.6rem;
  border-radius: 3rem;
  font-size: 1rem;
  text-align: center;
  border: none;
  padding-inline: 1.3rem; }

.separateur_horizontal_1 {
  height: 1rem; }

.separateur_horizontal_2 {
  height: 2rem; }

.separateur_horizontal_3 {
  height: 3rem; }

.dialogue {
  border: 1px solid #c5c5c5;
  border: none;
  padding: .5rem !important;
  border-radius: 1rem !important;
  overflow: hidden !important; }
  .dialogue label {
    display: inline-block;
    margin-block: 0.3rem;
    margin-left: 0.2rem; }
  .dialogue .ui-dialog-content {
    padding: 1.5rem !important;
    padding-bottom: 1rem !important; }
  .dialogue .ui-dialog-titlebar-close {
    right: unset !important;
    left: 0.3em !important;
    border-radius: 50% !important; }
    .dialogue .ui-dialog-titlebar-close:active {
      background-color: #e96565 !important; }
  .dialogue .ui-dialog-title {
    margin: 0.1em 1.1em !important;
    text-align: center;
    font-size: .9rem !important; }
  .dialogue .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
    border-radius: 1rem; }

.ui-widget-overlay {
  background: #aaa !important;
  opacity: 0.6 !important; }

.user_details_commandes {
  overflow: scroll; }
  .user_details_commandes ul {
    padding-block: .5rem; }
    .user_details_commandes ul li {
      padding-block: .5rem; }
    .user_details_commandes ul .ligne_commande {
      font-size: .9rem; }
      .user_details_commandes ul .ligne_commande p {
        margin-block: .8rem; }
      .user_details_commandes ul .ligne_commande select {
        border: 1px solid lightgrey;
        border-radius: 0; }
      .user_details_commandes ul .ligne_commande .fa-caret-down {
        margin-left: -1.8rem;
        font-size: 1.4rem;
        color: #969696;
        vertical-align: sub;
        pointer-events: none; }
      .user_details_commandes ul .ligne_commande .zone_bas {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 1rem; }
        .user_details_commandes ul .ligne_commande .zone_bas .totaux {
          padding: 1rem;
          border: 1px solid lightgrey;
          width: fit-content;
          text-align: right; }
          .user_details_commandes ul .ligne_commande .zone_bas .totaux .prix {
            display: inline-block;
            min-width: 4rem;
            font-weight: bold; }
        .user_details_commandes ul .ligne_commande .zone_bas .bouton_contact {
          max-width: 11rem;
          /* background-color: #62affd; */
          padding: 1rem;
          height: fit-content;
          /* color: white; */
          /* font-weight: bold; */
          font-size: .8rem;
          border-radius: .5rem;
          display: flex;
          justify-content: space-evenly;
          align-items: center;
          gap: 1rem; }
          .user_details_commandes ul .ligne_commande .zone_bas .bouton_contact i {
            font-size: 1.4rem; }
  .user_details_commandes .aucune_commande {
    text-align: center;
    padding: 1rem;
    font-weight: bold;
    color: grey;
    padding-left: 0; }

.tableau_gris {
  display: table;
  border-collapse: collapse;
  border: 1px solid lightgrey;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px; }
  .tableau_gris th, .tableau_gris td {
    border: 1px solid lightgrey;
    border-collapse: collapse;
    text-align: center;
    padding: .5em;
    padding-right: 1em;
    font-weight: initial;
    font-size: 13px;
    display: table-cell; }
  .tableau_gris th {
    color: white;
    background-color: #a4a4a4; }

.cadre_select_base select {
  -webkit-appearance: none;
  border: none;
  padding: .5rem;
  padding-left: 10px;
  padding-right: 42px;
  border: 1px solid lightgrey;
  font-size: 1rem;
  border-radius: 0; }
.cadre_select_base .fa-caret-down {
  margin-left: -1.8rem;
  font-size: 1.4rem;
  color: #969696;
  vertical-align: sub;
  pointer-events: none; }

#login-sign-in-link, #login-name-link {
  text-decoration: none !important;
  display: none !important; }

#login-buttons {
  position: absolute;
  top: 3rem;
  right: 19.5rem;
  z-index: 9000; }

.ui-widget-header {
  border: none !important;
  background: transparent !important; }

.ui-tabs .ui-tabs-nav li {
  border: 1px solid lightgrey !important;
  border-radius: 0 !important; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  font-size: .9rem; }

.bandeau_dev {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
  bottom: 0.6rem;
  right: .6rem;
  padding: 1rem;
  background-color: rgba(70, 130, 180, 0.55);
  color: white;
  font-weight: bold;
  rotate: -32deg;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  text-align: center;
  /* opacity: 0.4; */
  pointer-events: none; }

div, input {
  outline: none !important; }

.div_check {
  padding-inline: 0.4rem;
  margin-block: 0.5rem;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.4s opacity;
  display: flex;
  align-items: center; }
  .div_check label {
    margin-left: .6rem;
    cursor: pointer; }

.bouton_seo {
  color: white;
  font-size: 1.3rem;
  padding: 0.6rem;
  border-radius: 100%;
  background-color: rgba(126, 126, 126, 0.81);
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  -webkit-backdrop-filter: blur(20px) saturate(50);
  backdrop-filter: blur(20px) saturate(50); }

.ligne_unique {
  white-space: nowrap; }

.barre_outils_standard {
  background-color: #f6f6f6;
  padding-block: 0.5rem;
  border-radius: 1rem;
  box-shadow: 1px 1px 3px lightgrey;
  margin-block: 1rem;
  width: fit-content;
  padding-inline: 1rem;
  display: inline-block;
  margin-right: 1rem; }
  .barre_outils_standard .titre {
    font-weight: bold;
    font-size: .9rem;
    color: #696868;
    margin-block: .3rem; }
  .barre_outils_standard .outils {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; }
    .barre_outils_standard .outils .groupe {
      text-align: right; }
    .barre_outils_standard .outils .div_bouton {
      display: flex;
      gap: .6rem;
      align-items: center; }
      .barre_outils_standard .outils .div_bouton .bouton {
        font-size: 1rem;
        margin-block: 0.5rem;
        padding: 0.5rem;
        border-radius: 50%;
        width: 1rem;
        height: 1rem;
        line-height: 1; }
        .barre_outils_standard .outils .div_bouton .bouton.bouton_publication {
          padding: 0;
          font-size: 1.8rem;
          background-color: transparent;
          width: auto;
          height: auto;
          text-align: left; }
      .barre_outils_standard .outils .div_bouton label {
        font-size: .9rem; }
    .barre_outils_standard .outils .bouton_selection_fichier {
      border: 1px solid grey;
      padding-block: 0.1rem;
      border-radius: 1rem;
      font-size: 0.75rem;
      padding-inline: 0.5rem;
      margin-inline: auto;
      margin-top: 0.3rem; }
    .barre_outils_standard .outils label {
      font-size: .9rem;
      font-weight: bold; }

.obligatoire {
  border-color: red !important; }

.visuel_yt {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  margin-top: -3rem; }
  @media only screen and (min-width: 1024px) {
    .visuel_yt {
      margin-top: -5rem; } }
  .visuel_yt img {
    width: 80%;
    max-width: 700px;
    margin-bottom: 3rem; }
  .visuel_yt iframe {
    box-shadow: 1px 1px 1px lightgrey;
    border-radius: 2.5rem;
    padding: 2rem;
    border: 1px solid lightgrey;
    background-color: #f7f7f7; }
    @media only screen and (min-width: 400px) {
      .visuel_yt iframe {
        width: 630px;
        height: 247px; } }
    @media only screen and (min-width: 400px) {
      .visuel_yt iframe {
        height: 296px; } }
    @media only screen and (min-width: 743px) {
      .visuel_yt iframe {
        width: 750px;
        height: 420px; } }
    @media only screen and (min-width: 1200px) {
      .visuel_yt iframe {
        width: 1068px;
        height: 600px; } }

.sn-checkbox-use-protocol {
  display: none; }

.texte_centre {
  text-align: center; }

.margin_auto {
  margin-inline: auto; }

.rond {
  border-radius: 100%; }

.champ_recherche {
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  font-size: 1.1rem;
  border: 1px solid #e4e4e4;
  color: indianred;
  font-weight: bold;
  padding-inline: 0.5rem !important;
  padding-block: 0.3rem !important; }

.player_cogibook {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute; }

.tooltip_blanc_sur_noir {
  color: white !important;
  background-color: black !important;
  font-size: .8rem !important; }

.note-modal-content {
  padding-bottom: 1rem; }

.note-image-title-text {
  padding: .5rem;
  width: 98%;
  font-size: 1rem; }

.note-image-title-btn {
  font-size: 1rem;
  width: 6rem;
  padding: 1rem;
  border: none;
  background-color: steelblue;
  color: white; }body .fond_site
	{
		filter: blur(var(--flou_fond_ecran)) saturate(var(--saturation_fond_ecran));
	}