@charset "utf-8";
/* Styles réservés au back-office. */

/*ADMIN*/
#admin .back-header {
  height: auto;
  min-height: 84px;
  position: sticky;
  top: 0;
  left: auto;
  width: 100%;
  background: #000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-family: "twb";
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  transition: none;
  z-index: 1000;
}
#admin .back-header-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 84px;
  padding: 0 20px;
}
#admin .back-logo {
  display: block;
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  float: none;
  padding: 6px 0;
  text-align: left;
}
#admin .back-logo img {
  display: block;
  width: 98px;
  height: auto;
  aspect-ratio: 203 / 120;
}
#admin .back-navigation {
  z-index: 1;
  min-width: 0;
  margin-left: auto;
}
#admin .back-navigation > summary {
  display: none;
}
#admin .back-navigation:not([open]) > nav,
#admin .back-navigation[open] > nav {
  display: block;
}
#admin .back-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px 15px;
  margin: 0;
}
#admin .back-menu li {
  list-style: none;
}
#admin .back-menu a,
#admin .back-menu button {
  display: block;
  width: auto;
  margin: 0;
  padding: 9px 0 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
#admin .back-menu a:hover,
#admin .back-menu button:hover,
#admin .back-menu a:focus-visible,
#admin .back-menu button:focus-visible,
#admin .back-menu a[aria-current="page"] {
  border-bottom-color: #df0e82;
  color: #df0e82;
}
#admin .back-menu a:focus-visible,
#admin .back-menu button:focus-visible,
#admin .back-navigation > summary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
#admin .back-menu .back-public-link {
  padding: 9px 12px 7px;
  border-bottom-color: #df0e82;
  background: #df0e82;
  color: #fff;
}
#admin .back-menu .back-public-link:hover,
#admin .back-menu .back-public-link:focus-visible {
  border-bottom-color: #fff;
  background: #fff;
  color: #000;
}
#admin .back-logout {
  position: static;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1100px) {
  #admin .back-header {
    min-height: 70px;
  }
  #admin .back-header-inner {
    min-height: 70px;
    padding: 0 16px;
  }
  #admin .back-logo img {
    width: 82px;
  }
  #admin .back-navigation {
    position: relative;
  }
  #admin .back-navigation > summary {
    display: block;
    padding: 10px 14px;
    border: 2px solid #df0e82;
    color: #fff;
    list-style: none;
    cursor: pointer;
  }
  #admin .back-navigation > summary::-webkit-details-marker {
    display: none;
  }
  #admin .back-navigation > summary::after {
    content: " +";
    color: #df0e82;
  }
  #admin .back-navigation[open] > summary::after {
    content: " −";
  }
  #admin .back-navigation:not([open]) > nav {
    display: none;
  }
  #admin .back-navigation[open] > nav {
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(380px, calc(100vw - 32px));
    max-height: calc(100vh - 90px);
    padding: 16px;
    overflow: auto;
    background: #000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  }
  #admin .back-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
  }
  #admin .back-menu a,
  #admin .back-menu button {
    width: 100%;
    text-align: left;
  }
  #admin .back-menu .back-public-link {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  #admin .back-menu {
    grid-template-columns: 1fr;
  }
}
#admin .topWhite {
  padding-bottom: 50px;
  padding-top: 50px;
}
.nb {
  margin-bottom: 30px;
}
#admin table {
  width: 100%;
}
#admin table img {
  max-width: 150px;
  max-height: 70px;
}
#admin th,
#admin td {
  padding: 5px 10px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#admin * {
  box-sizing: border-box;
}
#admin .bandeau {
  height: initial !important;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  max-height: initial;
}
#admin label {
  width: 180px;
  display: block;
  float: left;
}
#admin input,
#admin textarea {
  border: 2px solid #000000;
  padding: 4px 10px;
  width: 300px;
}
#admin .reponse-question {
  width: 100%;
  font-size: 18px;
}
#admin .article-editor {
  min-height: 220px;
  max-width: 565px;
  width: 100%;
}
#admin select {
  border: 2px solid #000000;
  padding: 4px;
}
.check1,
.check2 {
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #666;
  margin: 0 auto;
}
.check1 {
  background-color: #df0e82;
  border: none;
}

