.texte_rouge { color: #cc3300 !important; }

#table_tarifs_console_v3 {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 1150px;
  position: relative;
  table-layout: fixed;
}

#table_tarifs_console_v3 tr:nth-child(1) th {
  top: 60px;
  position: sticky;
  z-index: 10;
}

#table_tarifs_console_v3 tr:nth-child(2) th:first-child {
  background-color: inherit;
  border-bottom: none;
}

#table_tarifs_console_v3 tr:nth-child(2) th {
  top: 100px;
  position: sticky;
  font-size: 14pt;
  font-weight: 400;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  background-color: white;
  vertical-align: top;
  z-index: 100;
  border-bottom: 1px solid #ddd;
}

#table_tarifs_console_v3 th.subscribe {
  height: 165px;
}

#table_tarifs_console_v3 td:first-child {
  text-align: left;
  padding-left: 9px;
  padding-right: 0px;
  border-left: none;
}

#table_tarifs_console_v3 td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-left: 2px solid #e5e5e5;
  border-top: 2px solid #e5e5e5;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 20%;
}

#table_tarifs_console_v3 td:last-child {
  border-right: 2px solid #e5e5e5;
}

.abo-case-bas-g {
  border-left: 2px solid #e5e5e5;
  border-bottom-left-radius: 10px; 
  border-bottom: 2px solid #e5e5e5;
}

.abo-case-bas-d {
  border-right: 2px solid #e5e5e5;
  border-bottom-right-radius: 10px; 
  border-bottom: 2px solid #e5e5e5;
}

.abo-case-bas {
  border-bottom: 2px solid #e5e5e5;
}

.abo-case-haut-g {
  border-left: 2px solid #e5e5e5;
  border-top-left-radius: 10px; 
  border-top: 2px solid #e5e5e5;
}

.abo-case-haut-d {
  border-right: 2px solid #e5e5e5;
  border-top-right-radius: 10px; 
  border-top: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
}

.abo-case-haut {
  border-top: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
}

.titre-abo {
  margin-top: 20px;
  font-size: 17pt;
  text-align: center;
}

.prix-formule {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 18pt;
  text-align: center;
}

.pricing-table-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prix-info {
  float: right;
  font-size: 12pt;
}

.prix-info > span {
  padding-right: 5px;
}

.prix-choisir {
  margin-top: 18px;
  margin-bottom: 12px;
}

.prix-choisir-bottom {
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translate(-50%, 0);
}

.abos-v:before {
  font-family: "Glyphicons Halflings";
  content: "\e013";
  color: green;
}

.abos-x:before {
  font-family: "Glyphicons Halflings";
  content: "\e014";
  color: red;
}

#table_tarifs_console_v3_switches {
  display: flex;
  justify-content: space-around;
  background-color: white;
}

#table_tarifs_console_v3_switches_credits {
  display: flex;
  align-items: center;
}

.table_tarifs_console_v3_switches_credits_label {
  font-weight: bold;
  padding-right: 10px;
  margin-bottom: 8px;
}

.radio-switch-v3 {
  position: relative;
  display: inline-block;
  display: inline-flex;
  padding: 3px;
  border-radius: 70em;
  background-color: #f0f0f0;
}

.radio-switch-v3__item {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 100px;
}

.radio-switch-v3__item-big {
  width: 130px;
}

.radio-switch-v3__label {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 50em;
  cursor: pointer;
  font-size: 10pt;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.3s;
}
.radio-switch-v3__input:checked ~ .radio-switch-v3__label {
  color: white;
}
.radio-switch-v3__input:focus ~ .radio-switch-v3__label {
  background-color: #ccc;
}
.radio-switch-v3__label :not(*):focus-within, .radio-switch-v3__input:focus ~ .radio-switch-v3__label {
  background-color: transparent;
}

.radio-switch-v3__marker {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -100%;
  border-radius: 50em;
  background-color: #428bca;
  height: 30px;
  width: 100px;
  transition: transform 0.3s;
}
.radio-switch-v3__input:checked ~ .radio-switch-v3__marker {
  transform: translateX(100%);
}

.radio-switch-v3__marker-big {
  width: 130px;
}

.prix-formule {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 18pt;
}

.prix-formule > span.prix-freq {
  color: #aaa;
  font-size: 10pt;
}

.ribbon2 {
  position: absolute;
  right: var(--right, 30px);
  top: var(--top, -3px);
  filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
}

.ribbon2 > .content {
  color: white;
  font-size: 1.75rem;
  text-align: center;
  font-family: "Poppins";
  font-weight: 700;
  background: var(--color, #2ca7d8) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
  padding: 8px 2px 4px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
  width: var(--width, 32px);
  min-height: var(--height, 36px);
  transition: clip-path 1s, padding 1s, background 1s;
}

.ribbon2.down > .content {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #428bca;;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.prix-panel {
  position: relative;
}

.prix-panel-func {
  display: block;
  padding: 4px 4px 4px 4px;
  margin-top: 7px;
  color: inherit;
  text-decoration-line: underline;
}

.prix-panel-func:hover {
  color: inherit;
}

.prix-panel-func:visited {
  color: inherit;
}

.prix-panel-func:active {
  color: inherit;
}

#mob_table_tarifs_console_v3_switches {
  display: block;
  position: sticky;
  top: 60px;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 1000;
}

#mob_table_tarifs_console_v3_switches_credits {
  display: flex;
  align-items: center;
  justify-content: center;
}