@charset "UTF-8";
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Black.eot");
  src: url("../fonts/Montaigne-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Black.woff2") format("woff2"), url("../fonts/Montaigne-Black.woff") format("woff"), url("../fonts/Montaigne-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne Book";
  src: url("../fonts/Montaigne-Book.eot");
  src: url("../fonts/Montaigne-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Book.woff2") format("woff2"), url("../fonts/Montaigne-Book.woff") format("woff"), url("../fonts/Montaigne-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Bold.eot");
  src: url("../fonts/Montaigne-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Bold.woff2") format("woff2"), url("../fonts/Montaigne-Bold.woff") format("woff"), url("../fonts/Montaigne-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Extrabold.eot");
  src: url("../fonts/Montaigne-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Extrabold.woff2") format("woff2"), url("../fonts/Montaigne-Extrabold.woff") format("woff"), url("../fonts/Montaigne-Extrabold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Extralight.eot");
  src: url("../fonts/Montaigne-Extralight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Extralight.woff2") format("woff2"), url("../fonts/Montaigne-Extralight.woff") format("woff"), url("../fonts/Montaigne-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Light.eot");
  src: url("../fonts/Montaigne-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Light.woff2") format("woff2"), url("../fonts/Montaigne-Light.woff") format("woff"), url("../fonts/Montaigne-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Medium.eot");
  src: url("../fonts/Montaigne-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Medium.woff2") format("woff2"), url("../fonts/Montaigne-Medium.woff") format("woff"), url("../fonts/Montaigne-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montaigne";
  src: url("../fonts/Montaigne-Regular.eot");
  src: url("../fonts/Montaigne-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montaigne-Regular.woff2") format("woff2"), url("../fonts/Montaigne-Regular.woff") format("woff"), url("../fonts/Montaigne-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Black.eot");
  src: url("../fonts/HankenGrotesk-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Black.woff2") format("woff2"), url("../fonts/HankenGrotesk-Black.woff") format("woff"), url("../fonts/HankenGrotesk-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-ExtraBold.eot");
  src: url("../fonts/HankenGrotesk-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-ExtraBold.woff2") format("woff2"), url("../fonts/HankenGrotesk-ExtraBold.woff") format("woff"), url("../fonts/HankenGrotesk-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Bold.eot");
  src: url("../fonts/HankenGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Bold.woff2") format("woff2"), url("../fonts/HankenGrotesk-Bold.woff") format("woff"), url("../fonts/HankenGrotesk-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Light.eot");
  src: url("../fonts/HankenGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Light.woff2") format("woff2"), url("../fonts/HankenGrotesk-Light.woff") format("woff"), url("../fonts/HankenGrotesk-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Medium.eot");
  src: url("../fonts/HankenGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Medium.woff2") format("woff2"), url("../fonts/HankenGrotesk-Medium.woff") format("woff"), url("../fonts/HankenGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-ExtraLight.eot");
  src: url("../fonts/HankenGrotesk-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-ExtraLight.woff2") format("woff2"), url("../fonts/HankenGrotesk-ExtraLight.woff") format("woff"), url("../fonts/HankenGrotesk-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Regular.eot");
  src: url("../fonts/HankenGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Regular.woff2") format("woff2"), url("../fonts/HankenGrotesk-Regular.woff") format("woff"), url("../fonts/HankenGrotesk-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-SemiBold.eot");
  src: url("../fonts/HankenGrotesk-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-SemiBold.woff2") format("woff2"), url("../fonts/HankenGrotesk-SemiBold.woff") format("woff"), url("../fonts/HankenGrotesk-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Thin.eot");
  src: url("../fonts/HankenGrotesk-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/HankenGrotesk-Thin.woff2") format("woff2"), url("../fonts/HankenGrotesk-Thin.woff") format("woff"), url("../fonts/HankenGrotesk-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/*****************/
html {
  overflow-x: hidden;
}

* {
  outline: none !important;
  text-decoration: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  line-height: normal;
  color: #000;
  font-weight: 400;
  overflow-x: hidden;
  background-color: #ffffff;
  background-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  position: relative;
  font-variant-numeric: lining-nums proportional-nums;
}
body.modal-open {
  /* height: 100vh;
  overflow-y: hidden;*/
}
body.spo {
  padding-bottom: 120px;
}
body {
  /* &.header_fixed {

  }*/
}

#wrapall {
  padding-top: 200px;
}

a,
a *:before,
a *:after,
button,
.btn {
  transition: all 0.15s linear 0s;
}

a,
a:hover {
  text-decoration: none;
  outline: none !important;
  color: #000;
  cursor: pointer;
}

a:hover {
  color: #ffbd2e;
}
a:hover svg {
  fill: #ffbd2e;
}

p {
  margin-bottom: 15px;
}

p:empty {
  line-height: 0 !important;
}

strong {
  font-weight: 700;
}

li,
ul {
  list-style: none;
  margin: 0;
}

ol {
  padding-left: 20px;
  list-style: inherit;
  font-family: "Hanken Grotesk";
  list-style: decimal;
  list-style-position: inside;
}
ol.is-style-alpha {
  list-style-type: upper-alpha;
}
ol li {
  list-style: inherit;
  margin-bottom: 5px;
  text-align: justify;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-left: 20px;
}
ol li::marker {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
  font-variant-numeric: lining-nums proportional-nums;
  color: #ffbd2e;
}

/*
p+ul,
p+ol {
  margin-top: -10px;
}*/
ul + p,
ol + p {
  margin-top: 20px;
}

ul {
  padding-left: 15px;
  list-style-position: inside;
}
ul li::marker {
  font-size: 15px;
  color: #ffbd2e;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder, input::-moz-placeholder,
textarea::-moz-placeholder, input:-moz-placeholder,
textarea:-moz-placeholder, input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-family: "Montaigne" !important;
}

.container {
  max-width: 1150px;
  width: 100%;
  padding: 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.rouge {
  color: #be0613 !important;
}

.jaune {
  color: #ffbd2e !important;
}

.c_jaune {
  color: #ffbd2e !important;
}

.bg_blanc {
  background-color: #ffffff;
}

.bg_noir {
  background-color: #000;
}

.clear {
  clear: both;
}

.no_bg {
  background: none !important;
}

.br_bottom {
  border-bottom: 4px solid #000;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.no_bord {
  border: none !important;
}

.no_br_bottom {
  border-bottom: none !important;
}

.no_br_top {
  border-top: none !important;
}

img,
iframe,
svg {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}

svg {
  height: auto;
}

u {
  text-decoration: underline;
}

h1 {
  color: #000;
  font-family: "Montaigne";
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
h1.titre {
  text-transform: initial;
}

h2 {
  font-family: "Montaigne";
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 30px;
}

h3 {
  font-family: "Montaigne";
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 20px;
}

h4 {
  font-family: "Montaigne";
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 20px;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
  flex: 1 1 0;
}
.d-flex.a-right {
  justify-content: flex-end !important;
}

.d-i-flex {
  display: inline-flex !important;
}

.j-c-center {
  justify-content: center;
}

.f-d-row {
  flex-direction: row !important;
}

.f-d-column {
  flex-direction: column !important;
}

.pull-left,
.alignleft {
  float: left;
}

.pull-right,
.alignright {
  float: right;
}

.pull-center,
.aligncenter {
  float: none;
  margin: 0 auto;
}

.aligncenter {
  text-align: center;
}

.a-left {
  text-align: left;
}

.a-right {
  text-align: right;
}

.a-center {
  text-align: center;
}

.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

.col-50 {
  width: calc(50% - 14px);
}

.col-100 {
  width: 100%;
}

.p-0 {
  padding: 0 !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.grecaptcha-badge {
  right: inherit !important;
  left: 120% !important;
}

.notification-copie {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 320px;
  margin-top: -30px;
  margin-left: -160px;
  display: none;
  text-align: center;
  font-size: 14px;
}

.wp-block-table {
  overflow-x: auto;
  display: block;
  max-width: 100%;
  margin-bottom: 30px;
  word-break: initial;
}
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
  font-family: "Montaigne";
  line-height: 26px;
  font-size: 18px;
  min-width: 400px;
}
.wp-block-table table th,
.wp-block-table table td {
  padding: 10px 12px;
  border: 1px solid #000;
  text-align: left;
  background-color: #ffffff;
}
.wp-block-table table th {
  background-color: #fbf9f5;
  color: #000;
  font-family: "Montaigne";
  font-weight: 500;
}
.wp-block-table table {
  /*tr {
    &:nth-child(even) {
      td {
        background-color: $color-blanc;
      }
    }
  }*/
}
.wp-block-table::-webkit-scrollbar {
  display: none;
}

.flip-clock-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.flip-clock-wrapper ul li a div div.inn {
  color: #ffffff;
  background-color: #000;
}
.flip-clock-wrapper .flip-clock-dot {
  display: none;
}
.flip-clock-wrapper .flip-clock-meridium a {
  color: #000;
}
.flip-clock-wrapper .flip-clock-divider {
  text-align: center;
  font-family: "Montaigne";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.accordion_bloc {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
}
.accordion_bloc .accordion_item {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}
.accordion_bloc .accordion_item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.accordion_bloc .accordion_item .accordion_link {
  display: flex;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  gap: 10px;
  align-items: flex-start;
  padding: 20px;
  color: #000;
}
.accordion_bloc .accordion_item .accordion_link span {
  flex: calc(100% - 35px) 0 0;
  text-align: center;
}
.accordion_bloc .accordion_item .accordion_link .svg {
  transform: rotate(0);
  transition: all 0.3s ease;
  flex: 35px 0 0;
}
.accordion_bloc .accordion_item .accordion_link .svg svg {
  fill: none;
}
.accordion_bloc .accordion_item .accordion_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.accordion_bloc .accordion_item .accordion_content p:last-child {
  margin-bottom: 0;
}
.accordion_bloc .accordion_item .accordion_content a {
  text-decoration: underline;
  font-weight: 700;
}
.accordion_bloc .accordion_item .accordion_link.active {
  background: #e5e5e5;
}
.accordion_bloc .accordion_item .accordion_link.active .svg {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.accordion_bloc .accordion_item .accordion_link.active + .accordion_content {
  background-color: rgba(229, 229, 229, 0.3);
  max-height: 100px;
  padding: 20px 60px;
}

.help-menu {
  position: fixed;
  bottom: 50px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 80px;
  height: auto;
  z-index: 15;
}
.help-menu .menu-open {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  width: 32px;
}
.help-menu .menu-open.is-open {
  display: flex !important;
  width: auto;
}
.help-menu .menu-open .nav {
  font-weight: 700;
  color: #ffffff;
  background-color: #000;
  width: 31px;
  min-width: 31px;
  height: 31px;
  border-radius: 31px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 15px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.help-menu .menu-open .nav svg {
  width: 31px;
  height: 31px;
}
.help-menu .menu-open .nav a {
  flex: 1;
  display: none;
  visibility: hidden;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.24px;
  font-family: "Montaigne";
  color: #ffffff;
  margin-bottom: 0;
}
.help-menu .menu-open .nav:hover:not(.help-close) {
  width: auto;
  padding: 0 10px 0 0;
}
.help-menu .menu-open .nav:hover:not(.help-close) a {
  display: block;
  visibility: visible;
}
.help-menu .main-btn {
  display: flex;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.24px;
  font-family: "Montaigne";
  justify-content: space-between;
  color: #000;
  background-color: #e5e5e5;
  width: 80px;
  height: 33px;
  border-radius: 31px;
  cursor: pointer;
  padding: 3px 10px 3px 3px;
  position: relative;
}

@media only screen and (max-width: 1410px) {
  /*.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }*/
}
@media only screen and (max-width: 991px) {
  #wrapall {
    padding-top: 135px;
  }
  h1 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  h2 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
  }
  h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }
  h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }
  .p-b-90 {
    padding-bottom: 50px !important;
  }
  .p-t-90 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  #wrapall {
    padding-top: 75px;
  }
  body {
    font-size: 14px;
    line-height: 18px;
  }
  h1 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }
  h3 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
  }
  h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }
  .col-50 {
    width: 100%;
  }
  .m-t-75 {
    margin-top: 45px !important;
  }
  .m-t-50 {
    margin-top: 30px !important;
  }
  .m-b-75 {
    margin-bottom: 45px !important;
  }
  .m-b-50 {
    margin-bottom: 30px !important;
  }
  .accordion_bloc .accordion_item .accordion_link {
    padding: 15px 10px;
  }
  .accordion_bloc .accordion_item .accordion_link span {
    text-align: left;
    font-size: 17px;
  }
  .accordion_bloc .accordion_item .accordion_link .svg {
    flex: 24px 0 0;
  }
  .accordion_bloc .accordion_item .accordion_link.active + .accordion_content {
    padding: 20px;
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 380px) {
  #wrapall {
    padding-top: 70px;
  }
}
button {
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 500;
}