#admin form p {
  margin-bottom: 10px;
}
#bread2 a {
  color: black;
  background-color: #df0e82;
  padding: 5px 10px;
  margin-right: 10px;
  display: block;
}
#bread2 {
  display: flex;
  margin-bottom: 30px;
}
#choix {
  display: inline !important;
  background: none !important;
  color: #df0c82 !important;
  font-weight: bold;
}
.block-edit-remove {
  display: flex;
  align-items: center;
  border: 1px solid black;
  min-width: 48%;
  max-width: 474px;
}
.block-edit-remove input {
  border: none !important;
}
.block-wrap-action-confirm.hide,
.block-wrap-action-edit.hide {
  display: none;
}
#admin #back-cats {
  column-gap: 20px;
  flex-direction: column;
}
#admin #back-cats.hide {
  display: none;
}
#admin #back-cats .choice-gal {
  border-top: none;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width: 110px;
  border-bottom: none;
}
.bock-action {
  width: 20px;
  height: 20px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  cursor: pointer;
  margin-right: 10px;
}
.bock-action:last-child {
  margin-right: 0;
}
.bock-action:hover {
  transform: scale(1.1);
}
.edit-input {
  background-image: url("/images/back/edit.png");
}
.remove-input {
  background-image: url("/images/back/supprimer.png");
}
.ordre-up,
.ordre-down {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.2s;
}
.ordre-up:hover,
.ordre-down:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.ordre-up {
  background-image: url("/images/move-up.svg");
}
.ordre-down {
  background-image: url("/images/move-down.svg");
}
.block-wrap-action-edit,
.block-wrap-action-confirm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.valide {
  margin: 3px 0 20px 0;
  padding: 5px 10px;
  background-color: #0edf3a;
  border: 2px solid #0bab2d;
}
.alerte {
  margin: 3px 0 20px 0;
  padding: 5px 10px;
  background-color: red;
  border: 2px solid #800b0b;
}
.alerte-bck {
  background-color: red;
  border: 2px solid #800b0b !important;
}

.number {
  width: 50px !important;
}
.temps {
  width: 38px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.temps-str {
  padding: 0 !important;
}
.matin {
  border-right: 2px solid #000000;
}

#admin footer * {
  box-sizing: initial;
}
.Fnone {
  float: none !important;
}
/*autocompletion*/
#admin form {
  position: relative;
}
#p_search {
  max-width: 606px;
}

.autocomplete {
  position: absolute;
  background: white;
  border-top: 2px solid #dddddd;
  width: 100%;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  padding: 10px;
}
.autocomplete li {
  list-style-type: none;
}
#preview {
  display: block;
  max-width: 200px;
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination button {
  padding: 0px;
  border: 1px solid #000;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.titre-equipe-question {
  font-weight: bold;
  padding: 5px;
  margin-top: 30px;
}
#admin .td-center {
  text-align: center;
}

/*tmp*/
.xdebug-error {
  position: relative;
  z-index: 9999999999;
}
.xdebug-var-dump {
  position: relative;
  z-index: 999999;
  background: white;
}
.inline-action {
  display: inline;
  margin: 0;
  padding: 0;
}

.icon-action {
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  cursor: pointer;
}

.image-action {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0;
}

.image-action img {
  display: block;
}

/* TABLEAU DE BORD ANALYTICS */
.analytics-dashboard .conteneur.bandeau {
  max-width: 1400px;
}
.analytics-dashboard-heading,
.analytics-panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.analytics-dashboard-heading h1,
.analytics-panel-heading h2 {
  margin: 0;
}
.analytics-dashboard-kicker {
  margin: 0 0 4px;
  color: #df0e82;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.analytics-dashboard-dates,
.analytics-panel-heading > span {
  flex: 0 0 auto;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  font-weight: bold;
}
.analytics-dashboard-dates span {
  padding: 0 5px;
  color: #df0e82;
}
.analytics-toolbar,
.analytics-periods,
.analytics-refresh {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.analytics-toolbar {
  justify-content: space-between;
  margin: 24px 0;
}
.analytics-periods {
  margin: 0;
}
.analytics-periods a {
  padding: 9px 16px;
  border: 1px solid #222;
  background: #fff;
  color: #222;
  font-weight: bold;
}
.analytics-periods a:hover,
.analytics-periods a.is-active {
  background: #222;
  color: #fff;
}
.analytics-refresh {
  justify-content: flex-end;
}
.analytics-refresh small {
  color: #666;
}
.analytics-refresh button {
  padding: 10px 16px;
  border: 0;
  background: #df0e82;
  color: #fff;
  font: inherit;
  font-weight: bold;
  cursor: pointer;
}
.analytics-refresh button:hover,
.analytics-refresh button:focus {
  background: #a82870;
}
.analytics-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 22px;
}
.analytics-summary section {
  min-height: 112px;
  padding: 18px;
  border-top: 4px solid #df0e82;
  background: #f5f5f5;
}
.analytics-summary span,
.analytics-summary strong {
  display: block;
}
.analytics-summary span {
  margin-bottom: 9px;
  color: #555;
  font-size: 13px;
  text-transform: uppercase;
}
.analytics-summary strong {
  font-size: 24px;
  line-height: 1.2;
}
.analytics-panel,
.analytics-setup,
.analytics-error {
  margin-top: 20px;
  padding: 22px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
}
.analytics-panel-heading {
  margin-bottom: 22px;
}
.analytics-panel-heading p {
  margin: 5px 0 0;
  color: #555;
}
.analytics-bars {
  margin: 0;
  padding: 0;
  list-style: none;
}
.analytics-bars li {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(180px, 1fr) 70px;
  gap: 16px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.analytics-bars li:first-child {
  border-top: 0;
}
.analytics-bar-label span,
.analytics-bar-label small {
  display: block;
}
.analytics-bar-label span {
  font-weight: bold;
}
.analytics-bar-label small {
  margin-top: 2px;
  color: #777;
  font-family: monospace;
  font-size: 11px;
}
.analytics-bar-track {
  height: 24px;
  overflow: hidden;
  border-radius: 3px;
  background: #eee;
}
.analytics-bar-track span {
  display: block;
  height: 100%;
  min-width: 3px;
  background: linear-gradient(90deg, #df0e82, #a82870);
}
.analytics-bars li > strong {
  font-size: 18px;
  text-align: right;
}
.analytics-notice,
.analytics-empty,
.analytics-source {
  color: #555;
}
.analytics-notice {
  padding: 12px 14px;
  border-left: 4px solid #df0e82;
  background: #f8edf3;
}
.analytics-source {
  margin-top: 18px;
  font-size: 12px;
}
.analytics-setup code {
  font-family: monospace;
}
.analytics-error {
  border-color: #b90000;
  background: #fff1f1;
}

@media screen and (max-width: 900px) {
  .analytics-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .analytics-bars li {
    grid-template-columns: minmax(140px, 220px) minmax(120px, 1fr) 55px;
    gap: 10px;
  }
}

@media screen and (max-width: 600px) {
  .analytics-dashboard-heading,
  .analytics-panel-heading,
  .analytics-toolbar {
    flex-direction: column;
  }
  .analytics-toolbar,
  .analytics-refresh {
    align-items: stretch;
  }
  .analytics-refresh {
    justify-content: flex-start;
  }
  .analytics-summary {
    grid-template-columns: 1fr;
  }
  .analytics-bars li {
    grid-template-columns: minmax(0, 1fr) 45px;
  }
  .analytics-bar-track {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* ÉDITEUR VISUEL DES TARIFS */
.tarifs-admin .conteneur.bandeau {
  max-width: 1400px;
}
.tarifs-admin #breacrumb {
  flex-wrap: wrap;
  row-gap: 8px;
}
.tarifs-admin-heading,
.tarifs-editor-toolbar,
.tarifs-preview-toolbar,
.tarifs-category-heading,
.tarifs-group-heading,
.tarifs-column-heading,
.tarifs-save-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.tarifs-admin-heading {
  margin-bottom: 22px;
}
.tarifs-admin-heading p {
  margin-top: 6px;
  color: #555;
}
.tarifs-public-link {
  flex: 0 0 auto;
  padding: 10px 14px;
  border: 2px solid #df0e82;
  color: #111;
  font-weight: bold;
}
.tarifs-message {
  margin: 0 0 20px;
}
.tarifs-editor-layout {
  display: grid;
  grid-template-columns: minmax(500px, 1fr) minmax(480px, 0.95fr);
  gap: 24px;
  align-items: start;
}
.tarifs-editor-panel,
.tarifs-preview-panel {
  min-width: 0;
}
.tarifs-editor-toolbar,
.tarifs-preview-toolbar {
  margin-bottom: 10px;
}
.tarifs-editor-toolbar h2,
.tarifs-preview-toolbar h2 {
  font-size: 20px;
}
.tarifs-help {
  margin-bottom: 14px;
  padding: 10px 12px;
  background: #f2f2f2;
  font-size: 14px;
  line-height: 1.45;
}
.tarifs-button,
.tarifs-small-button,
.tarifs-icon-button,
.tarifs-preview-switch button {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}
.tarifs-button {
  padding: 10px 14px;
  font-weight: bold;
}
.tarifs-button-primary {
  background: #df0e82;
  color: white;
}
.tarifs-button-secondary,
.tarifs-button-add-block {
  border: 2px solid #df0e82;
  background: white;
  color: #111;
}
.tarifs-button-add-block {
  width: 100%;
  margin-top: 10px;
}
.tarifs-edit-category {
  float: none !important;
  width: auto;
  max-width: none !important;
  margin-bottom: 20px;
  padding: 14px;
  border: 2px solid #1f1f1f;
  background: #f7f7f7;
}
.tarifs-category-heading {
  margin: -14px -14px 14px;
  padding: 12px 14px;
  background: #1f1f1f;
  color: white;
}
.tarifs-category-heading label,
.tarifs-group-heading label {
  flex: 1 1 auto;
}
#admin .tarifs-admin-heading h1,
#admin .tarifs-editor-panel label,
#admin .tarifs-edit-item label {
  float: none;
  width: auto;
  display: block;
}
.tarifs-editor-panel label > span {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.tarifs-editor-panel label small {
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}
#admin .tarifs-editor-panel input[type="text"] {
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid transparent;
  background: white;
  font-size: 15px;
}
#admin .tarifs-category-heading input[type="text"] {
  border-color: white;
  font-size: 18px;
  font-weight: bold;
}
.tarifs-heading-actions,
.tarifs-item-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tarifs-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid #aaa;
  background: white;
  color: #111;
  font-weight: bold;
  line-height: 1;
}
.tarifs-icon-button:hover,
.tarifs-icon-button:focus,
.tarifs-small-button:hover,
.tarifs-small-button:focus {
  background: #ffe3f2;
}
.tarifs-icon-button.is-danger {
  border-color: #b21b1b;
  color: #b21b1b;
}
.tarifs-edit-group {
  margin-bottom: 13px;
  border: 1px solid #aaa;
  background: white;
}
.tarifs-group-heading {
  padding: 10px;
  border-bottom: 1px solid #bbb;
  background: #e9e9e9;
}
.tarifs-edit-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.tarifs-edit-column {
  min-width: 0;
  padding: 10px;
}
.tarifs-edit-column + .tarifs-edit-column {
  border-left: 1px solid #ccc;
}
.tarifs-column-heading {
  margin-bottom: 10px;
}
.tarifs-column-heading strong {
  font-size: 14px;
}
.tarifs-small-button {
  padding: 5px 7px;
  border: 1px solid #df0e82;
  background: white;
  font-size: 12px;
}
.tarifs-optional-title {
  margin-bottom: 10px;
}
.tarifs-edit-item {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid #ddd;
  background: #fafafa;
}
.tarifs-edit-item-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 7px;
}
.tarifs-item-actions {
  justify-content: flex-end;
  margin-top: 7px;
}
.tarifs-item-actions .tarifs-icon-button {
  width: 28px;
  height: 26px;
  font-size: 13px;
}
.tarifs-empty-column,
.tarifs-empty-editor {
  padding: 14px;
  color: #666;
  font-size: 13px;
  text-align: center;
}
.tarifs-preview-panel {
  position: sticky;
  top: 16px;
}
.tarifs-preview-switch {
  display: flex;
  flex: 0 0 auto;
}
.tarifs-preview-switch button {
  padding: 7px 9px;
  border: 1px solid #222;
  background: white;
}
.tarifs-preview-switch button + button {
  border-left: 0;
}
.tarifs-preview-switch button.is-active {
  background: #222;
  color: white;
}
.tarifs-capacity {
  margin-bottom: 9px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.35;
}
.tarifs-capacity.is-ok {
  border-left: 4px solid #16853c;
  background: #e6f6eb;
}
.tarifs-capacity.is-warning {
  border-left: 4px solid #e38b00;
  background: #fff1d9;
}
.tariffs-preview-viewport {
  padding: 10px;
  overflow: auto;
  background: #ddd;
}
.tariff-preview-board {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 798 / 1049;
  padding: 8.4% 13.5% 8%;
  box-sizing: border-box;
  background: #191919 url(../images/tableau-tarif.jpg) no-repeat;
  background-size: 100% 100%;
  color: white;
  font:
    13px arial,
    verdana,
    sans-serif;
}
.tariff-preview-board .tariff-category-title {
  font-size: 16px;
  margin: 12px 0 5px;
}
.tariff-preview-board .tariff-category:first-child .tariff-category-title {
  margin-top: 0;
}
.tariff-preview-board .tariff-group-title,
.tariff-preview-board .tariff-column-title {
  font-size: 13px;
}
.tariff-preview-board .tariff-group-title {
  margin-top: 9px;
}
.tariff-preview-board .tariff-columns {
  column-gap: 16px;
}
.tariff-preview-board .tariff-item {
  gap: 6px;
  line-height: 1.3;
}
.tariffs-preview-viewport.is-mobile {
  background: #eee;
}
.tariffs-preview-viewport.is-mobile .tariff-preview-board {
  max-width: 390px;
  min-height: 500px;
  aspect-ratio: auto;
  margin: 0 auto;
  padding: 22px 20px 35px;
  background: white;
  color: #111;
  font-family: verdana, arial, sans-serif;
}
.tariffs-preview-viewport.is-mobile .tariff-columns {
  grid-template-columns: 1fr;
  row-gap: 7px;
}
.tariffs-preview-viewport.is-mobile .tariff-column.is-empty {
  display: none;
}
.tariffs-preview-viewport.is-mobile .tariff-category-title {
  margin: 24px 0 6px;
  font-size: 24px;
}
.tariffs-preview-viewport.is-mobile
  .tariff-category:first-child
  .tariff-category-title {
  margin-top: 0;
}
.tariffs-preview-viewport.is-mobile .tariff-group-title,
.tariffs-preview-viewport.is-mobile .tariff-column-title {
  margin-top: 11px;
  font-size: 16px;
}
.tariffs-preview-empty {
  padding: 30px 10px;
  text-align: center;
}
.tarifs-save-bar {
  position: sticky;
  z-index: 20;
  bottom: 0;
  margin-top: 22px;
  padding: 12px 16px;
  border-top: 2px solid #222;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.12);
}
.tarifs-save-bar span {
  font-size: 14px;
}
.tarifs-save-bar span.is-dirty {
  color: #a65d00;
  font-weight: bold;
}

@media screen and (max-width: 1100px) {
  .tarifs-editor-layout {
    grid-template-columns: 1fr;
  }
  .tarifs-preview-panel {
    position: static;
  }
}

@media screen and (max-width: 650px) {
  .tarifs-admin .conteneur.bandeau {
    padding-left: 12px;
    padding-right: 12px;
  }
  .tarifs-admin-heading,
  .tarifs-preview-toolbar,
  .tarifs-save-bar {
    align-items: stretch;
    flex-direction: column;
  }
  .tarifs-public-link {
    text-align: center;
  }
  .tarifs-edit-columns {
    grid-template-columns: 1fr;
  }
  .tarifs-edit-column + .tarifs-edit-column {
    border-top: 1px solid #ccc;
    border-left: 0;
  }
  .tarifs-category-heading,
  .tarifs-group-heading {
    align-items: flex-end;
  }
  .tarifs-save-bar .tarifs-button {
    width: 100%;
  }
}