.btn,
.elementor-widget-button .elementor-button,
.wp-block-button__link {
  text-align: center;
  font-family: "Hanken Grotesk";
  padding: 16px 30px;
  background-color: #ffbd2e;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  color: #000;
  width: auto;
  margin: 0;
  font-size: 22px;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  box-sizing: border-box;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  justify-content: center;
  align-items: center;
  z-index: 5;
  letter-spacing: 1px;
}
.btn.btn_noir,
.elementor-widget-button .elementor-button.btn_noir,
.wp-block-button__link.btn_noir {
  background-color: #000;
  color: #ffffff;
}
.btn.btn_noir:hover, .btn.btn_noir:focus, .btn.btn_noir.active,
.elementor-widget-button .elementor-button.btn_noir:hover,
.elementor-widget-button .elementor-button.btn_noir:focus,
.elementor-widget-button .elementor-button.btn_noir.active,
.wp-block-button__link.btn_noir:hover,
.wp-block-button__link.btn_noir:focus,
.wp-block-button__link.btn_noir.active {
  background-color: #000;
  color: #ffbd2e;
  border-color: #000;
}
.btn.btn_blanc,
.elementor-widget-button .elementor-button.btn_blanc,
.wp-block-button__link.btn_blanc {
  background-color: #ffffff;
  color: #000;
}
.btn.btn_blanc:hover, .btn.btn_blanc:focus, .btn.btn_blanc.active,
.elementor-widget-button .elementor-button.btn_blanc:hover,
.elementor-widget-button .elementor-button.btn_blanc:focus,
.elementor-widget-button .elementor-button.btn_blanc.active,
.wp-block-button__link.btn_blanc:hover,
.wp-block-button__link.btn_blanc:focus,
.wp-block-button__link.btn_blanc.active {
  background-color: #ffbd2e;
  color: #000;
  border-color: #ffbd2e;
}
.btn.btn_brd_noir,
.elementor-widget-button .elementor-button.btn_brd_noir,
.wp-block-button__link.btn_brd_noir {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.btn.btn_brd_noir:hover, .btn.btn_brd_noir:focus, .btn.btn_brd_noir.active,
.elementor-widget-button .elementor-button.btn_brd_noir:hover,
.elementor-widget-button .elementor-button.btn_brd_noir:focus,
.elementor-widget-button .elementor-button.btn_brd_noir.active,
.wp-block-button__link.btn_brd_noir:hover,
.wp-block-button__link.btn_brd_noir:focus,
.wp-block-button__link.btn_brd_noir.active {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn.btn_jaune,
.elementor-widget-button .elementor-button.btn_jaune,
.wp-block-button__link.btn_jaune {
  background-color: #ffbd2e;
  color: #000;
}
.btn.btn_jaune:hover, .btn.btn_jaune:focus, .btn.btn_jaune.active,
.elementor-widget-button .elementor-button.btn_jaune:hover,
.elementor-widget-button .elementor-button.btn_jaune:focus,
.elementor-widget-button .elementor-button.btn_jaune.active,
.wp-block-button__link.btn_jaune:hover,
.wp-block-button__link.btn_jaune:focus,
.wp-block-button__link.btn_jaune.active {
  background-color: #ffffff;
  color: #000;
  border-color: #ffffff;
}
.btn.btn_rouge,
.elementor-widget-button .elementor-button.btn_rouge,
.wp-block-button__link.btn_rouge {
  background-color: #e13915;
  color: #ffffff;
  border-color: #e13915;
}
.btn.btn_rouge:hover, .btn.btn_rouge:focus, .btn.btn_rouge.active,
.elementor-widget-button .elementor-button.btn_rouge:hover,
.elementor-widget-button .elementor-button.btn_rouge:focus,
.elementor-widget-button .elementor-button.btn_rouge.active,
.wp-block-button__link.btn_rouge:hover,
.wp-block-button__link.btn_rouge:focus,
.wp-block-button__link.btn_rouge.active {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn:hover, .btn:focus, .btn.active,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus,
.elementor-widget-button .elementor-button.active,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link.active {
  background-color: #000;
  color: #ffbd2e;
  border-color: #000;
}
.btn svg *,
.elementor-widget-button .elementor-button svg *,
.wp-block-button__link svg * {
  color: #e13915;
  fill: #e13915;
}
.btn.btn_medium,
.elementor-widget-button .elementor-button.btn_medium,
.wp-block-button__link.btn_medium {
  font-size: 16px;
  line-height: 16px;
  padding: 14px 23px;
}
.btn.btn_medium svg,
.elementor-widget-button .elementor-button.btn_medium svg,
.wp-block-button__link.btn_medium svg {
  max-height: 16px;
}
.btn.btn_small,
.elementor-widget-button .elementor-button.btn_small,
.wp-block-button__link.btn_small {
  font-size: 14px;
  line-height: 14px;
  padding: 12px 20px;
}
.btn.btn_small svg,
.elementor-widget-button .elementor-button.btn_small svg,
.wp-block-button__link.btn_small svg {
  max-height: 14px;
}
.btn.wp-block-button__link,
.elementor-widget-button .elementor-button.wp-block-button__link,
.wp-block-button__link.wp-block-button__link {
  font-size: 16px;
  line-height: 16px;
  padding: 10px 30px 6px;
  margin-bottom: 30px;
}
.btn.wp-block-button__link svg,
.elementor-widget-button .elementor-button.wp-block-button__link svg,
.wp-block-button__link.wp-block-button__link svg {
  max-height: 16px;
}

.btn_feuillette {
  cursor: pointer;
}

.btn_ico {
  text-align: center;
  font-family: "Montaigne";
  padding: 10px 30px 8px;
  background-color: #ffffff;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: #000;
  width: auto;
  margin: 0;
  font-size: 23px;
  line-height: normal;
  font-weight: 700;
  border-radius: 10px;
  text-transform: uppercase;
  outline: 0;
  box-sizing: border-box;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  z-index: 5;
  letter-spacing: 1px;
}
.btn_ico:hover, .btn_ico:focus, .btn_ico.active {
  background-color: #be0613;
  color: #ffffff;
  border-color: #be0613;
}
.btn_ico:hover svg *, .btn_ico:focus svg *, .btn_ico.active svg * {
  fill: #ffffff;
}
.btn_ico.btn_small {
  font-size: 16px;
  line-height: 16px;
  padding: 10px 30px 6px;
}
.btn_ico.btn_small svg {
  max-height: 16px;
}
.btn_ico.btn_noir {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn_ico.btn_noir svg * {
  fill: #ffffff;
}
.btn_ico.btn_noir:hover, .btn_ico.btn_noir:focus, .btn_ico.btn_noir.active {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.btn_ico.btn_noir:hover svg *, .btn_ico.btn_noir:focus svg *, .btn_ico.btn_noir.active svg * {
  fill: #000;
}
.btn_ico.btn_h_noir:hover, .btn_ico.btn_h_noir:focus, .btn_ico.btn_h_noir.active {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn_ico.btn_h_noir:hover svg *, .btn_ico.btn_h_noir:focus svg *, .btn_ico.btn_h_noir.active svg * {
  fill: #ffffff;
}
.btn_ico.btn_ico_2 {
  background-color: #be0613;
  color: #ffffff;
  border-color: #be0613;
}
.btn_ico.btn_ico_2 svg * {
  fill: #ffffff;
}
.btn_ico.btn_ico_2:hover, .btn_ico.btn_ico_2:focus, .btn_ico.btn_ico_2.active {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.btn_ico.btn_ico_2:hover svg *, .btn_ico.btn_ico_2:focus svg *, .btn_ico.btn_ico_2.active svg * {
  fill: #000;
}
.btn_ico.btn_ico_2.btn_small:hover, .btn_ico.btn_ico_2.btn_small:focus, .btn_ico.btn_ico_2.btn_small.active {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn_ico.btn_ico_2.btn_small:hover svg *, .btn_ico.btn_ico_2.btn_small:focus svg *, .btn_ico.btn_ico_2.btn_small.active svg * {
  fill: #ffffff;
}
.btn_ico.btn_ico_2.btn_noir {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.btn_ico.btn_ico_2.btn_noir svg * {
  fill: #ffffff;
}
.btn_ico.btn_ico_2.btn_noir:hover, .btn_ico.btn_ico_2.btn_noir:focus, .btn_ico.btn_ico_2.btn_noir.active {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.btn_ico.btn_ico_2.btn_noir:hover svg *, .btn_ico.btn_ico_2.btn_noir:focus svg *, .btn_ico.btn_ico_2.btn_noir.active svg * {
  fill: #000;
}
.btn_ico.btn_google svg .path_01 {
  fill: #4285f4;
}
.btn_ico.btn_google svg .path_02 {
  fill: #34a853;
}
.btn_ico.btn_google svg .path_03 {
  fill: #fbbc05;
}
.btn_ico.btn_google svg .path_04 {
  fill: #ea4335;
}

.no-border {
  border-color: transparent;
}
.no-border:hover {
  border-color: #000;
  background-color: #ffffff;
}

.lien_ico {
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  font-family: "Hanken Grotesk";
  color: #e13915;
  text-decoration: none;
  font-weight: 700;
}
.lien_ico svg {
  margin-right: 10px;
}
.lien_ico svg * {
  fill: #e13915;
}
.lien_ico:hover {
  color: #000;
}
.lien_ico.ico_round {
  font-size: 14px;
  line-height: 20px;
  font-family: "Montaigne";
  font-weight: 400;
}
.lien_ico.ico_round span {
  text-decoration: underline;
}
.lien_ico.ico_round svg {
  background-color: #be0613;
  height: 22px;
  width: 22px;
  padding: 5px;
  border-radius: 100%;
  border: 1px solid transparent;
}
.lien_ico.ico_round svg * {
  fill: #ffffff;
}
.lien_ico.ico_round:hover {
  color: #000;
}
.lien_ico.ico_round:hover svg {
  background-color: #ffffff;
  border-color: #000;
}
.lien_ico.ico_round:hover svg * {
  fill: #000;
}

@media only screen and (max-width: 991px) {
  /* .btn {
    &.btn_small {
      font-size: 16px !important;
      line-height: 18px !important;
    }
  }*/
}
@media only screen and (max-width: 480px) {
  /* .btn {
    font-size: 16px;
  }*/
}
.is-invalid {
  border: 1px solid #be0613 !important;
}

.form-group-message {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 18px;
  text-align: left;
  font-weight: 500;
  flex: 100%;
}
.form-group-message .m_system {
  width: 100%;
  display: inline-block;
  padding: 10px 10px 10px 55px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  min-height: 40px;
}
.form-group-message .m_system.m_infos {
  background: #e5e5e5;
  color: #000;
  border-left: 5px solid #e5e5e5;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}
.form-group-message .m_system.m_infos span {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.form-group-message .m_system.m_infos a {
  text-decoration: underline;
  color: #000;
}
.form-group-message .m_system.m_alerte {
  background: #fdedee url(../img/error.svg) left 15px center no-repeat;
  color: #000;
  border-left: 5px solid #be0613;
}
.form-group-message .m_system.m_alerte a {
  text-decoration: underline;
  color: #000;
}
.form-group-message .m_system.m_valide {
  background: #e8ffe2 url(../img/valid.svg) left 15px center no-repeat;
  color: #000;
  border-left: 5px solid #3eab04;
}
.form-group-message .m_system.m_valide a {
  text-decoration: underline;
  color: #000;
}

.form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
input:focus,
input[type=text],
input[type=mail],
input[type=file],
input[type=password],
input[type=checkbox],
input[type=radio] {
  outline: none !important;
}

.input-group {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.input-group input[type=text],
.input-group input[type=email],
.input-group input[type=password],
.input-group input[type=url],
.input-group input[type=tel],
.input-group input[type=number],
.input-group textarea {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #ffffff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 5px 20px;
  border: 2px solid #ffbd2e;
  font-family: "Hanken Grotesk";
  color: #000;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /*
      &:not(:-moz-placeholder-shown) {
          box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.25) inset;
      }
      &:focus,
      &:not(:placeholder-shown) {
          box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.25) inset;
      }
      &:-webkit-autofill {
          box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.25) inset;
      }*/
}
.input-group textarea {
  height: 150px;
  border-radius: 10px;
}
.input-group label {
  text-transform: initial;
  color: #000;
  position: absolute;
  left: 20px;
  font-size: 14px;
  line-height: normal;
  cursor: text;
  transition: 0.2s ease-out;
  font-family: "Hanken Grotesk";
  transform-origin: 0 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  height: auto;
  min-height: 36px;
  top: 0;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  flex: 100% 0 0;
  max-width: calc(100% - 20px);
}
.input-group label span {
  font-size: 10px;
  letter-spacing: -0.3px;
  flex: 1;
  padding-left: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .input-group label {
    transition: none;
  }
}
.input-group.input-group-password label {
  letter-spacing: -0.2px;
}
.input-group.input-group-date_naissance label {
  max-width: calc(100% - 65px);
}
.input-group .input-group-append {
  position: absolute;
  right: 26px;
  height: 36px;
  width: 36px;
  top: 1px;
  z-index: 2;
}
.input-group .input-group-append span {
  display: inline-block;
  height: 36px;
  width: 36px;
  background: url(../img/Eye.svg) center center no-repeat;
  background-size: 22px auto;
  border: 0;
  box-shadow: none;
  font-size: 0;
  cursor: pointer;
}
.input-group .input-group-append span.input-password-show {
  background: url(../img/Eye2.svg) center center no-repeat;
  background-size: 22px auto;
}
.input-group .input-group-calander {
  position: absolute;
  right: 10px;
  height: 36px;
  width: 36px;
  top: 0;
  z-index: 2;
}
.input-group .input-group-calander span {
  display: inline-block;
  height: 36px;
  width: 36px;
  background: url(../img/Calendrier.svg) center center no-repeat;
  background-size: 26px auto;
  cursor: pointer;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
}

.custom-control-label {
  padding-left: 30px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  font-family: "Hanken Grotesk";
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-control .custom-control-label:before {
  box-sizing: border-box;
  border: 1px solid #000;
  box-shadow: none;
  width: 26px;
  height: 26px;
  flex: 26px 0 0;
  left: 0;
  top: 0;
  border-radius: 50%;
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  background-color: #ffffff;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}

/*
.custom-control.custom_checkbox .custom-control-label:before {
  border-radius: 0;
}
*/
.custom-control-label::after {
  position: absolute;
  display: block;
  width: 0rem;
  height: 0rem;
  content: "";
  background: no-repeat 50%/50% 50%;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}

.custom-control .custom-control-input:checked ~ .custom-control-label {
  color: #ffbd2e;
}

.custom-control.jaune .custom-control-input:checked ~ .custom-control-label {
  color: #000;
}

.c-noir.custom-control .custom-control-input:checked ~ .custom-control-label {
  color: #000;
}

.custom-control .custom-control-input:checked ~ .custom-control-label::after,
.custom-control.checked .custom-control-label::after {
  background-image: none;
  background-color: #ffbd2e;
  height: 18px;
  width: 18px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
}

.custom-control.jaune .custom-control-input:checked ~ .custom-control-label::after,
.custom-control.jaune.checked .custom-control-label::after {
  background-color: #ffbd2e;
}

/***************/
.custom-switch {
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.custom-switch .before {
  cursor: pointer;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #be0613;
}
.custom-switch .after {
  cursor: pointer;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-switch label {
  z-index: 5;
  position: relative;
}
.custom-switch .custom-control-label {
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 0;
  width: 60px;
  cursor: pointer;
  height: 30px;
}
.custom-switch .custom-control-label:before {
  width: 60px;
  border-radius: 30px;
  background-color: #ffffff;
  height: 30px;
  border: none;
  content: "";
  line-height: 30px;
  color: #000;
  font-weight: 500;
  border: 2px solid #000;
}
.custom-switch .custom-control-label:after {
  height: 26px;
  width: 26px;
  top: 2px;
  border-radius: 50%;
  background-color: #ffbd2e;
  left: 2px;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(28px);
  background-color: #ffbd2e;
  height: 26px;
  width: 26px;
  top: 2px;
  border-radius: 50%;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  content: "";
  font-weight: 700;
}
.custom-switch .custom-control-input:checked ~ .before {
  color: #000;
  font-weight: 400;
}
.custom-switch .custom-control-input:checked ~ .after {
  color: #be0613;
  font-weight: 700;
}

/*
.custom-control.custom_checkbox .custom-control-input:checked~.custom-control-label::after {
    top: 6px;
    width: 14px;
    height: 11px;
    background: url(public/img/ico-list.svg) left top no-repeat;
    background-size: 100% auto;
}*/
.select-group {
  background: #ffffff url(../img/caret3.svg) right 10px center no-repeat;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  cursor: pointer;
  display: block;
  height: 36px;
  margin: 0;
  outline: none;
  border: 2px solid #ffbd2e;
  font-size: 14px;
  line-height: normal;
  font-family: "Hanken Grotesk";
  padding: 0;
  z-index: 5;
  background-color: #ffffff;
  border-radius: 10px;
  font-family: "Hanken Grotesk";
}
.select-group select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  padding: 7px 30px 7px 20px;
  margin: 0;
  width: 100%;
  cursor: inherit;
  outline: none;
  z-index: 10;
  font-size: 14px;
  line-height: normal;
  font-family: "Hanken Grotesk";
  color: #000;
  text-transform: uppercase;
}
.select-group select option:checked {
  color: #be0613 !important;
}

.bg_gris .select-group {
  background-color: #ffffff;
}
.bg_gris .input-group {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.bg_gris .input-group input[type=text],
.bg_gris .input-group input[type=email],
.bg_gris .input-group input[type=password],
.bg_gris .input-group input[type=url],
.bg_gris .input-group input[type=tel],
.bg_gris .input-group input[type=number],
.bg_gris .input-group textarea {
  background-color: #ffffff;
}

.row_obligue {
  justify-content: space-between;
  font-size: 12px;
  font-weight: bold;
}
.row_obligue .form-lien {
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-weight: 600;
}
.row_obligue a {
  text-decoration: underline;
}

.m-champs-obligatoires {
  font-size: 12px;
  font-family: "Hanken Grotesk";
  font-weight: 400;
  color: #000;
}

.input-group > label {
  pointer-events: none !important;
}

.input-group > .form-control:not(:-moz-placeholder-shown) ~ label {
  transform: scale(0.8) translateY(-1.9rem) translateX(0rem);
  color: #000 !important;
}

.input-group > .form-control:not(:-moz-placeholder) ~ label {
  transform: scale(0.8) translateY(-1.9rem) translateX(0rem);
  color: #000 !important;
}

.input-group > .form-control:focus ~ label,
.input-group > .form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.8) translateY(-1.9rem) translateX(0rem);
  color: #000 !important;
}

.input-group > .form-control:-webkit-autofill ~ label {
  transform: scale(0.8) translateY(-1.9rem) translateX(0rem);
  color: #000 !important;
}

@media only screen and (max-width: 1179px) {
  .input-group .input-group-append {
    right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .input-group label,
  .input-group input[type=text],
  .input-group select,
  .input-group textarea {
    font-size: 14px;
    line-height: 14px;
  }
  .input-group input[type=text] {
    height: 34px;
  }
  .input-group label {
    min-height: 34px;
  }
  .select-group {
    height: 34px;
  }
  .form-group-message .m_system {
    padding: 10px 10px 10px 10px;
    font-size: 12px;
  }
  .form-group-message .m_system.m_alerte {
    background: #fdedee;
  }
  .form-group-message .m_system.m_valide {
    background: #e8ffe2;
  }
}
/* %header_fixed {
  position: fixed;
  transition: all 0.15s ease-in-out;

  .header_top,
  .header_bottom {
    display: none !important;
  }

  .header_bottom {
    &.visible {
      display: block !important;
      padding: 0;

      >.container {
        display: none !important;
      }

      .navigation_mobile {
        border: none;
      }
    }
  }


  .header_fixed {
    display: block;
    width: 100%;
    padding: 10px 0;
    background-color: $color-beige;
    border-bottom: 2px solid $color-noir;
    box-shadow: 0px 1px 2px 0px rgba($color: $color-noir, $alpha: 0.5);

    .container {
      max-width: 1400px;
      align-items: center;
      justify-content: space-between;
      position: relative;

      .bloc_menu {
        .menu {
          display: flex;
          align-items: center;
          column-gap: 100px;

          li {
            position: relative;

            &::after {
              content: '';
              position: absolute;
              height: 20px;
              width: 1px;
              background-color: $color-noir;
              top: 0;
              right: -50px;
            }

            a {
              color: $color-noir;
              font-family: $font-family;
              font-size: 16px;
              font-style: normal;
              font-weight: 900;
              line-height: normal;
              letter-spacing: 4px;
              text-transform: uppercase;
              text-align: center;

              strong {
                font-weight: 900;
              }

              &:hover,
              &.active {
                color: $color-rouge;
              }

            }

            &.item_5 {
              &:after {
                display: none;
              }
            }
          }
        }
      }

      .bloc_logo {
        flex: auto 0 0;

        .logo {
          img {
            max-height: 50px;
            width: auto;
          }
        }

      }

      .bloc_btn {
        flex: auto 0 0;

      }
    }
  }


  @include breakpoints(1350) {
    .header_fixed {

      .container {


        .bloc_menu {
          .menu {
            column-gap: 50px;

            li {
              &::after {
                right: -25px;
              }

              a {
                color: $color-noir;
                font-family: $font-family;
                font-size: 16px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                letter-spacing: 4px;
                text-transform: uppercase;
                text-align: center;
              }


            }
          }
        }

      }
    }
  }

  @include breakpoints(1179) {
    .header_fixed {
      .container {
        .bloc_menu {
          .menu {
            column-gap: 20px;

            li {
              &::after {
                right: -10px;
              }

              a {
                font-size: 16px;
                letter-spacing: 3px;
              }

            }
          }
        }

      }
    }
  }

  @include breakpoints(991) {
    .header_fixed {
      .container {
        .bloc_menu {
          .menu {
            li {

              a {
                font-size: 14px;
                letter-spacing: 1px;
              }

            }
          }
        }

        .btn.btn_small {
          font-size: 15px !important;
          padding: 10px 10px 6px;
        }

      }
    }
  }

  @include breakpoints(767) {
    .header_fixed {
      .container {
        justify-content: center;

        .bloc_menu {
          display: none;
        }

        .bloc_btn {
          .open_menu {
            display: block;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;

            .svg {
              display: block;
            }

            .svg_1 {
              display: none;
            }

            &.open {
              .svg {
                display: none;
              }

              .svg_1 {
                display: block;
              }
            }
          }

          .btn_abonne {
            display: none;
          }
        }
      }
    }
  }

}

header {
  position: relative;
  z-index: 10;
  width: 100%;

  .header_fixed {
    display: none;
  }

  .header_top {
    background-color: $color-noir;

    .container {
      align-items: center;
      justify-content: center;
      min-height: 45px;
      max-width: 1400px;

      .slogon {
        color: $color-blanc;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        font-family: $font-family;
      }

      .sociaux {
        flex: auto 0;
        gap: 30px;
        position: absolute;
        right: 0;

      }
    }
  }

  .header_bottom {
    position: relative;
    padding: 20px 0;
    background-color: $color-beige;
    border-bottom: 2px solid $color-noir;

    .container {
      max-width: 1400px;
      justify-content: space-between;
      align-items: center;
      column-gap: 20px;

      .bloc_left {
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 40px;

        .pos_top {
          align-items: center;
          column-gap: 20px;

          a {
            font-family: $font-family;
            font-size: 12px;
            font-weight: 600;
            line-height: normal;
            display: flex;
            gap: 10px;

            &:hover {
              svg {
                * {
                  fill: $color-rouge;
                }
              }
            }

          }
        }

        .pos_bottom {
          .menu {
            display: flex;
            align-items: center;
            column-gap: 160px;

            li {
              position: relative;

              &::after {
                content: '';
                position: absolute;
                height: 20px;
                width: 1px;
                background-color: $color-noir;
                top: 0;
                right: -80px;
              }

              a {
                color: $color-noir;
                font-family: $font-family;
                font-size: 16px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                letter-spacing: 4px;
                text-transform: uppercase;
                text-align: center;

                strong {
                  font-weight: 900;
                }

                span {
                  display: block;
                  font-size: 12px;
                  font-weight: 400;
                  line-height: 12px;
                  letter-spacing: 1px;
                  text-transform: lowercase;
                  color: $color-noir;
                }

                &:hover {
                  color: $color-gris;
                }

                &.active {
                  color: $color-rouge;
                }
              }

              &.item_2 {
                &:after {
                  display: none;
                }
              }
            }
          }
        }
      }

      .bloc_center {
        flex: 330px 0 0;

        .logo {
          display: flex;
          align-items: center;
          width: 100%;
        }
      }

      .bloc_right {
        align-items: flex-end;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 30px;

        .pos_top {
          align-items: center;
          column-gap: 10px;
          max-width: 415px;
          width: 100%;

          .btn_abonne {
            margin-right: auto;
          }

          .panier_compte {
            display: flex;
            align-items: center;
            gap: 40px;
          }

          .get_panier {
            position: relative;

            &::before {
              content: '';
              position: absolute;
              height: 20px;
              width: 1px;
              background-color: $color-noir;
              top: 0;
              left: -20px;
            }
          }

          .soc {
            &:hover {
              svg {
                * {
                  fill: $color-rouge;
                }
              }
            }
          }


          .mon_compte {
            font-size: 12px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 5px;
            position: relative;
            flex: auto 0 0;
            align-items: center;

            .text {
              width: 70px;
            }

            .lien_mon_compte {
              display: flex;
              align-items: center;
              gap: 5px;
            }

            &.active {
              .svg {
                position: relative;

                i {
                  z-index: 5;
                  position: absolute;
                  left: 14px;
                  top: -9px;
                  font-family: $font-family;
                  font-size: 11px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 13px;
                  text-transform: uppercase;
                  border-radius: 10px;
                  border: 1px solid $color-rouge;
                  background: $color-rouge;
                  box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
                  display: flex;
                  width: 16px;
                  height: 16px;
                  justify-content: center;
                  align-items: center;
                  color: $color-blanc;
                }
              }
            }

            .bloc_compte {
              display: none;
              flex-direction: column;
              position: absolute;
              top: 100%;
              padding: 20px 15px;
              z-index: 999;
              gap: 10px;
              border: 1px solid $color-rouge;
              background: $color-blanc;
              width: 320px;
              right: 0;


              .ticket {
                display: flex;
                padding: 0px 5px 1px 5px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border: 1px solid $color-gris;
                background: $color-blanc;
                color: $color-gris;
                font-family: $font-family;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                flex: auto 0 0;

                &.abonne {
                  color: $color-jaune;
                }
              }

              .bloc_top {
                display: flex;
                gap: 10px;

                .ico {
                  flex: 20px 0 0;

                  svg {
                    fill: none !important;
                  }
                }

                .infos {
                  flex: 1;
                  display: flex;
                  flex-wrap: wrap;
                  gap: 2px 10px;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 18px;
                  align-items: center;
                  font-family: $font-family;

                  .titre {
                    font-weight: 700;
                  }


                }
              }

              .nav {
                li {
                  padding: 10px;
                  border-bottom: 1px solid $color-gris;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 18px;

                  &:first-child {
                    border-top: 1px solid $color-gris;
                  }
                }
              }

              .bloc_abonnement {
                .titre {
                  font-size: 14px;
                  font-weight: 700;
                  line-height: 18px;
                }

                .liste_abonnement {
                  li {
                    justify-content: space-between;
                    align-items: center;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 18px;
                    position: relative;
                    padding: 10px 0;
                    color: $color-gris;
                    position: relative;
                    display: flex;
                    gap: 20px;

                    &:after {
                      content: '';
                      height: 1px;
                      width: 50px;
                      background-color: $color-gris;
                      left: 0;
                      bottom: 0;
                      position: absolute;
                    }

                    &.abonne {
                      color: $color-noir;

                      .ticket {
                        color: $color-rouge;
                      }
                    }
                  }
                }


              }

              .link {
                padding: 10px 0;
                justify-content: center;
                display: flex;
                border-top: 1px solid $color-gris;
                border-bottom: 1px solid $color-gris;
              }

              .deconnexion_aide {
                justify-content: space-between;
                align-items: center;

                .aide {
                  display: flex;
                  width: 60px;
                  height: 25px;
                  padding: 3px;
                  border-radius: 30px;
                  font-size: 11.25px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  letter-spacing: 0.188px;
                  gap: 3px;
                  align-items: center;
                  background-color: $color-gris;

                  svg {
                    width: 20px;
                    height: 20px;
                    flex: 20px 0 0;
                  }
                }

                .deconnexion {
                  gap: 8px;
                  align-items: center;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 18px;

                  svg {
                    width: 21px;
                    height: 18px;
                    flex: 22px 0 0;
                  }
                }
              }
            }

            &:hover,
            &:active,
            &:focus {
              .bloc_compte {
                display: flex;
              }
            }

          }



        }

        .pos_bottom {
          .menu {
            display: flex;
            align-items: center;
            column-gap: 120px;

            li {
              position: relative;

              &::after {
                content: '';
                position: absolute;
                height: 20px;
                width: 1px;
                background-color: $color-noir;
                top: 0;
                right: -60px;
              }

              a {
                color: $color-noir;
                font-family: $font-family;
                font-size: 16px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                letter-spacing: 4px;
                text-transform: uppercase;
                text-align: center;

                strong {
                  font-weight: 900;
                }

                span {
                  display: block;
                  font-size: 12px;
                  font-weight: 400;
                  line-height: 12px;
                  letter-spacing: 1px;
                  text-transform: lowercase;
                  color: $color-noir;
                }

                &:hover {
                  color: $color-gris;
                }

                &.active {
                  color: $color-rouge;
                }
              }

              &.item_2 {
                &:after {
                  display: none;
                }
              }

              &.item_3 {
                display: none
              }
            }
          }
        }
      }
    }
  }

  .header_nav {
    justify-content: center;
    min-height: 60px;
    background-color: $color-noir;
    gap: 60px;

    li {
      color: $color-blanc;
      text-align: center;
      font-family: $font-family;
      font-size: 20px;
      font-style: normal;
      font-weight: 800;
      line-height: normal;
      letter-spacing: 1px;
      text-transform: uppercase;

      a {
        height: 100%;
        position: relative;
        display: flex;
        line-height: 55px;
        border-bottom: 5px solid transparent;
        color: $color-blanc;

        &:hover {
          color: $color-jaune;
          border-color: $color-jaune;
        }
      }


      &.current-menu-item {
        a {
          color: $color-jaune;
          border-color: $color-jaune;
        }
      }

    }
  }

  &.fixed {
    @extend %header_fixed;
  }

  &.header_landing {
    display: block;
    width: 100%;
    padding: 30px 0;
    background-color: $color-beige;

    .container {
      max-width: 1200px;
      align-items: center;
      position: relative;
      gap: 80px;

      .bloc_logo {
        flex: auto 0 0;

      }

      .titre {
        font-family: $font-family;
        font-size: 28px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

    }

    &.fixed {
      padding: 10px 0;

      .container {
        .bloc_logo {
          img {
            max-height: 50px;
            width: auto;
          }
        }

        .titre {
          font-size: 20px;
        }
      }
    }

  }


}

.construction {
  margin-bottom: 30px;
  min-height: 110px;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: baseline;

  img {
    transform: rotate(2deg);
    transform-origin: 0 0;
    max-width: initial;
  }
}*/
header {
  background-color: #000;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
header .header_top {
  background-color: #000;
  padding: 24px 20px;
  border-bottom: 2px solid #ffffff;
}
header .header_top .container {
  justify-content: center;
  align-items: center;
  max-width: 1765px;
}
header .header_top .container .logo {
  text-align: center;
}
header .header_top .container .logo img {
  width: 80%;
}
header .header_top .container .header_right {
  position: absolute;
  right: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
}
header .header_top .container .header_right .btn:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #000;
}
header .header_bottom {
  padding: 16px 0;
}
header .header_bottom .container {
  justify-content: center;
  align-items: center;
  max-width: 1765px;
}
header .header_bottom .container ul {
  gap: 70px;
}
header .header_bottom .container ul a {
  color: #ffffff;
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
header .header_bottom .container ul a:hover {
  color: #ffbd2e;
}
header .header_bottom .container ul .current-menu-item a {
  color: #ffbd2e;
}

.open_menu {
  display: none;
}

.navigation_mobile {
  display: none;
  padding: 0;
}
.navigation_mobile .content {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px 20px 0;
}
.navigation_mobile .content .bord {
  background-color: #000;
  height: 1px;
  width: 100%;
  display: block;
}
.navigation_mobile .content .bloc_top {
  flex-direction: column;
  padding: 15px 0;
  row-gap: 15px;
  align-items: center;
}
.navigation_mobile .content .bloc_top .pos_top {
  justify-content: center;
  width: 100%;
  align-items: center;
  -moz-column-gap: 22px;
       column-gap: 22px;
}
.navigation_mobile .content .bloc_top .pos_bottom {
  flex-direction: column;
  width: 100%;
  align-items: center;
  row-gap: 15px;
}
.navigation_mobile .content .bloc_top .pos_bottom a {
  font-family: "Montaigne";
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  gap: 10px;
}
.navigation_mobile .content .bloc_menu .menu {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.navigation_mobile .content .bloc_menu .menu li {
  position: relative;
}
.navigation_mobile .content .bloc_menu .menu li a {
  color: #000;
  font-family: "Montaigne";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
}
.navigation_mobile .content .bloc_menu .menu li a:hover {
  color: #e5e5e5;
}
.navigation_mobile .content .bloc_menu .menu li a.active {
  color: #be0613;
}
.navigation_mobile .content .bloc_center {
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.navigation_mobile .content .bloc_center .panier_compte {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.navigation_mobile .content .bloc_center .mon_compte {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  flex: auto 0 0;
  align-items: center;
  flex-direction: column;
}
.navigation_mobile .content .bloc_center .mon_compte .lien_mon_compte {
  display: flex;
  align-items: center;
  gap: 5px;
}
.navigation_mobile .content .bloc_center .mon_compte.active .svg {
  position: relative;
}
.navigation_mobile .content .bloc_center .mon_compte.active .svg i {
  z-index: 5;
  position: absolute;
  left: 14px;
  top: -9px;
  font-family: "Montaigne";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid #be0613;
  background: #be0613;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte {
  display: none;
  flex-direction: column;
  top: 100%;
  padding: 20px 15px;
  z-index: 999;
  gap: 10px;
  border: 1px solid #be0613;
  background: #ffffff;
  width: 260px;
  right: 0;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .ticket {
  display: flex;
  padding: 0px 5px 1px 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #e5e5e5;
  font-family: "Montaigne";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex: auto 0 0;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .ticket.abonne {
  color: #ffbd2e;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_top {
  display: flex;
  gap: 10px;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_top .ico {
  flex: 20px 0 0;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_top .ico svg {
  fill: none !important;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_top .infos {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  align-items: center;
  font-family: "Montaigne";
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_top .infos .titre {
  font-weight: 700;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .nav li {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .nav li:first-child {
  border-top: 1px solid #e5e5e5;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_abonnement .titre {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_abonnement .liste_abonnement li {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  position: relative;
  padding: 10px 0;
  color: #e5e5e5;
  position: relative;
  display: flex;
  gap: 20px;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_abonnement .liste_abonnement li:after {
  content: "";
  height: 1px;
  width: 50px;
  background-color: #e5e5e5;
  left: 0;
  bottom: 0;
  position: absolute;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_abonnement .liste_abonnement li.abonne {
  color: #000;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .bloc_abonnement .liste_abonnement li.abonne .ticket {
  color: #be0613;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .link {
  padding: 10px 0;
  justify-content: center;
  display: flex;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .deconnexion_aide {
  justify-content: space-between;
  align-items: center;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .deconnexion_aide .aide {
  display: flex;
  width: 60px;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  font-size: 11.25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.188px;
  gap: 3px;
  align-items: center;
  background-color: #e5e5e5;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .deconnexion_aide .aide svg {
  width: 20px;
  height: 20px;
  flex: 20px 0 0;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .deconnexion_aide .deconnexion {
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.navigation_mobile .content .bloc_center .mon_compte .bloc_compte .deconnexion_aide .deconnexion svg {
  width: 21px;
  height: 18px;
  flex: 22px 0 0;
}
.navigation_mobile .content .bloc_center .mon_compte:hover .bloc_compte, .navigation_mobile .content .bloc_center .mon_compte:active .bloc_compte, .navigation_mobile .content .bloc_center .mon_compte:focus .bloc_compte {
  display: flex;
}

@media only screen and (max-width: 1179px) {
  header .header_top {
    padding: 17px 15px;
  }
  header .header_top .container {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  header .header_top .logo {
    max-width: 230px;
  }
  header .header_top .btn {
    padding: 8px 15px;
    font-size: 12px;
    border: none;
  }
  header .header_bottom .container ul {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  header .open_menu {
    display: block;
  }
  header .open_menu .svg {
    display: block;
    width: 24px;
  }
  header .open_menu .svg path {
    fill: #ffffff;
  }
  header .open_menu .svg_1 {
    display: none;
  }
  header .open_menu.open .svg {
    display: none;
  }
  header .open_menu.open .svg_1 {
    display: block;
  }
  header .header_top {
    border-bottom: 0;
  }
  header .header_bottom {
    padding: 0;
  }
  header .header_bottom .container .menu-main-menu-container {
    display: none;
  }
  header .header_bottom .container .navigation_mobile .menu-main-menu-container {
    display: block;
    padding: 15px;
  }
  header .header_bottom .container .navigation_mobile .menu-main-menu-container ul {
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  header .header_bottom .container .navigation_mobile .menu-main-menu-container ul a {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 550px) {
  header .header_top .logo {
    text-align: left !important;
  }
}
@media only screen and (max-width: 380px) {
  header .header_top .logo {
    max-width: 160px;
  }
}
/*footer {
  position: relative;
  z-index: 10;
  width: 100%;

  .footer_bottom {
    position: relative;
    padding: 20px 10px;
    background-color: $color-beige;
    border-top: 2px solid $color-noir;
    border-bottom: 2px solid $color-noir;

    .container {
      max-width: 1400px;
      justify-content: space-between;
      align-items: center;
      gap: 20px;

      .bloc_left {
        align-items: center;
        flex-direction: column;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        position: relative;
        flex: 210px 0 0;
        row-gap: 5px;
        margin-right: 100px;

        &::after {
          content: '';
          position: absolute;
          height: 20px;
          width: 1px;
          background-color: $color-noir;
          top: 50%;
          right: -54px;
          transform: translateY(-50%);
        }
      }

      .bloc_left_menu {
        .menu {
          display: flex;
          justify-content: center;
          flex-direction: column;
          row-gap: 5px;
          align-items: center;

          a {
            font-size: 14px;
            font-weight: 400;
            line-height: normal;

            &:hover,
            &.active {
              color: $color-rouge;
              font-weight: 700;
            }
          }
        }
      }

      .bloc_center {
        flex: 1;

        .logo {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;

          img {
            height: auto !important;
          }
        }
      }


      .bloc_right_menu {
        position: relative;

        .menu {
          display: flex;
          justify-content: center;
          flex-direction: column;
          row-gap: 5px;
          align-items: center;

          a {
            font-size: 14px;
            font-weight: 400;
            line-height: normal;

            &:hover,
            &.active {
              color: $color-rouge;
              font-weight: 700;
            }
          }
        }
      }

      .bloc_right {
        justify-content: center;
        column-gap: 25px;
        row-gap: 15px;
        flex-wrap: wrap;
        flex: 160px 0 0;
        margin-left: 100px;
        position: relative;

        &::before {
          content: '';
          position: absolute;
          height: 20px;
          width: 1px;
          background-color: $color-noir;
          top: 50%;
          left: -54px;
          transform: translateY(-50%);
        }

        .titre {
          width: 100%;
          text-align: center;
          font-family: $font-family;
          font-size: 20px;
          font-weight: 400;
          line-height: normal;
          text-transform: uppercase;
        }

        .soc {
          &:hover {
            svg {
              * {
                fill: $color-rouge;
              }
            }
          }
        }
      }

    }
  }

  &.footer_landing {
    .footer_bottom {
      .container {
        max-width: 1400px;
        justify-content: center;
        align-items: center;
        gap: 20px 80px;

        .bloc_service {
          align-items: center;
          flex-direction: column;
          font-size: 14px;
          font-weight: 400;
          line-height: normal;
          position: relative;
          flex: 240px 0 0;
          row-gap: 5px;
        }


      }
    }
  }
}
*/
footer {
  background-color: #000;
  width: 100%;
  padding: 45px 20px;
  border-top: 2px solid #ffffff;
  color: #e5e5e5;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.08px;
}
footer .footer_top {
  padding-bottom: 25px;
  text-align: center;
}
footer .footer_bottom .container {
  justify-content: center;
  gap: 44px;
  align-items: center;
}
footer .footer_bottom .container .footer_menu {
  gap: 44px;
  align-items: center;
}
footer .footer_bottom .container .footer_menu a {
  color: #e5e5e5;
}
footer .footer_bottom .container .footer_menu a:hover {
  color: #ffbd2e;
}
footer .footer_bottom .container .footer_menu .current-menu-item a {
  color: #ffbd2e;
}
footer .footer_bottom .container .sociaux {
  gap: 25px;
  align-items: center;
  flex: auto 0 0;
}

@media only screen and (max-width: 1179px) {
  footer .footer_bottom .container {
    gap: 25px;
  }
  footer .footer_bottom .container .footer_menu {
    gap: 25px;
  }
}
@media only screen and (max-width: 1080px) {
  footer .footer_bottom .container {
    gap: 15px;
  }
  footer .footer_bottom .container .footer_menu {
    gap: 15px;
    flex-wrap: wrap;
  }
  footer .footer_top .logo img {
    max-width: 210px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer_bottom .container {
    flex-direction: column;
  }
  .p-b-75 {
    padding-bottom: 30px !important;
  }
  .p-t-75 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer_bottom .container {
    font-size: 11px;
  }
  footer .footer_bottom .container .footer_menu {
    font-size: 11px;
    justify-content: center;
  }
}
/*.section_abonnez_vous {
   border-bottom: 4px solid $color-noir;

   .container {
     max-width: 1400px;

     >.titre {
       text-align: center;
       font-family: $font-family;
       font-size: 50px;
       font-style: normal;
       font-weight: 900;
       line-height: 64px;
       text-transform: uppercase;
     }

     .bloc_abonnements {
       gap: 40px;
       flex-wrap: wrap;
       justify-content: center;

       .item_offre {

         .images {
           width: 185px;
           margin-bottom: 20px;
           position: relative;

           img {
             box-shadow: -8px 8px 8px 0px rgba($color: $color-noir, $alpha: 0.25);
           }
         }

         .liseuse_courte {
           display: flex;
           padding: 6px 18px 4px 18px;
           justify-content: center;
           align-items: center;
           gap: 10px;
           background: $color-jaune;
           color: $color-noir;
           text-align: center;
           font-variant-numeric: lining-nums proportional-nums;
           font-size: 13px;
           line-height: 14px;
           font-weight: 700;
           line-height: normal;
           text-transform: uppercase;
           position: absolute;
           left: 60%;
           top: 180px;
         }


         &:hover {
           color: initial;

           .btn {

             background-color: $color-blanc;
             color: $color-rouge;
             border-color: $color-rouge;

             &.btn_jaune {
               background-color: $color-blanc;
               color: $color-noir;
               border-color: $color-jaune;
             }

           }
         }

         &.item_magazine {

           .img {
             max-width: 262px;
             margin: 20px auto;

             img {
               box-shadow: -8px 8px 8px 0px rgba($color: $color-noir, $alpha: 0.25);
             }
           }

           .custom-switch {
             text-align: center;
             flex-direction: row;

             .epuise {
               padding: 10px 20px;
               border-radius: 10px;
               background: $color-noir;
               color: $color-blanc;
               text-align: center;
               font-family: $font-family;
               font-size: 20px;
               font-style: normal;
               font-weight: 700;
               line-height: normal;
               text-transform: uppercase;
             }

             .prix {
               font-size: 30px;
               font-style: italic;
               font-weight: 800;
               line-height: normal;
               color: $color-noir;
             }

             .custom-control-input~.before {
               .prix {
                 color: $color-rouge;
               }
             }

             .custom-control-input:checked~.before {
               .prix {
                 color: $color-noir;
               }
             }

             .custom-control-input:checked~.after {
               .prix {
                 color: $color-rouge;
               }
             }
           }

           .btn {
             padding: 10px 20px 8px;
             letter-spacing: 0;
           }

           .btn_feuillette {
             margin: 20px auto 0;
             display: flex;
             padding: 4px 25px;
             align-items: center;
             border-radius: 10px;
             background: $color-beige;
             z-index: 2;
             font-size: 18.4px;
             font-style: normal;
             font-weight: 700;
             line-height: normal;
             cursor: pointer;
             width: max-content;
             border: 2px solid $color-beige;

             &:hover {
               background-color: $color-blanc;
             }
           }

         }

       }

       .bloc_vente_marchand {
         width: 100%;
         max-width: 440px;
         padding: 25px 30px 35px 30px;
         border-top: 2px solid $color-noir;
         border-bottom: 2px solid $color-noir;
         background: $color-jaune;
         box-shadow: 0px 2px 2px 0px rgba($color: $color-noir, $alpha: 0.5);
         text-align: center;
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
         line-height: normal;
         background-color: $color-beige-1;


         .content {
           gap: 30px;
           flex-direction: column;
           display: flex;
           align-items: center;

           .titre {
             font-family: $font-family;
             font-size: 22px;
             font-style: normal;
             font-weight: 700;
             line-height: normal;
             text-transform: uppercase;
             margin-bottom: 0;
           }

           .btn_ico {
             font-size: 20px;
             text-transform: none;
           }
         }
       }
     }
   }
 }
*/
/* .template_sommes_nous,
 .template_faq {
   .section_abonnez_vous {
     .container {
       .bloc_abonnements {
         .item_offre {
           margin-bottom: 0 !important;
         }
       }
     }
   }
 }*/
/*
.section_compteur {
  .container {
    justify-content: space-between;
    column-gap: 20px;
    max-width: 1400px;

    .bloc_compteur {
      width: 785px;
      padding: 35px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      border: 4px solid $color-noir;
      background-color: $color-beige-1;
      border-radius: 10px;
      max-width: 100%;

      h1 {
        color: $color-rouge;
        text-align: center;
        font-family: $font-family;
        font-size: 40px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 5px;
      }

      p {
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 20px;
      }
    }

    .bloc_newsletter {
      width: 465px;
      padding: 20px 50px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      background-color: $color-noir;
      border-radius: 10px;
      color: $color-blanc;
      max-width: 100%;

      .infos {
        font-size: 12px;
        font-style: normal;
        font-weight: 800;
        line-height: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;

        span {
          font-family: $font-family;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          text-transform: uppercase;
        }
      }

      .condition {
        text-align: justify;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

        a {
          font-weight: 700;
          color: $color-blanc;
          text-decoration: underline;
        }
      }

      .newsletter {
        width: 100%;

        .form-groups {
          flex-direction: column;
          margin-top: 10px;

          .input-group>.form-control:not(:-moz-placeholder-shown)~label {
            color: $color-blanc !important;
          }

          .input-group>.form-control:focus~label,
          .input-group>.form-control:not(:placeholder-shown)~label {
            color: $color-blanc !important;
          }

          .input-group>.form-control:-webkit-autofill~label {
            color: $color-blanc !important;
          }
        }
      }
    }
  }
}
*/
.section_formules_abonnements {
  background-color: #000;
  padding-left: 15px;
  padding-right: 15px;
}
.section_formules_abonnements h2 {
  color: #ffffff;
  text-align: center;
  font-family: "Montaigne";
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  line-height: 70px;
}
.section_formules_abonnements .btn:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #000;
}

.page-template-page-apropos .section_formules_abonnements {
  background-color: #e5e5e5;
}
.page-template-page-apropos .section_formules_abonnements h2 {
  color: #000;
}
.page-template-page-apropos .section_formules_abonnements .btn:hover {
  background-color: #000;
  color: #ffbd2e;
}

.section_informations_pratiques .container {
  max-width: 1600px;
}
.section_informations_pratiques .container .informations {
  width: 100%;
  padding: 70px 80px;
  background: #e5e5e5;
  justify-content: space-between;
  gap: 20px;
  border-radius: 20px;
}
.section_informations_pratiques .container .informations .item {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  flex: auto 0 0;
}
.section_informations_pratiques .container .informations .item h3 {
  text-align: center;
  font-family: "Montaigne";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.64px;
  margin-bottom: 0;
}
.section_informations_pratiques .container .informations .item .img {
  max-height: 70px;
}
.section_informations_pratiques .container .informations .item .img img {
  max-height: 100%;
}

.section_premiers_particiants .container {
  max-width: 1162px;
  position: relative;
  display: flex;
  gap: 50px;
  align-items: center;
}
.section_premiers_particiants .container h1 {
  font-family: "Montaigne";
  margin-bottom: 0;
  color: #000;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 66px;
  text-transform: inherit;
  flex: 1;
}
.section_premiers_particiants .container .bloc_content {
  width: 628px;
  max-width: 100%;
  flex: 628px 0 0;
}
.section_premiers_particiants .container .bloc_content .bloc_left {
  flex: 1;
  position: relative;
}
.section_premiers_particiants .container .bloc_content .bloc_left .img {
  text-align: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
}
.section_premiers_particiants .container .bloc_content .bloc_left .img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.section_premiers_particiants .container .bloc_content .bloc_left .img .descriptif_bottom {
  position: absolute;
  bottom: 30px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 27.157px;
  font-style: normal;
  font-weight: 700;
  line-height: 32.249px; /* 118.75% */
  letter-spacing: 0.543px;
}
.section_premiers_particiants .container .bloc_content .bloc_left .img .svg {
  width: 80px;
  height: 57px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section_premiers_particiants .container .bloc_content .bloc_right {
  flex: 536px 0 0;
  display: flex;
  padding: 20px 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background-color: #e5e5e5;
}
.section_premiers_particiants .container .bloc_content .bloc_right p {
  margin-bottom: 0;
}
.section_premiers_particiants .container .bloc_content .bloc_right .titre {
  color: #000;
  text-align: center;
  font-family: "Montaigne";
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}
.section_premiers_particiants .container .bloc_content .bloc_right .sous_titre {
  color: #000;
  text-align: center;
  font-family: "Montaigne";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
}
.section_premiers_particiants .container .bloc_content .bloc_right .bloc_pourcentage {
  margin-bottom: -20px;
  display: flex;
  height: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: #000;
  width: 270px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.section_premiers_particiants .container .bloc_content .bloc_right .bloc_pourcentage .pourcentage {
  width: 20%;
  height: 20px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffbd2e;
  border: 1px solid #000;
}
.section_premiers_particiants .container .bloc_content .bloc_right .num {
  color: #000;
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section_premiers_particiants .container .bloc_content .bloc_right .desc {
  color: #000;
  text-align: center;
  font-family: "Montaigne";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.section_premiers_particiants.affichage_v2 .container {
  max-width: 1400px;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content {
  gap: 50px;
  align-items: center;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left {
  flex: 435px 0 0;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.38px;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left .lien {
  text-align: center;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
  flex: 1 0 0;
  padding: 30px 40px;
  flex-direction: row;
  gap: 100px;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .titre {
  flex: 170px 0 0;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .desc {
  flex: 202px 0 0;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .sous_titre {
  margin-bottom: 15px;
  line-height: 40px;
}
.section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .bloc_pourcentage {
  margin-bottom: 15px;
}

.section_faq {
  padding: 90px 15px;
}
.section_faq.br_bottom {
  border-bottom: 8px solid #000;
}
.section_faq.section_faq_mobile {
  padding-bottom: 30px !important;
  box-shadow: none;
}
.section_faq .container {
  max-width: 1165px;
  position: relative;
}
.section_faq .container .titre {
  font-family: "Montaigne";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 80px;
  color: #000;
  display: flex;
  flex-direction: column;
}
.section_faq .container .titre .svg {
  font-size: initial;
}
.section_faq .container .accordion_bloc {
  max-width: 1165px;
  margin-bottom: 90px;
}
.section_faq .container .message {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  font-family: "Montaigne";
}

.section_rester_informe {
  background-color: #000;
  position: relative;
  z-index: 2;
  padding-left: 30px;
  padding-right: 30px;
}
.section_rester_informe .form-group-message {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 18px;
  text-align: left;
  font-weight: 500;
  flex: 100%;
}
.section_rester_informe .form-group-message .message-system {
  width: 100%;
  display: inline-block;
  padding: 10px 10px 10px 55px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  min-height: 40px;
}
.section_rester_informe .form-group-message .message-system.alert-info {
  background: #ededed;
  color: #1d1d1b;
  border-left: 5px solid #7d7d77;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section_rester_informe .form-group-message .message-system.alert-info a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_rester_informe .form-group-message .message-system.alert-danger {
  background: #fdedee url(../img/error.svg) left 15px center no-repeat;
  color: #1d1d1b;
  border-left: 5px solid #be0613;
}
.section_rester_informe .form-group-message .message-system.alert-danger a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_rester_informe .form-group-message .message-system.alert-success {
  background: #e8ffe2 url(../img/valid.svg) left 15px center no-repeat;
  color: #1d1d1b;
  border-left: 5px solid #3eab04;
}
.section_rester_informe .form-group-message .message-system.alert-success a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_rester_informe .lcb_form {
  flex-wrap: wrap;
  gap: 0 28px;
}
.section_rester_informe .lcb_form .msg {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: -20px;
  text-align: right;
  width: 100%;
  margin-bottom: 0;
}
.section_rester_informe .lcb_form .form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.section_rester_informe .lcb_form input:focus,
.section_rester_informe .lcb_form input[type=text],
.section_rester_informe .lcb_form input[type=mail],
.section_rester_informe .lcb_form input[type=file],
.section_rester_informe .lcb_form input[type=password],
.section_rester_informe .lcb_form input[type=checkbox],
.section_rester_informe .lcb_form input[type=radio] {
  outline: none !important;
}
.section_rester_informe .lcb_form .input_group {
  position: relative;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  font-family: "Hanken Grotesk";
}
.section_rester_informe .lcb_form .input_group input[type=text],
.section_rester_informe .lcb_form .input_group input[type=email],
.section_rester_informe .lcb_form .input_group input[type=password],
.section_rester_informe .lcb_form .input_group input[type=url],
.section_rester_informe .lcb_form .input_group input[type=tel],
.section_rester_informe .lcb_form .input_group input[type=number],
.section_rester_informe .lcb_form .input_group textarea {
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  border-radius: 10px;
  border: none;
}
.section_rester_informe .lcb_form .input_group textarea {
  height: 200px;
}
.section_rester_informe .lcb_form .input_group label {
  text-transform: initial;
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px;
}
.section_rester_informe .lcb_form .reglement_contact {
  color: #ffffff;
  text-align: justify;
  font-family: "Hanken Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section_rester_informe .lcb_form .reglement_contact a {
  font-weight: 700;
  color: #ffffff;
}
.section_rester_informe .bloc_top {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 40px;
}
.section_rester_informe .bloc_top h2 {
  color: #ffffff;
  font-family: "Montaigne";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 10px;
}
.section_rester_informe .bloc_bottom {
  max-width: 835px;
  width: 100%;
}
.section_rester_informe .bloc_bottom .btn {
  margin-top: 50px;
}
.section_rester_informe .bloc_bottom .btn:hover {
  background-color: #e5e5e5;
  color: #000;
  border-color: #e5e5e5;
}
.section_rester_informe.bg_blanc {
  background-color: #ffffff;
  color: #000;
}
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=text],
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=email],
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=password],
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=url],
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=tel],
.section_rester_informe.bg_blanc .lcb_form .input_group input[type=number],
.section_rester_informe.bg_blanc .lcb_form .input_group textarea {
  border: 1px solid #000;
}
.section_rester_informe.bg_blanc .lcb_form .input_group label {
  color: #000;
}
.section_rester_informe.bg_blanc .lcb_form .msg {
  color: #000;
}
.section_rester_informe.bg_blanc .bloc_top {
  color: #000;
}
.section_rester_informe.bg_blanc .bloc_top h2 {
  color: #000;
}
.section_rester_informe.bg_blanc .bloc_bottom .btn {
  background-color: #000;
  color: #ffffff;
}
.section_rester_informe.bg_blanc .bloc_bottom .btn:hover {
  background-color: #e5e5e5;
  color: #000;
  border-color: #e5e5e5;
}

.section_image {
  text-align: center;
  display: flex;
  justify-content: center;
  background-color: #000;
}
.section_image img {
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  min-width: 767px;
}

.section_informations {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 65px;
}
.section_informations .container {
  max-width: 1600px;
}
.section_informations .titre h2 {
  font-family: "Montaigne";
  font-size: 95px;
  font-style: normal;
  font-weight: 400;
  line-height: 110px;
  text-transform: uppercase;
  margin-bottom: 80px;
}
.section_informations .titre h2 strong {
  margin-left: 90px;
  font-weight: 400;
}
.section_informations .bloc_bottom {
  gap: 50px;
  justify-content: flex-end;
  align-items: center;
}
.section_informations .bloc_bottom .image {
  flex: 305px 0 0;
}
.section_informations .bloc_bottom .texte {
  flex: 1010px 0 0;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px;
}

.section_sommaires {
  background-color: #000;
}
.section_sommaires .container {
  max-width: 1600px;
}
.section_sommaires .container .bloc_top {
  margin-bottom: 100px;
}
.section_sommaires .container .bloc_top .titre h2 {
  font-family: "Montaigne";
  color: #ffffff;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  margin-bottom: 80px;
}
.section_sommaires .container .bloc_top .titre h2 strong {
  margin-left: 70px;
  font-weight: 400;
}
.section_sommaires .container .bloc_top .titre h2 p {
  margin-bottom: 0;
}
.section_sommaires .container .bloc_top .desc {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.56px;
  padding-left: 300px;
}
.section_sommaires .container .bloc_top .desc p:last-child {
  margin-bottom: 0;
}
.section_sommaires .container .bloc_top .desc p:empty {
  margin-bottom: 0;
}
.section_sommaires .container .sommaires {
  gap: 100px;
  flex-wrap: wrap;
}
.section_sommaires .container .sommaires > div {
  flex: calc((100% - 100px) / 2) 0 0;
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.section_sommaires .container .sommaires > div.bloc_right {
  padding-top: 200px;
}
.section_sommaires .container .sommaires .item {
  color: #ffffff;
  font-family: "Montaigne";
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.44px;
  width: 100%;
}
.section_sommaires .container .sommaires .item .titre {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
}
.section_sommaires .container .sommaires .item .titre p:last-child {
  margin-bottom: 0;
}
.section_sommaires .container .sommaires .item .titre p:empty {
  margin-bottom: 0;
}
.section_sommaires .container .sommaires .item .num {
  color: #ffbd2e;
  font-family: "Montaigne";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-transform: uppercase;
}
.section_sommaires .container .sommaires .item .desc p:last-child {
  margin-bottom: 0;
}
.section_sommaires .container .sommaires .item .desc p:empty {
  margin-bottom: 0;
}
.section_sommaires .container .sommaires .item.v_mobile {
  display: none;
}

.section_civilisations .container {
  max-width: 1600px;
}
.section_civilisations .container .bloc_directeur {
  padding-bottom: 130px;
}
.section_civilisations .container .bloc_directeur h2 {
  font-family: "Hanken Grotesk";
  font-size: 37px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  text-transform: uppercase;
}
.section_civilisations .container .bloc_directeur .content {
  display: flex;
  gap: 80px;
}
.section_civilisations .container .bloc_directeur .content .avatar {
  width: 390px;
}
.section_civilisations .container .bloc_directeur .content .descriptif {
  width: calc(100% - 390px);
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_civilisations .container .bloc_directeur .content .descriptif ul {
  list-style: initial;
  padding-left: 15px;
}
.section_civilisations .container .bloc_directeur .content .descriptif ul li {
  padding-left: 5px;
  margin-bottom: 8px;
}
.section_civilisations .container .bloc_directeur .content .descriptif ul li::marker {
  content: "■ ";
  font-size: 20px;
  color: #ffbd2e;
}
.section_civilisations .container .bloc_directeur .content .descriptif {
  /* ol {
     font-family: $font-family;

     li {

       font-family: $font-family;
       font-size: 28px;
       font-style: normal;
       font-weight: 400;
       line-height: 44px;

       &::marker {
         font-family: $font-family;
         font-size: 28px;
         font-style: normal;
         font-weight: 400;
         line-height: 44px;
       }
     }
   } */
}
.section_civilisations .container .bloc_directeur .content .descriptif ol {
  list-style: none;
  counter-reset: item;
  font-family: "Montaigne";
  padding-left: 40px;
}
.section_civilisations .container .bloc_directeur .content .descriptif ol li {
  counter-increment: item;
  padding-left: 30px;
  position: relative;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_civilisations .container .bloc_directeur .content .descriptif ol li:before {
  content: counter(item) ". ";
  color: #ffbd2e;
  position: absolute;
  left: 0;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_civilisations .container .bloc_directeur .content .descriptif .quote .before {
  display: inline;
  margin-right: 5px;
}
.section_civilisations .container .bloc_directeur .content .descriptif .quote .before + * {
  display: inline;
}
.section_civilisations .container .bloc_directeur .content .descriptif .quote .before + * + * {
  margin-top: 15px;
}
.section_civilisations .container .bloc_directeur .content .descriptif .quote .after {
  display: inline;
  margin-left: 5px;
}
.section_civilisations .container .bloc_directeur .content .descriptif .quote > *:has(+ .after) {
  display: inline;
}
.section_civilisations .container .bloc_directeur .content .descriptif .nom {
  margin-top: 50px;
  font-family: "Montaigne";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.52px;
  display: inline-block;
  width: 100%;
}
.section_civilisations .container .bloc_directeur.bloc_bottom {
  padding-top: 130px;
  position: relative;
  padding-bottom: 0;
}
.section_civilisations .container .bloc_directeur.bloc_bottom:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 794px;
  height: 3px;
  background-color: #ffbd2e;
  left: 50%;
  transform: translateX(-50%);
}
.section_civilisations .container .bloc_directeur.bloc_bottom .content {
  flex-direction: row-reverse;
}

.section_revue {
  background-color: #000;
  color: #ffffff;
}
.section_revue .container {
  max-width: 1600px;
}
.section_revue .container h2 {
  font-family: "Montaigne";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-transform: uppercase;
  margin-bottom: 100px;
  color: #ffffff;
}
.section_revue .container h2 strong {
  margin-left: 65px;
  font-weight: 400;
}
.section_revue .container h2 p {
  margin-bottom: 0;
}
.section_revue .container .content {
  display: flex;
  width: 1240px;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.section_revue .container .content h3 {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.section_revue .container .content h3 p {
  margin-bottom: 0;
}
.section_revue .container .content .list {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  flex-shrink: 0;
}
.section_revue .container .content .list .item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.56px;
}
.section_revue .container .content .list .item .num {
  color: #ffbd2e;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  text-transform: uppercase;
  flex: 50px 0 0;
}
.section_revue .container .content .list .item .text p:last-child {
  margin-bottom: 0;
}

.section_partages {
  background-color: #e5e5e5;
}
.section_partages .container {
  max-width: 1600px;
  text-align: center;
}
.section_partages .container h2 {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.section_partages .container .sociaux {
  gap: 45px;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.section_partages .container .sociaux .lien svg {
  fill: #000;
  height: 45px;
  width: auto;
}
.section_partages .container .sociaux .lien svg path {
  fill: #000;
}
.section_partages .container .sociaux .lien:hover svg {
  fill: #ffbd2e;
}
.section_partages .container .sociaux .lien:hover svg path {
  fill: #ffbd2e;
}
.section_partages .container .sociaux .lien_3 svg {
  fill: #e5e5e5;
}
.section_partages .container .sociaux .lien_3 svg path {
  fill: #e5e5e5;
}
.section_partages .container .sociaux .lien_3 svg path:first-child {
  fill: #000;
}
.section_partages .container .sociaux .lien_3:hover svg {
  fill: #ffffff;
}
.section_partages .container .sociaux .lien_3:hover svg path {
  fill: #ffffff;
}
.section_partages .container .sociaux .lien_3:hover svg path:first-child {
  fill: #ffbd2e;
}

.section_equipes .container {
  max-width: 1600px;
}
.section_equipes .container h2 {
  font-family: "Montaigne";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-transform: uppercase;
  margin-bottom: 70px;
  padding-left: 270px;
}
.section_equipes .container .bloc_items {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 85px 20px;
}
.section_equipes .container .bloc_items .item {
  flex: calc((100% - 100px) / 6) 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: right;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  min-width: 200px;
}
.section_equipes .container .bloc_items .item img {
  max-height: 275px;
}
.section_equipes .container .bloc_directeurs {
  padding-bottom: 55px;
  border-bottom: 2px solid #ffbd2e;
  margin-bottom: 55px;
}
.section_equipes .container .bloc_editorial {
  padding-bottom: 55px;
  border-bottom: 2px solid #ffbd2e;
  margin-bottom: 55px;
}
.section_equipes .container .bloc_editorial.no_border {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.section_equipes .container .bloc_editorial .row_top {
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 80px;
}
.section_equipes .container .bloc_editorial .row_top .titre {
  text-align: right;
  font-family: "Hanken Grotesk";
  font-size: 37px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  text-transform: uppercase;
  flex: calc((100% - 20px) / 3) 0 0;
}
.section_equipes .container .bloc_editorial .row_top .bloc_items .item {
  flex: calc((100% - 60px) / 4) 0 0;
}
.section_equipes .container .bloc_editorial .row_bottom .bloc_items {
  justify-content: center;
}

@media only screen and (max-width: 1610px) {
  .section_informations_pratiques {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_informations_pratiques .container .informations {
    padding: 30px;
  }
  .section_civilisations .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_civilisations .container .bloc_directeur {
    padding-bottom: 60px;
  }
  .section_civilisations .container .bloc_directeur.bloc_bottom {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .section_sommaires {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_equipes {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_equipes .container .bloc_items .item {
    font-size: 16px;
    line-height: 20px;
  }
  .section_revue .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_revue .container h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1550px) {
  .section_informations .bloc_bottom {
    gap: 50px;
  }
}
@media only screen and (max-width: 1450px) {
  .section_informations .bloc_bottom .texte {
    flex: 1 0 0;
  }
  .section_premiers_particiants.affichage_v2 .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content {
    gap: 20px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
    padding: 30px;
    gap: 30px;
  }
}
@media only screen and (max-width: 1410px) {
  .section_compteur .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_informations_pratiques .container .informations {
    padding: 30px;
  }
  .section_informations_pratiques .container .informations .item h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .section_sommaires .container .bloc_top {
    margin-bottom: 50px;
  }
  .section_sommaires .container .bloc_top .titre h2 {
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 50px;
  }
  .section_sommaires .container .bloc_top .desc {
    font-size: 24px;
    line-height: 34px;
    padding-left: 100px;
  }
  .section_sommaires .container .sommaires {
    gap: 50px;
  }
  .section_sommaires .container .sommaires > div {
    gap: 50px;
    flex: calc((100% - 50px) / 2) 0 0;
  }
  .section_sommaires .container .sommaires .item {
    gap: 20px;
    font-size: 24px;
    line-height: 34px;
  }
  .section_sommaires .container .sommaires .item .titre {
    font-size: 32px;
    line-height: 40px;
  }
  .section_sommaires .container .sommaires .item .num {
    font-size: 100px;
    line-height: 100px;
  }
  .section_civilisations .container .bloc_directeur .content {
    gap: 40px;
  }
  .section_civilisations .container .bloc_directeur .content .avatar {
    width: 300px;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif {
    font-size: 24px;
    line-height: 34px;
    width: calc(100% - 300px);
  }
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .before svg,
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .after svg {
    max-width: 41px;
  }
}
@media only screen and (max-width: 1350px) {
  .section_informations {
    padding-top: 30px !important;
  }
  .section_informations .titre h2 {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 50px;
  }
  .section_informations .titre h2 strong {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 1280px) {
  .section_informations_pratiques .container .informations .item h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .section_equipes .container h2 {
    font-size: 80px;
    margin-bottom: 40px;
    padding-left: 0;
  }
  .section_equipes .container .bloc_items {
    gap: 30px 20px;
  }
  .section_equipes .container .bloc_items .item.item_vide {
    display: none;
  }
  .section_equipes .container .bloc_editorial .row_top {
    justify-content: flex-start;
    gap: 30px 20px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .section_equipes .container .bloc_editorial .row_top .titre {
    text-align: left;
    flex: auto 0 0;
  }
  .section_equipes .container .bloc_editorial .row_top .bloc_items .item {
    flex: calc((100% - 100px) / 6) 0 0;
  }
  .section_equipes .container .bloc_editorial .row_bottom .bloc_items {
    justify-content: flex-start;
  }
  .section_premiers_particiants .container {
    padding: 0 15px;
    /*  h1 {
            margin-bottom: 0;
            font-size: 50px;
            line-height: 56px;
          }
    */
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .descriptif_bottom {
    bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
  .section_formules_abonnements {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1179px) {
  .section_compteur .container {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  .section_informations .bloc_bottom .texte {
    font-size: 30px;
    line-height: 40px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left {
    flex: 250px 0 0;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 {
    font-size: 40px;
    line-height: 46px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 p {
    margin-bottom: 0;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
    padding: 20px;
    gap: 20px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .titre {
    font-size: 26px;
    line-height: 30px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .desc {
    font-size: 26px;
    line-height: 30px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .bloc_pourcentage {
    width: 200px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .sous_titre {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .section_rester_informe {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .section_rester_informe .bloc_top {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  .section_rester_informe .bloc_top h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .section_informations_pratiques .container .informations {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 20px;
  }
  .section_informations_pratiques .container .informations .item {
    min-width: 260px;
    flex: 1;
    gap: 15px;
  }
  .section_informations_pratiques .container .informations .item h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .section_formules_abonnements h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .section_partages {
    padding: 30px 0 !important;
  }
  .section_partages .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_partages .container h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 25px;
  }
  .section_sommaires .container .bloc_top .titre h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .section_sommaires .container .bloc_top .desc {
    font-size: 22px;
    line-height: 30px;
    padding-left: 0;
  }
  .section_sommaires .container .bloc_top .desc br {
    display: none;
  }
  .section_sommaires .container .sommaires {
    gap: 30px;
  }
  .section_sommaires .container .sommaires .item.v_mobile {
    display: block;
  }
  .section_sommaires .container .sommaires > div {
    gap: 30px;
    flex: 100% 0 0;
  }
  .section_sommaires .container .sommaires > div.bloc_right {
    padding-top: 0;
    display: none;
  }
  .section_equipes .container h2 {
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 40px;
    padding-left: 0;
  }
  .section_equipes .container .bloc_items .item {
    flex: calc((100% - 60px) / 4) 0 0;
    min-width: auto;
  }
  .section_equipes .container .bloc_editorial .row_top .bloc_items .item {
    flex: calc((100% - 60px) / 4) 0 0;
    min-width: auto;
  }
  .section_faq {
    padding: 30px 15px;
  }
  .section_faq .container:after {
    height: 40px;
    width: 100px;
    background-size: 100%;
    transform: translateX(-80%);
  }
  .section_faq .container .titre {
    font-size: 34px;
    margin-bottom: 10px;
  }
  .section_faq .container .titre .svg svg {
    max-width: 30px;
  }
  .section_faq .container .sous_titre {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .section_faq .container .accordion_bloc {
    margin-bottom: 30px;
  }
  .section_premiers_particiants {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .section_premiers_particiants .container h1 {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 46px;
  }
  .section_premiers_particiants .container h1 br {
    display: none;
  }
  .section_premiers_particiants .container .bloc_content {
    max-width: 100%;
    flex: 400px 0 0;
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .img .svg {
    width: 60px;
    height: 43px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .img .descriptif_bottom {
    bottom: 15px;
    font-size: 20.157px;
    line-height: 22.249px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right {
    flex: auto 0 0;
    padding: 15px;
    gap: 20px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content {
    gap: 20px;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left {
    flex: auto 0 0;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 {
    text-align: center;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 br {
    display: none;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
    width: 100%;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .bloc_pourcentage {
    width: 300px;
  }
  .section_informations .titre h2 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 30px;
  }
  .section_informations .titre h2 strong {
    margin-left: 50px;
  }
  .section_informations .bloc_bottom {
    gap: 20px;
  }
  .section_informations .bloc_bottom .texte {
    font-size: 24px;
    line-height: 32px;
  }
  .section_revue .container h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 40px;
  }
  .section_revue .container h2 strong {
    margin-left: 0;
  }
  .section_revue .container .content {
    gap: 40px;
  }
  .section_revue .container .content .list {
    gap: 40px;
  }
  .section_civilisations {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .page-template-page-apropos .section_formules_abonnements {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .page-template-page-apropos .section_formules_abonnements .container > h2 {
    margin-bottom: 20px !important;
  }
  .section_sommaires {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .section_sommaires .container .bloc_top .titre h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .section_sommaires .container .bloc_top .titre h2 strong {
    margin-left: 0;
  }
  .section_sommaires .container .sommaires .item {
    font-size: 18px;
    line-height: 26px;
    gap: 10px;
  }
  .section_sommaires .container .sommaires .item .num {
    font-size: 50px;
    line-height: 60px;
  }
  .section_sommaires .container .sommaires .item .titre {
    font-size: 22px;
    line-height: 30px;
  }
  .section_equipes {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .section_equipes .container h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .section_equipes .container .bloc_items .item {
    flex: calc((100% - 20px) / 2) 0 0;
    min-width: auto;
  }
  .section_equipes .container .bloc_editorial {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .section_equipes .container .bloc_editorial .row_top .titre {
    font-size: 22px;
    line-height: 30px;
  }
  .section_equipes .container .bloc_editorial .row_top .bloc_items .item {
    flex: calc((100% - 20px) / 2) 0 0;
    min-width: auto;
  }
  .section_equipes .container .bloc_directeurs {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .section_partages .container h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
  }
  .section_partages .container .sociaux .lien svg {
    height: 30px;
  }
  .section_compteur .container .flip-clock-wrapper .flip-clock-divider {
    width: 10px;
    height: 60px;
    font-size: 14px;
  }
  .section_compteur .container .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    right: -80px !important;
  }
  .section_compteur .container .flip-clock-wrapper ul {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .section_compteur .container .flip-clock-wrapper ul li a div div.inn {
    font-size: 60px;
  }
  .section_compteur .container .bloc_newsletter {
    padding: 20px;
    max-width: 320px;
    display: none;
  }
  .section_compteur .container .bloc_compteur h1 {
    font-size: 35px;
  }
  .section_compteur .container .bloc_compteur p {
    font-size: 19px;
  }
  .section_abonnez_vous .container > .titre {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 40px !important;
  }
  .section_abonnez_vous .container .bloc_abonnements .bottom {
    width: 100%;
  }
  .section_abonnez_vous .container .bloc_abonnements .bottom .btn_abonne {
    width: 100%;
  }
  .section_abonnez_vous .container .bloc_abonnements .bottom .btn_abonne .btn {
    font-size: 20px;
    width: 100%;
    letter-spacing: initial;
  }
  .section_rester_informe .bloc_top {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 400;
  }
  .section_rester_informe .bloc_top h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 5px;
  }
  .section_rester_informe .lcb_form .msg {
    margin-top: -10px;
  }
  .section_rester_informe .lcb_form .input_group {
    margin-bottom: 15px;
  }
  .section_rester_informe .lcb_form .input_group input[type=text],
  .section_rester_informe .lcb_form .input_group input[type=email],
  .section_rester_informe .lcb_form .input_group input[type=password],
  .section_rester_informe .lcb_form .input_group input[type=url],
  .section_rester_informe .lcb_form .input_group input[type=tel],
  .section_rester_informe .lcb_form .input_group input[type=number],
  .section_rester_informe .lcb_form .input_group textarea {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 5px;
  }
  .section_rester_informe .lcb_form .input_group textarea {
    height: 150px;
  }
  .section_rester_informe .lcb_form .input_group label {
    font-size: 12px;
    line-height: 14px;
  }
  .section_rester_informe .lcb_form .col-50 {
    width: 100%;
  }
  .section_rester_informe .lcb_form .btn {
    padding: 9px 20px 9px;
    font-size: 14px;
  }
  .section_rester_informe .bloc_bottom .btn {
    margin-top: 25px;
  }
  .section_faq .container .accordion_bloc {
    margin-bottom: 30px;
  }
  .section_faq .container .message {
    font-size: 18px;
    line-height: 26px;
  }
  .section_premiers_particiants {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .section_premiers_particiants .container {
    flex-direction: column;
    gap: 20px;
  }
  .section_premiers_particiants .container h1 {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
  }
  .section_premiers_particiants .container h1 br {
    display: none;
  }
  .section_premiers_particiants .container .bloc_content {
    flex-direction: column-reverse;
    flex: auto;
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .img {
    max-height: 380px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .img iframe {
    max-height: 300px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_left .img .svg {
    width: 50px;
    height: 35px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right {
    gap: 10px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right .titre {
    font-size: 26px;
    line-height: 32px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right .bloc_pourcentage {
    margin-bottom: 0;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right .sous_titre {
    font-size: 36px;
    line-height: 36px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right .desc {
    font-size: 20px;
    line-height: 26px;
  }
  .section_premiers_particiants .container .bloc_content .bloc_right .desc br {
    display: none;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
    padding: 20px;
    gap: 10px;
    flex-direction: column;
    max-width: 446px;
    width: 100%;
    min-width: 380px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .bloc_pourcentage {
    margin-bottom: 10px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .titre {
    flex: auto;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .desc {
    flex: auto;
    font-size: 20px;
    line-height: 26px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .desc br {
    display: none;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .sous_titre {
    margin-bottom: 10px;
  }
  .section_informations {
    padding-top: 15px !important;
  }
  .section_informations .titre h2 {
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 30px;
  }
  .section_informations .titre h2 strong {
    margin-left: 25px;
  }
  .section_informations .bloc_bottom .image {
    flex: 200px 0 0;
    margin-bottom: 0;
  }
  .section_informations .bloc_bottom .texte {
    font-size: 18px;
    line-height: 24px;
  }
  .section_informations_pratiques {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .section_informations_pratiques .container .informations {
    padding: 20px;
  }
  .section_informations_pratiques .container .informations .item {
    min-width: auto;
    flex: calc((100% - 20px) / 2) 0 0;
  }
  .section_informations_pratiques .container .informations .item .img {
    max-width: 70px;
  }
  .section_informations_pratiques .container .informations .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .section_revue {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .section_revue .container h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .section_revue .container .content {
    gap: 20px;
  }
  .section_revue .container .content h3 {
    font-size: 22px;
  }
  .section_revue .container .content .list {
    gap: 20px;
  }
  .section_revue .container .content .list .item {
    gap: 10px;
    font-size: 18px;
    line-height: 26px;
  }
  .section_revue .container .content .list .item .num {
    font-size: 40px;
    line-height: 40px;
    flex: 35px 0 0;
  }
  .section_civilisations {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .section_civilisations .container .bloc_directeur {
    padding-bottom: 30px;
  }
  .section_civilisations .container .bloc_directeur.bloc_bottom {
    padding-top: 30px;
  }
  .section_civilisations .container .bloc_directeur h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
  }
  .section_civilisations .container .bloc_directeur .content {
    gap: 20px;
  }
  .section_civilisations .container .bloc_directeur .content .avatar {
    width: 185px;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif {
    font-size: 18px;
    line-height: 26px;
    width: calc(100% - 200px);
  }
  .section_civilisations .container .bloc_directeur .content .descriptif .nom {
    margin-top: 20px;
    font-size: 18px;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .after svg,
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .before svg {
    max-width: 31px;
  }
}
@media only screen and (max-width: 550px) {
  .section_informations .bloc_bottom {
    gap: 0;
  }
  .section_informations .bloc_bottom .image {
    flex: 125px 0 0;
    margin-bottom: 0;
  }
  .section_informations .bloc_bottom .texte {
    font-size: 13px;
    line-height: 20px;
  }
  .section_informations_pratiques .container .informations .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .section_revue .container h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .section_revue .container h2 br {
    display: none;
  }
  .section_revue .container .content h3 {
    font-size: 22px;
  }
  .section_revue .container .content .list .item {
    font-size: 18px;
    line-height: 26px;
  }
  .section_partages .container h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .section_civilisations .container .bloc_directeur .content {
    flex-direction: column !important;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif {
    width: 100%;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif p:empty {
    margin-bottom: 0;
    line-height: 0;
  }
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .after svg,
  .section_civilisations .container .bloc_directeur .content .descriptif .quote .before svg {
    max-width: 26px;
  }
  .section_sommaires .container .bloc_top {
    margin-bottom: 20px;
  }
  .section_sommaires .container .bloc_top .desc {
    font-size: 18px;
    line-height: 26px;
  }
  .section_sommaires .container .sommaires > div {
    gap: 20px;
  }
  .section_sommaires .container .sommaires .item {
    font-size: 18px;
    line-height: 26px;
  }
  .section_sommaires .container .sommaires .item .titre {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .section_compteur .container .bloc_compteur {
    padding: 15px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider {
    height: 50px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    right: -70px !important;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
    right: -85px !important;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
    right: -80px !important;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper ul {
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper ul li a div div.inn {
    font-size: 45px;
  }
  .section_premiers_particiants .container h1 {
    line-height: 36px;
    font-size: 30px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_left h1 {
    line-height: 36px;
    font-size: 30px;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right {
    min-width: auto;
  }
  .section_premiers_particiants.affichage_v2 .container .bloc_content .bloc_right .bloc_pourcentage {
    width: 260px;
  }
  /*.section_abonnez_vous {
     .container {
       .bloc_abonnements {
         .bloc_vente_marchand {
           .content {
             .titre {
               font-size: 18px;
             }
           }
         }

         .item_offre {
           &.item_magazine {
             .custom-switch {

               .before,
               .after {
                 font-size: 12px;
               }

               .prix {
                 font-size: 24px;
               }
             }

             .btn {
               padding: 10px 10px 8px;
             }

             .btn_feuillette {
               font-size: 16px;

             }

           }
         }


       }
     }
   }*/
}
@media only screen and (max-width: 450px) {
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider {
    font-size: 13px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    right: -60px !important;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
    right: -70px !important;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
    right: -70px !important;
  }
  .section_abonnez_vous .container .bloc_abonnements .bloc_vente_marchand .content .btn_ico {
    font-size: 15px;
    padding: 10px 10px 8px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 380px) {
  .section_compteur .container .bloc_compteur .flip-clock-wrapper .flip-clock-divider {
    height: 45px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper ul {
    width: 45px;
    height: 45px;
    font-size: 45px;
    line-height: 45px;
  }
  .section_compteur .container .bloc_compteur .flip-clock-wrapper ul li a div div.inn {
    font-size: 35px;
  }
  /* .section_abonnez_vous {
     .container {
       .bloc_abonnements {
         .item_offre {
           .liseuse_courte {
             padding: 6px 10px 4px 10px;
             left: 50%;
           }
         }
       }
     }
   }*/
  .section_informations .titre h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .section_sommaires .container .bloc_top .titre h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.section_contact .container {
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}
.section_contact .container .bloc_contact {
  max-width: 896px;
}
.section_contact .container .bloc_contact .bloc_form_contact {
  padding: 50px 30px;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 18px;
  text-align: left;
  font-weight: 500;
  flex: 100%;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system {
  width: 100%;
  display: inline-block;
  padding: 10px 10px 10px 55px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  min-height: 40px;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-info {
  background: #ededed;
  color: #1d1d1b;
  border-left: 5px solid #7d7d77;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-info a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-danger {
  background: #fdedee url(../img/error.svg) left 15px center no-repeat;
  color: #1d1d1b;
  border-left: 5px solid #be0613;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-danger a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-success {
  background: #e8ffe2 url(../img/valid.svg) left 15px center no-repeat;
  color: #1d1d1b;
  border-left: 5px solid #3eab04;
}
.section_contact .container .bloc_contact .bloc_form_contact .form-group-message .message-system.alert-success a {
  text-decoration: underline;
  color: #1d1d1b;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form {
  flex-wrap: wrap;
  gap: 0 28px;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input:focus,
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=text],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=mail],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=file],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=password],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=checkbox],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form input[type=radio] {
  outline: none !important;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group {
  position: relative;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  font-family: "Hanken Grotesk";
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=text],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=email],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=password],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=url],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=tel],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group input[type=number],
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group textarea {
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  border-radius: 10px;
  border: none;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group textarea {
  height: 200px;
}
.section_contact .container .bloc_contact .bloc_form_contact .lcb_form .input_group label {
  text-transform: initial;
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px;
}
.section_contact .container .bloc_contact .bloc_form_contact .msg {
  color: #ffffff;
  text-align: justify;
  font-family: "Hanken Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section_contact .container .bloc_contact .bloc_form_contact .msg a {
  font-weight: 700;
  color: #ffffff;
  text-decoration: underline;
}
.section_contact .container .bloc_contact .bloc_form_contact .m-champs-obligatoires {
  color: #ffffff;
  font-family: "Hanken Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: -20px;
  text-align: right;
  width: 100%;
  margin-bottom: 0;
}
.section_contact .container .bloc_contact .bloc_form_contact {
  /*
  .input-group>.form-control:not(:-moz-placeholder-shown)~label {
    color: $color-blanc !important;
  }

  .input-group>.form-control:focus~label,
  .input-group>.form-control:not(:placeholder-shown)~label {
    color: $color-blanc !important;
  }

  .input-group>.form-control:-webkit-autofill~label {
    color: $color-blanc !important;
  }*/
}
.section_contact .container .bloc_contact h1 {
  font-family: "Montaigne";
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px;
  /* 116% */
  text-transform: uppercase;
}
.section_contact .container .bloc_contact .desc {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.section_top_default {
  margin-bottom: 30px;
}
.section_top_default .container {
  max-width: 1100px;
}
.section_top_default .container h1.the_title {
  position: relative;
  padding-bottom: 10px;
  text-transform: uppercase;
  /* &:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 6px;
    background-color: $color-noir;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }*/
}
.section_top_default .container .date {
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.section_content .container {
  max-width: 1100px;
}
.section_content .container .the_content {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  width: 100%;
  word-break: break-word;
}
.section_content .container .the_content p {
  margin-bottom: 18px;
  text-align: justify;
}
.section_content .container .the_content .has-text-align-right {
  text-align: right;
}
.section_content .container .the_content h2 {
  margin-bottom: 15px;
  margin-top: 30px;
}
.section_content .container .the_content h3 {
  margin-bottom: 10px;
  margin-top: 0;
}
.section_content .container .the_content h4 {
  margin-bottom: 10px;
  margin-top: 0;
}
.section_content .container .the_content {
  /* ul {
          list-style: initial;
          padding-left: 40px;
          margin-bottom: 28px;
          text-align: justify;

          li {
            list-style: initial;
            margin-bottom: 5px;
            line-height: 26px;
          }
        }

        ol {
          margin-bottom: 28px;
          text-align: justify;
          padding-left: 40px;

          li {
            margin-bottom: 5px;
            line-height: 26px;
          }
        }
  */
}
.section_content .container .the_content ol {
  padding-left: 50px;
  list-style: inherit;
  font-family: "Hanken Grotesk";
  list-style: decimal;
}
.section_content .container .the_content ol.is-style-alpha {
  list-style-type: upper-alpha;
}
.section_content .container .the_content ol li {
  list-style: inherit;
  margin-bottom: 5px;
  text-align: initial;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-left: 0;
}
.section_content .container .the_content ol li::marker {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
  font-variant-numeric: lining-nums proportional-nums;
  color: #ffbd2e;
}
.section_content .container .the_content ul {
  padding-left: 15px;
  list-style-position: inside;
}
.section_content .container .the_content ul li {
  margin-bottom: 5px;
}
.section_content .container .the_content ul li::marker {
  font-size: 18px;
  color: #ffbd2e;
  content: "■ ";
}
.section_content .container .the_content a {
  text-decoration: underline;
  font-weight: 700;
  color: #000;
}
.section_content .container .the_content a.wp-block-button__link {
  color: #ffffff;
  text-decoration: none;
}
.section_content .container .the_content a.wp-block-button__link:hover {
  color: #ffbd2e;
}
.section_content .container .the_content .caption,
.section_content .container .the_content .wp-element-caption,
.section_content .container .the_content .wp-caption-text {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0;
  font-family: "Montaigne";
  font-weight: 700;
  display: block;
  text-align: left;
  color: #e5e5e5;
}
.section_content .container .the_content .caption p,
.section_content .container .the_content .wp-element-caption p,
.section_content .container .the_content .wp-caption-text p {
  margin-bottom: 0;
}

/*.section_formules_abonnements_bas {
  padding-top: 70px;

  .container {
    .bloc_offre {
      display: flex;
      justify-content: center;

      .item_offre {
        margin-bottom: 0 !important;
      }
    }
  }
}*/
.item_offre {
  max-width: 446px;
  width: 100%;
  padding: 0 10px 10px 10px;
  min-width: 380px;
  flex-direction: column;
  justify-content: flex-end;
  background: #e5e5e5;
}
.item_offre.meilleure {
  background: #ffbd2e;
}
.item_offre.soutien {
  background: #ffffff;
}
.item_offre.soutien .content_item .etiquette .btn {
  background-color: #ffffff;
  color: #000;
  cursor: initial;
  border-color: #ffffff;
}
.item_offre.soutien .content_item .etiquette .btn:hover {
  background-color: #ffffff;
  color: #000;
  cursor: initial;
  border-color: #ffffff;
}
.item_offre .content_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e5e5e5;
  text-align: center;
  font-family: "Montaigne";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  width: 100%;
  padding: 30px 30px 40px;
  height: 100%;
}
.item_offre .content_item > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item_offre .content_item > div.bottom {
  margin-top: auto;
}
.item_offre .content_item > div.bottom .btn:hover {
  background-color: #000;
  border-color: #000;
  color: #ffffff;
}
.item_offre .content_item .infos_desabonnement {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  margin-top: 15px;
  min-height: 25px;
}
.item_offre .content_item .etiquette {
  position: absolute;
  top: -70px;
  width: calc(100% + 20px);
}
.item_offre .content_item .etiquette .btn {
  width: 100%;
  font-family: "Hanken Grotesk";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 15px;
}
.item_offre .content_item .etiquette .btn:hover {
  background-color: #ffbd2e;
  color: #000;
  cursor: initial;
  border-color: #ffbd2e;
}
.item_offre .content_item .titre {
  font-family: "Montaigne";
  margin-bottom: 15px;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 450;
  line-height: 40px;
  /* 117.647% */
}
.item_offre .content_item .setenir {
  display: flex;
  padding: 3px 5px 1px 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #000;
  margin-bottom: 15px;
  text-align: center;
  font-family: "Montaigne";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
.item_offre .content_item .type {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 34px;
  /* 115.385% */
}
.item_offre .content_item .images {
  width: 240px;
  margin-bottom: 20px;
}
.item_offre .content_item .images img {
  box-shadow: -8px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
.item_offre .content_item .liseuse_courte {
  text-decoration: underline;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
}
.item_offre .content_item .prix {
  text-align: center;
  font-family: "Montaigne";
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 51px;
  margin-bottom: 15px;
}
.item_offre .content_item .prix .duree {
  line-height: 53px;
}
.item_offre .content_item .prix sup {
  font-size: 40px;
}
.item_offre .content_item .avantages {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.52px;
}
.item_offre .content_item .periode {
  display: flex;
  transform: rotate(-1deg);
  padding: 2px 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #be0613;
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #ffffff;
  margin-top: 15px;
}
.item_offre .content_item .periode span {
  transform: rotate(1deg);
}
.item_offre .content_item .periode.noir {
  background-color: #000;
}
.item_offre .content_item .reduction {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.item_offre .content_item .reduction .pourcentage {
  text-align: center;
  font-family: "Montaigne";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.52px;
  text-decoration-line: line-through;
}
.item_offre .content_item .reduction .prix_reference {
  display: flex;
  width: 115px;
  height: 55px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  font-family: "Hanken Grotesk";
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  background-color: #ffffff;
}
.item_offre .content_item .nb_revues {
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
}
.item_offre .content_item .nb_revues strong {
  font-weight: 900;
  font-size: 22px;
  text-transform: uppercase;
}
.item_offre .content_item .titre_choix {
  margin-bottom: 10px;
}
.item_offre .content_item .custom-switch {
  margin-bottom: 34px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-top: 34px;
}
.item_offre .content_item .custom-switch .custom-control-label {
  width: 100px;
  height: 52px;
}
.item_offre .content_item .custom-switch .custom-control-label:before {
  width: 100px;
  border-radius: 52px;
  background-color: #ffffff;
  height: 52px;
  border: none;
  content: "";
  line-height: 52px;
  color: #000;
  font-weight: 500;
  border: none;
}
.item_offre .content_item .custom-switch .custom-control-label:after {
  height: 40px;
  width: 40px;
  top: 6px;
  border-radius: 50%;
  background-color: #000;
  left: 10px;
}
.item_offre .content_item .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(40px);
  background-color: #ffbd2e;
  height: 40px;
  width: 40px;
  top: 6px;
  border-radius: 50%;
}
.item_offre .content_item .custom-switch .after {
  font-family: "Hanken Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.42px;
  color: #000;
  text-align: left;
}
.item_offre .content_item .custom-switch .after p {
  margin-bottom: 0;
}
.item_offre .content_item .atouts {
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.item_offre .content_item .atouts .atout {
  display: flex;
  padding: 2px 7px;
  align-items: center;
  gap: 10px 5px;
  background: #ffbd2e;
  text-align: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.item_offre .content_item .detaills {
  display: flex;
  padding: 5px 15px;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  border-radius: 10px;
  border: 2px solid #ffbd2e;
  background: #ffffff;
  z-index: 2;
  font-family: "Hanken Grotesk";
  font-size: 14.4px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.24px;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.item_offre .content_item .detaills svg path {
  fill: #000;
}
.item_offre .content_item .detaills svg circle {
  fill: #ffbd2e;
}
.item_offre .content_item .detaills:hover {
  background-color: #000;
  color: #ffbd2e;
}
.item_offre.item_rouge {
  background-color: #f8f0f0;
}
.item_offre.item_rouge .prix {
  color: #be0613;
}
.item_offre.item_rouge .prix sup {
  font-size: 40px;
}
.item_offre.item_rouge .custom-switch .custom-control-label:after {
  background-color: #be0613;
}
.item_offre.item_rouge .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #be0613;
}
.item_offre.item_offre_large {
  width: 100%;
  padding: 20px 10px 0;
  max-width: inherit;
  max-width: 850px;
  flex: 100%;
  gap: 20px;
}
.item_offre.item_offre_large .titre {
  margin-top: 15px;
  margin-bottom: 0;
}
.item_offre.item_offre_large .content {
  flex-direction: row;
  gap: 150px;
  margin-bottom: 35px;
  align-items: normal;
}
.item_offre.item_offre_large .content .bloc_left {
  flex: auto 0 0;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
  display: flex;
}
.item_offre.item_offre_large .content .bloc_left .titre {
  font-size: 33px;
  margin-bottom: 5px;
}
.item_offre.item_offre_large .content .bloc_right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.item_offre.item_offre_large .content .bloc_right .image {
  position: relative;
}
.item_offre.item_offre_large .content .bloc_right .image .lien {
  position: absolute;
  left: 45%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  padding: 7px 22px 6px 22px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background-color: #ffbd2e;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.item_offre.item_offre_large .content .bloc_right .bottom {
  margin-top: auto;
}
.item_offre.item_offre_large .detaills {
  flex-direction: row;
}

.section_sommes_nous {
  border-bottom: 4px solid #000;
  padding-bottom: 15px;
}
.section_sommes_nous .container {
  max-width: 1400px;
}
.section_sommes_nous .container .titre {
  font-family: "Montaigne";
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #000;
}
.section_sommes_nous .container .descriptif {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 30px;
}
.section_sommes_nous .container .descriptif p:last-child {
  margin-bottom: 0;
}
.section_sommes_nous .container .bloc_texte_top {
  gap: 60px;
  align-items: flex-start;
  margin-bottom: 60px;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top {
  flex: 1;
  padding: 38px 40px;
  border-radius: 20px;
  border: 4px solid #000;
  background: #f8f0f0;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top h2 {
  text-align: justify;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 15px;
  color: #be0613;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top p:last-child {
  margin-bottom: 0;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top a {
  text-decoration: underline;
  font-weight: 700;
  color: #be0613;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top ul li {
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}
.section_sommes_nous .container .bloc_texte_top .bloc_text_top ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
}
.section_sommes_nous .container .bloc_texte_top .avatar {
  flex: 266px 0 0;
}
.section_sommes_nous .container .bloc_texte_top .avatar img {
  border-radius: 20px;
}
.section_sommes_nous .container .blocs_textes {
  gap: 60px;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  -moz-column-count: 2;
  column-count: 2;
  page-break-inside: avoid;
  break-inside: avoid;
}
.section_sommes_nous .container .blocs_textes .item {
  flex: 1;
  padding: 38px 40px;
  border-radius: 20px;
  border: 4px solid #000;
  background: #f8f0f0;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 60px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
}
.section_sommes_nous .container .blocs_textes .item h2 {
  text-align: justify;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 15px;
  color: #be0613;
}
.section_sommes_nous .container .blocs_textes .item p:last-child {
  margin-bottom: 0;
}
.section_sommes_nous .container .blocs_textes .item a {
  text-decoration: underline;
  font-weight: 700;
  color: #be0613;
}
.section_sommes_nous .container .blocs_textes .item ul li {
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}
.section_sommes_nous .container .blocs_textes .item ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
}
.section_sommes_nous .container .blocs_textes .item.rouge {
  background: #f8f0f0;
  color: initial !important;
}
.section_sommes_nous .container .blocs_textes .item.jaune {
  background: #fbf9f5;
  color: initial !important;
}
.section_sommes_nous .container .blocs_textes .item.gris {
  background: #e5e5e5;
  color: initial !important;
}

.section_formules_abonnements .container {
  max-width: 1400px;
}
.section_formules_abonnements .container > .titre {
  color: #be0613;
  text-align: center;
  font-family: "Montaigne";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2px;
}
.section_formules_abonnements .container .titre_formule {
  display: flex;
  justify-content: center;
  width: 100%;
}
.section_formules_abonnements .container .titre_formule span {
  display: flex;
  padding: 6px 5px 3px 5px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  background-color: #000;
}
.section_formules_abonnements .container .bloc_abonnements.col_3 {
  justify-content: center;
  gap: 60px 30px;
  flex-wrap: wrap;
  padding-top: 70px;
}
.section_formules_abonnements .container {
  /* .filter_offres {
    gap: 60px;
    justify-content: center;

    .filter {
      background-color: $color-blanc;
      color: $color-noir;
      border-color: $color-noir;

      &:hover,
      &:focus {
        background-color: $color-noir;
        color: $color-blanc;
        border-color: $color-noir;
      }

      &.active {
        background-color: $color-jaune;
        color: $color-noir;
        border-color: $color-jaune;
      }
    }
  }*/
}

.section_notre_manifeste {
  padding-left: 15px;
  padding-right: 15px;
}
.section_notre_manifeste .container {
  max-width: 1100px;
}
.section_notre_manifeste .container .titre h1 {
  font-family: "Montaigne";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  text-transform: uppercase;
  margin-bottom: 70px;
}
.section_notre_manifeste .container .titre h1 br {
  display: none;
}
.section_notre_manifeste .container .titre h1 strong {
  font-weight: 400;
}
.section_notre_manifeste .container .titre h1 p {
  margin-bottom: 0;
}
.section_notre_manifeste .container .bloc_manifeste {
  display: flex;
  flex-direction: column;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc {
  /* border-left: 10px solid $color-jaune;
  padding-left: 40px;*/
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.56px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc a {
  text-decoration: underline;
  font-weight: 700;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc h2 {
  font-family: "Hanken Grotesk";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc h3 {
  font-family: "Hanken Grotesk";
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc h4 {
  font-family: "Hanken Grotesk";
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc * + h2 {
  margin-top: 70px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc * + h3 {
  margin-top: 40px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul {
  list-style: initial;
  padding-left: 15px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul li {
  padding-left: 5px;
  margin-bottom: 8px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul li::marker {
  content: "■ ";
  font-size: 20px;
  color: #ffbd2e;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul li ol {
  font-family: "Montaigne";
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul li ol li {
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ul li ol li::marker {
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  content: initial;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ol {
  font-family: "Montaigne";
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ol li {
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc ol li::marker {
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc *:last-child {
  margin-bottom: 0;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche {
  padding: 70px 0;
  display: flex;
  justify-content: flex-end;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote {
  max-width: 1040px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .quote .before, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .quote .before {
  display: inline;
  margin-right: 5px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .quote .before + *, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .quote .before + * {
  display: inline;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .quote .before + * + *, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .quote .before + * + * {
  margin-top: 15px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .quote .after, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .quote .after {
  display: inline;
  margin-left: 5px;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .quote > *:has(+ .after), .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .quote > *:has(+ .after) {
  display: inline;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .nom, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .nom {
  font-family: "Montaigne";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.52px;
  display: inline-block;
  width: 100%;
}
.section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche {
  justify-content: flex-start;
}

.template_landing_page .container {
  max-width: 1200px;
}
.template_landing_page .section_revue_top {
  width: 100%;
  padding: 45px 0;
  background: #fbf9f5;
  margin-bottom: 50px;
}
.template_landing_page .section_revue_top .container {
  display: flex;
  align-items: center;
  gap: 55px;
}
.template_landing_page .section_revue_top .container .descriptif {
  font-family: "Montaigne";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  flex: 1;
}
.template_landing_page .section_revue_top .container .descriptif h1 {
  font-family: "Montaigne";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #000;
}
.template_landing_page .section_revue_top .container .descriptif p {
  margin-bottom: 20px;
}
.template_landing_page .section_revue_top .container .descriptif img.pull-center,
.template_landing_page .section_revue_top .container .descriptif img.aligncenter {
  display: block;
}
.template_landing_page .section_revue_top .container .descriptif img.pull-right,
.template_landing_page .section_revue_top .container .descriptif img.alignright {
  margin-left: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_revue_top .container .descriptif img.pull-left,
.template_landing_page .section_revue_top .container .descriptif img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_revue_top .container .descriptif ul {
  width: 100%;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.template_landing_page .section_revue_top .container .descriptif ul li {
  margin-bottom: 10px;
  position: relative;
  display: inline-flex;
}
.template_landing_page .section_revue_top .container .descriptif ul li:before {
  content: "";
  position: relative;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
  margin-right: 8px;
}
.template_landing_page .section_revue_top .container .descriptif ul li[style*="text-align:center"],
.template_landing_page .section_revue_top .container .descriptif ul li[style*="text-align: center"] {
  justify-content: center;
}
.template_landing_page .section_revue_top .container .descriptif ul li[style*="text-align:right"],
.template_landing_page .section_revue_top .container .descriptif ul li[style*="text-align: right"] {
  justify-content: flex-end;
}
.template_landing_page .section_revue_top .container .descriptif ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  counter-reset: myCounter;
}
.template_landing_page .section_revue_top .container .descriptif ol li {
  counter-increment: myCounter;
  position: relative;
  margin-bottom: 10px;
}
.template_landing_page .section_revue_top .container .descriptif ol li:before {
  content: counter(myCounter, decimal) ". ";
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
  display: flex;
  margin-right: 5px;
}
.template_landing_page .section_revue_top .container .descriptif ol li[style*="text-align:center"],
.template_landing_page .section_revue_top .container .descriptif ol li[style*="text-align: center"] {
  justify-content: center;
  display: flex;
}
.template_landing_page .section_revue_top .container .descriptif ol li[style*="text-align:right"],
.template_landing_page .section_revue_top .container .descriptif ol li[style*="text-align: right"] {
  justify-content: flex-end;
  display: flex;
}
.template_landing_page .section_banniere {
  padding-bottom: 50px;
  width: 100%;
}
.template_landing_page .section_banniere .container {
  justify-content: center;
}
.template_landing_page .section_banniere .container img.pull-center,
.template_landing_page .section_banniere .container img.aligncenter {
  display: block;
}
.template_landing_page .section_banniere .container img.pull-right,
.template_landing_page .section_banniere .container img.alignright {
  margin-left: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_banniere .container img.pull-left,
.template_landing_page .section_banniere .container img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_banniere .container ul {
  width: 100%;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.template_landing_page .section_banniere .container ul li {
  margin-bottom: 10px;
  position: relative;
  display: inline-flex;
}
.template_landing_page .section_banniere .container ul li:before {
  content: "";
  position: relative;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
  margin-right: 8px;
}
.template_landing_page .section_banniere .container ul li[style*="text-align:center"],
.template_landing_page .section_banniere .container ul li[style*="text-align: center"] {
  justify-content: center;
}
.template_landing_page .section_banniere .container ul li[style*="text-align:right"],
.template_landing_page .section_banniere .container ul li[style*="text-align: right"] {
  justify-content: flex-end;
}
.template_landing_page .section_banniere .container ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  counter-reset: myCounter;
}
.template_landing_page .section_banniere .container ol li {
  counter-increment: myCounter;
  position: relative;
  margin-bottom: 10px;
}
.template_landing_page .section_banniere .container ol li:before {
  content: counter(myCounter, decimal) ". ";
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
  display: flex;
  margin-right: 5px;
}
.template_landing_page .section_banniere .container ol li[style*="text-align:center"],
.template_landing_page .section_banniere .container ol li[style*="text-align: center"] {
  justify-content: center;
  display: flex;
}
.template_landing_page .section_banniere .container ol li[style*="text-align:right"],
.template_landing_page .section_banniere .container ol li[style*="text-align: right"] {
  justify-content: flex-end;
  display: flex;
}
.template_landing_page .section_revue_top + .section_banniere {
  margin-top: -50px;
}
.template_landing_page .section_formules_abonnements {
  width: 100%;
  padding-bottom: 50px;
}
.template_landing_page .section_formules_abonnements.horizontal .container {
  gap: 30px;
  max-width: 1200px;
  flex-direction: column-reverse;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left {
  flex: 1;
  display: flex;
  gap: 50px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left > div {
  flex: calc((100% - 50px) / 2) 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left > div.descriptifs {
  gap: 30px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif {
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.pull-center,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.aligncenter {
  display: block;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.pull-right,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.alignright {
  margin-left: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.pull-left,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul {
  width: 100%;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li {
  margin-bottom: 10px;
  position: relative;
  display: inline-flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li:before {
  content: "";
  position: relative;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
  margin-right: 8px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li[style*="text-align: center"] {
  justify-content: center;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ul li[style*="text-align: right"] {
  justify-content: flex-end;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  counter-reset: myCounter;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li {
  counter-increment: myCounter;
  position: relative;
  margin-bottom: 10px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li:before {
  content: counter(myCounter, decimal) ". ";
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
  display: flex;
  margin-right: 5px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li[style*="text-align: center"] {
  justify-content: center;
  display: flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif ol li[style*="text-align: right"] {
  justify-content: flex-end;
  display: flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special {
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  border-top: 4px solid #be0613;
  border-bottom: 4px solid #be0613;
  background: #fef7e4;
  padding: 40px 50px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.pull-center,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.aligncenter {
  display: block;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.pull-right,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.alignright {
  margin-left: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.pull-left,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul {
  width: 100%;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li {
  margin-bottom: 10px;
  position: relative;
  display: inline-flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li:before {
  content: "";
  position: relative;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
  margin-right: 8px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li[style*="text-align: center"] {
  justify-content: center;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ul li[style*="text-align: right"] {
  justify-content: flex-end;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  counter-reset: myCounter;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li {
  counter-increment: myCounter;
  position: relative;
  margin-bottom: 10px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li:before {
  content: counter(myCounter, decimal) ". ";
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
  display: flex;
  margin-right: 5px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li[style*="text-align: center"] {
  justify-content: center;
  display: flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special ol li[style*="text-align: right"] {
  justify-content: flex-end;
  display: flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right {
  flex: 1;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right > .title {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px 80px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg {
  color: #e5e5e5;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  max-width: 980px;
  margin: auto;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.pull-center,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.aligncenter {
  display: block;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.pull-right,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.alignright {
  margin-bottom: 20px;
  margin-left: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.pull-left,
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li {
  margin-bottom: 10px;
  position: relative;
  display: inline-flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li:before {
  content: "";
  position: relative;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
  margin-right: 8px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li[style*="text-align: center"] {
  justify-content: center;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ul li[style*="text-align: right"] {
  justify-content: flex-end;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  counter-reset: myCounter;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li {
  counter-increment: myCounter;
  position: relative;
  margin-bottom: 10px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li:before {
  content: counter(myCounter, decimal) ". ";
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
  display: flex;
  margin-right: 5px;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li[style*="text-align:center"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li[style*="text-align: center"] {
  justify-content: center;
  display: flex;
}
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li[style*="text-align:right"],
.template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .msg ol li[style*="text-align: right"] {
  justify-content: flex-end;
  display: flex;
}
.template_landing_page .section_formules_abonnements.vertical .container {
  gap: 80px;
  max-width: 1200px;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif {
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif ul {
  width: 100%;
  margin-top: 0;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif ul li {
  padding-left: 25px;
  margin-bottom: 10px;
  position: relative;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special {
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  border-top: 4px solid #be0613;
  border-bottom: 4px solid #be0613;
  background: #fef7e4;
  padding: 40px 50px;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special ul {
  width: 100%;
  margin-top: 0;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special ul li {
  padding-left: 25px;
  margin-bottom: 10px;
  position: relative;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 14px;
  height: 12px;
  background: url(../img/li-ico.svg) left top no-repeat;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_right {
  flex: 440px 0 0;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_right .filter_offres {
  gap: 20px;
  flex-direction: column;
  align-items: center;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_right .filter_offres .filter {
  width: 270px;
  max-width: 100%;
}
.template_landing_page .section_formules_abonnements.vertical .container .bloc_content_right .msg {
  color: #e5e5e5;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.template_landing_page .section_formules_abonnements.vertical.vertical_left .container {
  flex-direction: row-reverse;
}
.template_landing_page .section_blocs_2 {
  padding-bottom: 50px;
  width: 100%;
}
.template_landing_page .section_blocs_2 .liste_blocs {
  gap: 45px;
}
.template_landing_page .section_blocs_2 .liste_blocs .item_bloc {
  flex: calc((100% - 90px) / 3) 0 0;
  display: flex;
  padding: 30px 0;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-bottom: 2px solid #be0613;
  background: #fef7e4;
  text-align: center;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.template_landing_page .section_blocs_2 .liste_blocs .item_bloc h2 {
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0 30px;
}
.template_landing_page .section_blocs_2 .liste_blocs .item_bloc .descriptif {
  padding: 0 30px;
}
.template_landing_page .section_blocs_3 {
  padding-bottom: 50px;
  width: 100%;
}
.template_landing_page .section_blocs_3 .liste_blocs {
  gap: 45px;
}
.template_landing_page .section_blocs_3 .liste_blocs .item_bloc {
  flex: calc((100% - 45px) / 2) 0 0;
  display: flex;
  padding: 30px 0;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-bottom: 2px solid #be0613;
  background: #fef7e4;
  text-align: center;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.template_landing_page .section_blocs_3 .liste_blocs .item_bloc h2 {
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0 30px;
}
.template_landing_page .section_blocs_3 .liste_blocs .item_bloc .descriptif {
  padding: 0 30px;
}
.template_landing_page .section_blocs_4 {
  padding-bottom: 50px;
  width: 100%;
}
.template_landing_page .section_blocs_4 .liste_blocs {
  gap: 45px;
  align-items: flex-start;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc {
  display: flex;
  flex: calc((100% - 45px) / 3) 0 0;
  padding: 30px 0;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-bottom: 2px solid #be0613;
  background: #fef7e4;
  text-align: center;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc h2 {
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0 30px;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc .descriptif {
  padding: 0 30px;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc:first-child {
  max-width: 370px;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child {
  flex: 1;
  padding: 30px;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: flex-start;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child h2 {
  flex: 100% 0 0;
  padding: 0;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child .image {
  flex: 370px 0 0;
}
.template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child .descriptif {
  padding: 0;
  flex: 1;
  text-align: left;
}
.template_landing_page .section_blocs_1 {
  padding-bottom: 50px;
  width: 100%;
}
.template_landing_page .section_blocs_1 .liste_blocs .item_bloc {
  display: flex;
  flex: 100% 0 0;
  padding: 30px;
  gap: 15px 30px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 2px solid #be0613;
  background: #fef7e4;
  text-align: center;
  font-family: "Montaigne";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.template_landing_page .section_blocs_1 .liste_blocs .item_bloc h2 {
  text-align: center;
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
  flex: 100% 0 0;
  padding: 0;
}
.template_landing_page .section_blocs_1 .liste_blocs .item_bloc .image {
  flex: 370px 0 0;
}
.template_landing_page .section_blocs_1 .liste_blocs .item_bloc .descriptif {
  padding: 0;
  flex: 1;
  text-align: left;
}

.page_default .container ul {
  list-style: initial;
  padding-left: 0;
}
.page_default .container ul li {
  padding-left: 5px;
  margin-bottom: 8px;
}
.page_default .container ul li:marker {
  content: "■ ";
  font-size: 15px;
  color: #ffbd2e;
}

@media only screen and (max-width: 1410px) {
  .section_notre_manifeste {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1350px) {
  .item_offre .content_item {
    padding: 20px 20px 40px;
  }
  .item_offre .content_item .titre {
    font-size: 30px;
    line-height: 34px;
  }
  .item_offre .content_item .prix {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .item_offre .content_item .avantages {
    font-size: 20px;
  }
  .item_offre .content_item .custom-switch .after {
    font-size: 20px;
  }
  .item_offre .content_item .custom-switch .custom-control-label {
    height: 44px;
    width: 80px;
  }
  .item_offre .content_item .custom-switch .custom-control-label:before {
    border-radius: 44px;
    height: 44px;
    line-height: 44px;
    width: 80px;
  }
  .item_offre .content_item .custom-switch .custom-control-label:after {
    height: 34px;
    width: 34px;
    top: 5px;
    left: 5px;
  }
  .item_offre .content_item .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(34px);
    height: 34px;
    width: 34px;
    top: 5px;
  }
  .item_offre .content_item .btn {
    padding: 12px 30px;
    font-size: 16px;
  }
  .item_offre .content_item .etiquette {
    top: -53px;
  }
  .item_offre .content_item .etiquette .btn {
    font-size: 22px;
    padding: 10px;
  }
}
@media only screen and (max-width: 1179px) {
  .section_notre_manifeste .container .titre {
    padding-left: 0;
  }
  .section_notre_manifeste .container .titre h1 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc {
    font-size: 22px;
    line-height: 30px;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche {
    padding: 30px 0;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .nom, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .nom {
    font-size: 22px;
  }
  .section_top_default .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .section_formules_abonnements .container .bloc_abonnements.col_2 {
    gap: 40px;
    flex-wrap: wrap;
  }
  .section_formules_abonnements .container > .titre {
    font-size: 20px;
    margin-bottom: 20px !important;
  }
  .item_offre .content_item > div.bottom {
    margin-top: 20px;
  }
  .section_sommes_nous .container .bloc_texte_top {
    gap: 20px;
    margin-bottom: 30px;
  }
  .section_sommes_nous .container .bloc_texte_top .bloc_text_top {
    padding: 20px;
  }
  .section_sommes_nous .container .blocs_textes {
    gap: 20px;
  }
  .section_sommes_nous .container .blocs_textes .item {
    padding: 20px;
    margin-bottom: 30px;
  }
  .template_landing_page .section_revue_top .container {
    flex-direction: column;
  }
  .template_landing_page .section_revue_top .container .descriptif {
    font-size: 18px;
    line-height: 24px;
  }
  .template_landing_page .section_revue_top .container .descriptif h1 {
    font-size: 38px;
    line-height: 42px;
  }
  .template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left {
    flex-direction: column;
  }
  .template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif,
  .template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special {
    font-size: 16px;
    line-height: 22px;
  }
  .template_landing_page .section_formules_abonnements.vertical .container {
    gap: 50px;
    flex-direction: column-reverse;
  }
  .template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif,
  .template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special {
    font-size: 16px;
    line-height: 22px;
  }
  .template_landing_page .section_formules_abonnements.vertical .container .bloc_content_right {
    max-width: 440px;
  }
  .template_landing_page .section_blocs_1 .liste_blocs,
  .template_landing_page .section_blocs_2 .liste_blocs,
  .template_landing_page .section_blocs_3 .liste_blocs,
  .template_landing_page .section_blocs_4 .liste_blocs {
    flex-wrap: wrap;
  }
  .template_landing_page .section_blocs_1 .liste_blocs .item_bloc,
  .template_landing_page .section_blocs_2 .liste_blocs .item_bloc,
  .template_landing_page .section_blocs_3 .liste_blocs .item_bloc,
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc {
    flex: calc((100% - 45px) / 2);
    font-size: 16px;
    line-height: 22px;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
  }
  .template_landing_page .section_blocs_1 .liste_blocs .item_bloc h2,
  .template_landing_page .section_blocs_2 .liste_blocs .item_bloc h2,
  .template_landing_page .section_blocs_3 .liste_blocs .item_bloc h2,
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc h2 {
    font-size: 24px;
    font-weight: 700;
    padding: 0 15px;
    flex: initial;
  }
  .template_landing_page .section_blocs_1 .liste_blocs .item_bloc .image,
  .template_landing_page .section_blocs_2 .liste_blocs .item_bloc .image,
  .template_landing_page .section_blocs_3 .liste_blocs .item_bloc .image,
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc .image {
    flex: initial;
  }
  .template_landing_page .section_blocs_1 .liste_blocs .item_bloc .descriptif,
  .template_landing_page .section_blocs_2 .liste_blocs .item_bloc .descriptif,
  .template_landing_page .section_blocs_3 .liste_blocs .item_bloc .descriptif,
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc .descriptif {
    padding: 0 15px;
  }
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc:first-child {
    max-width: inherit;
  }
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child {
    flex: calc((100% - 45px) / 2);
    padding: 30px 0;
    flex-direction: column;
    align-items: center;
  }
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child .image {
    flex: inherit;
  }
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc:last-child .descriptif {
    padding: 0 15px;
  }
  .section_revues .container .item_revue .titre {
    padding: 10px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section_content .container .the_content {
    /*  font-size: 14px;
    line-height: 18px;*/
  }
  .section_content .container .the_content p {
    margin-bottom: 14px;
    text-align: initial;
  }
  .section_content .container .the_content h2 {
    margin-top: 20px;
  }
  .section_content .container .the_content ul {
    padding-left: 30px;
    margin-bottom: 24px;
  }
  .section_content .container .the_content ul li {
    line-height: 26px;
  }
  .section_content .container .the_content ol {
    margin-bottom: 24px;
    padding-left: 30px;
  }
  .section_content .container .the_content ol li {
    line-height: 26px;
  }
  .section_content .container .the_content .caption,
  .section_content .container .the_content .wp-element-caption,
  .section_content .container .the_content .wp-caption-text {
    font-size: 12px;
    line-height: 16px;
  }
  .section_content .container .the_content .is-layout-flex {
    gap: 1em;
  }
  .section_content .container .the_content a.wp-block-button__link {
    letter-spacing: 0;
    padding: 10px 10px 6px;
    font-size: 14px;
  }
  .section_content .container .the_content .wp-block-table table {
    line-height: 18px;
    font-size: 14px;
  }
  .section_contact .container .bloc_contact .bloc_form_contact {
    padding: 20px;
  }
  .section_contact .container .bloc_contact h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .section_contact .container .bloc_contact .desc {
    font-size: 18px;
    line-height: 26px;
  }
  .section_formules_abonnements {
    padding-top: 20px !important;
  }
  .section_formules_abonnements .container > h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px !important;
  }
  .section_formules_abonnements .container > .titre {
    font-size: 20px;
  }
  .section_formules_abonnements .container .titre_formule {
    margin-bottom: 20px !important;
    margin-top: 40px;
  }
  .section_formules_abonnements .container .titre_formule span {
    font-size: 24px;
  }
  .section_formules_abonnements .container .titre_formule#formule_1 {
    margin-top: 0;
    margin-bottom: 40px !important;
  }
  .section_formules_abonnements .container .filter_offres {
    gap: 10px;
  }
  .section_formules_abonnements .container .filter_offres .filter {
    padding: 10px 15px 8px;
    font-size: 18px;
  }
  .section_formules_abonnements .container .bloc_abonnements.col_3 {
    padding-top: 0;
    gap: 80px 30px;
  }
  .item_offre {
    margin-bottom: 30px !important;
  }
  .item_offre.item_offre_large {
    max-width: 440px;
  }
  .item_offre.item_offre_large .container {
    justify-content: center;
  }
  .item_offre.item_offre_large .container .bloc_left {
    max-width: 100%;
  }
  .item_offre.item_offre_large .container .bloc_right {
    display: none;
    max-width: 100%;
  }
  .item_offre.item_offre_large .content {
    flex-direction: column;
    gap: 30px;
  }
  .section_sommes_nous .container .titre {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .section_sommes_nous .container .descriptif {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .section_sommes_nous .container .bloc_texte_top {
    align-items: center;
    flex-direction: column-reverse;
  }
  .section_sommes_nous .container .bloc_texte_top .avatar {
    flex: 200px 0 0;
    width: 200px;
  }
  .section_sommes_nous .container .blocs_textes {
    -moz-column-count: 1;
         column-count: 1;
  }
  .single-video .section_newsletter {
    margin-bottom: 0 !important;
  }
  .template_landing_page .section_revue_top .container .descriptif {
    font-size: 16px;
    line-height: 20px;
  }
  .template_landing_page .section_revue_top .container .descriptif h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_left .descriptif_special, .template_landing_page .section_formules_abonnements.vertical .container .bloc_content_left .descriptif_special {
    padding: 15px;
  }
  .template_landing_page .section_blocs_2 .liste_blocs .item_bloc,
  .template_landing_page .section_blocs_3 .liste_blocs .item_bloc,
  .template_landing_page .section_blocs_4 .liste_blocs .item_bloc {
    flex: 100%;
  }
  .section_notre_manifeste {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .section_notre_manifeste .container .titre h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 400;
  }
  .section_notre_manifeste .container .titre h1 strong {
    margin-left: 0;
    font-weight: 400;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc {
    font-size: 18px;
    line-height: 26px;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste .desc h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche {
    padding: 20px 0;
  }
  .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_droite .desc_quote .nom, .section_notre_manifeste .container .bloc_manifeste .item_manifeste.blockquote_gauche .desc_quote .nom {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .template_landing_page .section_formules_abonnements.horizontal .container .bloc_content_right .link {
    gap: 15px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 480px) {
  .item_offre {
    min-width: auto;
    gap: 20px;
  }
  .item_offre .content_item {
    padding: 20px 10px 40px;
  }
  .item_offre .content_item > div.bottom {
    margin-top: 20px;
  }
  .item_offre .content_item {
    /*  .periode {
            padding: 2px 20px;
            font-size: 20px;
            line-height: 28px;
          }

          .titre {
            font-size: 18px;
          }

          .btn {
            padding: 7px 15px 4px;
          }
    */
  }
  .item_offre .content_item .prix {
    font-size: 40px;
    line-height: 45px;
  }
  .item_offre .content_item .prix sup {
    font-size: 28px;
  }
  .item_offre .content_item .custom-switch {
    margin-bottom: 10px;
    margin-top: 0;
    flex-direction: column;
    text-align: center;
  }
  .item_offre .content_item .custom-switch .custom-control-label {
    margin-bottom: 5px;
  }
  .item_offre .content_item .custom-switch .after {
    text-align: center;
  }
  .item_offre .content_item .custom-switch .after br {
    display: none;
  }
  .item_offre .content_item .infos_desabonnement {
    font-size: 16px;
    min-height: inherit;
  }
}
/*.section_top_bg {
  padding-top: 50px;

  .container {
    padding: 0px;
    font-size: 18px;
    font-family: $font-family;
    line-height: 28px;
    color: $color-noir;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  h1 {
    font-size: 26px;
    line-height: 32px;
    color: $color-noir;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: $font-family;

    strong {
      font-weight: 700;
      color: $color-rouge;
    }

    &.titre {
      text-align: center;
      position: relative;
      background: url(../img/cercle_flesh.svg) top center no-repeat;
      min-height: 145px;
      padding-top: 20px;
      margin-bottom: 0;

      >span {
        font-size: 48px;
        font-weight: 500;
        line-height: 50px;
        font-family: $font-family;
      }
    }
  }
}

.template_boutique_contact {
  .section_top_bg {
    .container {
      font-family: $font-family;
    }

    h1 {
      font-size: 56px;
      line-height: 56px;
      font-weight: 700;
      font-family: $font-family;
    }
  }
}

.section_mag_top {
  position: relative;

  .container {
    position: relative;
    z-index: 2;
    max-width: 990px;
    width: 100%;
    border-radius: 30px;
    padding: 40px 80px;
    column-gap: 40px;
  }

  .pull-left {
    flex: 288px 0 0;
    text-align: center;

    img {
      position: relative;
      margin-bottom: 15px;
      overflow: hidden;
    }

    form {
      align-items: center;
      justify-content: space-between;

      .prix_numero {
        color: $color-blanc;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        font-family: $font-family;
      }

      button {
        min-width: 145px;
      }
    }
  }

  .pull-right {
    flex: calc(100% - 328px) 0 0;
    color: $color-blanc;

    h1,
    h2 {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 15px;
      font-family: $font-family;
      color: $color-blanc;
      font-weight: 500;
    }

    .dernier_mag {
      font-family: $font-family;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: $color-rouge;
      background-color: $color-blanc;
      padding: 3px 10px;
      display: inline-flex;
      margin-bottom: 30px;
    }

    .date-parution {
      font-family: $font-family;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      margin-bottom: 15px;
    }

    .desc {
      line-height: 20px;
      font-family: $font-family;
      font-size: 14px;
      font-weight: 400;

      h3 {
        font-size: 16px;
        line-height: 20px;
        font-family: $font-family;
        font-weight: 700;
        color: $color-blanc;
        margin-bottom: 15px;
      }

      p+ul,
      p+ol {
        margin-top: -10px;
      }

      ul {
        list-style: initial;
        padding-left: 30px;
        margin-bottom: 20px;

        li {
          list-style: initial;
          margin-bottom: 5px;

          &::marker {
            font-size: 13px;
            color: $color-rouge;
          }
        }
      }

      ol {
        padding-left: 30px;
        margin-bottom: 20px;

        li {
          margin-bottom: 5px;
        }
      }

      a {
        text-decoration: underline;
        font-weight: bold;
        color: $color-blanc;

        &:hover {
          color: $color-rouge;
        }
      }
    }
  }
}

.single_edition {
  .section_mag_top {
    border-bottom: 20px solid $color-noir;

    .container {
      max-width: 830px;
      border-radius: 0;
      padding: 0;
    }

    .pull-left {
      img {
        box-shadow: 0px 0px 13px 0px rgba($color: $color-noir, $alpha: 0.45);
      }

      form {
        .prix_numero {
          color: $color-noir;
        }
      }
    }

    .pull-right {
      color: $color-noir;

      h1,
      h2 {
        color: $color-noir;
      }

      .dernier_mag {
        color: $color-blanc;
        background-color: $color-rouge;
      }

      .desc {
        h3 {
          color: $color-noir;
        }

        a {
          color: $color-noir;

          &:hover {
            color: $color-rouge;
          }
        }
      }
    }
  }
}

.section_numeros {
  .container {
    max-width: 1250px;

    >.titre {
      text-align: center;
      position: relative;
      background: url(../img/cercle_flesh.svg) top center no-repeat;
      min-height: 145px;
      padding-top: 20px;
      margin-bottom: 0;
      font-size: 48px;
      font-weight: 500;
      line-height: 50px;
    }
  }

  .descriptif {
    text-align: center;
    margin: 40px 0;
  }

  .resultats_recherche {
    text-align: left;
    border-bottom: 1px solid $color-rouge;
    font-family: $font-family;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 5px;

    .count {
      font-weight: 700;
      color: $color-rouge;
    }
  }

  .bloc_magasines {
    position: relative;

    margin-bottom: 20px;

    .form_recherche {
      position: relative;
      z-index: 2;
      width: 100%;
      background-color: $color-blanc;
      border-radius: 20px;
      padding: 20px;
      box-shadow: 0 5px 20px rgba($color: $color-noir, $alpha: 0.25);
      margin-bottom: 70px;
      border: 1px solid $color-noir;

      form {
        justify-content: center;
        align-items: center;
        font-size: 18px;
        line-height: 20px;
        font-family: $font-family;
        font-weight: 500;
        gap: 40px 20px;
        flex-wrap: wrap;

        .form-group-radio {
          flex-direction: column;
          gap: 10px;
          flex: 110px 0 0;

          .custom-control-label {
            font-weight: 400;
            font-size: 14px;
          }
        }

        .select_search {
          flex: auto 0 0;
          column-gap: 10px;
          align-items: center;
        }

        .input-groups {
          flex: 1 0 0;
          column-gap: 10px;
          align-items: center;
          font-weight: 400;
          max-width: 375px;

          .input-group {
            width: 100%;
            margin-bottom: 0;

            label {
              color: $color-noir;
              font-size: 14px;
              min-height: 35px;
            }

            input[type='text'] {
              color: $color-noir;
              font-size: 14px;
              height: 35px;
            }
          }
        }

        .select-group {
          height: 35px;
          min-width: 125px;
          font-weight: 400;
          background-size: 10px 10px;
          background-position: center right 13px;

          select {
            line-height: 14px;
            font-style: italic;
          }
        }
      }
    }

    .recherche_themes {
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      row-gap: 20px;

      li {
        padding: 0 25px;
        border-right: 1px solid $color-rouge;
        border-left: 1px solid $color-rouge;
        min-height: 40px;
        display: flex;
        align-items: center;

        a {
          color: $color-noir;
          text-align: center;
          font-family: $font-family;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 20px;

          &:hover,
          &.active {
            color: $color-rouge;
          }
        }

        &:first-child {
          border-left: 2px solid $color-rouge;
        }

        &:last-child {
          border-right: 2px solid $color-rouge;
        }
      }
    }

    .magasines {
      justify-content: center;
      position: relative;
      z-index: 1;
      flex-wrap: wrap;
      column-gap: 60px;
      row-gap: 60px;
      align-items: flex-end;

      .item_numero {
        width: calc((100% - 180px) / 4);
        min-width: 260px;

        .num-date {
          font-size: 18px;
          margin-bottom: 8px;
          line-height: 24px;
          font-family: $font-family;
          font-weight: 500;
          display: block;

          span {
            background: $color-rouge;
            color: $color-blanc;
            padding: 0px 5px;
            border-radius: 3px;
            font-family: $font-family;
            font-size: 12px;
            font-weight: 600;
            display: inline-flex;
            height: 20px;
            line-height: 11px;
            align-items: center;
            transform: translateY(-3px);
            margin-left: 8px;
          }
        }

        .no_form {
          height: 40px;
          text-align: center;

          span {
            color: $color-rouge;
            font-family: $font-family;
            font-size: 30px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 0.5px;
            display: inline-block;
          }
        }

        .img {
          position: relative;
          width: 100%;
          height: auto;
          max-height: 345px;
          overflow: hidden;
          margin-bottom: 15px;
          display: inline-block;
          box-shadow: 0 0 13px rgba($color: $color-noir, $alpha: 0.45);
          cursor: pointer;

          .masq {
            background: $color-noir;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 1;
            display: none;
            flex-direction: column;
            row-gap: 5px;
            align-items: center;
            justify-content: center;
            color: $color-blanc;
            cursor: pointer;
            line-height: 18px;
            font-family: $font-family;
            font-weight: 500;
          }

          &:hover {
            .masq {
              display: flex;
            }
          }
        }

        .form_edition {
          display: flex;
          align-items: center;
          row-gap: 15px;
          justify-content: space-between;

          .prix_numero {
            justify-content: space-between;
            width: 100%;
            color: $color-noir;
            font-size: 30px;
            line-height: 30px;
            font-weight: 600;
            font-family: $font-family;
            /* .custom-control-label {
                            font-size: 18px;
                            line-height: 22px;
                            .text {
                                font-size: 10px;
                                line-height: 13px;
                                text-transform: uppercase;
                                font-family: $font-family;
                            }
                        }
          }

          button {
            min-width: 145px;
          }
        }
      }
    }

    &.bloc_livres {
      .magasines {
        .img {
          height: 300px;
          box-shadow: 0 4px 8px rgba($color: $color-noir, $alpha: 0.25);
        }
      }
    }
  }

  &.section_numeros_accueil {
    .bloc_magasines {
      margin-top: 0;
    }
  }
}

.template_recherche {
  .bloc_magasines {
    .form_recherche {
      form {
        column-gap: 30px;
      }
    }
  }
}

.section_qui_some-nous {
  .bloc_text {
    column-gap: 60px;

    .item_text {
      //width: calc((100% - 100px)/3);
      flex: 1;
      line-height: 20px;
      font-family: $font-family;
      font-size: 14px;

      h2 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
        color: $color-noir;
        font-family: $font-family;
        line-height: 20px;
      }

      ol {
        padding-left: 30px;
        margin-bottom: 20px;

        li {
          margin-bottom: 5px;
        }
      }

      ul {
        list-style: initial;
        padding-left: 30px;

        li {
          list-style: initial;
          margin-bottom: 5px;
        }
      }

      ol {
        padding-left: 30px;
        margin-bottom: 20px;
      }

      a {
        text-decoration: underline;
        font-weight: bold;
        color: $color-noir;

        &:hover {
          color: $color-rouge;
        }
      }
    }
  }
}
*/
.template_compte h3 {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  line-height: 24px;
}
.template_compte .mon_compte.client_connecter .container {
  max-width: 1400px;
}
.template_compte .mon_compte .bloc_client_connecter {
  gap: 40px;
  align-items: flex-start;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left {
  flex: 320px 0 0;
  background-color: #ffffff;
  border: 2px solid #000;
  max-width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left h2 {
  flex-direction: column;
  gap: 0;
  align-self: stretch;
  padding: 10px 20px;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  background-color: #e13915;
  margin-bottom: 0;
  color: #ffffff;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client {
  padding: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-family: "Hanken Grotesk";
  position: relative;
  border-top: 2px solid #000;
  padding: 10px 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li a:hover {
  color: #e13915;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li a.active {
  color: #e13915;
  font-weight: bold;
  border-left: 4px solid #e13915;
  padding-left: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li a.deconnexion {
  font-weight: 600;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li a .nbr {
  border-radius: 15px;
  border: 1px solid #ffbd2e;
  background-color: #ffbd2e;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #000;
  display: flex;
  min-width: 30px;
  height: 15px;
  justify-content: center;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents {
  cursor: pointer;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents > a {
  padding-right: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents .flesh {
  background: url(../img/caret-2.svg) center center no-repeat;
  content: "";
  right: 0px;
  top: 7px;
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 10;
  transition: all ease-in-out 0.3s;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents.open {
  padding-bottom: 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents.open > a {
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 0;
  border: none;
  color: #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents.open .flesh {
  transform: rotate(180deg);
  transition: all ease-in-out 0.3s;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents .sous_menu {
  padding: 0;
  display: none;
  border-top: 1px solid #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents .sous_menu > li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-family: "Hanken Grotesk";
  position: relative;
  border-top: 1px solid #000;
  padding: 10px 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents .sous_menu > li:first-child {
  border-top: none;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left .menu-compte-client > li.parents .sous_menu > li a {
  padding-left: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_left.is_stuck {
  margin-top: 150px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right {
  flex: calc(100% - 360px) 0 0;
  margin-left: auto;
  max-width: 100%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .btn.btn_small {
  font-size: 16px;
  line-height: 16px;
  padding: 9px 24px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .btn.btn_small svg {
  max-height: 16px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background-color: #ffbd2e;
  align-items: flex-start;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert .ico {
  flex: 30px 0 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert .infos {
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert .infos p:last-child {
  margin: 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert .infos .titre {
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_alert .infos a {
  color: #be0613;
  text-decoration: underline;
  font-weight: 700;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right {
  /*
  .bloc_mes_abonnements {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 40px;
    align-self: stretch;
    flex-wrap: wrap;

    .item {
      flex: 320px 0 0;
      padding: 20px;
      border: 1px solid $color-gris;
      background: $color-beige-4;
      line-height: 22px;
      max-width: 100%;

      &.item_large {
        flex: calc(100% - 360px) 0 0;
      }

      .titre {
        color: $color-rouge;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase;
      }

      .imgs {
        width: 200px;
        position: relative;
        margin-left: auto;
        margin-right: auto;

        img {
          height: 100%;
        }

        .img1 {
          position: absolute;
          left: 5px;
          z-index: 1;
          top: 15px;
          width: 60px;
          transform: rotate(-7deg);
          height: 83px;
          overflow: hidden;
          border: 1px solid $color-gris;
          box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
        }

        .img2 {
          width: 80px;
          display: inline-block;
          position: relative;
          z-index: 5;
          height: 112px;
          overflow: hidden;
          border: 1px solid $color-gris;
          box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
        }

        .img3 {
          position: absolute;
          right: 5px;
          z-index: 1;
          top: 15px;
          width: 60px;
          transform: rotate(7deg);
          height: 83px;
          overflow: hidden;
          border: 1px solid $color-gris;
          box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
        }
      }

      .images {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
        flex-wrap: wrap;

        .img {
          flex: calc((100% - 120px)/4) 0 0;
          box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
          position: relative;
          cursor: pointer;
          height: 183px;
          overflow: hidden;
          min-width: 129px;

          img {
            height: 100%;
            max-width: calc(100% + 10px);
          }

          /* &.last {
                              flex: 120px 0 0;
                              box-shadow: none;
                          }*/
  /*     span {
            color: $color-rouge;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 18px;
            text-transform: uppercase;
            display: flex;
            padding: 0px 10px;
            align-items: center;
            position: absolute;
            left: 15px;
            bottom: 15px;
            border-radius: 25px;
            border: 1px solid $color-gris;
            background: $color-blanc;
            box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
          }
        }
      }

      p {
        margin-bottom: 8px;
      }

      .row {
        padding: 10px 0;
        border-top: 1px solid $color-noir;
      }

      .desc {
        i {
          font-size: 12px;
          font-style: italic;
          font-weight: 400;
          line-height: normal;
        }

      }

      ul {
        li {
          position: relative;
          line-height: 18px;
          padding-left: 25px;
          margin-bottom: 10px;

          &:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 4px;
            width: 14px;
            height: 11px;
            background: url(../img/bg-li-r.svg) left top no-repeat;
          }

          &.active {
            &:before {

              background: url(../img/bg-li.svg) left top no-repeat;
            }
          }
        }
      }
    }
  }

  .br_bottom {
    border-bottom: 1px solid $color-noir;
  }

  .br_top {
    border-top: 1px solid $color-noir;
  }


  .bloc_idetifiants {

    h2 {
      color: $color-rouge;
      font-family: $font-family;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      text-transform: uppercase;
      padding-bottom: 5px;
      border-bottom: 1px solid $color-noir;
    }

    .input-group {
      margin-bottom: 30px;
      margin-right: 0;
    }

    .row {
      gap: 40px;
      flex-wrap: wrap;

      .col-6 {
        flex: calc((100% - 40px)/2)
      }
    }

    .row_btn {
      gap: 40px;
      justify-content: space-between;
    }

    .input-group {
      margin-bottom: 30px;
      margin-right: 0;
    }

    .form-group-radio {
      margin-bottom: 30px;
      column-gap: 40px;

      span {
        margin-right: -20px;
        font-size: 16px;
        line-height: 18px;
        color: $color-noir;
        font-style: italic;
        font-family: $font-family;
      }

      .custom-control-label {
        font-size: 14px;
        line-height: 20px;
        font-family: $font-family;
        font-weight: normal;

        &.adresse_facturation {
          span {
            font-size: 12px;
            font-style: italic;
            font-weight: 400;
          }
        }
      }
    }

    .message-infos {
      font-size: 11px;
      font-style: italic;
      line-height: 14px;
      font-family: $font-family;

      a {
        text-decoration: underline;
      }
    }


    .m-champs-obligatoires {
      margin-top: -20px;
    }

    .form_modifier_email,
    .form_modifier_mot_passe {
      .m-champs-obligatoires {
        margin-top: -10px;
      }
    }

    .bloc_carte {
      display: flex;
      align-items: center;
      gap: 20px;

      strong {
        color: $color-rouge;
      }
    }

    .bloc_paiement {
      .row_btn {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40px;

        .pos_right {
          display: flex;
          flex-direction: column;
          gap: 10px;

          strong {
            color: $color-rouge;
          }
        }
      }
    }

    .bloc_links {
      gap: 20px;
    }

    .form_recherche {
      width: 100%;
      background-color: $color-gris;
      padding: 15px 20px;
      margin-bottom: 30px;

      form {
        column-gap: 50px;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 20px;

        .input-group {
          margin-bottom: 0;
          height: 35px;

          input {
            height: 35px;
          }

          select {
            padding: 6px 30px 10px 10px;
            line-height: 20px;
          }

          label {
            min-height: 35px;
          }

          >.form-control:not(:-moz-placeholder-shown)~label {
            transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);

          }

          >.form-control:focus~label,
          >.form-control:not(:placeholder-shown)~label {
            transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);

          }

          >.form-control:-webkit-autofill~label {
            transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);

          }
        }

        .placeholder {
          flex: 100%;
          font-weight: 700;
          margin-bottom: 10px;
          font-size: 14px;
        }

        .select_search {
          width: 240px;
          flex-wrap: wrap;
          column-gap: 20px;


          .select-revue {
            width: 100%;
          }

          .select-mois {
            width: 135px;
          }

          .select-annee {
            width: 85px;
          }
        }

        .input-groups {
          width: 160px;
          flex-wrap: wrap;

          .input-group {
            width: 100%;
          }
        }


      }

      &.form_recherche_ebooks {
        form {
          .input-groups {
            width: 310px;

          }

          .select_search {
            width: initial;

            &.select_search_theme {
              width: 190px;

              .select-theme {
                width: 100%;
              }
            }
          }
        }
      }
    }

    .bloc_magasines {
      .titre {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        color: $color-rouge;
      }

      .magasines {
        padding: 0;
        gap: 40px calc((100% - 816px) / 3);
        flex-wrap: wrap;

        .item_numero {
          width: 204px;
          display: flex;
          flex-direction: column;

          .num-date,
          .title {
            font-size: 14px;
            margin-bottom: 10px;
            line-height: normal;
            font-weight: 400;
          }

          .title {
            font-weight: 700;
          }

          .img {
            position: relative;
            width: 100%;
            //height: 290px;
            overflow: hidden;
            margin-bottom: 20px;
            display: inline-block;
            max-height: 290px;

            &.img_brd {
              height: auto;
              overflow: inherit;

              img {
                border: 1px solid $color-gris;
                box-shadow: 0px 5px 15px 0px rgba($color: $color-noir, $alpha: 0.15);
              }
            }
          }

          form {
            margin-top: auto;
          }
        }

      }
    }

    .liste_newsletter {
      flex-direction: column;
      gap: 30px;

      .item {
        gap: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid $color-noir;

        .img {
          flex: 160px 0 0;

          img {
            max-width: 160px;
          }
        }

        .infos {
          flex: 1;
          flex-direction: column;

          .btn {
            display: none;

            svg {

              * {
                color: $color-vert;
                fill: $color-vert;
              }
            }

            &.select {
              display: inline-flex;
            }
          }
        }
      }
    }

    .message_news {
      font-size: 14px;
      line-height: 18px;

      a {
        font-weight: 700;
        text-decoration: underline;
      }
    }

    .liste_abonnements {
      flex-direction: column;
      gap: 30px;

      .item {
        gap: 45px;
        padding-bottom: 30px;
        border-bottom: 1px solid $color-noir;
        align-items: center;
        display: flex;

        .images {
          flex: 305px 0 0;
          gap: 30px 45px;
          justify-content: flex-end;
          flex-wrap: wrap;

          .msg {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            color: $color-rouge;
            flex: 100% 0 0;
          }

          &.col-3 {
            flex: 450px 0 0;
            gap: 30px;
          }
        }

        .descriptif {
          flex: 1;

          &.col-3 {
            flex: 1;

          }

          p {
            margin-bottom: 5px;
          }

          a {
            color: $color-rouge;
            font-weight: 500;
          }
        }

        .links {
          flex: 225px 0 0;
          margin-left: auto;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          gap: 20px;

          a {
            color: $color-rouge;
            font-weight: 500;
          }

          &.col-3 {
            flex: 205px 0 0;
          }
        }
      }
    }

    &.bloc_justificatif {
      ul {
        list-style: initial;
        padding-left: 30px;

        li {
          list-style: initial;
          margin-bottom: 5px;
          line-height: 28px;

          a {
            font-weight: 700;
            color: $color-rouge;
            text-decoration: underline;
          }
        }
      }

      #form_modifier_justificatif {
        .custom-file {
          .custom-file-label {
            &:before {
              content: "JE SÉLECTIONNE";
              padding: 6px 40px 6px 20px;
            }
          }

          input {
            &.active~.custom-file-label {
              &:before {
                content: "MODIFIER";

              }
            }
          }
        }
      }

      .m_tarif_etudiant {
        font-size: 14px;
        font-style: italic;
        float: none;
        line-height: normal;

        strong {
          color: $color-rouge;
        }
      }
    }






    &.bloc_infos_expert {

      >.bloc_form_question {
        display: flex;
        padding: 30px 20px;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        align-self: stretch;
        border: 1px solid $color-gris;
        background-color: $color-beige-4 ;

        .titre {
          color: $color-rouge;
          text-align: center;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          width: 100%;
        }

        .bloc_form {
          width: 100%;

          .row_input {
            display: flex;
            justify-content: center;
            gap: 20px;

            .input-group {
              max-width: 380px;
              width: 100%;
            }
          }

          .row_message {
            max-width: 680px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;

            .message {
              color: $color-rouge;
              font-style: normal;
              font-weight: 700;
              line-height: 22px;
              margin: 30px 0 20px;
              white-space: pre-line;
            }

            .bloc_message {
              padding: 25px 20px;
              border: 1px solid $color-rouge;
              display: flex;
              gap: 20px;

              .input-group {
                margin-bottom: 0;
                flex: 1;

                textarea {
                  height: 130px;
                  padding: 15px;
                  background-color: $color-blanc;
                  border-radius: 20px 20px 20px 0px;
                  border: 1px solid $color-gris;
                  margin-bottom: 0;
                }
              }

              .row_submit {
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 20px;

                .input-file {
                  input {
                    visibility: hidden;
                    width: 0;
                  }
                }
              }
            }


          }


        }
      }

      .bloc_expert {
        align-items: flex-start;

        .bloc_left {
          padding: 20px;
          background-color: $color-beige-4;

          h3 {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            font-family: $font-family;
            margin-bottom: 10px;
            color: $color-rouge;
          }

          .liste_quest {
            li {
              border-bottom: 1px solid $color-noir;

              &:first-child {
                border-top: 1px solid $color-noir;
              }

              a {
                padding: 15px 10px;
                border-left: 4px solid transparent;
                display: flex;
                align-items: center;
                font-size: 14px;
                font-weight: 500;
                color: $color-noir !important;
                gap: 10px;
                font-family: $font-family;
                justify-content: space-between;


                &.active {
                  background-color: $color-rose;
                  border-left: 4px solid $color-rouge;
                }

                span {
                  display: block;
                }

                .ref {
                  font-weight: 700;
                }

                .rbq {
                  font-weight: 700;
                  margin-top: 8px;
                }

                .etat {
                  display: flex;
                  padding: 4px 15px;
                  align-items: flex-start;
                  gap: 8px;
                  font-family: $font-family;
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: normal;
                  letter-spacing: 0.3px;
                  border-radius: 20px;
                  border: 1px solid $color-gris;
                  background: $color-beige-4;
                  margin-top: 10px;
                  width: 100px;

                  .bull {
                    width: 12px;
                    height: 12px;
                    flex: 12px 0 0;
                    border-radius: 100%;

                    &.vert {
                      background-color: $color-vert;
                    }

                    &.bleu {
                      background-color: $color-bleu;
                    }
                  }
                }

                .num {
                  border-radius: 15px;
                  border: 1px solid $color-jaune;
                  background-color: $color-jaune;
                  font-size: 10px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 14px;
                  color: $color-noir;
                  display: flex;
                  min-width: 30px;
                  height: 15px;
                  justify-content: center;
                }
              }
            }
          }

          .btn {
            padding: 9px 20px;
            border-radius: 10px;
            margin-top: 30px;
            text-align: left;
          }
        }

        .bloc_right {
          .titre_link {
            color: $color-rouge;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            font-size: 16px;
            width: 100%;
            justify-content: space-between;

            &::before {
              display: none;
            }
          }

          .bloc_form_question {
            display: flex;
            flex-direction: column;
            align-items: center;

            .bloc_form {
              width: 100%;

              .bloc_message {
                background: $color-beige-4;
                padding: 25px 20px;
                border: 1px solid $color-rouge;
                display: flex;
                gap: 20px;

                .input-group {
                  margin-bottom: 0;
                  flex: 1;

                  textarea {
                    height: 130px;
                    padding: 15px;
                    background-color: $color-blanc;
                    border-radius: 20px 20px 20px 0px;
                    border: 1px solid $color-gris;
                    width: 100%;
                  }
                }

                .col_submit {
                  align-items: center;
                  justify-content: center;
                  flex-direction: column;
                  gap: 20px;

                  .input-file {
                    input {
                      visibility: hidden;
                      width: 0;
                    }
                  }
                }
              }
            }
          }

          .bloc_reponses {
            border: 1px solid $color-gris;
            margin-top: 20px;
            padding: 25px 20px;
            display: flex;
            flex-direction: column;

            .bloc_reponse {


              .date {
                display: flex;
                padding: 3px 10px;
                flex-direction: column;
                align-items: center;
                gap: 5px;
                background: $color-beige-4;
                color: $color-noir;
                text-align: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 22px;
                border-bottom: 1px solid $color-noir;
                margin-bottom: 20px;
              }

              .reponse {
                margin-bottom: 20px;
                max-width: 410px;
                display: block;
                float: left;
                width: 100%;

                .heure_nom {
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: normal;
                  padding-left: 15px;
                }

                .message {
                  padding: 15px;
                  border-radius: 20px 20px 20px 0px;
                  border: 1px solid $color-gris;
                  width: 100%;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 20px;
                  background-color: $color-rose;

                }

                &.client {
                  float: right;

                  .message {
                    background-color: $color-blanc;
                  }
                }


              }
            }
          }
        }
      }

    }

    &.bloc_commandes {
      .bloc_alerts {
        border-bottom: 1px solid $color-noir;
      }

      .tabs_commandes {
        h3 {
          color: $color-rouge;
          font-family: $font-family;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 15px;
        }
      }
    }

    &.bloc_details_commandes {
      .titre_btn {
        column-gap: 30px;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 15px;
        border-bottom: 1px solid $color-noir;
        text-transform: initial;

        .lien_ico {
          font-size: 16px;
          line-height: 20px;
          margin-left: auto;
          display: flex;
          column-gap: 5px;
          flex: auto 0 0;
          margin-bottom: 0;
          color: $color-rouge;

          span {
            text-decoration: none;
          }

          &:hover {
            span {
              text-decoration: underline;
              color: $color-rouge;
            }
          }
        }


      }

      .bloc_adr {
        column-gap: 40px;
        padding-bottom: 25px;
        margin-top: 25px;
        border-bottom: 1px solid $color-noir;

        .item_adr {
          flex: calc((100% - 40px)/2) 0 0;
          font-size: 14px;
          line-height: 20px;
          font-family: $font-family;
          font-weight: 500;

          h3 {
            margin-bottom: 10px;
            font-family: $font-family;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
          }
        }
      }
    }


    &.bloc_avantages {
      .liste_avantages {
        h2 {
          text-align: center;
          border: none;
          color: $color-noir;
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: initial;
          font-family: $font-family;
          padding-bottom: 0;
        }

        .avantages {
          gap: 20px;
          flex-wrap: wrap;

          .item {
            flex: 1;
            line-height: 24px;
            min-width: 280px;

            .titre {
              color: $color-rouge;
              font-family: $font-family;
              font-size: 24px;
              font-style: normal;
              font-weight: 700;
              line-height: 28px;
              margin-bottom: 10px;
            }

            .link {
              margin-top: 30px;
            }
          }
        }
      }

      .bloc_paiement {
        display: flex;
        width: 100%;
        padding: 20px;
        border-radius: 25px;
        border: 1px solid $color-gris;
        background: $color-beige-4;
        gap: 40px;
        align-items: center;

        .left {
          flex-direction: column;
          gap: 10px;
          flex: 1;

          .titre {
            color: $color-noir;
            font-family: $font-family;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
          }

          p {
            margin-bottom: 0;
          }

          .link {
            margin-top: 20px;
          }
        }

        .right {
          flex: 15px 0 0;
        }

      }

      .bloc_fidelite {
        display: flex;
        flex-direction: column;
        align-items: center;

        h2 {
          text-align: center;
          border: none;
          color: $color-noir;
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: initial;
          font-family: $font-family;
          padding-bottom: 0;
        }

        .bloc_dispose {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 30px;
          padding: 10px;
          background-color: $color-beige-4;

          .left {
            flex: 32px 0 0;
          }

          .center {
            flex: 1;
            font-size: 20px;
            text-align: center;

            p {
              margin-bottom: 5px;
            }

            .rouge {
              font-family: $font-family;
            }

            i {
              font-size: 12px;
              font-weight: 500;
            }
          }

          .right {
            flex: 32px 0 0;
            transform: rotate(-180deg);
          }
        }

        .text {
          text-align: left;
          width: 100%;

          p:last-child {
            margin-bottom: 0;
          }
        }

      }

      .liste_produits {
        flex-wrap: wrap;
        gap: 70px;

        .item {
          flex: calc((100% - 140px)/3) 0 0;
          min-width: 250px;
          position: relative;
          border-radius: 25px;
          border: 1px solid $color-gris;
          background: $color-blanc;
          display: flex;
          padding: 28px 25px 25px 25px;
          flex-direction: column;
          align-items: center;
          gap: 20px;
          justify-content: space-between;

          .point {
            display: flex;
            padding: 3px 10px;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            border-radius: 5px;
            background: $color-rouge;
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            color: $color-blanc;
            text-align: center;
            font-family: $font-family;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;

          }

          .titre {
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
          }

          .img {
            width: 100%;
            height: 230px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
              max-height: 100%;
            }
          }

          .masq {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 25px;
            background: rgba($color: $color-beige-4, $alpha: 0.65);
            width: calc(100% + 2px);
            height: calc(100% + 20px);
            top: -18px;
            left: -1px;
            z-index: 10;
            cursor: no-drop;

            .btn {
              text-transform: initial;
              cursor: no-drop;

              &:hover {
                background-color: $color-rouge;
                color: $color-blanc;
              }
            }
          }
        }
      }

      .msg {
        font-size: 10px;
        font-style: italic;
        font-weight: 500;
        line-height: normal;
      }
    }

  }*/
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 {
  border-radius: 25px;
  border: 1px solid #000;
  padding: 35px 30px;
  width: 100%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .message-bienvenue {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 30px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 #bloc_cordonnes {
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_echeance {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  margin-bottom: 30px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_echeance .btn_sinscrire {
  position: relative;
  padding: 8px 20px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  align-items: center;
  display: inline-flex;
  cursor: pointer;
  background-color: #f8f0f0;
  border-top: 2px solid #ffbd2e;
  border-bottom: 2px solid #ffbd2e;
  gap: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_echeance .btn_sinscrire svg {
  flex: 31px 0 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos {
  justify-content: space-between;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div {
  flex: calc(50% - 15px) 0 0;
  padding: 30px 0 30px;
  border-top: 1px solid #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div h2 {
  margin: 0 0 15px;
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #e13915;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div p {
  font-size: 16px;
  margin-bottom: 8px;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div p span.nom {
  text-transform: uppercase;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div .btn {
  padding: 7px 30px 7px 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div .btn svg {
  display: none;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div.adresses, .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div.moyen-paiement {
  border-bottom: 1px solid #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div.bloc_don {
  text-align: center;
  margin: 30px auto 0;
  padding: 30px;
  border-radius: 25px;
  border: 3px solid #ffbd2e;
  background: #e5e5e5;
  width: 395px;
  flex: auto 0 0;
  max-width: 100%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div.bloc_don h2 {
  text-transform: initial;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .row {
  -moz-column-gap: 30px;
       column-gap: 30px;
  flex-wrap: wrap;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .row .col-6 {
  flex: calc((100% - 30px) / 2);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_mot_passe {
  border-top: 1px solid #000;
  padding-top: 30px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants h2 {
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  color: #e13915;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants p.mail.bord-b {
  border-bottom: 1px solid #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .input-group {
  align-items: stretch;
  width: 100%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .m-champs-obligatoires {
  margin-top: -10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .section_contact .m-champs-obligatoires {
  margin-top: 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .message-infos {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 18px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .message-infos a {
  font-weight: 700;
  text-decoration: underline;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters {
  flex-direction: column;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item {
  gap: 30px;
  padding: 25px 0;
  border-bottom: 1px solid #ffbd2e;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item:first-child {
  border-top: 1px solid #ffbd2e;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .img {
  flex: 120px 0 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .infos {
  flex: 1;
  flex-direction: column;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  line-height: 23px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .infos .titre {
  font-family: "Hanken Grotesk";
  margin-bottom: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch {
  align-items: center;
  -moz-column-gap: 0;
       column-gap: 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .before {
  cursor: pointer;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-weight: 600;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .after {
  cursor: pointer;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-weight: 400;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch label {
  z-index: 5;
  position: relative;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .custom-control-label {
  font-family: "Hanken Grotesk";
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 0;
  width: 80px;
  cursor: pointer;
  height: 36px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .custom-control-label:before {
  width: 80px;
  border-radius: 36px;
  background-color: #e5e5e5;
  height: 36px;
  border: none;
  content: "Non";
  line-height: 38px;
  padding-left: 35px;
  color: #000;
  font-weight: 300;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .custom-control-label:after {
  height: 30px;
  width: 30px;
  top: 3px;
  border-radius: 50%;
  background-color: #be0613;
  left: 3px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(44px);
  background-color: #3eab04;
  height: 30px;
  width: 30px;
  top: 3px;
  border-radius: 50%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .liste_newsletters .item .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  content: "Oui";
  font-weight: 600;
  padding-left: 15px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes h3 {
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr:last-child .td {
  border-bottom: 1px solid #ffbd2e;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr.header-commande .td {
  font-weight: 400;
  font-family: "Hanken Grotesk";
  font-size: 12px;
  border-top: 2px solid #ffbd2e;
  border-bottom: 2px solid #ffbd2e;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr.header-commande .td-01 {
  border-left: 2px solid #ffbd2e;
  border-radius: 10px 0 0 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr.header-commande .td-06 {
  border-right: 2px solid #ffbd2e;
  border-radius: 0 10px 10px 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr.header-commande .brd_rad {
  border-right: 2px solid #ffbd2e;
  border-radius: 0 10px 10px 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-05.valid {
  color: #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 {
  width: 155px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 .lien {
  display: flex;
  margin-bottom: 5px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #e13915;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 .lien .svg {
  flex: 25px 0 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search {
  width: 100%;
  background-color: #e2d3c0;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form {
  -moz-column-gap: 50px;
       column-gap: 50px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group {
  margin-bottom: 0;
  height: 35px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group input {
  height: 35px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group select {
  padding: 6px 30px 10px 10px;
  line-height: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group label {
  min-height: 35px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group > .form-control:not(:-moz-placeholder-shown) ~ label {
  transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group > .form-control:not(:-moz-placeholder) ~ label {
  transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group > .form-control:focus ~ label,
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group > .form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .input-group > .form-control:-webkit-autofill ~ label {
  transform: scale(0.8) translateY(-1.6rem) translateX(0.15rem);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .placeholder {
  flex: 100%;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 14px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .col_num {
  flex: 250px 0 0;
  flex-wrap: wrap;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .col_date {
  flex: 300px 0 0;
  flex-wrap: wrap;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_search form .col_date .col_select {
  width: 100%;
  gap: 15px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines {
  position: relative;
  margin-bottom: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines {
  justify-content: center;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
  -moz-column-gap: 42px;
       column-gap: 42px;
  row-gap: 42px;
  align-items: flex-end;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero {
  width: calc((100% - 126px) / 4);
  min-width: 212px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .num-date {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 400;
  display: block;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .num-date span {
  color: #be0613;
  font-weight: 800;
  display: inline-flex;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .no_form {
  height: 40px;
  text-align: center;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .no_form span {
  color: #be0613;
  font-family: "Hanken Grotesk";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.5px;
  display: inline-block;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .img {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  margin-bottom: 15px;
  display: inline-block;
  cursor: pointer;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .img .masq {
  background: #000;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: none;
  flex-direction: column;
  row-gap: 5px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  font-weight: 500;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .img:hover .masq {
  display: flex;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .form_edition {
  display: flex;
  align-items: center;
  row-gap: 15px;
  justify-content: space-between;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .form_edition .prix_numero {
  justify-content: space-between;
  width: 100%;
  color: #000;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .form_edition .prix_numero .custom-control-label {
  font-size: 18px;
  line-height: 22px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .form_edition .prix_numero .custom-control-label .text {
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .bloc_magasines .magasines .item_numero .form_edition button {
  min-width: 118px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .sous_titre {
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments p.label {
  font-family: "Hanken Grotesk";
  font-weight: 500;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .msg_code_bancaire {
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .msg {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .msg a {
  font-weight: 700;
  text-decoration: underline;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement {
  display: flex;
  width: 650px;
  max-width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #000;
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-wrap: wrap;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .form-group-radio {
  gap: 20px;
  justify-content: center;
  flex: 100% 0 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .form-group-radio .custom-control-label {
  font-weight: 400;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .input-group span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .bloc_iban {
  display: flex;
  gap: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .bloc_iban span {
  width: 100%;
  margin-bottom: -10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .bloc_iban input {
  flex: 1;
  padding: 5px 2px;
  text-align: center;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement.sepa_fr .input-group {
  width: calc((100% - 20px) / 2);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement.sepa_fr .input-group.bloc_iban_2 {
  width: 100%;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .titre_btn {
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  flex-wrap: wrap;
  row-gap: 15px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .titre_btn .pos_right .lien_ico {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .titre_btn .pos_right .top {
  text-align: right;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .titre_btn .pos_right .bottom {
  margin-top: 20px;
  display: flex;
  gap: 30px;
  align-items: center;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .titre_btn .pos_right .bottom .lien_retour {
  font-size: 12.681px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.022px;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_adr {
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ffbd2e;
  margin-bottom: 15px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_adr .item_adr {
  flex: calc((100% - 30px) / 2) 0 0;
  font-size: 14px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_adr .item_adr h3 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  margin-bottom: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .tabs_commandes .tab_abonnements .tr.header-commande .td-05 {
  border-right: 2px solid #ffbd2e;
  border-radius: 0 10px 10px 0;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .tab_factures .tab_prix {
  border-bottom: 1px solid #ffbd2e;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .tab_factures .tab_prix .row.row-total .pos_left {
  font-size: 14px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .tab_factures .tab_prix .row .pos_right {
  font-weight: 500;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes p.sous_titre {
  color: #be0613;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates {
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px calc((100% - 750px) / 2);
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date {
  flex: 250px 0 0;
  max-width: 250px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date h3 {
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date .item {
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid #000;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date .item .lien_ico {
  font-family: "Hanken Grotesk";
  font-weight: 500;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date .item .lien_ico svg {
  margin-right: 5px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_details_commandes .bloc_dates .item_date .item:last-child {
  border-bottom: 1px solid #000;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_commandes_desabonnes .bloc_mail .input-group {
  max-width: 460px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_commandes_desabonnes .msg {
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_commandes_desabonnes .msg a {
  font-weight: 700;
  text-decoration: underline;
}
.template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_form_contact .msg a {
  color: #be0613;
}
.template_compte.template_inscription .container {
  text-align: center;
}
.template_compte.template_inscription .bloc_inscription_client {
  margin: 0 auto;
  max-width: 860px;
  display: inline-block;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #000;
}
.template_compte.template_inscription .bloc_inscription_client h2 {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  justify-content: center;
}
.template_compte.template_inscription .bloc_inscription_client .message_form {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.template_compte.template_inscription .bloc_inscription_client .bloc_interne_cont {
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.template_compte.template_inscription .bloc_inscription_client .input-group {
  margin-bottom: 30px;
  margin-right: 0;
  flex: calc((100% - 30px) / 2);
}
.template_compte.template_inscription .bloc_inscription_client .col-12 {
  flex: 100% 0 0 !important;
}
.template_compte.template_inscription .bloc_inscription_client .form-group-radio {
  margin-bottom: 30px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  align-items: center;
}
.template_compte.template_inscription .bloc_inscription_client .form-group-radio span,
.template_compte.template_inscription .bloc_inscription_client .form-group-radio .label {
  margin-right: -20px;
  font-size: 16px;
  line-height: 18px;
  color: #e5e5e5;
  font-family: "Hanken Grotesk";
}
.template_compte.template_inscription .bloc_inscription_client .form-group-radio .custom-control-label {
  line-height: 26px;
}
.template_compte.template_inscription .bloc_inscription_client .custom-control-label {
  font-size: 14px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: normal;
  text-align: left;
  padding-left: 35px;
}
.template_compte.template_inscription .bloc_inscription_client .message-infos {
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  font-family: "Hanken Grotesk";
}
.template_compte.template_inscription .bloc_inscription_client .m-champs-obligatoires {
  margin-top: -20px;
}
.template_compte.template_inscription .bloc_inscription_client .reglements-message {
  font-size: 14px;
  font-family: "Hanken Grotesk";
  line-height: 24px;
}
.template_compte.template_inscription .bloc_inscription_client .reglements-message a {
  font-family: "Hanken Grotesk";
  font-weight: bold;
  text-decoration: underline;
}
.template_compte.template_inscription .bloc_inscription_client .row_links .btn {
  width: -moz-max-content;
  width: max-content;
}
.template_compte.recuperer-mot-passe .bloc_inscription_client {
  max-width: 760px;
}

/********************/
.tabs_commandes .tab_abonnements {
  display: table;
  width: 100%;
  background: #ffffff;
}
.tabs_commandes .tab_abonnements a:hover {
  color: inherit;
}
.tabs_commandes .tab_abonnements .tr {
  display: table-row;
  width: 100%;
}
.tabs_commandes .tab_abonnements .tr:last-child .td {
  border-bottom: 1px solid #000;
}
.tabs_commandes .tab_abonnements .tr .td {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  border-bottom: 1px solid #000;
  font-size: 14px;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  font-weight: 400;
}
.tabs_commandes .tab_abonnements .tr.header-commande .td {
  font-weight: 400;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.tabs_commandes .tab_abonnements .tr .td-01 {
  width: 130px;
  font-weight: 400;
  font-family: "Hanken Grotesk";
}
.tabs_commandes .tab_abonnements .tr .td-03 {
  width: 140px;
}
.tabs_commandes .tab_abonnements .tr .td-04 {
  width: 115px;
}
.tabs_commandes .tab_abonnements .tr .td-05 {
  width: 110px;
  font-weight: 400;
  font-family: "Hanken Grotesk";
}
.tabs_commandes .tab_abonnements .tr .td-05.valid {
  color: #3eab04;
}
.tabs_commandes .tab_abonnements .tr .td-05.annule {
  color: #be0613;
}
.tabs_commandes .tab_abonnements .tr .td-06 {
  width: 110px;
}
.tabs_commandes .tab_abonnements .btn {
  padding: 5px 15px;
}
.tabs_commandes.tab_factures {
  background-color: #ffffff;
}
.tabs_commandes.tab_factures .tab_abonnements {
  margin-bottom: 20px;
}
.tabs_commandes.tab_factures .tab_abonnements .produit .td {
  padding: 15px 10px;
}
.tabs_commandes.tab_factures .tab_abonnements .tr .td-01 {
  width: auto;
  font-weight: normal;
  font-family: "Hanken Grotesk";
}
.tabs_commandes.tab_factures .tab_abonnements .tr .td-02 {
  width: 150px;
}
.tabs_commandes.tab_factures .tab_abonnements .tr .td-03,
.tabs_commandes.tab_factures .tab_abonnements .tr .td-04,
.tabs_commandes.tab_factures .tab_abonnements .tr .td-05 {
  width: 110px;
  font-weight: normal;
  font-family: "Hanken Grotesk";
  color: #000;
}
.tabs_commandes.tab_factures .tab_abonnements .tr .td-05 {
  text-align: right;
}
.tabs_commandes.tab_factures .tab_prix {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #000;
  flex-direction: column;
  row-gap: 10px;
  background-color: #ffffff;
}
.tabs_commandes.tab_factures .tab_prix .row {
  justify-content: flex-end;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
  padding: 0 10px;
}
.tabs_commandes.tab_factures .tab_prix .row .pos_left {
  width: 140px;
  font-family: "Hanken Grotesk";
  font-size: 14px;
}
.tabs_commandes.tab_factures .tab_prix .row .pos_right {
  width: 105px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Hanken Grotesk";
  text-align: right;
}
.tabs_commandes.tab_factures .tab_prix .row:last-child .pos_left {
  font-family: "Hanken Grotesk";
  font-weight: bold;
}
.tabs_commandes.tab_factures .tab_prix .row.row-total .pos_left {
  font-size: 18px;
}
.tabs_commandes.tab_factures .tab_prix .row.row-total .pos_right {
  font-size: 18px;
}

.form_news .row_active {
  padding: 0 35px;
}

.liste_newsletter {
  margin-top: 20px;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 40px;
  justify-content: center;
  padding: 0 35px;
}
.liste_newsletter .item {
  flex: calc((100% - 60px) / 3);
  max-width: calc((100% - 30px) / 3);
  background-color: #ffffff;
  padding: 25px 20px;
  position: relative;
  line-height: 24px;
  font-family: "Hanken Grotesk";
  display: flex;
  flex-direction: column;
  min-width: 250px;
}
.liste_newsletter .item .desc {
  margin-bottom: 25px;
  margin-top: 15px;
}
.liste_newsletter .item .custom-switch {
  justify-content: space-between;
}

.liste_livres {
  flex-wrap: wrap;
  -moz-column-gap: 90px;
       column-gap: 90px;
  row-gap: 70px;
  align-items: flex-start;
}
.liste_livres .item_livre {
  flex: calc((100% - 90px) / 2) 0 0;
  display: flex;
  -moz-column-gap: 25px;
       column-gap: 25px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.liste_livres .item_livre h3 {
  flex: 100% 0 0;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 32px;
  color: #be0613;
  border-bottom: 1px solid #000;
}
.liste_livres .item_livre .pos_left {
  flex: calc((100% - 25px) / 2) 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 17px;
}
.liste_livres .item_livre .pos_left .img {
  width: 150px;
  height: auto;
  max-width: 220px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.liste_livres .item_livre .pos_left .form_edition {
  padding-top: 20px;
  border-top: 1px solid #000;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.liste_livres .item_livre .pos_left .form_edition .prix_numero {
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 25px;
}
.liste_livres .item_livre .pos_left .form_edition .prix_numero .custom-control-label {
  font-size: 18px;
  line-height: 22px;
}
.liste_livres .item_livre .pos_left .form_edition .prix_numero .custom-control-label .text {
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
}
.liste_livres .item_livre .pos_right {
  flex: calc((100% - 25px) / 2) 0 0;
  font-size: 13px;
  line-height: 18px;
  font-family: "Hanken Grotesk";
}
.liste_livres .item_livre .pos_right .auteurs {
  margin-top: 30px;
}
.liste_livres .item_livre .pos_right .auteurs strong {
  font-family: "Hanken Grotesk";
}
.liste_livres .item_livre .pos_right .sommaire {
  overflow: hidden;
  margin-bottom: 20px;
}
.liste_livres .item_livre .pos_right .sommaire p:last-child {
  margin-bottom: 0;
}
.liste_livres .item_livre .pos_right .sommaire ul {
  list-style: initial;
  padding-left: 30px;
}
.liste_livres .item_livre .pos_right .sommaire ul li {
  list-style: initial;
  margin-bottom: 10px;
}
.liste_livres .item_livre .pos_right .sommaire ol {
  padding-left: 30px;
  margin-bottom: 20px;
}
.liste_livres .item_livre .pos_right .sommaire a {
  text-decoration: underline;
  font-weight: bold;
}
.liste_livres .item_livre .pos_right .sommaire a:hover {
  color: #be0613;
}
.liste_livres .item_livre .pos_right .sommaire strong {
  font-family: "Hanken Grotesk";
}
.liste_livres .item_livre .pos_right .voir-plus,
.liste_livres .item_livre .pos_right .voir-moins {
  font-size: 13px;
  font-family: "Hanken Grotesk";
  line-height: 18px;
  font-weight: 700;
}
.liste_livres .item_livre .pos_right .voir-plus strong,
.liste_livres .item_livre .pos_right .voir-moins strong {
  color: #be0613;
}
.liste_livres .item_livre .pos_right .voir-plus span,
.liste_livres .item_livre .pos_right .voir-moins span {
  text-decoration: underline;
}

#liseuse {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999998;
  background-color: #000;
}
#liseuse #fermer_liseuse {
  position: absolute;
  width: 250px;
  height: 60px;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 15;
  background: url(../img/logo-liseuse.svg) 10px center no-repeat;
}
#liseuse.livre #fermer_liseuse {
  background: url(../img/logo-liseuse-librairie.svg) 10px center no-repeat;
}

#liseuse {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999998;
  background: #ffffff url(../img/loading.svg) center center no-repeat;
}
#liseuse #fermer_liseuse {
  position: absolute;
  width: 25%;
  height: 60px;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 15;
}

/*
.section_contact {
  .container {
    max-width: 990px;
    position: relative;
    z-index: 5;
  }

  .bloc_contact {
    column-gap: 50px;
    align-items: flex-start;

    .bloc_left {
      flex: 310px 0 0;
      padding: 30px 25px;
      color: $color-blanc;
      font-size: 14px;
      line-height: 20px;
      position: relative;

      h2 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 28px;
        font-family: $font-family;
        color: $color-blanc;
        font-weight: 700;
      }

      h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        font-family: $font-family;
        font-weight: 700;
        color: $color-blanc;
      }

      .img {
        position: absolute;
        left: 0;
        bottom: -9px;
        width: 100%;
      }
    }

    .bloc_right {
      flex: calc(100% - 360px) 0 0;

      .form-group-radio {
        column-gap: 50px;

        .custom-control-label {
          line-height: 20px;
          font-weight: 500;
          font-size: 16px;
        }
      }

      .reglements-message {
        font-size: 14px;
        line-height: 20px;

        a {
          font-family: $font-family;
          font-weight: bold;
          text-decoration: underline;
        }
      }
    }
  }
}*/
.section_btns_tab {
  margin-top: -78px;
}
.section_btns_tab .container {
  justify-content: center;
}
.section_btns_tab .btns_tab {
  flex: 340px 0 0;
  height: 50px;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  padding: 2px;
  overflow: hidden;
}
.section_btns_tab .btns_tab .btn_tab {
  width: 50%;
  height: 100%;
  border: 1px solid transparent;
  font-size: 13px;
  line-height: 44px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  font-family: "Hanken Grotesk";
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_btns_tab .btns_tab .btn_tab:hover {
  color: #be0613;
  text-decoration: underline;
}
.section_btns_tab .btns_tab .btn_tab.active {
  background-color: #ffffff;
  border-color: #000;
  border-radius: 50px;
  color: #be0613;
  font-weight: 900;
  text-decoration: none;
  font-size: 15px;
}

.bloc_cadeau {
  border-top: 1px solid #000;
  padding-top: 20px;
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex: 100%;
  margin-top: 20px;
  align-items: center;
  margin-bottom: 30px;
}
.bloc_cadeau .titre_cad {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  font-family: "Hanken Grotesk";
  position: relative;
  flex: 230px 0 0;
}
.bloc_cadeau .item_cad {
  position: relative;
  flex: 1;
}
.bloc_cadeau .item_cad .sous_titre {
  font-size: 22px;
  line-height: 24px;
  font-family: "Hanken Grotesk";
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
.bloc_cadeau .item_cad ul li {
  font-size: 14px;
  text-align: left;
  position: relative;
  line-height: 18px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.bloc_cadeau .item_cad ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 10px;
  height: 18px;
  background: url(../img/li.svg) left top no-repeat;
}
.bloc_cadeau .item_cad ul li:last-child {
  margin-bottom: 0;
}

.bloc_switch_tarif {
  justify-content: center;
}
.bloc_switch_tarif .custom-switch .before {
  color: #be0613;
}
.bloc_switch_tarif .custom-switch .custom-control-input:checked ~ .after {
  color: #be0613;
  font-weight: 600;
}
.bloc_switch_tarif .custom-switch .custom-control-input:checked ~ .before {
  color: #000;
  font-weight: 400;
}
.bloc_switch_tarif .custom-switch .custom-control-label:before {
  content: "" !important;
}
.bloc_switch_tarif .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #be0613;
}

.section_offres {
  overflow-x: hidden;
}
.section_offres .container {
  max-width: 990px;
}
.section_offres .titre_top {
  text-align: center;
  position: relative;
  background: url(../img/cercle_flesh.svg) top center no-repeat;
  min-height: 145px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  margin-bottom: 5px;
}
.section_offres .titre_top > span {
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
  font-family: "Hanken Grotesk";
}
.section_offres .bloc_offres {
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 40px;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}
.section_offres .bloc_offres .offre_item {
  flex: calc((100% - 60px) / 2) 0 0;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  padding: 30px 0;
}
.section_offres .bloc_offres .offre_item .cont_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.section_offres .bloc_offres .offre_item .cont_item .logo {
  padding: 0 20px;
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  width: 100%;
  margin-bottom: 20px;
}
.section_offres .bloc_offres .offre_item .cont_item .titre {
  position: relative;
  font-size: 32px;
  line-height: 36px;
  color: #000;
  align-items: flex-end;
  -moz-column-gap: 15px;
       column-gap: 15px;
  justify-content: space-between;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  display: flex;
  padding: 0 20px;
  margin-bottom: 20px;
  width: 100%;
}
.section_offres .bloc_offres .offre_item .cont_item .titre > h2,
.section_offres .bloc_offres .offre_item .cont_item .titre > h3 {
  border-bottom: 5px solid #be0613;
  padding-bottom: 5px;
  font-size: 32px;
  line-height: 36px;
  color: #000;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "Hanken Grotesk";
}
.section_offres .bloc_offres .offre_item .cont_item .titre > span {
  border-bottom: 5px solid #be0613;
  padding-bottom: 5px;
}
.section_offres .bloc_offres .offre_item .cont_item .titre .prix-vente {
  width: 95px;
  text-align: center;
}
.section_offres .bloc_offres .offre_item .cont_item .images {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 30px;
  height: 250px;
  overflow: hidden;
  flex: 250px 0 0;
}
.section_offres .bloc_offres .offre_item .cont_item .images img {
  max-height: 185px;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_btn {
  display: flex;
  justify-content: center;
  margin: -20px 0 25px;
  width: 100%;
}
.section_offres .bloc_offres .offre_item .cont_item .prix-vente {
  font-size: 18px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  color: #be0613;
}
.section_offres .bloc_offres .offre_item .cont_item .prix-vente .prix {
  font-size: 36px;
  line-height: 36px;
  display: block;
  font-weight: 600;
}
.section_offres .bloc_offres .offre_item .cont_item .prix-vente sup {
  font-size: 22px;
  line-height: 22px;
}
.section_offres .bloc_offres .offre_item .cont_item .engagement {
  font-family: "Hanken Grotesk";
  line-height: 12px;
  font-size: 11px;
  color: #e5e5e5;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif {
  padding: 0 25px;
  width: 100%;
  color: #000;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif h2 {
  font-size: 16px;
  font-family: "Hanken Grotesk";
  margin-bottom: 5px;
  font-weight: 700;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif .puce {
  font-size: 14px;
  text-align: left;
  position: relative;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  padding-left: 15px;
  margin-bottom: 10px;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif .puce::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 10px;
  height: 18px;
  background: url(../img/li.svg) left top no-repeat;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif .puce.desactive {
  color: #e5e5e5 !important;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif .puce.desactive:before {
  background: url(../img/x.svg) left top no-repeat;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif .puce.red {
  color: #be0613;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif ul {
  list-style: initial;
  padding-left: 30px;
  margin-bottom: 10px;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif ul li {
  list-style: initial;
  margin-bottom: 5px;
}
.section_offres .bloc_offres .offre_item .cont_item .descriptif ul li::marker {
  font-size: 13px;
}
.section_offres .bloc_offres .offre_item .cont_item .custom_radio {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.section_offres .bloc_offres .offre_item .cont_item .custom_radio .custom-control-label {
  padding-left: 40px;
  line-height: 26px;
  font-size: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series {
  padding: 25px;
  width: 100%;
  position: relative;
  border-radius: 0 0 30px 30px;
  margin-bottom: -30px;
  margin-top: 20px;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .custom_radio .custom-control-label span {
  border-bottom: 5px solid #be0613;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc {
  position: relative;
  z-index: 1;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc .puce {
  font-size: 14px;
  text-align: left;
  position: relative;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  padding-left: 15px;
  margin-bottom: 10px;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc .puce::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 10px;
  height: 18px;
  background: url(../img/li.svg) left top no-repeat;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc .puce.desactive {
  color: #e5e5e5;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc .puce.desactive:before {
  background: url(../img/x.svg) left top no-repeat;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .desc .puce.red {
  color: #be0613;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .bg {
  background-color: #ffffff;
  position: absolute;
  z-index: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 30px 30px;
}
.section_offres .bloc_offres .offre_item .cont_item .bloc_hors_series .custom-control-input:checked ~ .bg {
  background-color: rgba(190, 6, 19, 0.08);
  border-color: #be0613;
}
.section_offres .bloc_offres .offre_item.recommender .cont_item {
  border: 2px solid #be0613;
}
.section_offres .bloc_offres a.offre_item:hover .btn_ico_2 {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.section_offres .bloc_offres a.offre_item:hover .btn_ico_2 svg * {
  fill: #000;
}
.section_offres .bloc_offres.double {
  justify-content: center;
}
.section_offres .bloc_offres.double .recommender {
  border: 2px solid #be0613;
}
.section_offres .bloc_offres.bloc_offre_large .offre_item {
  padding: 0;
  flex: 1;
  border: none;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item {
  flex-direction: row;
  padding: 30px 25px 0;
  align-items: flex-start;
  background-color: #ffffff;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex-wrap: wrap;
  border: 2px solid #be0613;
  border-radius: 30px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left {
  flex: 376px 0 0;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .titre {
  padding: 0;
  margin-bottom: 20px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .titre h2 {
  flex: 100%;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .titre h2 strong {
  font-weight: 600;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .logo {
  padding: 0;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .images {
  background: none;
  flex: 1;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  height: auto;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_left .images img {
  max-height: 230px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right {
  flex: 1;
  padding-top: 20px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: flex-end;
  margin-bottom: 20px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top .prix-vente {
  font-size: 18px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  color: #be0613;
  width: 85px;
  text-align: center;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top .prix-vente .prix {
  font-size: 36px;
  line-height: 36px;
  display: block;
  font-weight: 600;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top .prix-vente sup {
  font-size: 22px;
  line-height: 22px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top .prix-vente .engagement sup {
  line-height: 12px;
  font-size: 11px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top .btn_ico {
  width: 175px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif {
  padding: 0;
  font-size: 14px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif .sous-titre {
  font-size: 16px;
  font-family: "Hanken Grotesk";
  margin-bottom: 10px;
  font-weight: 700;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif .desc {
  list-style: none;
  padding-left: 0;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif .desc > li {
  list-style: none;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif .desc > li ul {
  list-style: initial;
  margin-top: 10px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .pos_right .descriptif .desc > li ul li::marker {
  font-size: 12px;
  color: #000;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau {
  margin-bottom: 10px;
}
.section_offres .bloc_offres.bloc_offre_large .cont_item .message_offre {
  margin-top: 20px;
  flex: calc(100% + 54px) 0 0;
  text-align: center;
  font-size: 22px;
  background: #be0613;
  color: #ffffff;
  padding: 5px 10px;
  font-family: "Hanken Grotesk";
  font-weight: 500;
  margin-left: -27px;
  border-radius: 0 0 30px 30px;
}
.section_offres .bloc_offres.bloc_offre_large .bg_gris {
  background-color: #e5e5e5;
}
.section_offres .bloc_offres.bloc_offre_large .bg_gris .bloc_cadeau .titre_cad span {
  background-color: #e5e5e5;
}
.section_offres .bloc_offres.bloc_offre_large .recommender .before_item {
  background-color: #be0613;
  color: #ffffff;
}
.section_offres .bloc_offres.bloc_offre_large .recommender .cont_item {
  border-color: #be0613;
}
.section_offres .bloc_offres.bloc_offre_large.version_2 .logo {
  margin-bottom: 0;
}
.section_offres .bloc_offres.bloc_offre_large.version_2 .bloc_titre {
  flex: 100% 0 0;
  align-items: flex-end;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-bottom: 20px;
  padding: 0;
}
.section_offres .bloc_offres.bloc_offre_large.version_2 .bloc_titre .titre {
  margin-bottom: 0;
  width: auto;
}
.section_offres .bloc_offres.bloc_offre_large.version_2 .bloc_titre .prix-vente {
  text-align: center;
  width: 95px;
}
.section_offres .bloc_offres.bloc_offre_large.version_2 .bloc_titre .prix-vente .engagement sup {
  line-height: 12px;
  font-size: 11px;
}
.section_offres .message {
  font-size: 10px;
  line-height: 13px;
  margin-top: -50px;
}
.section_offres.section_offres_column_3 .container {
  max-width: 1250px;
}
.section_offres.section_offres_column_3 .container .bloc_offres {
  position: relative;
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 60px;
  display: flex !important;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item {
  flex: calc((100% - 120px) / 3) 0 0;
  position: relative;
  padding: 15px 0;
  border-radius: 30px;
  min-width: 375px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item img {
  width: auto;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .logo {
  padding: 0 20px;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 100%;
  margin-bottom: 5px;
  min-height: 40px;
  align-items: center;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre {
  position: relative;
  color: #000;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: space-between;
  display: flex;
  padding: 0 15px;
  margin-bottom: 20px;
  width: 100%;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .pos_left h2,
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .pos_left h3 {
  border-bottom: 5px solid #be0613;
  font-family: "Hanken Grotesk";
  font-weight: 600;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 36px;
  display: block;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .pos_left span:last-child {
  font-family: "Hanken Grotesk";
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .prix-vente {
  width: 95px;
  text-align: center;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .prix-vente .engagement {
  font-family: "Hanken Grotesk";
  font-size: 11px;
  line-height: 12px;
  color: #000;
  font-weight: 500;
  display: block;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .titre .prix-vente .engagement sup {
  font-size: 11px;
  line-height: 12px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .prix-vente {
  font-size: 18px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  color: #be0613;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .prix-vente .prix {
  font-size: 36px;
  line-height: 36px;
  display: block;
  font-weight: 600;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .prix-vente sup {
  font-size: 22px;
  line-height: 22px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .engagement {
  font-family: "Hanken Grotesk";
  line-height: 12px;
  font-size: 11px;
  color: #e5e5e5;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif {
  padding: 0 15px;
  width: 100%;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif .puce {
  font-size: 14px;
  text-align: left;
  position: relative;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  padding-left: 15px;
  margin-bottom: 10px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif .puce::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 10px;
  height: 18px;
  background: url(../img/li.svg) left top no-repeat;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif .puce.desactive {
  color: #e5e5e5;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif .puce.desactive:before {
  background: url(../img/x.svg) left top no-repeat;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif .puce.red {
  color: #be0613;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif ul {
  list-style: initial;
  padding-left: 30px;
  margin-bottom: 10px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .descriptif ul li {
  list-style: initial;
  margin-bottom: 0;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .bloc_switch_tarif {
  margin-bottom: 15px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item .cont_item .bloc_btn {
  margin: -20px 0 20px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.bg_gris {
  background-color: #ffffff;
  border: none;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.bg_gris .images {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  overflow: hidden;
  flex: auto 0 0;
  background: none;
  height: 190px;
  max-height: 190px;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.bg_gris .images img {
  max-height: inherit;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.bg_gris .bloc_btn {
  display: flex;
  justify-content: center;
  margin: 20px 0 25px;
  width: 100%;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.recommender .cont_item {
  border: 2px solid #be0613;
  padding-top: 0;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.recommender .cont_item .images {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: auto;
  overflow: hidden;
  flex: auto 0 0;
  background: none;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.recommender .cont_item .images img {
  max-height: inherit;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.recommender .cont_item .bloc_btn {
  display: flex;
  justify-content: center;
  margin: 15px 0 25px;
  width: 100%;
}
.section_offres.section_offres_column_3 .container .bloc_offres .offre_item.recommender .cont_item .msg_offre {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  background: #be0613;
  color: #ffffff;
  padding: 5px 10px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  border-radius: 28px 28px 0 0;
}

.section_abonnement_btq .container {
  max-width: 1120px;
}
.section_abonnement_btq .bloc_abonnement {
  -moz-column-gap: 25px;
       column-gap: 25px;
  justify-content: center;
  padding: 5px 25px;
  border-radius: 20px;
  background-color: #e5e5e5;
  border: 1px solid #000;
  align-items: center;
}
.section_abonnement_btq .bloc_abonnement h3 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
  color: #be0613;
  padding-right: 30px;
}

.section_quest_abonnement .container {
  max-width: 1250px;
  text-align: center;
}
.section_quest_abonnement .titre {
  display: inline-flex;
  padding: 16px 60px;
  align-items: center;
  justify-content: center;
  background-color: #000;
  clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
  margin-bottom: 0;
}
.section_quest_abonnement .titre span {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 600;
  font-family: "Montaigne";
}
.section_quest_abonnement .bloc_quest_abonnement {
  -moz-column-gap: 50px;
       column-gap: 50px;
  justify-content: center;
  padding: 65px 40px 30px;
  background-color: #ffffff;
  margin-top: -30px;
}
.section_quest_abonnement .bloc_quest_abonnement .item_quest {
  flex: calc((100% - 100px) / 3);
  flex-direction: column;
  align-items: center;
  row-gap: 15px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.section_quest_abonnement .bloc_quest_abonnement .item_quest .svg {
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #000;
  width: 45px;
  line-height: 42px;
  text-align: center;
  border-radius: 100%;
}
.section_quest_abonnement .bloc_quest_abonnement .item_quest .sous_titre {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 0px;
  color: #000;
  font-weight: 600;
  font-family: "Montaigne";
}

.section_telechargement .bloc_telechargement {
  position: relative;
  display: flex;
  -moz-column-gap: 60px;
       column-gap: 60px;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
}
.section_telechargement .bloc_telechargement:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 30px;
}
.section_telechargement .bloc_telechargement .bloc_left {
  position: relative;
  z-index: 9;
  flex: 140px 0 0;
  margin: -25px 0;
}
.section_telechargement .bloc_telechargement .bloc_center {
  padding: 25px 0;
  position: relative;
  z-index: 9;
  flex: 545px 0 0;
}
.section_telechargement .bloc_telechargement .bloc_center h2 {
  font-size: 20px;
  font-family: "Montaigne";
  margin-bottom: 5px;
  color: #ffffff;
  font-weight: 700;
  line-height: 20px;
}
.section_telechargement .bloc_telechargement .bloc_center p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.section_telechargement .bloc_telechargement .bloc_center p a {
  font-weight: 700;
  color: #ffffff;
}
.section_telechargement .bloc_telechargement .bloc_right .btn_ico {
  width: 48px;
  height: 48px;
  padding: 0;
}

.section_slide_offres {
  overflow-x: hidden;
  background-color: #000;
}
.section_slide_offres .titre_top {
  text-align: center;
  position: relative;
  background: url(../img/cercle_flesh_2.svg) top center no-repeat;
  min-height: 145px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  margin-bottom: 5px;
}
.section_slide_offres .titre_top > span {
  color: #ffffff;
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
  font-family: "Montaigne";
}
.section_slide_offres .titre_top .btn_ico {
  position: absolute;
  right: 0;
}
.section_slide_offres .slide_offres {
  position: relative;
}
.section_slide_offres .slide_offres .owl-stage {
  display: flex !important;
  align-items: initial;
}
.section_slide_offres .slide_offres .offre_item {
  position: relative;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  padding: 15px 0;
  display: block;
}
.section_slide_offres .slide_offres .offre_item .cont_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.section_slide_offres .slide_offres .offre_item .cont_item img {
  width: auto;
}
.section_slide_offres .slide_offres .offre_item .cont_item .logo {
  padding: 0 17px;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 100%;
  margin-bottom: 5px;
  min-height: 40px;
  align-items: center;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre {
  position: relative;
  color: #000;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  justify-content: space-between;
  display: flex;
  padding: 0 17px;
  margin-bottom: 20px;
  width: 100%;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre .pos_left h2,
.section_slide_offres .slide_offres .offre_item .cont_item .titre .pos_left h3 {
  border-bottom: 5px solid #be0613;
  font-family: "Montaigne";
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 36px;
  display: block;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre .pos_left span:last-child {
  font-family: "Montaigne";
  font-size: 20px;
  line-height: 22px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre .prix-vente {
  width: 95px;
  text-align: center;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre .prix-vente .engagement {
  font-family: "Montaigne";
  font-size: 11px;
  line-height: 12px;
  color: #000;
  font-weight: 500;
  display: block;
}
.section_slide_offres .slide_offres .offre_item .cont_item .titre .prix-vente .engagement sup {
  font-size: 11px;
  line-height: 12px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .images {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 190px;
  overflow: hidden;
  flex: 190px 0 0;
}
.section_slide_offres .slide_offres .offre_item .cont_item .images img {
  max-height: 230px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .bloc_btn {
  display: flex;
  justify-content: center;
  margin: 15px 0 20px;
  width: 100%;
}
.section_slide_offres .slide_offres .offre_item .cont_item .prix-vente {
  font-size: 18px;
  line-height: 20px;
  font-family: "Montaigne";
  font-weight: 700;
  color: #be0613;
}
.section_slide_offres .slide_offres .offre_item .cont_item .prix-vente .prix {
  font-size: 36px;
  line-height: 36px;
  display: block;
  font-weight: 600;
}
.section_slide_offres .slide_offres .offre_item .cont_item .prix-vente sup {
  font-size: 22px;
  line-height: 22px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .engagement {
  font-family: "Montaigne";
  line-height: 12px;
  font-size: 11px;
  color: #e5e5e5;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif {
  padding: 0 17px;
  width: 100%;
  color: #000 !important;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif .puce {
  font-size: 14px;
  text-align: left;
  position: relative;
  line-height: 18px;
  font-family: "Montaigne";
  padding-left: 15px;
  margin-bottom: 10px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif .puce::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 10px;
  height: 18px;
  background: url(../img/li.svg) left top no-repeat;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif .puce.desactive {
  color: #e5e5e5 !important;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif .puce.desactive:before {
  background: url(../img/x.svg) left top no-repeat;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif .puce.red {
  color: #be0613;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif ul {
  list-style: initial;
  padding-left: 30px;
  margin-bottom: 10px;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif ul li {
  list-style: initial;
  margin-bottom: 0;
}
.section_slide_offres .slide_offres .offre_item .cont_item .descriptif ul li::marker {
  font-size: 13px;
}
.section_slide_offres .slide_offres .offre_item.recommender .cont_item {
  border: 2px solid #be0613;
}
.section_slide_offres .slide_offres .owl-nav {
  display: block;
}
.section_slide_offres .slide_offres .owl-nav button {
  position: absolute;
  left: -60px;
  top: calc(50% - 40px);
  height: 85px;
  width: 44px;
  background: url(../img/fl_gauche.svg) left center no-repeat;
  z-index: 10;
  font-size: 0;
}
.section_slide_offres .slide_offres .owl-nav button.owl-next {
  left: inherit;
  transform: rotate(180deg);
  right: -60px;
}
.section_slide_offres .slide_offres a.offre_item:hover .btn_ico_2 {
  background-color: #ffffff;
  color: #000;
  border-color: #000;
}
.section_slide_offres .slide_offres a.offre_item:hover .btn_ico_2 svg * {
  fill: #000;
}

.section_lunivers h2.titre {
  position: relative;
  text-align: center;
}
.section_lunivers h2.titre:before {
  content: "";
  background: #be0613;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}
.section_lunivers h2.titre span {
  background-color: #ffffff;
  padding: 0 15px;
  font-size: 26px;
  font-family: "Montaigne";
  line-height: 32px;
  position: relative;
}
.section_lunivers h2.titre span strong {
  color: #be0613;
}
.section_lunivers .bloc_lunivers {
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.section_lunivers .bloc_lunivers .bloc_left {
  flex: 310px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_left .content {
  padding: 30px 15px;
  color: #ffffff;
}
.section_lunivers .bloc_lunivers .bloc_left .content .image {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos {
  -moz-column-gap: 10px;
       column-gap: 10px;
  display: flex;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos .svg {
  flex: 30px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos .descriptif {
  flex: 1;
  font-size: 14px;
  line-height: 18px;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos .descriptif h2 {
  font-size: 24px;
  font-family: "Montaigne";
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
  line-height: 24px;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos .descriptif p {
  margin-bottom: 8px;
}
.section_lunivers .bloc_lunivers .bloc_left .content .infos .descriptif p:last-child {
  margin-bottom: 0;
}
.section_lunivers .bloc_lunivers .bloc_center {
  flex: 1;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 20px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .svg {
  flex: 30px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .svg svg path {
  fill: #000;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .svg svg circle {
  stroke: #000;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .descriptif {
  font-size: 14px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .descriptif h2 {
  font-size: 24px;
  font-family: "Montaigne";
  font-weight: 600;
  margin-bottom: 10px;
  color: #e13915;
  line-height: 24px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left {
  flex: 1 0 0;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left p {
  font-size: 14px;
  color: #be0613;
  font-weight: 600;
  margin-bottom: 5px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club {
  flex: 1 0 0;
  padding: 20px 0 0 20px;
  position: relative;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club .num {
  background-color: #be0613;
  color: #ffffff;
  font-size: 20px;
  font-family: "Montaigne";
  font-weight: 700;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-radius: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club .cont {
  padding: 15px;
  border: 1px solid #000;
  border-radius: 0 30px 30px 30px;
  height: 100%;
  max-width: 170px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club .cont h3 {
  font-size: 17px;
  color: #be0613;
  font-family: "Montaigne";
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club .cont p {
  font-size: 13px;
  line-height: 16px;
  color: #000;
  margin-bottom: 0;
  font-weight: 400;
}
.section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_right {
  flex: 100px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_application {
  display: flex;
  padding: 20px 45px;
  border: 1px solid #be0613;
  border-radius: 30px;
  margin-bottom: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_application .image {
  flex: 75px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_application .descriptif {
  flex: 1;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_application .descriptif h3 {
  font-size: 24px;
  font-family: "Montaigne";
  font-weight: 600;
  margin-bottom: 10px;
  color: #be0613;
  line-height: 24px;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_application .descriptif p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_news {
  display: flex;
  padding: 10px;
  border: 1px solid #000;
  -moz-column-gap: 10px;
       column-gap: 10px;
  background-color: #ffffff;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_news .image {
  flex: 50px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_news .descriptif {
  flex: 1;
}
.section_lunivers .bloc_lunivers .bloc_center .bloc_news .descriptif p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
}
.section_lunivers .bloc_lunivers .bloc_right {
  flex: 310px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_right .image {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-top: -50px;
  position: relative;
}
.section_lunivers .bloc_lunivers .bloc_right .infos {
  -moz-column-gap: 10px;
       column-gap: 10px;
  display: flex;
  padding: 15px 15px 60px;
}
.section_lunivers .bloc_lunivers .bloc_right .infos .svg {
  flex: 30px 0 0;
}
.section_lunivers .bloc_lunivers .bloc_right .infos .descriptif {
  flex: 1;
  font-size: 14px;
  line-height: 18px;
}
.section_lunivers .bloc_lunivers .bloc_right .infos .descriptif h2 {
  font-size: 24px;
  font-family: "Montaigne";
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
  line-height: 24px;
}
.section_lunivers .bloc_lunivers .bloc_right .infos .descriptif p {
  margin-bottom: 8px;
  color: #ffffff;
}
.section_lunivers .bloc_lunivers .bloc_right .infos.bg_red {
  background-color: #be0613;
}
.section_lunivers .bloc_lunivers .bloc_right .infos.bg_noir {
  padding: 25px;
  text-align: center;
  color: #ffffff;
}
.section_lunivers .bloc_lunivers .bloc_right .infos.bg_noir img {
  margin-bottom: 20px;
}
.section_lunivers .bloc_lunivers .bloc_right .infos.bg_noir p {
  text-align: left;
  color: #ffffff;
}

.section_liens_offres .container {
  text-align: center;
}
.section_liens_offres .container .svg {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.section_liens_offres .container .svg img {
  max-width: initial;
}
.section_liens_offres .container .links.d-flex {
  background: #e5e5e5;
  padding: 25px 0;
  justify-content: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-top: -90px;
  position: relative;
}

.template_boutique_offres .section_quest_abonnement {
  margin-bottom: 75px !important;
}

/*.section_content {
  .the_content {
    h2 {
      margin-bottom: 20px;
      margin-top: 30px;
      font-size: 30px;
      line-height: 34px;
    }

    h3 {
      margin-bottom: 15px;
      margin-top: 25px;
      font-size: 24px;
      line-height: 28px;
    }

    ul {
      list-style: initial;
      padding-left: 30px;
      margin-bottom: 20px;

      li {
        list-style: initial;
        margin-bottom: 10px;

        &::marker {
          font-size: 13px;
        }
      }
    }

    ol {
      padding-left: 30px;
      margin-bottom: 20px;
    }

    a {
      text-decoration: underline;
      font-weight: bold;

      &:hover {
        color: $color-rouge;
      }
    }
  }
}
*/
.section_pub .bannier_pub {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}
.section_pub .bannier_pub .image_responsive {
  display: none;
}
.section_pub.section_pub_fixed {
  padding: 10px !important;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background: #ffffff !important;
  width: 100%;
}
.section_pub.section_pub_fixed .fermer_pub {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.template_offres .section_pub {
  padding-top: 40px;
}

.page-template-page-accueil .section_pub {
  background: #fbf9f5;
  padding-top: 30px;
}

@media only screen and (max-width: 1250px) {
  .section_top_bg .container,
  .section_qui_some-nous .container,
  .section_slide_offres .container,
  .section_lunivers .container,
  .section_numeros .container,
  .section_content .container,
  .section_top .container,
  .section_breadcrmb .container,
  .section_telechargement .container,
  .template_compte .mon_compte .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_slide_offres .titre_top {
    min-height: 200px;
  }
  .section_slide_offres .titre_top .btn_ico {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -40px);
    right: inherit;
  }
  .section_lunivers .bloc_lunivers {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 40px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos .pos_right {
    width: calc(100% - 288px);
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos .pos_right .bloc_avantages {
    gap: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants.bloc_reabonnement .section_offres .bloc_offres {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants.bloc_reabonnement .section_offres .bloc_offres .offre_item {
    min-width: 400px;
  }
  .form_news .row_active {
    padding: 0;
  }
  .form_news .liste_newsletter {
    padding: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .section_lunivers .bloc_lunivers {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
  }
  .section_lunivers .bloc_lunivers .bloc_center {
    flex: 100% 0 0;
    order: 1;
    max-width: 640px;
  }
  .section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs {
    row-gap: 10px;
    flex-direction: column;
  }
  .section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club .pos_left .clubs .club .cont {
    max-width: 100%;
  }
  .section_lunivers .bloc_lunivers .bloc_center .bloc_application {
    padding: 15px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form-group-radio {
    gap: 10px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form_recherche form {
    gap: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form_recherche form .form-group-radio {
    flex-direction: row;
    flex: 100%;
    justify-content: center;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants.bloc_infos_personnelles .bloc-adresses.col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants.bloc_infos_personnelles .bloc-adresses.col-md-6.p-r-20 {
    margin-bottom: 30px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 {
    padding: 20px 15px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement {
    max-width: 650px;
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 {
    width: 115px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 .lien {
    font-size: 14px;
    line-height: 18px;
    display: inline-flex;
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 .lien .svg {
    flex: 18px 0 0;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants .tabs_commandes .tab_abonnements .tr .td-06 .lien .svg svg {
    width: 15px;
  }
  .tabs_commandes .tab_abonnements .tr .td {
    padding: 8px 5px;
  }
  .tabs_commandes .tab_abonnements .tr .td-01,
  .tabs_commandes .tab_abonnements .tr .td-03,
  .tabs_commandes .tab_abonnements .tr .td-04,
  .tabs_commandes .tab_abonnements .tr .td-05,
  .tabs_commandes .tab_abonnements .tr .td-06 {
    width: 100px;
  }
  .template_recherche .bloc_magasines .form_recherche form .input-groups {
    flex: 375px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .section_top_bg h1 {
    font-size: 26px;
    line-height: 32px;
  }
  .section_offres .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_offres .container .bloc_offres {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .section_offres .container .bloc_offres .offre_item {
    flex: calc((100% - 20px) / 2) 0 0;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .offre_item {
    flex: 100% 0 0;
    max-width: 100%;
  }
  .section_telechargement .bloc_telechargement {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .section_telechargement .bloc_telechargement .bloc_center {
    flex: 1;
  }
  .section_qui_some-nous .bloc_text {
    flex-wrap: wrap;
  }
  .section_qui_some-nous .bloc_text .item_text {
    flex: 100% 0 0;
  }
  .section_quest_abonnement .bloc_quest_abonnement {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .section_mag_top {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section_mag_top .container {
    padding: 40px;
  }
  .section_numeros .bloc_magasines .form_recherche form {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .section_numeros .bloc_magasines .form_recherche form .input-groups {
    flex: 100% 0 0;
  }
  /*
    .section_contact {
      .container {
        padding-left: 15px;
        padding-right: 15px;
      }
    }
  */
  .template_compte .mon_compte .bloc_client_connecter {
    gap: 0;
    align-items: center;
    flex-direction: column;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_left {
    flex: 100% 0 0;
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right {
    flex: 100% 0 0;
    width: 100%;
    margin-top: 40px;
  }
  .tabs_commandes .tab_abonnements {
    border-top: none;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background: none;
  }
  .tabs_commandes .tab_abonnements .header-commande {
    display: none !important;
  }
  .tabs_commandes .tab_abonnements .tr {
    display: inline-block;
    width: 100%;
    border: 2px solid #e5e5e5;
    position: relative;
    padding-bottom: 10px;
    background-color: #ffffff;
  }
  .tabs_commandes .tab_abonnements .tr .td {
    border: none !important;
    width: 100% !important;
    display: inline-block;
    padding: 10px 10px 0;
    text-align: left !important;
  }
  .tabs_commandes .tab_abonnements .tr .td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    margin-bottom: 3px;
    color: #be0613;
  }
}
@media only screen and (max-width: 767px) {
  .section_pub .bannier_pub .image {
    display: none;
  }
  .section_pub .bannier_pub .image_responsive {
    display: block;
  }
  .section_top_bg h1.titre {
    min-height: inherit;
    background-size: 100px auto;
    padding-top: 10px;
    padding-bottom: 65px;
  }
  .section_top_bg h1.titre > span {
    font-size: 36px;
    line-height: 38px;
  }
  .section_numeros .container > .titre {
    min-height: 100px;
    font-size: 36px;
    line-height: 38px;
    background-size: 100px auto;
  }
  .section_top_bg {
    padding-top: 30px;
  }
  .section_top_bg .container {
    margin-bottom: 10px;
  }
  .section_offres .titre_top {
    min-height: inherit;
    background-size: 100px auto;
    padding-top: 10px;
    padding-bottom: 65px;
  }
  .section_offres .titre_top > span {
    font-size: 36px;
    line-height: 38px;
  }
  .section_offres .container .bloc_offres {
    flex-direction: column;
    align-items: center;
  }
  .section_offres .container .bloc_offres .offre_item {
    flex: 100% 0 0;
    max-width: 465px;
    width: 100%;
  }
  .section_offres .container .bloc_offres .offre_item .cont_item .logo {
    justify-content: center;
  }
  .section_offres .container .bloc_offres .offre_item .cont_item .titre {
    width: 100%;
    flex-direction: column-reverse;
    row-gap: 10px;
    align-items: center;
    text-align: center;
  }
  .section_offres .container .bloc_offres .offre_item .cont_item .titre br {
    display: none;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .pos_left {
    flex: 100% 0 0;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .pos_right .pos_top {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau {
    flex-direction: column;
    gap: 20px;
    border: none;
    padding-top: 0;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau .item_cad {
    width: 100%;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau .titre_cad {
    flex: auto 0 0;
    width: 100%;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau .titre_cad span {
    padding: 0 15px 0 0;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    display: inline-flex;
  }
  .section_offres .container .bloc_offres.bloc_offre_large .cont_item .bloc_cadeau .titre_cad:after {
    width: 100%;
    height: 1px;
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #e5e5e5;
    margin: 0;
  }
  .section_offres.section_offres_column_3 .container .bloc_offres .offre_item {
    flex: 100% 0 0;
    max-width: 465px;
    width: 100%;
    min-width: auto;
  }
  .section_slide_offres .titre_top {
    min-height: inherit;
    background-size: 100px auto;
    padding-top: 10px;
    padding-bottom: 110px;
  }
  .section_slide_offres .titre_top > span {
    font-size: 36px;
    line-height: 38px;
  }
  .section_slide_offres .titre_top .btn_ico {
    width: -moz-max-content;
    width: max-content;
  }
  .section_slide_offres .slide_offres {
    padding-top: 30px;
  }
  .section_slide_offres .slide_offres .owl-item {
    display: flex;
    justify-content: center;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item {
    max-width: 465px;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item .cont_item .logo {
    justify-content: center;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item .cont_item .titre {
    flex-direction: column-reverse;
    row-gap: 15px;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item .cont_item .titre br {
    display: none;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item .cont_item .titre .pos_left h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .section_slide_offres .slide_offres .owl-item .offre_item .cont_item .titre .pos_left h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .section_slide_offres .slide_offres .owl-nav button {
    left: 50%;
    top: -15px;
    height: 30px;
    width: 20px;
    background-size: 20px;
    margin-left: -40px;
  }
  .section_slide_offres .slide_offres .owl-nav button.owl-next {
    left: inherit;
    right: 50%;
    margin-right: -40px;
  }
  .section_telechargement .bloc_telechargement {
    padding: 0 20px;
  }
  .section_quest_abonnement .bloc_quest_abonnement {
    flex-direction: column;
    row-gap: 20px;
  }
  .section_quest_abonnement .bloc_quest_abonnement br {
    display: none;
  }
  .section_quest_abonnement .titre span {
    font-size: 28px;
    line-height: 28px;
  }
  .section_liens_offres .container .links.d-flex {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .section_mag_top .container {
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
  .section_mag_top .container .pull-left {
    flex: auto 0 0;
    max-width: 290px;
  }
  /*
  .section_contact {
    .bloc_contact {
      align-items: center;
      flex-direction: column;
      row-gap: 30px;

      .bloc_left {
        flex: auto 0 0;
        width: 310px;
      }

      .bloc_right {
        flex: auto 0 0;
        width: 100%;
      }
    }
  }*/
  .template_boutique_contact .section_top_bg h1 {
    font-size: 36px;
    line-height: 38px;
  }
  .template_compte .mon_compte .bloc_client_connecter h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos {
    flex-direction: column;
    align-items: center;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos .pos_left {
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_infos .pos_right {
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .menu_compte_right {
    gap: 10px;
    margin-bottom: 15px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .menu_compte_right li a {
    padding: 5px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .bloc_adresse_livraison {
    margin-bottom: 30px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .row .col-6 {
    flex: 100%;
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .bloc_adr {
    flex-direction: column;
    row-gap: 20px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 {
    padding: 20px 15px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01 .bloc_infos > div {
    flex: auto 0 0;
    width: 100%;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement.sepa_fr .input-group {
    width: 100%;
  }
  .template_recherche .bloc_magasines .form_recherche form .form-group-radio {
    flex-direction: row;
    gap: 10px;
    flex: auto 0 0;
    justify-content: center;
  }
}
@media only screen and (max-width: 550px) {
  .section_telechargement .bloc_telechargement {
    flex-direction: column;
    padding-bottom: 20px;
    row-gap: 10px;
    text-align: center;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .row_btn {
    gap: 10px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form-group-radio {
    flex-wrap: wrap;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form-group-radio span {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .section_offres .container .bloc_offres .offre_item .cont_item .titre > h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .section_offres .container .bloc_offres .offre_item .cont_item .images {
    height: auto;
    flex: 200px 0 0;
  }
  .section_numeros .container > .titre {
    font-size: 30px;
    line-height: 32px;
  }
  .section_slide_offres .titre_top > span,
  .section_offres .titre_top > span {
    font-size: 30px;
    line-height: 32px;
  }
  .section_top_bg h1.titre > span {
    font-size: 30px;
    line-height: 32px;
  }
  .section_lunivers h2.titre span {
    font-size: 23px;
  }
  .section_lunivers .bloc_lunivers .bloc_center .content_top .pos_right .bloc_club {
    row-gap: 10px;
    flex-direction: column-reverse;
    align-items: center;
  }
  .section_liens_offres .container .links.d-flex {
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
  .section_mag_top .container {
    padding: 20px 10px;
  }
  .section_numeros .bloc_magasines .form_recherche form .select_search .placeholder {
    display: none;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants #form_desabonnement .row .col-6 {
    flex: 100% 0 0;
    min-width: auto;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form_recherche form .select-pays,
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants .form_recherche form .select-annee {
    width: 100px;
    min-width: auto;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bloc_idetifiants.bloc_reabonnement .section_offres .bloc_offres .offre_item {
    min-width: auto;
    flex: 1;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement {
    padding: 10px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .bloc_iban {
    gap: 10px 5px;
  }
  .template_compte .mon_compte .bloc_client_connecter .bloc_right .bg_site_01.bloc_idetifiants.bloc_idetifiants_paiments .form_paiement .bloc_iban input {
    padding: 5px 1px;
    font-size: 13px;
  }
}
.sis_popup {
  position: fixed;
  z-index: 100;
  height: 100vh;
  top: 0;
  width: 100%;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(27.5px);
  padding: 50px 10px;
  overflow-y: auto;
}
.sis_popup .content_popup {
  background-color: #ffffff;
  width: 100%;
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  border: 4px solid #ffbd2e;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  position: relative;
}
.sis_popup .content_popup .fermer_popup {
  position: absolute;
  top: 10px;
  z-index: 10;
  right: 10px;
  cursor: pointer;
}
.sis_popup .content_popup .fermer_popup_paiement {
  position: absolute;
  top: 10px;
  z-index: 10;
  right: 10px;
  cursor: pointer;
}
.sis_popup .content_popup .fermer_popup_paiement svg {
  width: 20px;
}
.sis_popup .content_popup .fermer_popup_paiement svg path {
  fill: #ffffff;
}
.sis_popup .content_popup .bloc_abonnements {
  width: 100%;
}
.sis_popup .content_popup .bloc_abonnements .item_offre {
  max-width: 100%;
  border: none;
  padding: 25px 0 0;
  gap: 34px;
  box-shadow: inherit;
  margin-bottom: 0;
  align-items: center;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .top,
.sis_popup .content_popup .bloc_abonnements .item_offre .center,
.sis_popup .content_popup .bloc_abonnements .item_offre .bottom {
  padding-left: 10px;
  padding-right: 10px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .infos_desabonnement {
  margin-top: -16px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .avantages {
  font-family: "Hanken Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.52px;
  text-align: center;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .titre {
  font-family: "Montaigne";
  margin-bottom: 34px;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 450;
  line-height: 40px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .titre br {
  display: none;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch {
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label {
  width: 100px;
  height: 52px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label:before {
  width: 100px;
  border-radius: 52px;
  background-color: #ffffff;
  height: 52px;
  border: none;
  content: "";
  line-height: 52px;
  color: #000;
  font-weight: 500;
  border: none;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label:after {
  height: 40px;
  width: 40px;
  top: 6px;
  border-radius: 50%;
  background-color: #000;
  left: 10px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(40px);
  background-color: #ffbd2e;
  height: 40px;
  width: 40px;
  top: 6px;
  border-radius: 50%;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .after {
  font-family: "Hanken Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.52px;
  color: #000;
  text-align: left;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .after p {
  margin-bottom: 0;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode {
  align-items: center;
  gap: 40px;
  justify-content: center;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix {
  text-align: center;
  font-family: "Montaigne";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix sup {
  font-size: 40px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix .duree {
  line-height: 53px;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .detaills {
  position: initial;
  left: inherit;
  transform: inherit;
  bottom: inherit;
  border: none;
  background: #000;
  flex-direction: row;
  width: 100%;
  color: #ffffff;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 10px 15px;
  font-family: "Hanken Grotesk";
  gap: 10px;
  font-weight: 700;
  align-items: center;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .detaills svg circle {
  fill: #ffffff;
}
.sis_popup .content_popup .bloc_abonnements .item_offre .detaills svg path {
  fill: #000;
}
.sis_popup .content_popup .bloc_bottom {
  padding: 10px 30px 30px;
  background: #ffffff;
  width: 100%;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item {
  border-bottom: 1px solid #000;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item .accordion_link {
  padding: 20px 0;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item .accordion_link span {
  text-align: left;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item .accordion_link .svg svg path {
  fill: #ffbd2e;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item .accordion_link.active {
  background: #ffffff;
}
.sis_popup .content_popup .bloc_bottom .accordion_bloc .accordion_item .accordion_link.active + .accordion_content {
  background: #ffffff;
  padding: 5px 0 20px;
}
.sis_popup .content_popup .bloc_bottom .details_offre {
  border-top: none;
  background: #ffffff;
  margin-bottom: 15px;
  padding: 0;
  border-bottom: none;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_item:last-child {
  border-bottom: 1px solid #000;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail h3 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
  font-family: "Hanken Grotesk";
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail p + h3,
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail ul + h3 {
  margin-top: 20px;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail ul {
  margin-bottom: 10px;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail ul li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 11px;
  height: 12px;
  background: url(../img/bg-li-1.svg) left top no-repeat;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Montaigne";
  line-height: 20px;
  font-size: 16px;
  margin-bottom: 15px;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail table th,
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail table td {
  padding: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #ffffff;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail table th {
  background-color: #fbf9f5;
  color: #000;
  font-family: "Montaigne";
  font-weight: 500;
}
.sis_popup .content_popup .bloc_bottom .details_offre .accordion_content .detail table tr:nth-child(4) td {
  background-color: #000;
  color: #ffffff;
}
.sis_popup .content_popup .bloc_bottom .btn_abonne_offre {
  width: 100%;
}
.sis_popup .content_popup .bloc_bottom .btn_abonne_offre .btn {
  width: 100%;
  border-radius: 10.4px;
  padding: 12px 30px;
}
.sis_popup .content_popup .bloc_bottom .btn_abonne_offre .btn:hover {
  background-color: #000;
  color: #ffffff;
  border-color: #000;
}
.sis_popup.popup_confirmation_paiement {
  background: rgba(29, 29, 27, 0.75);
}
.sis_popup.popup_confirmation_paiement .content_popup {
  max-width: 930px;
  border: none;
  border-radius: 25px;
  background-color: #000;
}
.sis_popup.popup_confirmation_paiement .content_popup .message {
  padding: 50px;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  font-family: "Hanken Grotesk";
}
.sis_popup {
  /*
  .fermer_popup {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 18px;
    right: 18px;
    background: url(../img/close.svg) center center no-repeat;
    cursor: pointer;
    z-index: 2;
  }*/
}
.sis_popup.popup_connexion_client .content_popup {
  max-width: 560px;
  padding: 30px;
  border-radius: 25px;
  border: 2px solid #ffbd2e;
  box-shadow: none;
}
.sis_popup.popup_connexion_client .content_popup .form-group-message .m_system {
  margin-bottom: 25px;
}
.sis_popup.popup_connexion_client .content_popup .titre {
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
  text-align: center;
  font-family: "Hanken Grotesk";
  color: #000;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  width: 100%;
}
.sis_popup.popup_connexion_client .content_popup .row_obligue {
  justify-content: space-between;
  font-size: 10px;
  font-weight: 400;
}
.sis_popup.popup_connexion_client .content_popup .row_obligue .form-lien {
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.sis_popup.popup_connexion_client .content_popup .row_obligue a {
  text-decoration: none;
  color: #e13915;
}
.sis_popup.popup_connexion_client .content_popup .m-champs-obligatoires {
  font-size: 10px;
}
.sis_popup.popup_connexion_client .content_popup .m-champs-obligatoires i {
  font-style: normal;
}
.sis_popup.popup_connexion_client .content_popup .row_links {
  gap: 20px;
  flex-direction: column;
  align-items: center;
}
.sis_popup.popup_connexion_client .content_popup .msg_top {
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.sis_popup.popup_connexion_client .content_popup .fermer_popup {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 18px;
  right: 18px;
  background: url(../img/close.svg) center center no-repeat;
  cursor: pointer;
  z-index: 2;
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte {
  border-top: 1px solid #000;
  padding-top: 20px;
  line-height: 24px;
  font-family: "Hanken Grotesk";
  font-size: 16px;
  font-weight: 400;
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte p {
  margin: 0;
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte .question {
  font-weight: 700;
  font-family: "Hanken Grotesk";
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte .lien_ico {
  font-size: 16px;
  line-height: 24px;
  color: #e13915;
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-weight: 700;
  font-family: "Hanken Grotesk";
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte .lien_ico svg {
  margin-right: 0px;
}
.sis_popup.popup_connexion_client .content_popup .message-creez-compte .lien_ico:hover {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode {
    gap: 0px;
    flex-direction: column;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .btn {
    font-size: 20px;
  }
  .sis_popup .content_popup .bloc_bottom .btn_abonne_offre .btn {
    font-size: 20px;
  }
  .sis_popup .modal-dialog {
    padding: 30px 10px !important;
  }
  .sis_popup .modal-dialog .modal-title {
    font-size: 20px;
    line-height: 24px;
  }
  .sis_popup .modal-dialog .panier {
    border-top: none;
    display: flex;
    flex-direction: column;
    row-gap: 0;
  }
  .sis_popup .modal-dialog .panier .header-panier,
  .sis_popup .modal-dialog .panier .border_bottom {
    display: none !important;
  }
  .sis_popup .modal-dialog .panier .tr {
    display: inline-block;
    width: 100%;
    border: 1px solid #000;
    position: relative;
    padding-bottom: 10px;
    border-bottom: none;
  }
  .sis_popup .modal-dialog .panier .tr .td {
    border: none;
    width: 100% !important;
    display: inline-block;
    padding: 10px 10px 0 !important;
  }
  .sis_popup .modal-dialog .panier .tr .td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    margin-bottom: 3px;
    color: #be0613;
  }
  .sis_popup .modal-dialog .panier .tr .td.td-02 .titre {
    font-size: 18px;
    line-height: 24px;
    color: #000;
  }
  .sis_popup .modal-dialog .panier .tr .td.td-02 .titre a {
    color: #000;
  }
  .sis_popup .modal-dialog .panier .tr .td.td-05 {
    width: 42px;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px !important;
    padding: 10px !important;
  }
  .sis_popup .modal-dialog .panier .border_bottom,
  .sis_popup .modal-dialog .panier .total-panier .td-01,
  .sis_popup .modal-dialog .panier .total-panier .td-02,
  .sis_popup .modal-dialog .panier .total-panier .td-06 {
    display: none;
  }
  .sis_popup .modal-dialog .panier .total-panier {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #ffffff;
    border: 1px solid #000 !important;
    border-top: none !important;
  }
  .sis_popup .modal-dialog .panier .total-panier .td.td-04 {
    width: 150px !important;
  }
  .sis_popup .modal-dialog .modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .sis_popup .modal-dialog .modal-footer .btn {
    margin: 0;
    min-width: 200px;
    padding: 5px 25px;
  }
}
@media only screen and (max-width: 550px) {
  .sis_popup .content_popup .bloc_abonnements .item_offre .titre {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix {
    font-size: 42px;
    line-height: 41px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix sup {
    font-size: 31px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .btn {
    padding: 12px 30px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .after {
    font-size: 20px;
    line-height: 26px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label {
    height: 44px;
    width: 80px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label:before {
    border-radius: 44px;
    height: 44px;
    line-height: 44px;
    width: 80px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label:after {
    height: 34px;
    width: 34px;
    top: 5px;
    left: 5px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(34px);
    height: 34px;
    width: 34px;
    top: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .sis_popup .content_popup .bloc_abonnements .item_offre {
    gap: 20px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .titre {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .prix_periode .prix {
    font-size: 40px;
    line-height: 35px;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .btn {
    width: 100%;
  }
  .sis_popup .content_popup .bloc_abonnements .item_offre .sis_popup .content_popup .bloc_abonnements .item_offre .custom-switch .custom-control-label {
    width: 80px;
    height: 44px;
  }
}
.supprimer_produit_panier svg {
  cursor: pointer;
}

.modal.modal_panier .content_popup {
  background-color: #fbf9f5;
  max-width: 1000px;
  padding: 30px;
}
.modal.modal_panier .content_popup .modal-content {
  width: 100%;
}
.modal.modal_panier .content_popup .modal-content .modal-title {
  text-align: center;
  color: #000;
  font-family: "Hanken Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.modal.modal_panier .content_popup.modal-message {
  padding: 20px;
  margin-bottom: 20px;
}
.modal .panier {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
.modal .panier .tr {
  display: table-row;
  width: 100%;
}
.modal .panier .tr .td {
  display: table-cell;
  padding: 15px 0;
  vertical-align: middle;
}
.modal .panier .tr .td.td-01 {
  width: 254px;
  text-align: left;
  vertical-align: top;
}
.modal .panier .tr .td.td-01 .titre {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 5px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.modal .panier .tr .td.td-01 .titre p {
  margin-bottom: 0;
}
.modal .panier .tr .td.td-01 .titre a {
  color: #000;
}
.modal .panier .tr .td.td-01 .sous_titre {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 5px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  letter-spacing: 0.18px;
}
.modal .panier .tr .td.td-01 .sous_titre p {
  margin-bottom: 0;
}
.modal .panier .tr .td.td-01 .descriptif {
  color: #000;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}
.modal .panier .tr .td.td-01 .descriptif p {
  margin-bottom: 0;
}
.modal .panier .tr .td.td-02 {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Hanken Grotesk";
  font-weight: 500;
}
.modal .panier .tr .td.td-02 li {
  position: relative;
  margin-bottom: 7px;
  padding-left: 10px;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: normal;
}
.modal .panier .tr .td.td-02 li:before {
  content: "";
  background: url(../img/li.svg) left top no-repeat;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  background-size: 5px 5px;
  top: 5px;
}
.modal .panier .tr .td.td-02 li.desactive {
  color: #e5e5e5 !important;
}
.modal .panier .tr .td.td-02 li.desactive:before {
  background: url(../img/x.svg) left top no-repeat;
  background-size: 7px 14px;
}
.modal .panier .tr .td.td-02 li ul {
  list-style: initial;
  margin-top: 10px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.modal .panier .tr .td.td-02 li ul li {
  list-style: initial;
  margin-bottom: 5px;
}
.modal .panier .tr .td.td-02 li ul li::marker {
  font-size: 12px;
  color: #000;
}
.modal .panier .tr .td.td-03 {
  padding-right: 30px;
  width: 240px;
}
.modal .panier .tr .td.td-04 {
  width: 105px;
}
.modal .panier .tr .td.td-05 {
  width: 40px;
  text-align: center;
}
.modal .panier .tr .td.photo img {
  max-height: 130px;
  max-width: 92px;
  box-shadow: -3.624px 3.624px 3.624px 0px rgba(0, 0, 0, 0.25);
}
.modal .panier .tr.produit .td-03 {
  font-size: 20px;
  font-weight: 600;
  font-family: "Hanken Grotesk";
  color: #000;
}
.modal .panier .tr.produit .td-04 {
  font-size: 20px;
  font-weight: 600;
  font-family: "Hanken Grotesk";
  color: #000;
}
.modal .panier .tr.produit .prix-unitaire {
  float: left;
}
.modal .panier .tr.produit .quantite {
  float: right;
  display: flex;
  align-items: center;
  gap: 5px;
}
.modal .panier .tr.produit .quantite input {
  width: 35px;
  height: 28px;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  background: none;
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 600;
  line-height: 34px;
  background-color: #ffffff;
  color: #000;
}
.modal .panier .tr.produit .quantite .btn {
  width: 20px;
  height: 20px;
  background: url(../img/ico-plus.svg) left top no-repeat;
  cursor: pointer;
  background-size: 20px auto;
  font-size: 0;
  float: left;
  padding: 0;
  border: none;
}
.modal .panier .tr.produit .quantite .btn.counter-moin {
  background: url(../img/ico-moins.svg) left top no-repeat;
  background-size: 20px auto;
}
.modal .panier .tr.total-panier {
  border-bottom: 1px solid #e5e5e5;
}
.modal .panier .tr.total-panier .td {
  padding: 5px 0;
}
.modal .panier .tr.total-panier .td-03 {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  padding-right: 20px;
  font-family: "Hanken Grotesk";
}
.modal .panier .tr.total-panier .td-04 {
  font-size: 22px;
  font-weight: 600;
  font-family: "Hanken Grotesk";
  color: #000;
}
.modal .panier .tr.header-panier {
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  color: #000;
  font-family: "Hanken Grotesk";
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modal .panier .tr.header-panier .td {
  padding: 5px 0;
}
.modal .panier .tr.border_bottom {
  border-bottom: 1px solid #e5e5e5;
}
.modal .panier .tr.border_bottom .td {
  padding: 0;
}
.modal .panier .bloc_cadeau {
  margin-top: 15px;
  margin-bottom: 0;
  row-gap: 10px;
  border-top: none;
  padding: 0;
  flex-direction: column;
}
.modal .panier .bloc_cadeau .titre_cad {
  font-size: 18px !important;
  text-align: left !important;
  line-height: 20px;
  flex: auto;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.modal .panier .bloc_cadeau .titre_cad span {
  padding: 0 15px 0 0;
  line-height: 20px;
  width: auto;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  display: inline-flex;
}
.modal .panier .bloc_cadeau .titre_cad:after {
  content: "";
  background-color: #e5e5e5;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
}
.modal .panier .bloc_cadeau .item_cad {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px;
  width: 100%;
}
.modal .panier .bloc_cadeau .item_cad h5 {
  font-size: 15px;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  font-weight: 600;
}
.modal .panier .bloc_cadeau .item_cad ul li {
  font-size: 13px;
  line-height: 16px;
}
.modal#valider_panier .modal-footer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  padding-top: 30px;
}
.modal#valider_panier .modal-footer .actions_panier {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.modal#valider_panier .modal-footer .actions_panier .btn {
  width: 238px;
}

.page_panier {
  background-color: #fbfbfa;
  padding: 40px 0;
}
.page_panier .container {
  max-width: 1400px;
}
.page_panier .bloc-panier {
  align-items: flex-start;
}
.page_panier .bloc-panier .bloc-left {
  flex: 440px 0 0;
}
.page_panier .bloc-panier .bloc-left .content {
  width: 100%;
  padding: 30px;
  background-color: #e5e5e5;
}
.page_panier .bloc-panier .bloc-left .produit {
  padding-bottom: 10px;
  border-bottom: 2px solid #ffffff;
  margin-top: 30px;
}
.page_panier .bloc-panier .bloc-left .produit:first-child {
  margin-top: 0;
}
.page_panier .bloc-panier .bloc-left .produit .titre {
  font-family: "Montaigne";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.28px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffffff;
}
.page_panier .bloc-panier .bloc-left .produit .sous_titre {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
}
.page_panier .bloc-panier .bloc-left .produit .sous_titre_2 {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
}
.page_panier .bloc-panier .bloc-left .produit.dons .titre {
  border: none;
  line-height: normal;
}
.page_panier .bloc-panier .bloc-left .produit .tarif {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.page_panier .bloc-panier .bloc-left .produit .descriptif {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 18px;
  font-family: "Hanken Grotesk";
  font-weight: 500;
}
.page_panier .bloc-panier .bloc-left .produit .descriptif ul {
  padding-left: 0;
}
.page_panier .bloc-panier .bloc-left .produit .descriptif ul li {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.page_panier .bloc-panier .bloc-left .produit .descriptif ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 100%;
  flex: 5px 0 0;
  margin-top: 5px;
}
.page_panier .bloc-panier .bloc-left .produit .photo {
  width: 120px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border-top: 2px solid #ffffff;
  padding-top: 10px;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .action {
  height: 20px;
  line-height: normal;
  display: flex;
  align-items: center;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .action svg path {
  fill: #ffbd2e;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .sous-total {
  font-family: "Hanken Grotesk";
  font-size: 12px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .sous-total strong {
  font-size: 20px;
  font-weight: 700;
  font-family: "Hanken Grotesk";
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .sous-total strong span {
  font-size: 14px;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .quantite {
  float: right;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  margin-right: 30px;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .quantite input {
  width: 35px;
  height: 28px;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  background: none;
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 600;
  line-height: 34px;
  background-color: #ffffff;
  color: #000;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .quantite .btn {
  width: 20px;
  height: 20px;
  background: url(../img/ico-plus.svg) left top no-repeat;
  cursor: pointer;
  background-size: 20px auto;
  font-size: 0;
  float: left;
  padding: 0;
  border: none;
}
.page_panier .bloc-panier .bloc-left .produit .action_prix .quantite .btn.counter-moin {
  background: url(../img/ico-moins.svg) left top no-repeat;
  background-size: 20px auto;
}
.page_panier .bloc-panier .bloc-left .produit .message-prelevements {
  font-size: 11px;
  line-height: 16px;
  text-align: right;
  margin-top: 5px;
  font-family: "Hanken Grotesk";
}
.page_panier .bloc-panier .bloc-left .bloc_recommande {
  margin: 10px 0;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-label {
  width: 100%;
  padding: 15px 40px 20px 50px !important;
  border-radius: 25px;
  border: 2px solid #ffbd2e;
  background: #ffbd2e;
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.36px;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-label .title {
  font-weight: 700;
  text-transform: uppercase;
  flex: 100% 0 0;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-label .desc {
  flex: 100% 0 0;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-label:before {
  width: 25px;
  height: 25px;
  flex: 25px 0 0;
  left: 15px;
  top: 15px;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label {
  color: #000;
  background: #ffffff;
}
.page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label::after, .page_panier .bloc-panier .bloc-left .bloc_recommande .custom-control.checked .custom-control-label::after {
  background: #000;
  height: 17px;
  width: 17px;
  left: 19px;
  top: 19px;
}
.page_panier .bloc-panier .bloc-left .bloc_code_promo {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  gap: 10px 5px;
  justify-content: space-between;
}
.page_panier .bloc-panier .bloc-left .bloc_code_promo input {
  width: 140px;
  height: 40px;
  font-family: "Hanken Grotesk";
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  padding: 10px 5px;
  border: 1px solid #e5e5e5;
}
.page_panier .bloc-panier .bloc-left .bloc_code_promo .btn {
  padding: 10px 10px 6px;
}
.page_panier .bloc-panier .bloc-left .total-panier {
  padding: 10px 0;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 10px;
  justify-content: space-between;
  font-size: 16px;
  line-height: 20px;
  font-family: "Hanken Grotesk";
  border-bottom: 2px solid #ffffff;
}
.page_panier .bloc-panier .bloc-left .total-panier .left {
  flex: 50% 0 0;
}
.page_panier .bloc-panier .bloc-left .total-panier .left.prix-tot {
  font-weight: 600;
}
.page_panier .bloc-panier .bloc-left .total-panier .prix {
  flex: 50% 0 0;
  text-align: right;
  font-size: 17px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
}
.page_panier .bloc-panier .bloc-left .total-panier .prix.prix-tot {
  font-size: 20px;
}
.page_panier .bloc-panier .bloc-left.is_stuck {
  margin-top: 210px;
}
.page_panier .bloc-panier .bloc-right {
  flex: calc(100% - 480px) 0 0;
  margin-left: auto;
}
.page_panier .bloc-panier .bloc-right .header-mon-compte {
  width: 100%;
}
.page_panier .bloc-panier .bloc-right .d-flex {
  flex-wrap: wrap;
}
.page_panier .bloc-panier .bloc-right .input-group {
  margin-bottom: 30px;
  margin-right: 0;
  flex: calc((100% - 20px) / 2);
}
.page_panier .bloc-panier .bloc-right .col-12 {
  flex: 100% 0 0 !important;
}
.page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban {
  display: flex;
  gap: 10px;
}
.page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban span {
  width: 100%;
  margin-bottom: -10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban input {
  flex: 1;
}
.page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban.bloc_iban_1 input {
  padding: 5px 2px;
  text-align: center;
  min-width: 50px;
}
.page_panier .bloc-panier .bloc-right .msg_code_bancaire {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: 10px;
}
.page_panier .bloc-panier .bloc-right .form-group-radio {
  margin-bottom: 30px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  align-items: center;
}
.page_panier .bloc-panier .bloc-right .form-group-radio span,
.page_panier .bloc-panier .bloc-right .form-group-radio .label {
  font-size: 16px;
  line-height: 18px;
  color: #000;
  font-family: "Hanken Grotesk";
}
.page_panier .bloc-panier .bloc-right .custom-control-label {
  font-size: 16px;
  line-height: 26px;
  font-family: "Hanken Grotesk";
  font-weight: normal;
  margin-top: 0;
  display: flex;
  color: #000;
}
.page_panier .bloc-panier .bloc-right .custom_checkbox_livraison .custom-control-label {
  font-family: "Hanken Grotesk";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.page_panier .bloc-panier .bloc-right .message-infos {
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  font-family: "Hanken Grotesk";
}
.page_panier .bloc-panier .bloc-right .m-champs-obligatoires {
  margin-top: -20px;
}
.page_panier .bloc-panier .bloc-right .reglements-message .custom-control-label {
  font-size: 14px;
  font-family: "Hanken Grotesk";
  line-height: 20px;
}
.page_panier .bloc-panier .bloc-right .reglements-message .custom-control-label a {
  font-family: "Hanken Grotesk";
  font-weight: 600;
  text-decoration: underline;
}
.page_panier .bloc-panier .bloc-right .bloc_interne {
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-radius: 25px;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
}
.page_panier .bloc-panier .bloc-right .bloc_interne .bloc_interne_cont,
.page_panier .bloc-panier .bloc-right .bloc_interne .adresse_facturation {
  flex: 100% 0 0;
  -moz-column-gap: 20px;
       column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.page_panier .bloc-panier .bloc-right .bloc_interne h2 {
  flex: 100% 0 0;
}
.page_panier .bloc-panier .bloc-right .bloc_interne {
  /* h3 {
    font-size: 20px;
    line-height: 24px;
    span {
      font-weight: 500;
    }
    &:before {
      display: none;
    }
    &.titre-form {
      display: block;
      sup {
        color: $color-noir;
      }
    }
  }*/
}
.page_panier .bloc-panier .bloc-right .bloc_interne h3 {
  font-size: 20px;
  line-height: 24px;
  width: 100%;
  color: #000;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne h3.titre_btn {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.page_panier .bloc-panier .bloc-right .bloc_interne .row_radio_btn {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.page_panier .bloc-panier .bloc-right .bloc_interne {
  /*
          &.bloc_telecharg {
            padding-bottom: 0 !important;

            .msg-file {
              font-size: 16px;
              font-weight: bold;
              font-family: $font-family-1;
              width: 100%;
            }

            .custom-file {
              position: relative;
              display: inline-block;
              width: 100%;
              margin-bottom: 0;
              height: 40px;

              .custom-file-input {
                position: relative;
                z-index: 2;
                width: 170px;
                height: 40px;
                margin: 0;
                opacity: 0;
                cursor: pointer;
              }

              .custom-file-label {
                width: 100%;
                height: 40px;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1;
                font-size: 12px;
                transition: background-color 0.15s ease-in-out,
                  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

                span {
                  margin-left: 20px;
                }

                &:before {
                  content: 'Je sélectionne';
                  width: auto;
                  max-width: 100%;
                  height: 40px;
                  background-color: $color-noir;
                  position: relative;
                  display: inline-block;
                  vertical-align: middle;
                  color: $color-blanc;
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: 800;
                  box-sizing: border-box;
                  box-shadow: 0 2px 2px rgba($color: #000000, $alpha: 0.25);
                  cursor: pointer;
                  padding: 10px 20px 10px 50px;
                  margin: 0px;
                  border-radius: 40px;
                  outline: 0px;
                  transition: color 0.2s ease-in-out 0s,
                    background-color 0.2s ease-in-out 0s,
                    border-color 0.2s ease-in-out 0s;
                  overflow: hidden;
                  border-width: initial;
                  border-style: none;
                  border-color: initial;
                  border-image: initial;
                }

                &:after {
                  content: '';
                  position: absolute;
                  width: 13px;
                  height: 13px;
                  left: 20px;
                  top: 50%;
                  transform: translateY(-50%);
                  background: url(../img/flesh-btn-blanc.svg) left top no-repeat;
                  background-size: 100% auto;
                  z-index: 2;
                  cursor: pointer;
                  display: block;
                }
              }

              input.active~.custom-file-label:before {
                content: 'Modifier';
                background-color: $color-noir;
              }
            }

            .m-tarif-etudiant {
              margin-top: 0;
              margin-bottom: 0 !important;

              sup {
                color: $color-noir;
              }
            }
          }
  */
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 {
  justify-content: space-between;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  color: #000;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-family: "Hanken Grotesk";
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 strong {
  font-size: 20px;
  font-family: "Hanken Grotesk";
  color: #000;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 img {
  margin-left: auto;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2:before {
  display: none;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment {
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check {
  flex: calc((100% - 20px) / 2) 0 0;
  padding: 30px 20px 20px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check .custom-control-label {
  padding-left: 40px;
  display: flex;
  margin: 0;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check .custom-control-label span {
  margin-bottom: 5px;
  color: #000;
  font-family: "Hanken Grotesk";
  font-size: 18px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check.form-check_conseillons {
  border: 1px solid #be0613;
  border-radius: 10px;
  position: relative;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check.form-check_conseillons .conseillons {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  min-height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  width: -moz-max-content;
  width: max-content;
}
.page_panier .bloc-panier .bloc-right .bloc_interne {
  /* .section_top_bg {
    border-radius: 10px;
    margin-bottom: 50px;
    border: 1px solid $color-noir;
    padding: 5px 10px;

    h1 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 0;

      &.titre_ico {
        .svg {
          svg {
            width: 60px;
            height: 60px;
          }
        }
      }
    }
  }*/
}
.page_panier .bloc-panier .bloc-right .bloc_interne.bloc_adresse_livraison {
  border-radius: 0 0 30px 30px;
  padding-top: 10px !important;
  margin-top: -30px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.bloc_adresse_livraison > .custom-control .custom-control-label {
  font-size: 18px;
  font-family: "Hanken Grotesk";
  font-weight: 600;
}
.page_panier .bloc-panier .bloc-right .bloc_interne.bloc_offrir > .custom-control .custom-control-label {
  font-size: 20px;
  font-family: "Hanken Grotesk";
  font-weight: 700;
  color: #000;
}
.page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don {
  align-items: center;
  row-gap: 20px;
  flex-wrap: wrap;
}
.page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .custom-control-label {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  font-family: "Montaigne";
}
.page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .autre_don {
  align-items: center;
  flex-wrap: nowrap;
  flex: 300px 0 0;
}
.page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .autre_don .input-group {
  flex: 250px 0 0;
  max-width: 250px;
}
.page_panier .bloc-panier .bloc-right .choix_paiement label span .col-12 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.page_panier .bloc-panier .bloc-right .choix_paiement .form_paiement {
  max-width: 650px;
  padding: 20px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.page_panier .bloc-panier .bloc-right .choix_paiement .form_paiement span.img {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.page_panier .bloc-panier .bloc-right .choix_paiement .msg {
  font-size: 10px;
  line-height: normal;
  text-align: center;
}
.page_panier .bloc-panier .bloc-right .choix_paiement .msg a {
  font-weight: 700;
  text-decoration: underline;
}
.page_panier .bloc-panier .bloc-right .bloc_interne_compte {
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont {
  flex: calc((100% - 60px) / 2) 0 0;
  border: 1px solid #000;
  flex-direction: column;
}
.page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont h2 {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
}
.page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont .lien_mot_passe {
  font-size: 12px;
  font-weight: bold;
  margin-top: -20px;
}
.page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont .lien_mot_passe a {
  text-decoration: underline;
}
.page_panier .bloc-panier .bloc-right .bloc_adresse_facturation {
  border-top: 1px solid #e5e5e5;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande {
  margin-bottom: 55px;
  width: 100%;
  position: relative;
  padding-top: 35px;
  overflow: hidden;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .img {
  position: absolute;
  bottom: -35px;
  right: 70px;
  z-index: 2;
  width: 100px;
  height: 142px;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande:has(input:checked) {
  padding-bottom: 35px;
  margin-bottom: 20px;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande:has(input:checked) .img {
  transform: rotate(10deg);
  bottom: 10px;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label {
  width: 100%;
  padding: 15px 185px 15px 70px;
  border-radius: 25px;
  border: 2px solid #ffbd2e;
  background: #ffbd2e;
  font-family: "Hanken Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.48px;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label .title {
  font-weight: 700;
  text-transform: uppercase;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label:before {
  width: 30px;
  height: 30px;
  flex: 30px 0 0;
  left: 30px;
  top: 30px;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label {
  color: #000;
  background: #ffffff;
}
.page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label::after, .page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control.checked .custom-control-label::after {
  background: #000;
  height: 20px;
  width: 20px;
  left: 35px;
  top: 35px;
}
.page_panier {
  /*
  .bloc_inscription_client {
    /* padding: 40px 50px;
    max-width: 1080px;
    width: 100%;
    margin: auto;

    h2 {
      display: flex;
      align-items: center;
      position: relative;
      font-size: 30px;

      &:before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 1px);
        width: 100%;
        height: 1px;
        background: $color-noir;
        z-index: 0;
      }

      span {
        position: relative;
        z-index: 1;
        padding-right: 15px;
        background-color: $color-blanc;
        display: inline-flex;
      }
    }

    .header-mon-compte {
      h2 {
        border-bottom: 1px solid $color-noir;
        padding: 0 0 10px;
        margin-bottom: 0;
        position: relative;
        justify-content: space-between;
        align-items: center;
        color: $color-noir;
        font-size: 24px;
        line-height: 28px;

        &:before {
          display: none;
        }

        .code-client {
          font-size: 14px;
          font-weight: bold;
          font-family: $font-family-1;
          color: $color-noir;
          background: none;
        }
      }

      .message-bienvenue {
        line-height: 24px;
        font-weight: normal;
        font-family: $font-family-1;
        padding: 15px 50px;
      }
    }

    .bloc_interne_cont {
      display: flex;
      flex-wrap: wrap;
      column-gap: 20px;

      .col-12 {
        flex: 100% 0 0 !important;
      }

      .input-group {
        margin-bottom: 30px;
        margin-right: 0;
        flex: calc((100% - 20px) / 2);
      }

      .m-champs-obligatoires {
        margin-top: -20px;
      }
    }

    .custom-control-label {
      font-size: 16px;
      line-height: 26px;
      font-family: $font-family-1;
      font-weight: normal;
      margin-top: -20px;
      display: initial;
    }

    .reglements-message {
      font-size: 14px;
      font-family: $font-family-1;
      line-height: 24px;

      a {
        font-family: $font-family-1;
        font-weight: bold;
        text-decoration: underline;
      }
    }

    .reglements {
      .custom-control-label {
        font-size: 14px;
        line-height: 26px;
        font-family: $font-family-1;
        font-weight: 600;
      }
    }

    .row_links {
      column-gap: 20px;
    }
  }
    */
}

@media only screen and (max-width: 1410px) {
  .page_panier .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page_panier .container .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label {
    padding: 15px 170px 15px 50px;
  }
  .page_panier .container .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label:before {
    left: 10px;
  }
  .page_panier .container .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label:after {
    left: 15px;
  }
  .page_panier .container .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label:after {
    left: 15px;
  }
  .page_panier .container .bloc-panier .bloc-right .bloc_recommande .img {
    right: 30px;
  }
}
@media only screen and (max-width: 1179px) {
  .page_panier .bloc-panier {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .page_panier .bloc-panier .bloc-left {
    flex: 300px 0 0;
  }
  .page_panier .bloc-panier .bloc-right {
    flex: calc(100% - 315px) 0 0;
  }
  .page_panier .bloc-panier .bloc-right .header-mon-compte h2 {
    padding: 15px 10px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label {
    font-size: 16px;
    line-height: 24px;
    min-height: 90px;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label:before {
    top: 26px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-label:after {
    top: 31px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande .custom-control .custom-control-input:checked ~ .custom-control-label:after {
    top: 31px;
  }
}
@media only screen and (max-width: 1024px) {
  .page_panier .bloc-panier .bloc-right .bloc_interne_compte {
    row-gap: 20px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont {
    flex: 100% 0 0;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont .row_links {
    flex-direction: column;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne_compte .bloc_interne_cont .row_links .btn_ico_left {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .page_panier .bloc-panier {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .page_panier .bloc-panier .bloc-right .input-group {
    flex: 100% !important;
  }
  .page_panier .bloc-panier .bloc-right .header-mon-compte h2 {
    flex-direction: column;
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .section_top_bg h1 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .section_top_bg h1 .svg {
    width: 60px;
    flex: 60px 0 0;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .section_top_bg h1 br {
    display: none;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne h3 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 span {
    font-size: 14px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment {
    row-gap: 40px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check {
    flex: 100% 0 0;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check .custom-control-label span {
    font-size: 14px;
    width: 100%;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check .custom-control-label span img {
    max-height: 25px;
  }
  .page_panier .bloc-panier .bloc-right .btn {
    padding: 7px 10px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .page_panier {
    padding: 30px 0;
  }
  .page_panier .bloc-panier {
    flex-direction: column-reverse;
    row-gap: 30px;
  }
  .page_panier .bloc-panier .bloc-left {
    width: 100%;
  }
  .page_panier .bloc-panier .bloc-left h1 {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .page_panier .bloc-panier .bloc-left .produit .titre,
  .page_panier .bloc-panier .bloc-left .produit .sous_titre {
    font-size: 17px;
    line-height: 20px;
  }
  .page_panier .bloc-panier .bloc-right {
    width: 100%;
    flex: 100%;
  }
  .page_panier .bloc-panier .bloc-right .p-30 {
    padding: 30px 10px !important;
  }
  .page_panier .bloc-panier .bloc-right .header-mon-compte h2 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .section_top_bg h1 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne h3 {
    font-size: 18px !important;
    line-height: 22px !important;
    display: flex;
    flex-wrap: wrap;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement h2 span {
    font-size: 14px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment {
    row-gap: 40px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne.choix_paiement .form-group-payment .form-check {
    flex: 100% 0 0;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .form-check.m-r-50 {
    margin-right: 30px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .form-check.last_child {
    margin-right: 15px !important;
  }
  .page_panier .bloc-panier .bloc-right .custom_checkbox_livraison .custom-control-label {
    margin-left: 20px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande {
    margin-bottom: 20px;
    padding-top: 0;
  }
  .page_panier .bloc-panier .bloc-right .bloc_recommande:has(input:checked) {
    padding-top: 35px;
  }
}
@media only screen and (max-width: 480px) {
  .page_panier .bloc-panier .bloc-right .input-group.input-group-date_naissance .input-group-calander {
    display: none;
  }
  .page_panier .bloc-panier .bloc-right .input-group.input-group-date_naissance label {
    width: calc(100% - 25px);
  }
  .page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban {
    gap: 10px 3px;
  }
  .page_panier .bloc-panier .bloc-right .form_paiement .bloc_iban.bloc_iban_1 input {
    min-width: 30px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 435px) {
  .page_panier .bloc-panier .bloc-right .bloc_recommande:has(input:checked) {
    padding-top: 12px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 395px) {
  .page_panier .bloc-panier .bloc-right .form-group-radio {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
  .page_panier .bloc-panier .bloc-right .form-group-radio .custom-control-label {
    font-size: 15px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne {
    padding: 20px 10px;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .autre_don {
    flex: auto 0 0 !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .form-check.m-r-50 {
    margin-right: 15px !important;
  }
  .page_panier .bloc-panier .bloc-right .bloc_interne .form-group-don .form-check {
    /* &.last_child {
      margin-right: 0 !important;
    }*/
  }
  .page_panier .bloc-panier .bloc-right .choix_paiement .form_paiement {
    padding: 20px 10px;
  }
}/*# sourceMappingURL=styles.css.map */