@charset "UTF-8";
/* categories colors */
@font-face {
  font-family: metacoaching-icons;
  src: url(../../fonts/metacoaching-icons/metacoaching-icons.woff2) format("woff2"), url(../../fonts/metacoaching-icons/metacoaching-icons.woff) format("woff"), url(../../fonts/metacoaching-icons/metacoaching-icons.svg#metacoaching-icons) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: metacoaching-icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-attention:before {
  content: "\e800";
}

/* '' */
.icon-clock:before {
  content: "\e801";
}

/* '' */
.icon-dot-3:before {
  content: "\e802";
}

/* '' */
.icon-thumb:before {
  content: "\e803";
}

/* '' */
.icon-heart-empty:before {
  content: "\e804";
}

/* '' */
.icon-light:before {
  content: "\e805";
}

/* '' */
.icon-home:before {
  content: "\e806";
}

/* '' */
.icon-activities:before {
  content: "\e807";
}

/* '' */
.icon-plus:before {
  content: "\e808";
}

/* '' */
.icon-arrow-right:before {
  content: "\e809";
}

/* '' */
.icon-star:before {
  content: "\e80a";
}

/* '' */
.icon-phone:before {
  content: "\e80b";
}

/* '' */
.icon-balance:before {
  content: "\e80c";
}

/* '' */
.icon-check-circle:before {
  content: "\e80d";
}

/* '' */
.icon-left-big:before {
  content: "\e80e";
}

/* '' */
.icon-right-big:before {
  content: "\e80f";
}

/* '' */
.icon-question:before {
  content: "\e810";
}

/* '' */
.icon-check:before {
  content: "\e811";
}

/* '' */
.icon-path:before {
  content: "\e812";
}

/* '' */
.icon-pen:before {
  content: "\e813";
}

/* '' */
.icon-icecream:before {
  content: "\e814";
}

/* '' */
.icon-community:before {
  content: "\e815";
}

/* '' */
.icon-defis:before {
  content: "\e816";
}

/* '' */
.icon-couverts:before {
  content: "\e817";
}

/* '' */
.icon-lotus:before {
  content: "\e818";
}

/* '' */
.icon-play-1:before {
  content: "\e819";
}

/* '' */
.icon-pause:before {
  content: "\e81a";
}

/* '' */
.icon-down:before {
  content: "\e81b";
}

/* '' */
.icon-volume-up:before {
  content: "\e81c";
}

/* '' */
.icon-volume-off:before {
  content: "\e81d";
}

/* '' */
.icon-delete:before {
  content: "\e81e";
}

/* '' */
.icon-eye-off:before {
  content: "\e81f";
}

/* '' */
.icon-eye:before {
  content: "\e820";
}

/* '' */
.icon-close:before {
  content: "\e821";
}

/* '' */
.icon-left-arrow:before {
  content: "\e822";
}

/* '' */
.icon-calendar-1:before {
  content: "\e823";
}

/* '' */
.icon-right-dir:before {
  content: "\e824";
}

/* '' */
.icon-mail:before {
  content: "\e825";
}

/* '' */
.icon-prog:before {
  content: "\e826";
}

/* '' */
.icon-home-1:before {
  content: "\e827";
}

/* '' */
.icon-flame:before {
  content: "\e829";
}

/* '' */
.icon-search:before {
  content: "\e82a";
}

/* '' */
.icon-send:before {
  content: "\e82c";
}

/* '' */
.icon-arrow-line:before {
  content: "\e82d";
}

/* '' */
.icon-stats:before {
  content: "\e82f";
}

/* '' */
.icon-play:before {
  content: "\e830";
}

/* '' */
.icon-bell:before {
  content: "\e831";
}

/* '' */
.icon-watch:before {
  content: "\e832";
}

/* '' */
.icon-parcours-forme:before {
  content: "\e833";
}

/* '' */
.icon-parcours-alimentaire:before {
  content: "\e834";
}

/* '' */
.icon-chrono:before {
  content: "\e835";
}

/* '' */
.icon-dislike:before {
  content: "\e836";
}

/* '' */
.icon-like:before {
  content: "\e837";
}

/* '' */
.icon-star-points:before {
  content: "\e838";
}

/* '' */
.icon-flashlight:before {
  content: "\e839";
}

/* '' */
.icon-pen-alt:before {
  content: "\e83a";
}

/* '' */
.icon-calendar:before {
  content: "\e83b";
}

/* '' */
.icon-list-e:before {
  content: "\e83c";
}

/* '' */
.icon-right-arrow:before {
  content: "\e83d";
}

/* '' */
.icon-info:before {
  content: "\e83e";
}

/* '' */
.icon-lock:before {
  content: "\e83f";
}

/* '' */
.icon-quizz:before {
  content: "\e840";
}

/* '' */
.icon-end:before {
  content: "\e841";
}

/* '' */
.icon-start:before {
  content: "\e842";
}

/* '' */
.icon-chair:before {
  content: "\e843";
}

/* '' */
.icon-arrow-left:before {
  content: "\e844";
}

/* '' */
.icon-filter:before {
  content: "\e845";
}

/* '' */
.icon-level:before {
  content: "\e846";
}

/* '' */
.icon-bubble:before {
  content: "\e848";
}

/* '' */
.icon-ribbon:before {
  content: "\e849";
}

/* '' */
.icon-forum:before {
  content: "\e84a";
}

/* '' */
.icon-quote:before {
  content: "\e84b";
}

.icon-sticky:before {
  content: "\e84c";
}

/* '' */
.icon-left:before {
  content: "\f104";
}

/* '' */
.icon-right:before {
  content: "\f105";
}

/* '' */
.icon-angle-down:before {
  content: "\f107";
}

/* '' */
.icon-doc-text-inv:before {
  content: "\f15c";
}

/* '' */
/*** custom ***/
.icon-carnet-tabac:before {
  content: url(/themes/custom/metacoaching_theme/image/picto/icon-carnet-tabac.svg);
}

/* categories colors */
* {
  margin: 0;
  border: 0;
  padding: 0;
}

html {
  height: 100%;
  padding: 0;
}

body {
  overflow: scroll;
  overflow-x: hidden;
  line-height: 24px;
  height: 100%;
  padding: 0;
  max-height: 999999px;
  font-size: 16px;
  color: #22242E;
  background-color: #ffffff;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 500;
}

.site-metacoaching a, .site-metacoaching div, .site-metacoaching p, .site-metacoaching h1, .site-metacoaching h2, .site-metacoaching h3, .site-metacoaching h4, .site-metacoaching h5, .site-metacoaching h6, .site-metacoaching section, .site-metacoaching ul, .site-metacoaching li, .site-metacoaching span, .site-metacoaching b, .site-metacoaching i {
  font-family: "Raleway", "Helvetica Neue", Verdana;
  font-weight: 300;
}
.site-metacoachingbody {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.container {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 991px) and (max-width: 1299px) {
  .container {
    width: inherit;
    max-width: inherit;
  }
}
@media only screen and (max-width: 991px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}
main > .container {
  padding-top: 90px;
}
main > .container.container-sous-menu {
  padding-top: 120px;
}

@media only screen and (max-width:650px) {
  main > .container-sous-menu {
    padding-top: 106px;
  }
}

.max-width {
  position: relative;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

/* Max-width connecté */
@media only screen and (max-width: 1600px) {
  .user-logged-in section.type-article .max-width .txt {
    margin-left: 0;
    margin-right: 0;
    width: 45%;
    min-width: auto;
  }
  .user-logged-in section.type-article .max-width .img {
    width: 50%;
  }
}
@media only screen and (max-width:991px) {
  .user-logged-in section.type-article .max-width .txt, .user-logged-in section.type-article .max-width .img {
    width: 100%;
  }
}
@media only screen and (max-width: 1600px) {
  .user-logged-in .max-width {
    max-width: 96%;
  }
}
@media only screen and (max-width:1199px) {
  .user-logged-in .max-width {
    max-width: 98%;
  }
}
.user-logged-in .max-width.max-width-small {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width:991px) {
  .user-logged-in .max-width.max-width-small {
    max-width: 670px;
  }
}
.user-logged-in .max-width.max-width-xsmall {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.max-width-small {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width:991px) {
  .max-width-small {
    max-width: 670px;
  }
}

.max-width-xsmall {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

button,
.button,
a.button,
a.button.button-action,
.site-metacoaching .level-0.contact a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  height: 60px;
  border: 2px solid var(--primary-color, #2598ff);
  background-color: var(--primary-color, #2598ff);
  font-weight: 700;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 16px;
  padding: 0 34px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: none !important;
  text-shadow: none;
  overflow: hidden;
  font-family: "Raleway", Arial, "sans-serif";
  white-space: nowrap;
}
@media only screen and (max-width:480px) {
  button,
.button,
a.button,
a.button.button-action,
.site-metacoaching .level-0.contact a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
button > input,
.button > input,
a.button > input,
a.button.button-action > input,
.site-metacoaching .level-0.contact a > input {
  background: transparent;
  color: #ffffff;
  font-weight: 700;
}
button .icon-arrow-right,
.button .icon-arrow-right,
a.button .icon-arrow-right,
a.button.button-action .icon-arrow-right,
.site-metacoaching .level-0.contact a .icon-arrow-right {
  margin-left: 0.5rem;
}
button:after,
.button:after,
a.button:after,
a.button.button-action:after,
.site-metacoaching .level-0.contact a:after {
  background: #ffffff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -10;
}
button:focus, button:not(:disabled):not(.disabled):active, button:hover,
.button:focus,
.button:not(:disabled):not(.disabled):active,
.button:hover,
a.button:focus,
a.button:not(:disabled):not(.disabled):active,
a.button:hover,
a.button.button-action:focus,
a.button.button-action:not(:disabled):not(.disabled):active,
a.button.button-action:hover,
.site-metacoaching .level-0.contact a:focus,
.site-metacoaching .level-0.contact a:not(:disabled):not(.disabled):active,
.site-metacoaching .level-0.contact a:hover {
  box-shadow: none;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  background-color: var(--primary-color-hovered, #1782E1);
  border: 2px solid var(--primary-color-hovered, #1782E1);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
button:focus:after, button:not(:disabled):not(.disabled):active:after, button:hover:after,
.button:focus:after,
.button:not(:disabled):not(.disabled):active:after,
.button:hover:after,
a.button:focus:after,
a.button:not(:disabled):not(.disabled):active:after,
a.button:hover:after,
a.button.button-action:focus:after,
a.button.button-action:not(:disabled):not(.disabled):active:after,
a.button.button-action:hover:after,
.site-metacoaching .level-0.contact a:focus:after,
.site-metacoaching .level-0.contact a:not(:disabled):not(.disabled):active:after,
.site-metacoaching .level-0.contact a:hover:after {
  left: 120%;
  transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 888;
}
button.btn-fleche-droite,
.button.btn-fleche-droite,
a.button.btn-fleche-droite,
a.button.button-action.btn-fleche-droite,
.site-metacoaching .level-0.contact a.btn-fleche-droite {
  padding-right: 42px;
}
button.btn-fleche-droite:before,
.button.btn-fleche-droite:before,
a.button.btn-fleche-droite:before,
a.button.button-action.btn-fleche-droite:before,
.site-metacoaching .level-0.contact a.btn-fleche-droite:before {
  content: "";
  position: absolute;
  right: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px" fill="rgb(255,255,255,1)" ><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 14px;
  z-index: 1;
}
button.button-fleche-droite,
.button.button-fleche-droite,
a.button.button-fleche-droite,
a.button.button-action.button-fleche-droite,
.site-metacoaching .level-0.contact a.button-fleche-droite {
  padding-right: 42px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 32 14" enable-background="new 0 0 32 14" xml:space="preserve" height="14px" width="32px" fill="rgb(255,255,255,1)" ><g><polygon  points="7 0 5.76625 1.23375 10.64875 6.125 0 6.125 0 7.875 10.64875 7.875 5.76625 12.76625 7 14 14 7"></polygon></g></svg>');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 32px;
  background-color: var(--primary-color, #2598ff);
}
button.button-fleche-droite:hover,
.button.button-fleche-droite:hover,
a.button.button-fleche-droite:hover,
a.button.button-action.button-fleche-droite:hover,
.site-metacoaching .level-0.contact a.button-fleche-droite:hover {
  background-color: var(--primary-color-hovered, #1782E1);
}
button.btn-download,
.button.btn-download,
a.button.btn-download,
a.button.button-action.btn-download,
.site-metacoaching .level-0.contact a.btn-download {
  padding-left: 50px;
}
button.btn-download:before,
.button.btn-download:before,
a.button.btn-download:before,
a.button.button-action.btn-download:before,
.site-metacoaching .level-0.contact a.btn-download:before {
  content: "";
  position: absolute;
  left: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" height="24px" width="24px" fill="rgb(255,255,255,1)" ><g><path d="M11.9999 19.1186C11.7301 19.1186 11.4715 19.0115 11.2808 18.8208C11.0901 18.6301 10.9829 18.3714 10.9829 18.1017V1.01695C10.9829 0.747238 11.0901 0.488573 11.2808 0.297858C11.4715 0.107143 11.7301 0 11.9999 0C12.2696 0 12.5282 0.107143 12.719 0.297858C12.9097 0.488573 13.0168 0.747238 13.0168 1.01695V18.1017C13.0168 18.3714 12.9097 18.6301 12.719 18.8208C12.5282 19.0115 12.2696 19.1186 11.9999 19.1186Z"/><path d="M12 19.1186C11.8663 19.1191 11.7339 19.0931 11.6103 19.0421C11.4868 18.9912 11.3745 18.9163 11.28 18.8217L5.5851 13.1268C5.49055 13.0322 5.41554 12.92 5.36437 12.7964C5.3132 12.6729 5.28687 12.5405 5.28687 12.4068C5.28687 12.2731 5.3132 12.1407 5.36437 12.0171C5.41554 11.8936 5.49055 11.7813 5.5851 11.6868C5.67965 11.5922 5.7919 11.5172 5.91544 11.4661C6.03898 11.4149 6.17138 11.3885 6.3051 11.3885C6.43881 11.3885 6.57122 11.4149 6.69476 11.4661C6.8183 11.5172 6.93055 11.5922 7.0251 11.6868L12 16.678L16.9749 11.6868C17.0695 11.5922 17.1817 11.5172 17.3053 11.4661C17.4288 11.4149 17.5612 11.3885 17.6949 11.3885C17.8286 11.3885 17.9611 11.4149 18.0846 11.4661C18.2081 11.5172 18.3204 11.5922 18.4149 11.6868C18.5095 11.7813 18.5845 11.8936 18.6357 12.0171C18.6868 12.1407 18.7132 12.2731 18.7132 12.4068C18.7132 12.5405 18.6868 12.6729 18.6357 12.7964C18.5845 12.92 18.5095 13.0322 18.4149 13.1268L12.72 18.8217C12.6255 18.9163 12.5133 18.9912 12.3897 19.0421C12.2661 19.0931 12.1337 19.1191 12 19.1186Z"/><path d="M22.983 24H1.01695C0.747237 24 0.488572 23.8929 0.297857 23.7021C0.107143 23.5114 0 23.2528 0 22.983C0 22.7133 0.107143 22.4547 0.297857 22.264C0.488572 22.0732 0.747237 21.9661 1.01695 21.9661H22.983C23.2528 21.9661 23.5114 22.0732 23.7021 22.264C23.8929 22.4547 24 22.7133 24 22.983C24 23.2528 23.8929 23.5114 23.7021 23.7021C23.5114 23.8929 23.2528 24 22.983 24Z" /></g></svg>');
  background-repeat: no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 1;
}
button.btn-small,
.button.btn-small,
a.button.btn-small,
a.button.button-action.btn-small,
.site-metacoaching .level-0.contact a.btn-small {
  height: 42px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 24px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}
@media only screen and (max-width:480px) {
  button.btn-small,
.button.btn-small,
a.button.btn-small,
a.button.button-action.btn-small,
.site-metacoaching .level-0.contact a.btn-small {
    padding-left: 10px;
    padding-right: 10px;
  }
}
button.btn-white,
.button.btn-white,
a.button.btn-white,
a.button.button-action.btn-white,
.site-metacoaching .level-0.contact a.btn-white {
  background-color: #ffffff !important;
  color: var(--primary-color, #2598ff) !important;
}
button.btn-white:focus, button.btn-white:active, button.btn-white:hover,
.button.btn-white:focus,
.button.btn-white:active,
.button.btn-white:hover,
a.button.btn-white:focus,
a.button.btn-white:active,
a.button.btn-white:hover,
a.button.button-action.btn-white:focus,
a.button.button-action.btn-white:active,
a.button.button-action.btn-white:hover,
.site-metacoaching .level-0.contact a.btn-white:focus,
.site-metacoaching .level-0.contact a.btn-white:active,
.site-metacoaching .level-0.contact a.btn-white:hover {
  color: var(--primary-color-hovered, #1782E1) !important;
  border-color: var(--primary-color-hovered, #1782E1) !important;
}
button.btn-white:after,
.button.btn-white:after,
a.button.btn-white:after,
a.button.button-action.btn-white:after,
.site-metacoaching .level-0.contact a.btn-white:after {
  background-color: var(--primary-color, #2598ff);
}
button.btn-white.btn-fleche-droite:before,
.button.btn-white.btn-fleche-droite:before,
a.button.btn-white.btn-fleche-droite:before,
a.button.button-action.btn-white.btn-fleche-droite:before,
.site-metacoaching .level-0.contact a.btn-white.btn-fleche-droite:before {
  content: "";
  position: absolute;
  right: 14px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px"><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px"><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--primary-color, #2598ff);
  display: block;
  width: 14px;
  height: 14px;
  z-index: 1;
}
button.btn-white.btn-fleche-droite:hover:before,
.button.btn-white.btn-fleche-droite:hover:before,
a.button.btn-white.btn-fleche-droite:hover:before,
a.button.button-action.btn-white.btn-fleche-droite:hover:before,
.site-metacoaching .level-0.contact a.btn-white.btn-fleche-droite:hover:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px" fill="rgb(255,255,255,1)" ><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  background-repeat: no-repeat;
}
button.button--white,
.button.button--white,
a.button.button--white,
a.button.button-action.button--white,
.site-metacoaching .level-0.contact a.button--white {
  background-color: #ffffff;
  color: var(--primary-color, #2598ff);
  border-color: var(--primary-color, #2598ff) !important;
}
button.button--white:focus, button.button--white:active, button.button--white:hover,
.button.button--white:focus,
.button.button--white:active,
.button.button--white:hover,
a.button.button--white:focus,
a.button.button--white:active,
a.button.button--white:hover,
a.button.button-action.button--white:focus,
a.button.button-action.button--white:active,
a.button.button-action.button--white:hover,
.site-metacoaching .level-0.contact a.button--white:focus,
.site-metacoaching .level-0.contact a.button--white:active,
.site-metacoaching .level-0.contact a.button--white:hover {
  color: #ffffff;
  background-color: var(--primary-color-hovered, #1782E1);
  border-color: var(--primary-color-hovered, #1782E1);
}
button.button--white:focus:after, button.button--white:active:after, button.button--white:hover:after,
.button.button--white:focus:after,
.button.button--white:active:after,
.button.button--white:hover:after,
a.button.button--white:focus:after,
a.button.button--white:active:after,
a.button.button--white:hover:after,
a.button.button-action.button--white:focus:after,
a.button.button-action.button--white:active:after,
a.button.button-action.button--white:hover:after,
.site-metacoaching .level-0.contact a.button--white:focus:after,
.site-metacoaching .level-0.contact a.button--white:active:after,
.site-metacoaching .level-0.contact a.button--white:hover:after {
  background-color: #ffffff;
}
button.button--white:after,
.button.button--white:after,
a.button.button--white:after,
a.button.button-action.button--white:after,
.site-metacoaching .level-0.contact a.button--white:after {
  background-color: var(--primary-color, #2598ff);
}
button.button--white.btn-fleche-droite:before,
.button.button--white.btn-fleche-droite:before,
a.button.button--white.btn-fleche-droite:before,
a.button.button-action.button--white.btn-fleche-droite:before,
.site-metacoaching .level-0.contact a.button--white.btn-fleche-droite:before {
  content: "";
  position: absolute;
  right: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px" fill="rgb(37,152,255,1)" ><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 14px;
  z-index: 1;
}
button.button--white.btn-fleche-droite:hover:before,
.button.button--white.btn-fleche-droite:hover:before,
a.button.button--white.btn-fleche-droite:hover:before,
a.button.button-action.button--white.btn-fleche-droite:hover:before,
.site-metacoaching .level-0.contact a.button--white.btn-fleche-droite:hover:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" height="14px" width="14px" fill="rgb(255,255,255,1)" ><g><path d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z"/></g></svg>');
  background-repeat: no-repeat;
}
button.btn-transparent,
.button.btn-transparent,
a.button.btn-transparent,
a.button.button-action.btn-transparent,
.site-metacoaching .level-0.contact a.btn-transparent {
  color: #7A8A9B;
  background-color: transparent;
  border: none;
}
button.btn-transparent:focus, button.btn-transparent:active, button.btn-transparent:hover,
.button.btn-transparent:focus,
.button.btn-transparent:active,
.button.btn-transparent:hover,
a.button.btn-transparent:focus,
a.button.btn-transparent:active,
a.button.btn-transparent:hover,
a.button.button-action.btn-transparent:focus,
a.button.button-action.btn-transparent:active,
a.button.button-action.btn-transparent:hover,
.site-metacoaching .level-0.contact a.btn-transparent:focus,
.site-metacoaching .level-0.contact a.btn-transparent:active,
.site-metacoaching .level-0.contact a.btn-transparent:hover {
  color: var(--primary-color-hovered, #1782E1);
}
button span,
.button span,
a.button span,
a.button.button-action span,
.site-metacoaching .level-0.contact a span {
  display: block;
  margin: 0 !important;
  font-size: 16px !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
button svg,
.button svg,
a.button svg,
a.button.button-action svg,
.site-metacoaching .level-0.contact a svg {
  min-width: 12px;
  width: 12px;
  margin-left: 10px;
}

.wrap-buttons {
  display: flex;
  flex-direction: row;
}
.wrap-buttons__center {
  justify-content: center;
}
.wrap-buttons__left {
  justify-content: flex-start;
}
.wrap-buttons__right {
  justify-content: flex-end;
}
@media only screen and (max-width:650px) {
  .wrap-buttons__mobile_col_reverse {
    flex-direction: column-reverse;
  }
  .wrap-buttons__mobile_col_reverse button {
    margin-bottom: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width:650px) {
  .wrap-buttons__mobile_full {
    flex-wrap: wrap;
  }
  .wrap-buttons__mobile_full button {
    width: 100%;
  }
  .wrap-buttons__mobile_full button:first-child {
    margin-left: 0;
  }
  .wrap-buttons__mobile_full button:last-child {
    margin-right: 0;
  }
  .wrap-buttons__mobile_full a {
    width: 100%;
  }
  .wrap-buttons__mobile_full a:first-child {
    margin-left: 0;
  }
  .wrap-buttons__mobile_full a:last-child {
    margin-right: 0;
  }
  .wrap-buttons__mobile_full .button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .wrap-buttons__mobile_full .button:last-child {
    margin-top: 1rem;
  }
}
.wrap-buttons button {
  margin: 0 0.5rem;
}
.wrap-buttons button:first-child {
  margin-left: 0;
}
.wrap-buttons button:last-child {
  margin-right: 0;
}

a {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #22242E;
}
a:hover, a:focus {
  text-decoration: none;
  color: var(--primary-color, #2598ff);
}
label a {
  display: inline;
}

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

ul.disc li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

.node ol, .paragraph ol {
  counter-reset: li;
  padding-left: 40px;
}
.node ol > li, .paragraph ol > li {
  list-style: none;
  position: relative;
  margin: 14px 0;
}
.node ol > li:before, .paragraph ol > li:before {
  content: counter(li);
  counter-increment: li;
  left: -30px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--primary-color);
  border-radius: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

img,
svg {
  border: 0;
  display: block;
}

label {
  margin: 0;
}

p,
figure {
  margin: 0;
  padding: 0;
}

strong {
  font-weight: 700;
}

form {
  width: 100%;
  height: 100%;
}

.clearfix {
  clear: inherit;
}
.clearfix:after {
  clear: both;
  content: " ";
  font-size: 0;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  width: 0;
  display: block;
}

input:not([type]) {
  border-bottom: none;
  height: inherit;
  font-size: inherit;
  margin: 0;
  box-sizing: inherit;
}
input:not([type]):focus:not([readonly]) {
  border-bottom: none;
  box-shadow: none;
}
input::-ms-clear {
  width: 0;
  height: 0;
}

label:focus,
textarea:focus,
input:focus {
  outline: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  height: inherit;
  font-size: inherit;
  margin: 0;
  box-sizing: inherit;
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.bg-pan-left {
  -webkit-animation: bg-pan-left 2s infinite alternate forwards;
  animation: bg-pan-left 2s infinite alternate forwards;
  background-image: linear-gradient(270deg, var(--primary-color, #2598ff), var(--primary-color-gradient-2, #2395f8), var(--primary-color-gradient-3, #09579b));
  background-size: 600% 100%;
}

@-webkit-keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.admin-edit-link {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 5;
  opacity: 0.4;
  transition: 0.3s opacity;
}
.admin-edit-link:hover {
  opacity: 1;
}
.admin-edit-link a {
  font-size: 0;
  display: block;
}
.admin-edit-link a::after {
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 16px;
}

body .mtc-edit-page {
  display: none;
  width: auto;
  border-radius: 3rem;
  padding: 1em 1.3333em;
  text-indent: 0;
  margin-right: 0;
  margin-left: 0;
  font-weight: bold;
  background-color: var(--primary-color, #2598ff);
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 502;
  color: #fff;
}
body .mtc-edit-page-2 {
  top: calc(50% + 70px);
}
body .mtc-edit-page-3 {
  top: calc(50% + 140px);
}
body .contextual-block-custom {
  display: none !important;
}
body.user-admin-logged-in .mtc-edit-page {
  display: inline-block;
}
body.user-admin-logged-in .contextual-block-custom {
  display: block !important;
}

.modal {
  z-index: 2000000001 !important;
}

.align-center {
  text-align: center;
}
.align-center img, .align-center svg {
  display: inline-block;
}

.fog-on-top, .fog-on-bottom {
  position: relative;
}
.fog-on-top::before, .fog-on-top::after, .fog-on-bottom::before, .fog-on-bottom::after {
  display: block;
  position: absolute;
  background-size: 100% 100%;
}

.fog-on-top::before {
  content: "";
  background: url(../image/home/bgwhite2.png) repeat;
  top: 0;
  right: 0;
  left: 0;
  height: 220px;
}

.fog-on-bottom::after {
  content: "";
  background: url(../image/home/bgwhite.png) repeat;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  height: 220px;
}

@media only screen and (max-width:991px) {
  .page-content-403 {
    padding: 0 12px;
  }
}
.page-content-403 .anonymous-403 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 24px 0;
}
.page-content-403 .anonymous-403 > div {
  width: 33%;
  margin: 12px 0;
}
@media only screen and (max-width:991px) {
  .page-content-403 .anonymous-403 {
    flex-direction: column;
  }
  .page-content-403 .anonymous-403 > div {
    width: 100%;
  }
  .page-content-403 .anonymous-403 .button {
    position: static;
    display: flex;
  }
}
.page-content-403 .anonymous-403 .programm-text {
  padding: 0 15px;
}
@media only screen and (max-width:991px) {
  .page-content-403 .anonymous-403 .programm-text {
    padding: 0;
  }
}
.page-content-403 .anonymous-403 .programm-text, .page-content-403 .anonymous-403 .communaute-text {
  height: 400px;
  position: relative;
}
.page-content-403 .anonymous-403 .programm-text .button, .page-content-403 .anonymous-403 .communaute-text .button {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width:991px) {
  .page-content-403 .anonymous-403 .programm-text, .page-content-403 .anonymous-403 .communaute-text {
    height: auto;
  }
  .page-content-403 .anonymous-403 .programm-text .button, .page-content-403 .anonymous-403 .communaute-text .button {
    position: static;
    display: flex;
  }
}

.ajax-progress-throbber .throbber {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url(/core/misc/loading-small.gif) no-repeat 0 center;
}

.indented {
  padding-left: 60px;
}

.comment-body blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  border-left: 1px solid #bbb; /* LTR */
  background: #f7f7f7;
  font-style: italic;
}
.comment-body [dir=rtl] blockquote {
  border-right: 1px solid #bbb;
  border-left: none;
}
.comment-body blockquote:before {
  margin-right: 0.2em; /* LTR */
  content: "“";
  vertical-align: -0.4em;
  color: #bbb;
  font-size: 3em;
  line-height: 0.1em;
}
.comment-body [dir=rtl] blockquote:before {
  margin-right: 0;
  margin-left: 0.2em;
  content: "”";
}
.comment-body blockquote:after {
  content: "”";
  vertical-align: -0.45em;
  color: #bbb;
  font-size: 3em;
  line-height: 0.1em;
}
.comment-body [dir=rtl] blockquote:after {
  content: "“";
}
.comment-body blockquote > p:first-child {
  display: inline;
}

.wysiwyg-area a {
  color: var(--primary-color);
}
.wysiwyg-area a.button, .wysiwyg-area a.button.btn-default {
  color: #ffffff;
}

/* hide all occurences of connexion-reseau in forms login (popin or full pages or questionnaire) until it works */
.ws-login-form .connexion-reseau {
  display: none;
}

.bilanConnector .mailctnr, .bilanConnector #gcnx, .bilanConnector #fbcnx {
  display: none !important;
}

.block-dots {
  position: relative;
  padding: 22px 40px 22px 70px;
  background: var(--primary-color-light);
  border-radius: 10px;
}
.block-dots:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-color: var(--primary-color-light-darker);
  background-image: radial-gradient(var(--primary-color) 4px, transparent 0);
  background-size: 20px 20px;
  background-position: 0 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.paragraph table, .node table {
  width: 100%;
  min-width: 440px;
  border-collapse: separate;
  border: 2px solid gray;
  border-spacing: 0;
  font-size: 1.2em;
}
@media only screen and (max-width:991px) {
  .paragraph table, .node table {
    min-width: unset;
  }
}
.paragraph table *, .node table * {
  text-align: center;
  color: #000;
}
.paragraph table th, .paragraph table td, .node table th, .node table td {
  padding: 0.5em;
  border: none;
  border-bottom: 2px solid gray;
}
.paragraph table tr:first-child th, .node table tr:first-child th {
  color: var(--primary-color);
}
.paragraph table th:not(:last-child), .paragraph table td:not(:last-child), .node table th:not(:last-child), .node table td:not(:last-child) {
  border-right: 2px solid gray;
}
.paragraph table th, .node table th {
  padding: 0.7em;
  font-weight: 700;
}
.paragraph table th:not(:last-child), .paragraph table td:not(:last-child), .node table th:not(:last-child), .node table td:not(:last-child) {
  border-right: 2px solid gray;
}
.paragraph table tr:last-child td, .node table tr:last-child td {
  border-bottom: none;
}

.field--name-comment .filter-wrapper, .field--name-comment .js-filter-wrapper {
  display: none;
}

.user-logged-in .block-pages-offers-block {
  display: none;
}

.user-admin-logged-in .block-pages-offers-block {
  display: block !important;
}

.language-link.is-active {
  font-weight: bold;
}

.language-switcher-language-url ul {
  display: flex;
}
.language-switcher-language-url ul li:first-child {
  margin-right: 6px;
  padding-right: 6px;
  border-right: 1px solid;
}

.cke_reset {
  padding: 0 1px !important;
}

.cke.cke_focus {
  outline: none;
}

.cke.cke_chrome.cke_focus {
  outline: none;
}

/* categories colors */
/* caterories colors */
/**
 * Helper mixins
*/
.user-logged-in.path-forum footer .footer-top, .user-logged-in.taxonomy-term--forums footer .footer-top, .user-logged-in.page-node-type-forum footer .footer-top {
  display: none;
}

.page-node-homepage .dialog-off-canvas-main-canvas .page-header .header.connected {
  height: 0;
}

.taxonomy-term--theme header .header.sous-menu.connected .sous-menu-block ul:before, .page-node-type-dossier header .header.sous-menu.connected .sous-menu-block ul:before, .page-node-type-dossier-recette header .header.sous-menu.connected .sous-menu-block ul:before, .page-node-type-blog-expert header .header.sous-menu.connected .sous-menu-block ul:before {
  display: none;
}
.taxonomy-term--theme header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier-recette header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-blog-expert header .header.sous-menu.connected .sous-menu-block ul li.menu-mag {
  border-radius: 20px;
  border: 5px solid white;
}
@media only screen and (max-width:991px) {
  .taxonomy-term--theme header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier-recette header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-blog-expert header .header.sous-menu.connected .sous-menu-block ul li.menu-mag {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    justify-content: center;
  }
}
@media only screen and (max-width:650px) {
  .taxonomy-term--theme header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-dossier-recette header .header.sous-menu.connected .sous-menu-block ul li.menu-mag, .page-node-type-blog-expert header .header.sous-menu.connected .sous-menu-block ul li.menu-mag {
    width: calc(100% - 1rem);
    margin: 0;
  }
}
.taxonomy-term--theme header .header.sous-menu.connected .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier header .header.sous-menu.connected .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier-recette header .header.sous-menu.connected .sous-menu-block ul li.sub-main-menu-item, .page-node-type-blog-expert header .header.sous-menu.connected .sous-menu-block ul li.sub-main-menu-item {
  display: none;
}
@media only screen and (max-width:991px) {
  .taxonomy-term--theme header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-dossier header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-dossier-recette header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-blog-expert header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    justify-content: center;
  }
}
@media only screen and (max-width:650px) {
  .taxonomy-term--theme header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-dossier header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-dossier-recette header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag, .page-node-type-blog-expert header .header.sous-menu:not(.connected) .sous-menu-block ul li.menu-mag {
    width: 100%;
    margin: 0;
  }
}
.taxonomy-term--theme header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier-recette header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-blog-expert header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item {
  margin-right: 3px;
  margin-left: 3px;
}
@media only screen and (max-width:991px) {
  .taxonomy-term--theme header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-dossier-recette header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item, .page-node-type-blog-expert header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item {
    display: none;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
}
header .header.scrolled:not(.connected) {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
header .max-width {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  position: relative;
}
@media only screen and (max-width:991px) {
  header .max-width {
    padding: 0 12px;
    height: 66px;
  }
}
header .header {
  background-color: #ffffff;
}
@media only screen and (max-width:1377px) {
  header .header {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:991px) {
  header .header {
    padding: 0;
  }
}
@media only screen and (max-width:1199px) {
  header .header {
    justify-content: space-between;
  }
}
@media only screen and (max-width:320px) {
  header .header {
    padding-left: 8px;
    padding-right: 8px;
  }
}
header .header img.logo {
  width: auto;
  height: 36px;
  margin-right: 18px;
}
@media only screen and (max-width:1377px) {
  header .header img.logo {
    margin-right: 15px;
  }
}
@media only screen and (max-width:480px) {
  header .header img.logo {
    margin-right: 5px;
    width: auto;
    height: 28px;
  }
}
header .header.sous-menu:not(.connected) {
  height: 122px;
  background-color: #ffffff;
}
@media only screen and (max-width:991px) {
  header .header.sous-menu:not(.connected) {
    padding: 0;
    height: 122px;
  }
}
header .header.sous-menu:not(.connected) .sous-menu-block {
  background-color: var(--primary-color-light, #f0f8ff);
}
@media only screen and (max-width:991px) {
  header .header.sous-menu:not(.connected) .sous-menu-block {
    overflow-x: scroll;
    padding: 0.5rem 1rem;
  }
  header .header.sous-menu:not(.connected) .sous-menu-block ul li.sub-main-menu-item:last-child {
    margin-right: 34px;
    padding-right: 0;
  }
}
header .header.sous-menu:not(.connected) .nav.theme-navigation {
  top: 7.5rem;
}
header .header.sous-menu.connected .sous-menu-block {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 1.5rem;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*ul {
    &:before {
      position         : absolute;
      content          : "";
      bottom           : 2px;
      left             : 0;
      width            : 100%;
      height           : 1px;
      background-color : $grey;
    }
  }*/
}
@media only screen and (max-width:650px) {
  header .header.sous-menu.connected .sous-menu-block {
    position: fixed;
    padding: 0 0 10px 1rem;
    top: 3.5rem;
    right: 0;
    overflow-x: scroll;
  }
}
header .header.sous-menu.connected .nav.theme-navigation {
  top: 4rem;
}
header .header.sous-menu.connected.scrolled .sous-menu-block {
  opacity: 0;
}
header .header.sous-menu.connected.scrolled-plus .sous-menu-block {
  display: none;
}
header .header.sous-menu .sous-menu-block {
  font-size: 14px;
}
header .header.sous-menu .sous-menu-block ul {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width:650px) {
  header .header.sous-menu .sous-menu-block ul {
    justify-content: center;
    padding-left: 0;
    width: fit-content;
    margin: 0 auto;
  }
}
header .header.sous-menu .sous-menu-block ul li {
  position: relative;
  margin-right: 34px;
  /*&:before {
      @include abs-topcalcrightabs(8px, -34px);
      @include width-height(1px, 16px);
      background-color: $grey;
  }*/
}
@media only screen and (max-width:650px) {
  header .header.sous-menu .sous-menu-block ul li {
    white-space: nowrap;
  }
}
header .header.sous-menu .sous-menu-block ul li:last-child {
  /*&:before {
      display: none;
  }*/
  margin-right: 0;
}
header .header.sous-menu .sous-menu-block ul li.active {
  font-weight: 700;
}
header .header.sous-menu .sous-menu-block ul li.active:after {
  position: absolute;
  content: "";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--primary-color, #2598FF);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
header .header.sous-menu .sous-menu-block ul li.sub-main-menu-item {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 34px;
  margin-right: 34px;
}
header .header.sous-menu .sous-menu-block ul li.sub-main-menu-item:before {
  position: absolute;
  content: "";
  top: calc(50% - 8px);
  top: -moz-calc(50% - 8px);
  top: -webkit-calc(50% - 8px);
  top: calc(50% - 8px);
  top: -moz-calc(50% - 8px);
  top: -webkit-calc(50% - 8px);
  right: -34px;
  width: 1px;
  height: 16px;
  background-color: #7a8a9b;
}
header .header.sous-menu .sous-menu-block ul li.sub-main-menu-item:last-child {
  margin-right: 0;
}
header .header.sous-menu .sous-menu-block ul li.sub-main-menu-item:last-child:before {
  display: none;
}
header .header.sous-menu .sous-menu-block ul li.menu-mag {
  cursor: pointer;
  height: 40px;
  background-color: var(--primary-color, #2598FF);
  color: #ffffff;
  display: none;
  align-items: center;
  padding: 0 1rem;
  white-space: nowrap;
  margin-left: 0;
}
header .header.sous-menu .sous-menu-block ul li.menu-mag:after {
  content: "";
  display: block;
  position: relative;
  width: 13px;
  height: 6px;
  margin-left: 13px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 13 6" enable-background="new 0 0 13 6" xml:space="preserve" height="6px" width="13px" fill="rgb(255,255,255,1)" ><g><path d="M6.49996 5.5L2.94447e-07 1.62903L3.44372e-07 0.5L6.49996 1.62903L13 0.5L13 1.62903L6.49996 5.5Z"/></g></svg>');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
header .header.sous-menu .sous-menu-block ul li.menu-mag:before {
  content: "";
  display: block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 13px;
  background-image: url("/themes/custom/metacoaching_theme/image/picto/search_mag.svg");
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width:991px) {
  header .header.sous-menu .sous-menu-block ul li.menu-mag.open:after {
    transform: rotate(180deg);
  }
}
header .header.header-solo {
  border-bottom: 1px solid #7a8a9b;
}
header .header.header-solo.without-border {
  border-bottom: none;
}
header .header.header-solo .header-left {
  width: 100%;
}
header .header.header-solo .header-left nav {
  display: none;
}
header .header.header-solo .header-left a {
  width: 100%;
}
header .header.header-solo .header-left a img {
  margin-left: auto;
  margin-right: auto;
}
header .header.header-solo .header-right {
  display: none;
}
header .header.header-solo a img.logo {
  width: 215px;
  height: auto;
}
@media only screen and (max-width:1199px) {
  header .header.header-solo a img.logo {
    margin-left: auto;
    margin-right: auto;
  }
}
header .header.header-close {
  -webkit-box-shadow: 0px 0px 25px rgba(34, 36, 46, 0.07);
  -moz-box-shadow: 0px 0px 25px rgba(34, 36, 46, 0.07);
  box-shadow: 0px 0px 25px rgba(34, 36, 46, 0.07);
}
@media only screen and (max-width:991px) {
  header .header.header-close {
    padding: 0 18px;
    box-shadow: none;
  }
}
header .header.header-close.without-border {
  border-bottom: none;
}
header .header.header-close.header-close-small .max-width {
  height: 77px;
}
header .header.header-close .max-width {
  position: relative;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  height: 120px;
  flex-direction: row;
  padding: 0;
}
@media only screen and (max-width:991px) {
  header .header.header-close .max-width {
    height: initial;
    flex-direction: column-reverse;
  }
}
header .header.header-close .max-width .header-left {
  padding-right: 2rem;
}
@media only screen and (max-width:991px) {
  header .header.header-close .max-width .header-left {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }
  header .header.header-close .max-width .header-left h1 {
    text-align: center;
  }
}
header .header.header-close .max-width .header-left nav {
  display: none;
}
@media only screen and (max-width:991px) {
  header .header.header-close .max-width .header-right {
    justify-content: flex-end;
    width: 50%;
  }
}
header .header.header-close .max-width .header-right a.button {
  color: white;
}
header .header.header-close .max-width .header-right a {
  color: var(--primary-color, #2598FF);
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .header.header-close .max-width .header-right a span {
  margin-right: 0.5rem;
  white-space: nowrap;
}
header .header.header-close .max-width .header-right a .icon-close {
  border: 2px solid var(--primary-color, #2598FF);
  border-radius: 16px;
  padding: 1px 3px;
  height: 30px;
  width: 30px;
  position: relative;
}
header .header.header-close .max-width .header-right a .icon-close:before {
  content: none;
}
header .header.header-close .max-width .header-right a .icon-close svg {
  position: absolute;
  top: 4px;
  left: 4px;
}
header .header.header-close .max-width .header-right a .icon-close svg .custom-color-fill {
  fill: var(--primary-color, #2598FF);
}
header .header.bilan-header, header .header.connected {
  background-color: transparent;
  margin-left: 180px;
}
@media only screen and (max-width:767px) {
  header .header.bilan-header, header .header.connected {
    margin-left: initial;
  }
}
header .header.bilan-header .bilan, header .header.connected .bilan {
  display: none;
}
header .header.connected .connect .connexion {
  display: none;
}
header .header.connected .connect .is-connected {
  display: block;
}
@media only screen and (max-width:650px) {
  header .header.connected .connect .is-connected {
    display: flex;
    align-items: center;
  }
}
header .header.connected .make-bilan {
  display: none;
}
@media only screen and (max-width:650px) {
  header .header.connected .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .connexion {
    display: none;
  }
}
header .header .header-left {
  display: flex;
  align-items: center;
}
header .header .header-left nav > ul {
  display: flex;
  align-items: center;
}
header .header .header-left nav > ul > li {
  position: relative;
  margin-left: 14px;
  margin-right: 14px;
  font-size: 14px;
}
@media only screen and (max-width:1377px) {
  header .header .header-left nav > ul > li {
    margin-left: 11px;
    margin-right: 11px;
  }
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li {
    display: none;
  }
}
header .header .header-left nav > ul > li p {
  display: flex;
  align-items: center;
  cursor: pointer;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
header .header .header-left nav > ul > li p svg {
  margin-left: 8px;
}
header .header .header-left nav > ul > li a:hover, header .header .header-left nav > ul > li a:focus {
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: var(--primary-color-hovered, #1782E1);
}
header .header .header-left nav > ul > li.active {
  font-weight: 700;
  /*
  &:after {
      @include content-bottomleftnocalc(-16px,0);
      @include width-height(100%,5px);
      background-color: var(--primary-color, $second-c)-c;
      @include border-radius(12px);
  }
  */
}
header .header .header-left nav > ul > li.burger-menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width:991px) {
  header .header .header-left nav > ul > li.burger-menu {
    right: 12px;
    top: -6px;
  }
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li.burger-menu {
    display: flex;
  }
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li.burger-menu .pictos-menus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 19px;
    right: 0;
    width: 72px;
    height: 42px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary-color, #2598FF);
  }
}
@media only screen and (max-width:380px) {
  header .header .header-left nav > ul > li.burger-menu .pictos-menus {
    padding-left: 11px;
    padding-right: 11px;
    width: 62px;
  }
}
@media only screen and (max-width:320px) {
  header .header .header-left nav > ul > li.burger-menu .pictos-menus {
    padding-left: 6px;
    padding-right: 6px;
    width: 52px;
  }
}
header .header .header-left nav > ul > li.burger-menu .pictos-menus svg {
  width: 0;
  height: 0;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li.burger-menu .pictos-menus svg {
    position: relative;
    top: -18px;
    right: -15px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    color: var(--primary-color, #2598FF);
    margin-left: 8px;
  }
}
header .header .header-left nav > ul > li .toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  z-index: 998;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li .toggle {
    position: relative;
    top: inherit;
    right: inherit;
    width: 16px;
    height: 16px;
  }
}
header .header .header-left nav > ul > li .toggle span.icon-bar {
  display: block;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 0;
  opacity: 1;
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-color: #22242E;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li .toggle span.icon-bar {
    width: 16px;
    height: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: var(--primary-color, #2598FF);
  }
}
header .header .header-left nav > ul > li .toggle span.icon-bar:first-child {
  top: 30px;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li .toggle span.icon-bar:first-child {
    top: -16px;
  }
}
header .header .header-left nav > ul > li .toggle span.icon-bar:nth-child(2), header .header .header-left nav > ul > li .toggle span.icon-bar:nth-child(3) {
  top: 36px;
  right: -5px;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li .toggle span.icon-bar:nth-child(2), header .header .header-left nav > ul > li .toggle span.icon-bar:nth-child(3) {
    top: -11px;
  }
}
header .header .header-left nav > ul > li .toggle span.icon-bar:last-child {
  top: 42px;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li .toggle span.icon-bar:last-child {
    top: -6px;
  }
}
header .header .header-left nav > ul > li .toggle.open span.icon-bar:first-child, header .header .header-left nav > ul > li .toggle.open span.icon-bar:last-child {
  display: none;
}
header .header .header-left nav > ul > li .toggle.open span.icon-bar:nth-child(2), header .header .header-left nav > ul > li .toggle.open span.icon-bar:nth-child(3) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .header .header-left nav > ul > li .toggle.open span.icon-bar:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .header .header-left nav > ul > li .toggle.open svg {
  top: -17px;
}
header .header .header-left nav > ul > li .sidebar {
  width: 270px;
  height: auto;
  overflow: scroll;
  background-color: #ffffff;
  position: fixed;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  top: 66px;
  left: inherit;
  right: -1300px;
  bottom: 0;
  z-index: 995;
  padding: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
}
header .header .header-left nav > ul > li .sidebar .connect .connexion svg {
  display: block;
}
header .header .header-left nav > ul > li .sidebar .connect .connexion p {
  display: block;
  white-space: nowrap;
}
header .header .header-left nav > ul > li .sidebar .level-0.nos-offres {
  display: none;
}
header .header .header-left nav > ul > li .sidebar .formul {
  display: block;
}
header .header .header-left nav > ul > li .sidebar .formul .wrapper-bloc-offres {
  height: auto;
  display: block;
}
header .header .header-left nav > ul > li .sidebar .formul a, header .header .header-left nav > ul > li .sidebar .formul a:hover, header .header .header-left nav > ul > li .sidebar .formul a:focus {
  color: #fff !important;
}
header .header .header-left nav > ul > li .sidebar .formul .title h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  padding-left: 36px;
}
header .header .header-left nav > ul > li .sidebar .formul .title h4 svg {
  position: absolute;
  left: 0;
}
header .header .header-left nav > ul > li .sidebar .formul .formul-contener {
  display: block;
}
header .header .header-left nav > ul > li .sidebar .formul .formula {
  padding: 45px 15px 15px 15px;
}
header .header .header-left nav > ul > li .sidebar .formul .formula h4 {
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 16px;
  text-transform: uppercase;
}
header .header .header-left nav > ul > li .sidebar .formul .formula::before {
  width: 170px;
  height: 110px;
}
header .header .header-left nav > ul > li .sidebar .formul .formula.premium::before {
  background-position: 50px 60px;
  background-size: 50%;
}
header .header .header-left nav > ul > li .sidebar .formul .formula .formula-description .price {
  padding-top: 0;
}
header .header .header-left nav > ul > li .sidebar .formul .formula .formula-description .price span {
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
}
header .header .header-left nav > ul > li .sidebar .formul .formula .formula-description .price u {
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
header .header .header-left nav > ul > li #sidebartoggler {
  display: none;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .sidebar {
  right: 0px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .toggle {
  height: 55px;
  top: 5px;
  right: 0;
  margin-top: -5px;
  padding-top: 20px;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .toggle {
    top: 40px;
    padding: 0;
  }
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li {
  position: relative;
  min-width: 100%;
  line-height: 54px;
  font-size: 18px;
  padding-left: 32px;
  padding-right: 24px;
  border-bottom: 1px solid #E5E5E5;
  z-index: 5;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li:hover:before, header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li:focus:before, header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.active:before {
  width: 6px;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: var(--primary-color, #2598FF);
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr svg {
  min-width: 14px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr.active > p .currentColor {
  fill: var(--primary-color, #2598FF);
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr.active > p svg {
  transform: rotate(180deg);
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr.active .sub-menu {
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: auto;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap li.main-rubr.menu-item--active-trail > p > a {
  color: var(--primary-color, #2598FF);
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .sub-menu {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-left: -32px;
  margin-right: -24px;
  width: -webkit-calc(100% + 56px);
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 0;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .sub-menu li {
  padding: 0;
  background-color: rgba(37, 152, 255, 0.12);
  border: none;
  margin: 0;
  padding-left: 32px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 40px;
  z-index: 4;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .sub-menu li.menu-item--active-trail a {
  font-weight: 700;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect {
  display: none;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect {
    display: block;
    padding: 16px 0 14px 32px;
    padding-bottom: 14px;
    margin-right: 0;
    border-bottom: 1px solid #E5E5E5;
  }
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .connexion {
  display: flex;
  align-items: center;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .connexion svg {
  margin: 0 4px 0 0;
}
@media only screen and (max-width:1199px) {
  header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .connexion svg {
    margin-right: 16px;
  }
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .connexion p {
  font-size: 18px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .is-connected img {
  margin-left: 0;
  margin-right: 16px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .connect .is-connected p {
  max-width: 139px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .search {
  position: relative;
  display: flex;
  align-items: center;
  padding: 18px 0 18px 32px;
  border-bottom: 1px solid #7a8a9b;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .search svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-right: 8px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .search .input input {
  height: auto;
  padding: 0;
  border: none;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .make-bilan {
  width: 250px;
  text-align: center;
  color: #ffffff;
  margin: 16px auto;
  padding: 20px 0 16px 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .make-bilan strong {
  display: block;
  font-size: 20px;
  margin-bottom: 7px;
}
header .header .header-left nav > ul > li #sidebartoggler:checked + .page-wrap .make-bilan span {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
header .header .header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header .header .header-right .bilan {
  margin-right: 30px;
}
@media only screen and (max-width:991px) {
  header .header .header-right .bilan {
    margin-right: 10px;
  }
}
@media only screen and (max-width:380px) {
  header .header .header-right .bilan {
    margin-right: -10px;
  }
}
@media only screen and (max-width:320px) {
  header .header .header-right .bilan {
    margin-right: -10px;
  }
}
@media only screen and (max-width:480px) {
  header .header .header-right .bilan svg {
    display: none;
  }
}
@media only screen and (max-width:991px) {
  header .header .header-right .bilan .button {
    padding-left: 5px;
    padding-right: 5px;
  }
}
header .header .header-right .bilan .button span {
  font-weight: 600 !important;
}
@media only screen and (max-width:991px) {
  header .header .header-right .bilan .button span {
    font-size: 13px !important;
  }
}
header .header .header-right .top-bar {
  position: fixed;
  top: 15px;
  right: 30px;
  z-index: 10;
}
@media only screen and (max-width:650px) {
  header .header .header-right .top-bar {
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
  }
}
header .header .header-right .top-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px;
  background: #ffffff;
  border-radius: 60px;
  box-shadow: 0 5px 20px rgba(34, 36, 46, 0.07);
}
@media only screen and (max-width:650px) {
  header .header .header-right .top-bar__inner {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    box-shadow: none;
  }
}
header .header .header-right .top-bar__coach {
  position: relative;
  background: #f8f4f2;
  height: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
header .header .header-right .top-bar__coach a {
  display: flex;
  text-decoration: none;
  color: #7A8A9B;
}
header .header .header-right .top-bar__coach a .wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
header .header .header-right .top-bar__coach span {
  display: block;
  font-weight: 600;
}
header .header .header-right .top-bar__coach svg {
  width: 20px;
  height: auto;
}
header .header .header-right .top-bar__right {
  display: flex;
}
header .header .header-right .top-bar__notifications {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f4f2;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  padding: 8px;
  margin: 0 12px 0 0;
  cursor: pointer;
}
header .header .header-right .top-bar__account {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #f8f4f2;
  height: 40px;
  border-radius: 40px;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
  color: #7A8A9B !important;
}
header .header .header-right .top-bar__account svg {
  margin: 0 8px;
}
header .header .header-right .top-bar__account i {
  margin: 0 5px;
  font-size: 10px;
}
@media only screen and (max-width:991px) {
  header .header .header-right .top-bar__account .account__name {
    display: none;
  }
}
header .header .header-right .top-bar__menu {
  position: fixed;
  top: 80px;
  right: -600px;
  display: flex;
  flex-direction: column;
  padding: 15px 30px;
  text-align: left;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(34, 36, 46, 0.07);
  transition: all 0.25s;
  z-index: 10;
}
@media only screen and (max-width:991px) {
  header .header .header-right .top-bar__menu {
    top: 60px;
    width: 300px;
    border-radius: 0;
    border-bottom-left-radius: 10px;
  }
}
header .header .header-right .top-bar__menu.active {
  right: 30px;
}
@media only screen and (max-width:991px) {
  header .header .header-right .top-bar__menu.active {
    right: 0;
  }
}
header .header .header-right .top-bar__menu .menu__item {
  margin: 7px 0;
  color: #7a8a9b;
  transition: all 0.25s;
  font-size: 14px;
}
@media only screen and (max-width:991px) {
  header .header .header-right .top-bar__menu .menu__item {
    font-size: 15px;
  }
}
header .header .header-right .top-bar__menu .menu__item:hover {
  color: #2598FF;
  text-decoration: none;
}
header .header .header-right .top-bar__menu .menu__item--deco {
  color: #7a8a9b;
}
header .header .header-right .top-bar__menu .menu__item--deco:hover {
  color: #FF0355;
}
header .header .header-right .top-bar .notif {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 25px;
  background: #FF0355;
  color: #ffffff;
  font-size: 14px;
}
header .header .main-rubr {
  position: relative;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .header .main-rubr svg {
  min-width: 10px;
  width: 10px;
}
header .header .main-rubr:hover, header .header .main-rubr:focus {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .header .main-rubr:hover .sub-menu, header .header .main-rubr:focus .sub-menu {
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .header .main-rubr:hover svg, header .header .main-rubr:focus svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  color: var(--primary-color-hovered, #1782E1);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: -2px;
}
header .header .main-rubr:hover p, header .header .main-rubr:focus p {
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: var(--primary-color-hovered, #1782E1);
}
header .header .connect .connexion {
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  color: var(--primary-color, #2598FF);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .header .connect .connexion:hover, header .header .connect .connexion:focus {
  color: var(--primary-color-hovered, #1782E1);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width:1199px) {
  header .header .connect .connexion {
    width: 5rem;
    cursor: initial;
  }
}
header .header .connect .connexion svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 auto 6px auto;
}
@media only screen and (max-width:1199px) {
  header .header .connect .connexion svg {
    display: none;
  }
}
@media only screen and (max-width:1199px) {
  header .header .connect .connexion p {
    display: none;
  }
}
header .header .connect .is-connected {
  display: none;
}
header .header .connect .is-connected p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
@media only screen and (max-width:650px) {
  header .header .connect .is-connected p {
    font-size: 18px;
    font-weight: 500;
  }
}
header .header .connect .is-connected img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}
header .header .sub-menu {
  width: 209px;
  position: absolute;
  top: 30px;
  left: 0;
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 7px 18px rgba(7, 25, 45, 0.3019607843);
  padding: 10px 24px 10px 24px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 998;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width:1199px) {
  header .header .sub-menu {
    position: relative;
    width: 80%;
    font-size: 16px !important;
    top: inherit;
    left: inherit;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
header .header .sub-menu li {
  margin-bottom: 5px;
}
header .header nav.theme-navigation {
  position: relative;
  height: 0;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 5px 20px rgba(34, 36, 46, 0.07);
  overflow: hidden;
}
header .header nav.theme-navigation .block-lc-search-form-block {
  margin: 0;
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  position: absolute;
  bottom: 0;
}
header .header nav.theme-navigation .block-lc-search-form-block:before {
  content: none;
}
header .header nav.theme-navigation .block-lc-search-form-block .input-label {
  display: none;
}
header .header nav.theme-navigation .block-lc-search-form-block .input-container form .form-actions .button {
  font-size: 0;
  line-height: 0;
  padding: 0 40px 0 18px;
}
header .header nav.theme-navigation .block-lc-search-form-block .input-container form .form-actions:after {
  content: none;
}
@media only screen and (max-width:991px) {
  header .header nav.theme-navigation {
    display: none;
    position: absolute;
  }
}
header .header nav.theme-navigation.active, header .header nav.theme-navigation:hover {
  height: auto;
  overflow: auto;
}
header .header nav.theme-navigation.active .menu.level-0, header .header nav.theme-navigation:hover .menu.level-0 {
  display: flex;
}
header .header nav.theme-navigation .menu {
  max-width: 1200px;
  padding: 0;
  margin: 0;
}
header .header nav.theme-navigation .menu.level-0 {
  background: #ffffff;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0;
  margin: 0 auto;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  overflow: visible;
}
header .header nav.theme-navigation .menu.level-0 .menu-item {
  width: 100%;
  position: initial;
  min-height: 40px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header nav.theme-navigation .menu.level-0 .menu-item a {
  margin-left: 20px;
  padding-right: 20px;
  display: block;
  width: 100%;
}
header .header nav.theme-navigation .menu.level-1, header .header nav.theme-navigation .menu.level-2, header .header nav.theme-navigation .menu.level-3 {
  width: 15rem;
  position: absolute;
  top: 0;
  left: 15rem;
  background: #fff;
}
header .header nav.theme-navigation .menu.level-2 {
  width: 20rem;
}
header .header nav.theme-navigation .menu .menu-item {
  padding: 0;
  margin: 0 !important;
}
header .header nav.theme-navigation .menu .menu-item:first-child a, header .header nav.theme-navigation .menu .menu-item:first-child span.show-more {
  margin-top: 10px;
}
header .header nav.theme-navigation .menu .menu-item:last-child a, header .header nav.theme-navigation .menu .menu-item:last-child span.show-more {
  margin-bottom: 10px;
}
header .header nav.theme-navigation .menu .menu-item.level-1, header .header nav.theme-navigation .menu .menu-item.level-2, header .header nav.theme-navigation .menu .menu-item.level-3 {
  padding: 0 1rem 0 1rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: inherit;
  min-height: 40px;
  font-size: 14px;
  position: initial;
  width: 100%;
}
header .header nav.theme-navigation .menu .menu-item:hover {
  background: var(--primary-color-light, #f0f8ff);
}
header .header nav.theme-navigation .menu .menu-item a {
  white-space: nowrap;
}
header .header nav.theme-navigation .menu .menu-item span.show-more {
  width: 1rem;
  height: 1rem;
  position: relative;
  float: right;
  margin-right: 1.2rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 4 9" enable-background="new 0 0 4 9" xml:space="preserve" height="9px" width="4px" fill="rgb(0,0,0,1)" ><g>						<path d="M4 4.50003L0.903225 9L-1.14342e-07 9L0.903225 4.50003L3.35036e-07 -1.18503e-07L0.903225 -1.18503e-07L4 4.50003Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
header .header nav.theme-navigation .menu .menu-item.level-0.active .menu.level-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
header .header nav.theme-navigation .menu .menu-item.level-0.active .menu.level-1:before {
  content: "";
  height: 100%;
  width: 1px;
  background: #7a8a9b;
  position: absolute;
  left: 0;
}
header .header nav.theme-navigation .menu .menu-item.level-0.active .menu-item.level-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .header nav.theme-navigation .menu .menu-item.level-0.active .menu-item.level-1 span.show-more {
  margin-right: 0;
}
header .header nav.theme-navigation .menu .menu-item.level-1.active .menu.level-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
header .header nav.theme-navigation .menu .menu-item.level-1.active .menu.level-2:before {
  content: "";
  height: 100%;
  width: 1px;
  background: #7a8a9b;
  position: absolute;
  left: 0;
}
header .header nav.theme-navigation .menu .menu-item.level-1.active .menu-item.level-2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .header nav.theme-navigation .menu .menu-item.level-1.active .menu-item.level-2 span.show-more {
  margin-right: 0;
}
header .header nav.theme-navigation .menu .menu-item.level-2.active .menu.level-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
header .header nav.theme-navigation .menu .menu-item.level-2.active .menu.level-3:before {
  content: "";
  height: 100%;
  width: 1px;
  background: #7a8a9b;
  position: absolute;
  left: 0;
}
header .header nav.theme-navigation .menu .menu-item.level-2.active .menu-item.level-3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .header nav.theme-navigation .menu .menu-item.level-2.active .menu-item.level-3 span.show-more {
  margin-right: 0;
}

/*correspond au menu theme-navigation pour mobile */
.mm-menu {
  border-right: 0px solid white;
}
.mm-menu.mm-menu {
  background: white;
  border: 0px solid white;
  top: 120px;
  height: fit-content;
  overflow: visible;
}
.mm-menu .mm-panels {
  height: fit-content;
  overflow: visible;
  position: relative !important;
}
.mm-menu .mm-panel {
  height: fit-content;
  overflow: visible;
  position: absolute;
}
.mm-menu.mm-menu_opened {
  display: none !important;
}
@media only screen and (max-width:991px) {
  .mm-menu.mm-menu_opened {
    display: block !important;
    top: 120px;
  }
  .mm-menu.mm-menu_opened .mm-navbar_has-btns {
    display: flex;
    height: fit-content;
  }
  .mm-menu.mm-menu_opened .mm-panels {
    top: 0;
  }
  .mm-menu.mm-menu_opened .mm-navbar__btn {
    padding: 0;
  }
}
.mm-menu.mm-menu_offcanvas {
  z-index: 2;
  width: 100%;
}
.mm-menu .mm-navbars_top {
  background: white;
  top: 0;
  padding: 9px 0 0;
  position: static !important;
}
.mm-menu .mm-navbar {
  top: 0;
  background: transparent;
  color: green;
  text-transform: uppercase;
  border-bottom: 0px solid white;
}
.mm-menu .mm-navbar a {
  color: red;
}
.mm-menu .mm-navbar .mm-navbar__title {
  text-align: left;
  color: var(--primary-color, #2598FF);
  text-transform: initial;
  font-weight: 700;
  padding: 0;
}
.mm-menu .mm-btn_close:before, .mm-menu .mm-btn_close:after {
  border-color: rgb(255, 255, 255);
  opacity: 1;
}
.mm-menu .mm-btn_prev:before {
  border-color: rgb(255, 255, 255);
  opacity: 1;
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 14 14" enable-background="new 0 0 14 14" xml:space="preserve" height="14px" width="14px" fill="rgb(0,0,0,1)" ><g><path d="M7 14L8.23375 12.7662L3.35125 7.875L14 7.875L14 6.125L3.35125 6.125L8.23375 1.23375L7 -6.11959e-07L6.11959e-07 7L7 14Z"/></g></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: 0 0;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 14 14" enable-background="new 0 0 14 14" xml:space="preserve" height="14px" width="14px" fill="rgb(0,0,0,1)" ><g><path d="M7 14L8.23375 12.7662L3.35125 7.875L14 7.875L14 6.125L3.35125 6.125L8.23375 1.23375L7 -6.11959e-07L6.11959e-07 7L7 14Z"/></g></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  background-color: var(--primary-color);
  width: 14px;
  height: 14px;
  border-top: none;
  border-left: none;
  transform: rotate(0deg);
}
.mm-menu .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 0;
}
.mm-menu .mm-listitem {
  opacity: 1;
  border-bottom: 0px solid white;
}
.mm-menu .mm-listitem:after {
  left: inherit;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 34 34" enable-background="new 0 0 34 34" xml:space="preserve" height="34px" width="34px" fill="rgb(37,152,255,1)" ><g><polygon points="13.914062 13.175 17.77709 17 13.914062 20.825 15.10333 22 20.16406 17 15.10333 11.9999999"></polygon></g></svg>');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  width: 34px;
  height: 34px;
  top: 6px;
  right: 20px;
  border-bottom: none !important;
  z-index: 0;
}
.mm-menu .mm-listitem .show-more {
  display: none;
}
.mm-menu .mm-listitem:hover, .mm-menu .mm-listitem:active, .mm-menu .mm-listitem:focus {
  background: var(--primary-color-light);
}
.mm-menu .mm-listitem:hover .mm-btn_next:after, .mm-menu .mm-listitem:active .mm-btn_next:after, .mm-menu .mm-listitem:focus .mm-btn_next:after {
  background-color: var(--primary-color-light);
}
.mm-menu .mm-listitem__btn {
  min-width: 4rem;
  padding-right: 0;
  border-left-width: 0px;
  padding-bottom: 9px;
  padding-top: 9px;
}
.mm-menu .mm-listitem__btn:not(.mm-listitem__text) {
  border-left-width: 0px;
}
.mm-menu .mm-btn_next:after {
  right: 20px;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 34 34" enable-background="new 0 0 34 34" xml:space="preserve" height="34px" width="34px" fill="rgb(37,152,255,1)" ><g><rect x="16" y="11" width="2" height="12" /><rect x="11" y="18" width="2" height="12" transform="rotate(-90 11 18)" /></g></svg>');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: white;
  width: 34px;
  height: 34px;
  border-top: none;
  border-left: none;
  transform: rotate(0deg);
  z-index: 10;
}
.mm-menu .mm-panel_opened:before, .mm-menu .mm-panel_opened-parent:before {
  display: none;
}
.mm-menu .mm-panel_opened .mm-listitem__text, .mm-menu .mm-panel_opened-parent .mm-listitem__text {
  text-transform: initial;
}
.mm-menu .mm-listitem__text {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 0 !important;
  opacity: 1;
  font-size: 16px;
  white-space: normal;
  text-transform: initial;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 9px;
}
.mm-menu .mm-searchfield .mm-searchfield__input {
  padding-top: 0;
}
.mm-menu .mm-searchfield .mm-searchfield__input input {
  border: 2px solid #bfc9d5 !important;
  background: white;
  height: calc(var(--mm-navbar-size) * 0.9);
}
.mm-menu .mm-searchfield .mm-searchfield__input input::placeholder {
  color: black;
}
.mm-menu .mm-navbars_bottom {
  bottom: 2rem;
}
.mm-menu .mm-navbars_bottom .mm-navbar {
  padding: 0 1.5rem;
}
.mm-menu .mm-navbars_bottom .mm-navbar a {
  flex: inherit;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .left, .mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  max-width: 3rem;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .left a, .mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .right a {
  font-size: 0px;
  margin-right: 0;
  color: red;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .left a:before, .mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .right a:before {
  font-size: 3rem;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .left a span, .mm-menu .mm-navbars_bottom .mm-navbar:nth-child(1) .right a span {
  margin-top: -16px;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.mm-menu .mm-navbars_bottom .mm-navbar:nth-child(2) a {
  font-size: 0.8rem;
  padding: 0.3rem 0;
}
.mm-menu .search-block-form {
  margin: 0;
  padding: 0;
  position: static;
  background: transparent;
}
.mm-menu .search-block-form .input-label {
  display: none;
}
.mm-menu .search-block-form .input-container {
  display: flex;
  width: 100%;
}
.mm-menu .search-block-form .input-container form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background: transparent;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
}
.mm-menu .search-block-form .input-container form .form-submit {
  font-size: 0;
}
.mm-menu .search-block-form .input-container form .form-type-search {
  width: 80%;
  padding: 0 12px;
}
.mm-menu .search-block-form .link-advanced-search {
  display: none;
}

.user-account-menu {
  position: fixed;
  top: 80px;
  right: -600px;
  display: flex;
  flex-direction: column;
  padding: 15px 30px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(34, 36, 46, 0.07);
  transition: all 0.25s;
  z-index: 10;
  text-align: left;
}
@media (max-width: 768px) {
  .user-account-menu {
    top: 60px;
    width: 300px;
    border-radius: 0;
    border-bottom-left-radius: 10px;
  }
}
.user-account-menu.active {
  right: 30px;
}
@media (max-width: 768px) {
  .user-account-menu.active {
    right: 0;
  }
}
.user-account-menu .menu__item {
  margin: 7px 0;
  color: #22242E;
  transition: all 0.25s;
  font-size: 16px;
  color: #7A8A9B;
}
.user-account-menu .menu__item:hover {
  color: var(--primary-color, #2598FF);
}
.user-account-menu .menu__item[href^="/user/logout"] {
  color: var(--primary-color, #2598FF);
}
.user-account-menu .menu__item[href^="/user/logout"]:hover {
  color: var(--primary-color, #2598FF);
}

body.path-mon-bilan-gratuit-questionnaire .header > .max-width {
  justify-content: center;
}
body.path-mon-bilan-gratuit-questionnaire .header > .max-width img.logo {
  width: 215px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
body.path-mon-bilan-gratuit-questionnaire .header > .max-width nav {
  display: none;
}
body.path-mon-bilan-gratuit-questionnaire .header > .max-width .header-right {
  display: none;
}

footer {
  padding: 0;
}
footer .footer-top {
  display: flex;
  padding: 46px 0 6px 0;
}
footer .footer-top .max-width {
  display: flex;
}
@media only screen and (max-width:1199px) {
  footer .footer-top .max-width {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width {
    flex-wrap: wrap;
  }
}
footer .footer-top .max-width p {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 15px;
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width p {
    font-weight: 500;
  }
}
footer .footer-top .max-width p span {
  display: block;
}
footer .footer-top .max-width nav {
  display: flex;
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav.meta-desk {
    display: none;
  }
}
footer .footer-top .max-width nav.meta-resp {
  display: none;
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav.meta-resp {
    display: flex;
  }
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width nav {
    width: 100%;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav {
    flex-wrap: wrap;
  }
}
footer .footer-top .max-width nav p {
  margin-bottom: 10px;
}
footer .footer-top .max-width nav p span {
  display: block;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width nav > ul {
    width: 33.3%;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul {
    width: 50%;
  }
}
@media only screen and (max-width:320px) {
  footer .footer-top .max-width nav > ul {
    width: 100%;
  }
}
footer .footer-top .max-width nav > ul > li {
  margin-right: 76px;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width nav > ul > li {
    margin-right: 0;
  }
}
footer .footer-top .max-width nav > ul > li ul {
  margin-bottom: 10px;
}
footer .footer-top .max-width nav > ul > li ul li {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
footer .footer-top .max-width nav > ul > li ul li:first-child {
  display: flex;
  align-items: center;
}
footer .footer-top .max-width nav > ul > li ul li:first-child svg {
  display: none;
  width: 10px;
  min-width: 10px;
  height: 11.5px;
  margin-top: -7px;
  margin-left: 5px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .footer-top .max-width .other {
  width: 370px;
  margin-left: auto;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width .other {
    width: 100%;
    display: flex;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width .other {
    flex-wrap: wrap;
  }
}
footer .footer-top .max-width .other .autres-programmes .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
footer .footer-top .max-width .other .autres-programmes .sites ul {
  display: block;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
footer .footer-top .max-width .other .autres-programmes .sites ul .site {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
footer .footer-top .max-width .other > div {
  margin-bottom: 24px;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width .other > div {
    width: 100%;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width .other > div {
    width: 100%;
  }
}
footer .footer-top .max-width .other > div ul {
  display: flex;
  align-items: center;
}
footer .footer-top .max-width .other > div ul.reseaux li {
  margin-right: 16px;
}
footer .footer-top .max-width .other > div ul.reseaux li svg {
  min-width: 26px;
  width: 26px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .footer-top .max-width .other > div ul.reseaux li.fb svg {
  min-width: 15px;
  width: 15px;
}
footer .footer-top .max-width .other > div ul.reseaux li:hover svg {
  color: #1782E1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .footer-top .max-width .other > div.newsletter {
  width: 100%;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width .other > div.newsletter {
    width: 40%;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width .other > div.newsletter {
    width: 100%;
  }
}
footer .footer-top .max-width .other > div.newsletter div {
  position: relative;
}
footer .footer-top .max-width .other > div.newsletter div input.form-control {
  max-width: 307px;
  background-color: #ffffff;
  height: 48px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
@media only screen and (max-width:991px) {
  footer .footer-top .max-width .other > div.newsletter div input.form-control {
    width: 100%;
    max-width: 100%;
  }
}
footer .footer-top .max-width .other > div.newsletter button {
  position: absolute;
  top: 0;
  right: 0;
  width: 69px;
  height: 48px;
  padding: 0;
  margin-right: 0;
  -webkit-border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width:1199px) {
  footer .footer-top .max-width .other > div.newsletter button {
    right: 0;
  }
}
footer .footer-top .max-width .other > div.newsletter button svg {
  width: 20px;
  min-width: 20px;
  margin-left: 0;
}
footer .footer-bottom {
  padding: 18px 0;
  font-size: 14px;
}
footer .footer-bottom .max-width {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media only screen and (max-width:1199px) {
  footer .footer-bottom .max-width {
    display: block;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:1199px) {
  footer .footer-bottom .max-width p {
    text-align: center;
    margin-top: 15px;
  }
}
footer .footer-bottom .max-width ul {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width:1199px) {
  footer .footer-bottom .max-width ul {
    justify-content: center;
  }
}
@media only screen and (max-width:767px) {
  footer .footer-bottom .max-width ul {
    justify-content: center;
    flex-wrap: wrap;
  }
}
footer .footer-bottom .max-width ul li {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}
footer .footer-bottom .max-width ul li:before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  content: "•";
  font-size: 18px;
}
footer .footer-bottom .max-width ul li:last-child:before {
  display: none;
}

.user-logged-in footer .footer-top {
  padding: 0;
  background: #fff;
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul.footer-li-visible li {
    opacity: 1;
    visibility: visible;
    height: auto;
    cursor: pointer;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul.footer-li-visible li a {
    display: block;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul.footer-li-visible li:first-child svg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li {
    visibility: hidden;
    opacity: 0;
    height: 0;
    cursor: pointer;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li a {
    display: none;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li p a {
    display: block;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li.footer-li-visible {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li.footer-li-visible a {
    display: block;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li:first-child {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li:first-child svg {
    display: block;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width nav > ul > li ul li.meta-resp {
    margin-top: -42px;
  }
}
@media only screen and (max-width:320px) {
  footer .footer-top .max-width nav > ul > li ul li.meta-resp {
    margin-top: 0;
  }
}
@media only screen and (max-width:650px) {
  footer .footer-top .max-width .other > div.reseaux-block p {
    display: none;
  }
}

.menu-footer-logged {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  flex-wrap: wrap;
}
.menu-footer-logged .title {
  font-weight: 600;
  font-size: 14px;
}
.menu-footer-logged .link-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.menu-footer-logged .link-list ul li a {
  font-size: 14px;
  font-weight: 400;
}

/* fix active trail level 0 */
.menu-item--active-trail.level-0.main-rubr > p > a, .menu-item--active-trail.level-0.main-rubr > a {
  font-weight: bold;
}
.menu-item--active-trail.level-0.main-rubr > p > a::after, .menu-item--active-trail.level-0.main-rubr > a::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--primary-color, #2598FF);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* fix dossier breadcrumb anonyme */
.page-node-type-dossier.user-type-anonymous .block-system-breadcrumb-block, .page-node-type-dossier-recette.user-type-anonymous .block-system-breadcrumb-block, .page-node-type-blog-expert.user-type-anonymous .block-system-breadcrumb-block {
  margin-top: 10px;
}
@media only screen and (max-width:991px) {
  .page-node-type-dossier.user-type-anonymous .block-system-breadcrumb-block, .page-node-type-dossier-recette.user-type-anonymous .block-system-breadcrumb-block, .page-node-type-blog-expert.user-type-anonymous .block-system-breadcrumb-block {
    margin-top: 18px;
  }
}
.page-node-type-dossier.user-type-anonymous .block-system-breadcrumb-block .social-media, .page-node-type-dossier-recette.user-type-anonymous .block-system-breadcrumb-block .social-media, .page-node-type-blog-expert.user-type-anonymous .block-system-breadcrumb-block .social-media {
  display: none;
}
@media only screen and (max-width:991px) {
  .page-node-type-dossier.user-type-anonymous main > .container, .page-node-type-dossier-recette.user-type-anonymous main > .container, .page-node-type-blog-expert.user-type-anonymous main > .container {
    padding-top: 122px;
  }
}

.show-on-bilan {
  display: none;
}

/* hide bilan button on the bilan results pages */
body.route--mtc_appraisal--appraisal header .header .header-left nav > ul > li.burger-menu, body.route--ts--bilan header .header .header-left nav > ul > li.burger-menu, body.route--ts--appraisal--display header .header .header-left nav > ul > li.burger-menu {
  display: none;
}
body.route--mtc_appraisal--appraisal header .header .header-right .bilan, body.route--mtc_appraisal--appraisal header .header .header-right .connect, body.route--ts--bilan header .header .header-right .bilan, body.route--ts--bilan header .header .header-right .connect, body.route--ts--appraisal--display header .header .header-right .bilan, body.route--ts--appraisal--display header .header .header-right .connect {
  display: none;
}
body.route--mtc_appraisal--appraisal header .header .header-right .show-on-bilan, body.route--ts--bilan header .header .header-right .show-on-bilan, body.route--ts--appraisal--display header .header .header-right .show-on-bilan {
  display: block;
}

body.route--entity--webform--canonical header .header .header-right .bilan, body.route--entity--webform--canonical header .header .header-right .connect, body.route--mtc_appraisal--loading header .header .header-right .bilan, body.route--mtc_appraisal--loading header .header .header-right .connect, body.route--ts--loading header .header .header-right .bilan, body.route--ts--loading header .header .header-right .connect {
  display: none;
}

/* add bold to nos offres in menu */
.nos-offres > a, .nos-offres > p > a, .tarifs > a, .tarifs > p > a {
  font-weight: bold;
}

.partner-domain-page .block-system-branding-block .block-content {
  display: flex;
}
.partner-domain-page header {
  position: absolute;
}
.partner-domain-page header .header.scrolled:not(.connected) {
  box-shadow: none;
}
.partner-domain-page header .site-branding__logo {
  display: inline-block;
}
.partner-domain-page header .site-branding__logo img {
  max-height: 40px;
  width: auto;
}
.partner-domain-page header .nowrap {
  -webkit-display: inline-flex;
  -moz-display: inline-flex;
  -ms-display: inline-flex;
  -o-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.partner-domain-page header .logo-separator {
  font-size: 20px;
  margin: 0 15px;
  display: inline-block;
  line-height: 44px;
  color: var(--primary-color);
  vertical-align: bottom;
}
.partner-domain-page header nav {
  display: none;
}

.block-system-breadcrumb-block {
  display: none;
}

.site-metacoaching header .header .header-right {
  display: none;
}
.site-metacoaching .sidebar .connect, .site-metacoaching .sidebar .formul {
  display: none !important;
}

/* categories colors */
.ctnrLoginInc {
  padding: 50px;
}

#loginInc {
  width: 500px;
  margin: auto;
  padding: 0;
}
#loginInc li {
  list-style: none !important;
}
#loginInc .input.mdp svg {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 17.7px;
  min-width: 20px;
  color: #7A8A9B;
  z-index: 999;
  cursor: pointer;
}
#loginInc .input.mdp svg.fa-eye {
  color: #546476 !important;
}
#loginInc .connexion-reseau {
  margin-bottom: 25px;
}
#loginInc .connexion-reseau .or-choice {
  position: relative;
  margin-bottom: 10px;
}
#loginInc .connexion-reseau .or-choice:after {
  width: 100%;
  height: 1px;
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  background-color: rgba(156, 173, 192, 0.3);
}
#loginInc .connexion-reseau .or-choice u {
  width: 156px;
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}
#loginInc .connexion-reseau ul {
  display: flex;
  margin: 0;
}
#loginInc .connexion-reseau ul li {
  width: 80px;
  height: 48px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(156, 173, 192, 0.3);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-right: 12px;
  list-style: none;
}
#loginInc .connexion-reseau ul li a {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#loginInc form {
  text-align: left;
}
#loginInc form.error span {
  display: none;
}
#loginInc form.error span.error {
  display: block;
  color: #FF0355;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
}
#loginInc .nav-tabs .nav-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}
#loginInc .nav-tabs ul {
  width: 100%;
  display: flex;
  margin: 0;
}
#loginInc .nav-tabs ul li {
  list-style: none;
}

.modal#MtcLoginModal .modal-dialog {
  max-width: 500px;
}
@media only screen and (max-width:650px) {
  .modal#MtcLoginModal .modal-dialog {
    max-width: 97%;
  }
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-header {
  padding: 16px 0 12px 0;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body li {
  list-style: none !important;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .input.mdp svg {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 17.7px;
  min-width: 20px;
  color: #7A8A9B;
  z-index: 999;
  cursor: pointer;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .input.mdp svg.fa-eye {
  color: #546476 !important;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau {
  margin-bottom: 25px;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau .or-choice {
  position: relative;
  margin-bottom: 10px;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau .or-choice:after {
  width: 100%;
  height: 1px;
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  background-color: rgba(156, 173, 192, 0.3);
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau .or-choice u {
  width: 156px;
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau ul {
  display: flex;
  margin: 0;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau ul li {
  width: 80px;
  height: 48px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(156, 173, 192, 0.3);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-right: 12px;
  list-style: none;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .connexion-reseau ul li a {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body form {
  text-align: left;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body form.error span {
  display: none;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body form.error span.error {
  display: block;
  color: #FF0355;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .nav-tabs .nav-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .nav-tabs ul {
  width: 100%;
  display: flex;
  margin: 0;
}
.modal#MtcLoginModal .modal-dialog .modal-content .modal-body .nav-tabs ul li {
  list-style: none;
}
.modal.modal-video .modal-dialog {
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  margin: 0 auto;
}
.modal.modal-video .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.modal.modal-video .modal-dialog .modal-content .modal-body {
  padding: 18px 12px;
}
.modal.modal-video .modal-dialog .modal-content .modal-body .dacast, .modal.modal-video .modal-dialog .modal-content .modal-body .field--name-field-media-oembed-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.modal.modal-video .modal-dialog .modal-content .modal-body .dacast iframe, .modal.modal-video .modal-dialog .modal-content .modal-body .field--name-field-media-oembed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.modal .modal-dialog {
  max-width: calc(768px - 2rem);
}
@media only screen and (max-width:650px) {
  .modal .modal-dialog {
    max-width: 97%;
    width: 97%;
  }
}
.modal .modal-dialog .modal-content {
  max-height: 94vh;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  box-shadow: 0px 7px 18px rgba(5, 15, 25, 0.3019607843);
  background-color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-header {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #7A8A9B;
  padding: 32px 0 24px 0;
}
.modal .modal-dialog .modal-content .modal-header p {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
}
.modal .modal-dialog .modal-content .modal-header button.close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 24px;
  right: 24px;
  background-color: #ffffff;
  color: #7A8A9B;
  opacity: 1;
  text-shadow: none;
  z-index: 999;
  padding: 0;
}
@media only screen and (max-width:480px) {
  .modal .modal-dialog .modal-content .modal-header button.close {
    top: 27px;
  }
}
.modal .modal-dialog .modal-content .modal-header button.close span {
  position: relative;
  background-color: #ffffff;
  font-size: 40px !important;
  font-size: 500 !important;
  z-index: 999;
}
.modal .modal-dialog .modal-content .modal-body {
  overflow: auto;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body ul, .modal .modal-dialog .modal-content .modal-body ol {
  margin-left: 1.2em;
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-content .modal-body ul {
  list-style-type: disc;
}
.modal .modal-dialog .modal-content .modal-body ol {
  list-style-type: decimal;
}
.modal .modal-dialog .modal-content .modal-body li {
  list-style-type: inherit;
  margin-bottom: 10px;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul {
  width: 100%;
  display: flex;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul li {
  position: relative;
  width: 50%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width:480px) {
  .modal .modal-dialog .modal-content .modal-body .nav-tabs ul li {
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a {
  width: 100%;
  height: 100%;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a.nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a.nav-item:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #7A8A9B;
}
.modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a.nav-item:hover:before, .modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a.nav-item:focus:before, .modal .modal-dialog .modal-content .modal-body .nav-tabs ul li a.nav-item.active:before {
  height: 4px;
  background-color: var(--primary-color, #2598ff);
}
.modal .modal-dialog .modal-content .modal-body .tab-pane {
  padding: 16px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div {
  margin-bottom: 16px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check form [type=checkbox]:not(:checked) + label:after, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check form [type=checkbox]:checked + label:after, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check form [type=checkbox]:not(:checked) + label:before, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check form [type=checkbox]:checked + label:before, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check .form [type=checkbox]:not(:checked) + label:after, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check .form [type=checkbox]:checked + label:after, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check .form [type=checkbox]:not(:checked) + label:before, .modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check .form [type=checkbox]:checked + label:before {
  left: 0;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check {
  margin-bottom: 32px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div.valid-check label {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  padding-left: 37px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div label {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 3px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form > div input {
  height: 48px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form .forget {
  text-align: right;
  margin-bottom: 16px;
  color: var(--primary-color, #2598ff);
  font-weight: 700;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane form button {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane .no-account {
  text-align: center;
  font-weight: 700;
  line-height: 20px;
}
.modal .modal-dialog .modal-content .modal-body .tab-pane .no-account a {
  display: inline-flex;
  color: var(--primary-color, #2598ff);
}
.modal .modal-dialog .modal-content .modal-body .tab-pane#infos-assureur p {
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 24px;
}
.modal .modal-dialog .modal-content .modal-body .buttons {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.modal .modal-dialog .modal-content .modal-body .buttons button.button-close {
  width: 155px;
  margin: 25px 0 0 0;
}
.modal.modal-perso .modal-footer a.button-close {
  color: #7A8A9B;
  font-weight: bold;
}

/* categories colors */
h1,
h2,
h3,
h4,
h5 {
  display: block;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 700;
}

h1,
.h1 {
  font-size: 52px;
  line-height: 61px;
}
@media only screen and (max-width:650px) {
  h1,
.h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

h2,
.h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width:650px) {
  h2,
.h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (max-width:380px) {
  h2,
.h2 {
    font-size: 27px;
    line-height: 31px;
  }
}

h3,
.h3 {
  font-size: 32px;
  line-height: 37px;
}
@media only screen and (max-width:650px) {
  h3,
.h3 {
    font-size: 26px;
    line-height: 28px;
  }
}
@media only screen and (max-width:650px) {
  h3,
.h3 {
    font-size: 23px;
    line-height: 24px;
  }
}

h4,
.h4 {
  font-size: 24px;
}
@media only screen and (max-width:650px) {
  h4,
.h4 {
    font-size: 20px;
  }
}

h5,
.h5 {
  font-size: 18px;
}
@media only screen and (max-width:650px) {
  h5,
.h5 {
    font-size: 18px;
  }
}

.chapeau {
  font-size: 20px;
  line-height: 28px;
}

.intro-paragraphe {
  font-size: 16px;
  line-height: 20px;
}

.corps-big {
  font-size: 20px;
  line-height: 24px;
}

.legende {
  font-weight: 300;
}
.legende a {
  display: inline-block;
}

.text-center, .text-align-center {
  text-align: center;
}
.text-center .lien-fleche, .text-align-center .lien-fleche {
  display: block;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.color--primary {
  color: var(--primary-color, #2598ff);
}

@media only screen and (max-width:991px) {
  .text-align-left-mobile {
    text-align: left !important;
  }
}

@media only screen and (max-width:650px) {
  .text-align-left-xs {
    text-align: left !important;
  }
}

@media only screen and (max-width:991px) {
  .text-align-center-mobile {
    text-align: center !important;
  }
}

.bg-grey {
  background-color: rgba(188, 151, 133, 0.08);
}

.bg-blue {
  background-color: var(--primary-color, #2598ff);
  color: #ffffff;
}
.bg-blue a {
  color: #ffffff;
}

.bg-blue-light {
  background-color: var(--primary-color-transparent-1, #2598ff);
}

section {
  padding: 60px 0 60px 0;
}
@media only screen and (max-width:1199px) {
  section {
    padding: 55px 0 50px 0;
  }
}
@media only screen and (max-width:991px) {
  section {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width:380px) {
  section {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
section .title {
  margin-bottom: 50px;
}
@media only screen and (max-width:767px) {
  section .title {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width:380px) {
  section .title {
    margin-bottom: 28px;
  }
}
section .title h1 {
  margin-top: 0;
}

.lien-fleche {
  display: inline-block;
  color: var(--primary-color, #2598ff) !important;
  line-height: 19px;
  font-weight: 600;
}
.lien-fleche__center {
  justify-content: center;
}
.lien-fleche__right {
  justify-content: flex-end;
}
.lien-fleche:hover {
  color: var(--primary-color, #2598ff);
}
.lien-fleche span {
  margin-bottom: 0 !important;
}
.lien-fleche i {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

h2,
.h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width:650px) {
  h2,
.h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (max-width:380px) {
  h2,
.h2 {
    font-size: 27px;
    line-height: 31px;
  }
}
h2.filet-haut,
.h2.filet-haut {
  text-align: left !important;
  font-size: 36px;
  line-height: 42px;
  position: relative;
  margin-left: 0 !important;
}
h2.filet-haut:not(:first-child),
.h2.filet-haut:not(:first-child) {
  margin-top: 5rem !important;
}
@media only screen and (max-width:991px) {
  h2.filet-haut:not(:first-child),
.h2.filet-haut:not(:first-child) {
    margin-top: 3rem !important;
  }
}
@media only screen and (max-width:767px) {
  h2.filet-haut:not(:first-child),
.h2.filet-haut:not(:first-child) {
    margin-top: 2rem !important;
  }
}
@media only screen and (max-width:650px) {
  h2.filet-haut,
.h2.filet-haut {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (max-width:380px) {
  h2.filet-haut,
.h2.filet-haut {
    font-size: 27px;
    line-height: 31px;
  }
}
h2.filet-haut__bleu:before,
.h2.filet-haut__bleu:before {
  background: var(--primary-color, #2598ff);
}
h2.filet-haut__rouge:before,
.h2.filet-haut__rouge:before {
  background: #FF0355;
}
h2.filet-haut__rose:before,
.h2.filet-haut__rose:before {
  background: #D9048E;
}
h2.filet-haut__vert:before,
.h2.filet-haut__vert:before {
  background: #05C2AB;
}
h2.filet-haut:before,
.h2.filet-haut:before {
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  width: 65px;
  height: 4px;
}
h2.filet-bas,
.h2.filet-bas {
  text-align: left !important;
  font-size: 36px;
  line-height: 42px;
  position: relative;
  margin-left: 0 !important;
  margin-bottom: 3rem;
}
@media only screen and (max-width:650px) {
  h2.filet-bas,
.h2.filet-bas {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (max-width:380px) {
  h2.filet-bas,
.h2.filet-bas {
    font-size: 27px;
    line-height: 31px;
  }
}
h2.filet-bas__bleu:before,
.h2.filet-bas__bleu:before {
  background: var(--primary-color, #2598ff);
}
h2.filet-bas__rouge:before,
.h2.filet-bas__rouge:before {
  background: #FF0355;
}
h2.filet-bas__rose:before,
.h2.filet-bas__rose:before {
  background: #D9048E;
}
h2.filet-bas__vert:before,
.h2.filet-bas__vert:before {
  background: #05C2AB;
}
h2.filet-bas:before,
.h2.filet-bas:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 65px;
  height: 4px;
}

.h2-encadre {
  display: block;
  position: relative;
  margin: 2rem auto 2rem;
}
@media only screen and (max-width:991px) {
  .h2-encadre {
    margin: 1.5rem 1rem 1.5rem;
  }
}
.h2-encadre__bleu p {
  color: var(--primary-color, #2598ff);
}
@media only screen and (max-width:767px) {
  .h2-encadre__bleu p {
    border: 2px solid #2598ff;
  }
}
.h2-encadre__bleu span {
  border: 2px solid #2598ff;
}
@media only screen and (max-width:767px) {
  .h2-encadre__bleu span {
    border: none;
  }
}
.h2-encadre__bleu svg {
  stroke: var(--primary-color, #2598ff);
}
.h2-encadre__rouge p {
  color: #FF0355;
}
@media only screen and (max-width:767px) {
  .h2-encadre__rouge p {
    border: 2px solid #FF0355;
  }
}
.h2-encadre__rouge span {
  border: 2px solid #FF0355;
}
@media only screen and (max-width:767px) {
  .h2-encadre__rouge span {
    border: none;
  }
}
.h2-encadre__rouge svg {
  stroke: #FF0355;
}
.h2-encadre__rose p {
  color: #D9048E;
}
@media only screen and (max-width:767px) {
  .h2-encadre__rose p {
    border: 2px solid #D9048E;
  }
}
.h2-encadre__rose span {
  border: 2px solid #D9048E;
}
@media only screen and (max-width:767px) {
  .h2-encadre__rose span {
    border: none;
  }
}
.h2-encadre__rose svg {
  stroke: #D9048E;
}
.h2-encadre__vert p {
  color: #05C2AB;
}
@media only screen and (max-width:767px) {
  .h2-encadre__vert p {
    border: 2px solid #05C2AB;
  }
}
.h2-encadre__vert span {
  border: 2px solid #05C2AB;
}
@media only screen and (max-width:767px) {
  .h2-encadre__vert span {
    border: none;
  }
}
.h2-encadre__vert svg {
  stroke: #05C2AB;
}
.h2-encadre p {
  padding: 1.7rem 0;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
}
@media only screen and (max-width:767px) {
  .h2-encadre p {
    border-radius: 20px;
    padding: 0.8rem 1rem;
  }
}
.h2-encadre p span {
  border-radius: 20px;
  padding: 0.8rem 2rem;
}
@media only screen and (max-width:1199px) {
  .h2-encadre p span {
    padding: 0.8rem 2rem;
  }
}
@media only screen and (max-width:991px) {
  .h2-encadre p span {
    padding: 0.8rem 2rem;
  }
}
@media only screen and (max-width:767px) {
  .h2-encadre p span {
    padding: 0;
  }
}
@media only screen and (max-width:650px) {
  .h2-encadre p span {
    padding: 0;
  }
}
.h2-encadre svg {
  position: absolute;
  top: 0;
  fill: none;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width:767px) {
  .h2-encadre svg {
    display: none !important;
  }
}

/* categories colors */
.select-design {
  width: 100%;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #7A8A9B;
  margin-bottom: 32px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.select-design .form-group {
  margin-bottom: 0;
  height: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.select-design .form-group select.form-control {
  height: 100%;
  border: none;
}
.select-design form,
.select-design .form {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 100%;
}
.select-design form .select-hidden,
.select-design .form .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select-design form .select,
.select-design .form .select {
  width: 100%;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: left;
  background-color: #ffffff;
  padding-left: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.select-design form .select-options,
.select-design .form .select-options {
  position: relative;
  background-color: #ffffff;
  display: none;
  width: 100%;
  z-index: 999;
  border-top: none;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
}
.select-design form .select-options li,
.select-design .form .select-options li {
  height: 39px;
  line-height: 39px;
  padding-left: 5px;
  padding-right: 5px;
  color: #1D1D1B;
  background-color: #ffffff;
  z-index: 999;
}
.select-design form .select-options li:hover,
.select-design .form .select-options li:hover {
  background-color: var(--primary-color, #2598ff);
  color: #ffffff;
}
.select-design form .select-options li[rel~=hide],
.select-design .form .select-options li[rel~=hide] {
  display: none;
}
.select-design form .form-control,
.select-design form .select-styled,
.select-design .form .form-control,
.select-design .form .select-styled {
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 12px;
}
.select-design form .select-styled,
.select-design .form .select-styled {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media only screen and (max-width:650px) {
  .select-design form .select-styled,
.select-design .form .select-styled {
    font-size: 0.857em;
  }
}
.select-design form .select-styled:after, .select-design form .select-styled:before,
.select-design .form .select-styled:after,
.select-design .form .select-styled:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.select-design form .select-styled:after,
.select-design .form .select-styled:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 9px;
  top: 18px;
  right: 17px;
}
.select-design form .select-styled:before,
.select-design .form .select-styled:before {
  border-color: rgba(0, 40, 57, 0);
  border-top-color: #002839;
  border-width: 10px;
  right: 16px;
  top: 20px;
}
.select-design form .select-styled.active,
.select-design .form .select-styled.active {
  z-index: 999;
}
.select-design form .select-styled.active .select-options,
.select-design .form .select-styled.active .select-options {
  background-color: green !important;
}
.select-design form .select-styled.active:after, .select-design form .select-styled.active:before,
.select-design .form .select-styled.active:after,
.select-design .form .select-styled.active:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.select-design form .select-styled.active:after,
.select-design .form .select-styled.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  top: 12px;
  right: 19px;
}
.select-design form .select-styled.active:before,
.select-design .form .select-styled.active:before {
  border-color: rgba(0, 40, 57, 0);
  border-bottom-color: #002839;
  border-width: 10px;
  top: 6px;
}

/* categories colors */
.valid-check {
  position: relative;
}
.valid-check form,
.valid-check .form {
  height: 20px;
  margin: 0 0 15px 0;
}
.valid-check form [type=checkbox]:not(:checked),
.valid-check form [type=checkbox]:checked,
.valid-check .form [type=checkbox]:not(:checked),
.valid-check .form [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.valid-check form [type=checkbox]:not(:checked) + label,
.valid-check form [type=checkbox]:checked + label,
.valid-check .form [type=checkbox]:not(:checked) + label,
.valid-check .form [type=checkbox]:checked + label {
  width: 100%;
  height: 15px;
  position: relative;
  cursor: pointer;
  padding-left: 34px;
}
.valid-check form [type=checkbox]:not(:checked) + label:after,
.valid-check form [type=checkbox]:checked + label:after,
.valid-check form [type=checkbox]:not(:checked) + label:before,
.valid-check form [type=checkbox]:checked + label:before,
.valid-check .form [type=checkbox]:not(:checked) + label:after,
.valid-check .form [type=checkbox]:checked + label:after,
.valid-check .form [type=checkbox]:not(:checked) + label:before,
.valid-check .form [type=checkbox]:checked + label:before {
  position: absolute;
  content: "";
  top: calc(50% - 12px);
  top: -moz-calc(50% - 12px);
  top: -webkit-calc(50% - 12px);
  top: calc(50% - 12px);
  top: -moz-calc(50% - 12px);
  top: -webkit-calc(50% - 12px);
  left: 25px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width:650px) {
  .valid-check form [type=checkbox]:not(:checked) + label:after,
.valid-check form [type=checkbox]:checked + label:after,
.valid-check form [type=checkbox]:not(:checked) + label:before,
.valid-check form [type=checkbox]:checked + label:before,
.valid-check .form [type=checkbox]:not(:checked) + label:after,
.valid-check .form [type=checkbox]:checked + label:after,
.valid-check .form [type=checkbox]:not(:checked) + label:before,
.valid-check .form [type=checkbox]:checked + label:before {
    width: 24px;
    height: 24px;
  }
}
.valid-check form [type=checkbox]:not(:checked) + label:before,
.valid-check form [type=checkbox]:checked + label:before,
.valid-check .form [type=checkbox]:not(:checked) + label:before,
.valid-check .form [type=checkbox]:checked + label:before {
  border-width: 1px;
  border-style: solid;
  border-color: #7A8A9B;
  background: #ffffff;
}
.valid-check form [type=checkbox]:not(:checked) + label:hover::before,
.valid-check form [type=checkbox]:checked + label:hover::before,
.valid-check .form [type=checkbox]:not(:checked) + label:hover::before,
.valid-check .form [type=checkbox]:checked + label:hover::before {
  border: 2px solid #7A8A9B;
}
.valid-check form [type=checkbox]:not(:checked) + label:after,
.valid-check form [type=checkbox]:checked + label:after,
.valid-check .form [type=checkbox]:not(:checked) + label:after,
.valid-check .form [type=checkbox]:checked + label:after {
  text-align: center;
  padding-top: 0;
  content: "✓";
  font-size: 20px;
  color: #ffffff;
  background-color: var(--primary-color, #2598ff);
  border: 1px solid var(--primary-color, #2598ff);
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.valid-check form [type=checkbox]:not(:checked) + label:after,
.valid-check .form [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.valid-check form [type=checkbox]:checked + label:after,
.valid-check .form [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.block-system-main-block .valid-check form .question-block [type=checkbox] + label::before, .block-system-main-block .valid-check form .question-block [type=checkbox] + label::after,
.block-system-main-block .valid-check .form .question-block [type=checkbox] + label::before,
.block-system-main-block .valid-check .form .question-block [type=checkbox] + label::after {
  left: 0;
}

/* categories colors */
/* caterories colors */
/**
 * Helper mixins
*/
.input, .input-multiple {
  position: relative;
}
.input.input-multiple input[type=radio], .input-multiple.input-multiple input[type=radio] {
  margin-right: 5px;
}
.input.error .error-message .popover, .input-multiple.error .error-message .popover {
  display: flex;
  -webkit-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  -moz-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  -ms-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
.input.error input, .input-multiple.error input {
  border-color: #FF0355;
}
.input .select, .input-multiple .select {
  position: relative;
  background: white;
  border-radius: 12px;
}
.input .select:before, .input-multiple .select:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 18 13" enable-background="new 0 0 18 13" xml:space="preserve" height="13px" width="18px" fill="rgb(0,0,0,1)" ><g><path d="M15.885 0.942505L9 7.89595L2.115 0.942505L0 3.08319L9 12.1925L18 3.08319L15.885 0.942505Z"/></g></svg>');
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 13px;
  z-index: 1;
}
.input .select select, .input-multiple .select select {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 25px 0 20px;
  background: none;
  border: 2px solid #bfc9d5;
  border-radius: 12px;
  font-size: 16px;
  transition: all 0.25s;
  appearance: none;
  outline: none;
  cursor: pointer;
}
.input .select select select::-ms-expand, .input-multiple .select select select::-ms-expand {
  display: none;
}
.input .select select:focus, .input-multiple .select select:focus {
  border-color: #2598FF;
}
.input .select select.error, .input-multiple .select select.error {
  border-color: #ff0255;
}
.input input, .input-multiple input {
  height: 48px;
  /* no -> width: auto; */
  margin-right: 16px;
  border: 2px solid #BFC9D5;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 500;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width:380px) {
  .input input, .input-multiple input {
    font-size: 14px;
  }
}
.input input:hover, .input input:focus, .input-multiple input:hover, .input-multiple input:focus {
  border-color: var(--primary-color, #2598FF);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: none;
}
.input input.error, .input-multiple input.error {
  border-color: #FF0355 !important;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.input .error-message, .input-multiple .error-message {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 150px);
  left: -moz-calc(50% - 150px);
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  left: -moz-calc(50% - 150px);
  left: -webkit-calc(50% - 150px);
  width: 406px;
}
.input .error-message .popover, .input-multiple .error-message .popover {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  line-height: 19px;
  color: #22242E;
  padding: 15px 24px 15px 16px;
  border: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  z-index: 4;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
}
.input .error-message .popover svg, .input-multiple .error-message .popover svg {
  min-width: 18px;
  margin: 0 8px 0 0;
}
.input .error-message .popover i, .input-multiple .error-message .popover i {
  font-style: normal;
}
.input .error-message .popover:after, .input-multiple .error-message .popover:after {
  width: 25px;
  height: 15px;
  position: absolute;
  content: "";
  top: -15px;
  left: calc(50% - 12.5px);
  left: -moz-calc(50% - 12.5px);
  left: -webkit-calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  left: -moz-calc(50% - 12.5px);
  left: -webkit-calc(50% - 12.5px);
  background: url(../image/picto/arrow-error.png) center no-repeat;
}
.input sup, .input-multiple sup {
  font-size: 1rem;
  top: -0.2em;
}
.input textarea, .input-multiple textarea {
  width: 100%;
  min-height: 120px;
  padding: 10px 20px;
  background: #ffffff;
  border: 2px solid #bfc9d5;
  border-radius: 12px;
  font-size: 16px;
  transition: all 0.25s;
  resize: none;
}
.input textarea:focus, .input-multiple textarea:focus {
  border-color: #2598FF;
}
.input textarea.error, .input-multiple textarea.error {
  border-color: #FF0355;
}
.input input[type=radio], .input-multiple input[type=radio] {
  position: relative;
  appearance: none;
  width: 24px;
  height: 27px;
  border: 2px solid #9cadc0;
  border-radius: 24px;
  transition: all 0.2s;
  cursor: pointer;
}
.input input[type=radio]:after, .input-multiple input[type=radio]:after {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  content: "\e811";
  font-family: "metacoaching-icons";
  color: #ffffff;
  font-size: 16px;
  opacity: 0;
  transition: all 0.2s;
}
.input input[type=radio]:checked, .input-multiple input[type=radio]:checked {
  background: #2598FF;
  border-color: #2598FF;
}
.input input[type=radio]:checked:after, .input-multiple input[type=radio]:checked:after {
  opacity: 1;
}
.input .input-radio label, .input-multiple .input-radio label {
  font-weight: 100 !important;
}
.input .input-radio-fonce, .input-multiple .input-radio-fonce {
  border: 1px solid red;
  display: flex;
}
.input .input-radio-fonce input[type=radio], .input-multiple .input-radio-fonce input[type=radio] {
  border: 2px solid #fff !important;
}
.input .input-radio-fonce input[type=radio]:checked, .input-multiple .input-radio-fonce input[type=radio]:checked {
  background: #fff;
  border-color: #fff;
}
.input .input-radio-fonce input[type=radio]:checked::after, .input-multiple .input-radio-fonce input[type=radio]:checked::after {
  color: #2598ff;
}
.input .input-checkbox label, .input-multiple .input-checkbox label {
  font-weight: 100 !important;
}
.input input[type=checkbox], .input-multiple input[type=checkbox] {
  position: relative;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #9cadc0;
  border-radius: 3px;
  transition: all 0.2s;
  cursor: pointer;
}
.input input[type=checkbox]:after, .input-multiple input[type=checkbox]:after {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  content: "\e811";
  font-family: "metacoaching-icons";
  color: #ffffff;
  font-size: 16px;
  opacity: 0;
  transition: all 0.2s;
}
.input input[type=checkbox]:checked, .input-multiple input[type=checkbox]:checked {
  background: #2598FF;
  border-color: #2598FF;
}
.input input[type=checkbox]:checked:after, .input-multiple input[type=checkbox]:checked:after {
  opacity: 1;
}

input::-ms-reveal,
input::-ms-clear,
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none !important;
}

.line-input {
  margin: 25px 0;
}

.line-input-small {
  margin: 20px 0;
}

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

.input-multiple {
  display: flex;
}
.input-multiple .input {
  margin: 0 10px;
}
.input-multiple .input:first-child {
  margin-left: 0;
}
.input-multiple .input:last-child {
  margin-right: 0;
}

.input-label-inline {
  display: flex;
  align-items: center;
}
.input-label-inline input {
  margin-right: 10px;
}
.input-label-inline > div {
  width: calc(100% - 34px);
}
.input-label-inline label {
  cursor: pointer;
  margin: 0;
  font-weight: 500;
  width: calc(100% - 34px);
}
.input-label-inline--no-center {
  align-items: flex-start;
}

.input-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media only screen and (max-width:991px) {
  .node-blog-post-edit-form input.form-submit, .node-blog-post-edit-form a.button--danger {
    width: 100%;
  }
  .node-blog-post-edit-form a.button--danger {
    margin: 6px auto;
  }
}

.cke_chrome, .cke {
  border-radius: 10px !important;
  border: 1px solid #d1d1d1 !important;
  border-width: thin;
}

.cke_top {
  border-radius: 10px 10px 0px 0px;
}

.cke_bottom {
  border-radius: 0px 0px 10px 10px;
}

.form-item-body-0-value .field-edit-link {
  display: none;
}

.ckeditor-accordion-container > dl p {
  margin-top: 10px;
}
.ckeditor-accordion-container > dl dt > a {
  background-color: #f5f4f0 !important;
  color: var(--primary-color) !important;
  border-bottom: 1px solid #d8d4c2 !important;
  font-size: 16px !important;
  font-weight: 500;
  display: block !important;
  text-decoration: none !important;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: inline-block;
  position: absolute;
  padding: 0 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: calc(50% - 1px);
  left: 11px;
  box-sizing: border-box;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  background: var(--primary-color) !important;
}
.ckeditor-accordion-container > dl dt.active a {
  background-color: #efede6;
  font-weight: 600;
  text-decoration: none;
}
.ckeditor-accordion-container > dl dt.active a:hover {
  background-color: #efede6;
  font-weight: 600;
  text-decoration: none;
}
.ckeditor-accordion-container > dl .ckeditor-accordion-container > dl dt > a {
  background-color: #efede6;
  font-weight: 600;
  text-decoration: none;
}

.user-register-form {
  background: #FFF;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  z-index: 3;
  margin: 45px;
  padding: 45px;
}
@media only screen and (max-width:991px) {
  .user-register-form .checkbox.valid-check .check-box .form {
    height: auto;
    display: block;
  }
}
.user-register-form .checkbox.valid-check .check-box .form label {
  width: 100%;
  height: 15px;
  position: relative;
  cursor: pointer;
  padding-left: 60px;
}
@media only screen and (max-width:991px) {
  .user-register-form .checkbox.valid-check .check-box .form label {
    height: auto;
    display: block;
  }
}
.user-register-form .form-item-cga a {
  text-decoration: underline;
}
.user-register-form .h2 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 30px;
}
.user-register-form .form-required:after {
  mask-image: url(/core/misc/icons/ee0000/required.svg);
  mask-repeat: no-repeat;
  mask-size: 6px;
  mask-position: center;
  -webkit-mask-image: url(/core/misc/icons/ee0000/required.svg);
  -webkit-mask-size: 6px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background: var(--primary-color, #2598FF);
}
@media only screen and (max-width:991px) {
  .user-register-form .form-submit {
    display: flex;
    margin: 0 auto;
  }
}

.message-form .chosen-container-multi .chosen-choices {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.webform-contact .max-width {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width:991px) {
  .webform-contact .max-width {
    flex-direction: column;
  }
}
.webform-contact .max-width .left, .webform-contact .max-width .right {
  flex: 50%;
  padding: 15px;
}
@media only screen and (max-width:991px) {
  .webform-contact .max-width .left, .webform-contact .max-width .right {
    flex: 100%;
  }
}

/* categories colors */
.wrap-breadcrumb-social-media, .breadcrumb-wrapper {
  max-width: 1170px;
  margin: 0 auto 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width:991px) {
  .wrap-breadcrumb-social-media, .breadcrumb-wrapper {
    flex-direction: column;
  }
}
.wrap-breadcrumb-social-media .breadcrumb, .breadcrumb-wrapper .breadcrumb {
  padding: 0;
  background-color: transparent;
  margin-bottom: 0;
}
.wrap-breadcrumb-social-media .breadcrumb.breadcrumb-desktop-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-desktop-only {
  display: none;
}
@media only screen and (max-width:991px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-desktop-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-desktop-only {
    display: flex !important;
  }
}
@media only screen and (max-width:767px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-desktop-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-desktop-only {
    display: initial;
  }
}
.wrap-breadcrumb-social-media .breadcrumb.breadcrumb-tablet-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-tablet-only {
  display: none;
}
@media only screen and (max-width:767px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-tablet-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-tablet-only {
    display: flex !important;
  }
}
@media only screen and (max-width:650px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-tablet-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-tablet-only {
    display: initial;
  }
}
.wrap-breadcrumb-social-media .breadcrumb.breadcrumb-mobile-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-mobile-only {
  display: none;
}
@media only screen and (max-width:767px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-mobile-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-mobile-only {
    display: initial;
  }
}
@media only screen and (max-width:650px) {
  .wrap-breadcrumb-social-media .breadcrumb.breadcrumb-mobile-only, .breadcrumb-wrapper .breadcrumb.breadcrumb-mobile-only {
    display: flex !important;
  }
}
.wrap-breadcrumb-social-media .breadcrumb li, .breadcrumb-wrapper .breadcrumb li {
  display: flex;
}
.wrap-breadcrumb-social-media .breadcrumb li:before, .breadcrumb-wrapper .breadcrumb li:before {
  content: "/";
  margin: 0 0.3rem;
  font-size: 12px;
}
.wrap-breadcrumb-social-media .breadcrumb li:first-child:before, .breadcrumb-wrapper .breadcrumb li:first-child:before {
  content: "";
}
.wrap-breadcrumb-social-media .breadcrumb li a, .breadcrumb-wrapper .breadcrumb li a {
  font-size: 14px;
  color: #1D1D1B;
  transition: all 0.2s;
}
.wrap-breadcrumb-social-media .breadcrumb li a:hover, .breadcrumb-wrapper .breadcrumb li a:hover {
  color: var(--primary-color, #2598ff);
}
.wrap-breadcrumb-social-media .social-media, .breadcrumb-wrapper .social-media {
  display: flex;
}
.wrap-breadcrumb-social-media .social-media .print, .breadcrumb-wrapper .social-media .print {
  display: none;
}
.wrap-breadcrumb-social-media .social-media .a2a_kit, .breadcrumb-wrapper .social-media .a2a_kit {
  display: flex;
  justify-content: center;
}
.wrap-breadcrumb-social-media .social-media .a2a_kit a, .breadcrumb-wrapper .social-media .a2a_kit a {
  background: var(--primary-color-light);
  border-radius: 1.5rem;
  padding: 0.4rem;
  margin: 0 0.5rem;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap-breadcrumb-social-media .social-media .a2a_kit a:hover, .breadcrumb-wrapper .social-media .a2a_kit a:hover {
  background: var(--primary-color-light-darker);
}
.wrap-breadcrumb-social-media .social-media .a2a_kit a img, .breadcrumb-wrapper .social-media .a2a_kit a img {
  max-height: 17px;
  width: auto;
}
.wrap-breadcrumb-social-media .social-media .a2a_kit a .a2a_label, .breadcrumb-wrapper .social-media .a2a_kit a .a2a_label {
  display: none;
}
.wrap-breadcrumb-social-media .social-media a, .breadcrumb-wrapper .social-media a {
  width: 30px;
  height: 30px;
}
.wrap-breadcrumb-social-media .social-media a img, .breadcrumb-wrapper .social-media a img {
  max-height: 17px;
  width: auto;
}

.page-node-type-dossier .breadcrumb-wrapper .social-media, .page-node-type-dossier-recette .breadcrumb-wrapper .social-media, .page-node-type-blog-expert .breadcrumb-wrapper .social-media {
  display: none;
}

/* categories colors */
.klaro {
  line-height: 20px;
}
.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
  padding: 0px 20px 0px 20px !important;
  border-radius: 16px !important;
  font-size: 1em !important;
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background-color: var(--primary-color, #2598ff) !important;
}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
  color: var(--primary-color, #2598ff) !important;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: var(--primary-color, #2598ff) !important;
}
.klaro .cookie-modal .cm-modal .cm-footer {
  border-top-color: var(--kldark2, #b7b7b7) !important;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  display: none !important;
}
.klaro .cookie-modal .cm-modal .cm-header {
  border-bottom-color: var(--kldark2, #d7d7d7) !important;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm.cm-toggle-all {
  border-top-color: var(--kldark2, #d7d7d7) !important;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top-color: var(--kldark2, #d7d7d7) !important;
}
.klaro .cookie-modal .cm-modal .cm-btn.cm-btn-danger.cn-decline {
  background-color: #fafafa !important;
  text-decoration: underline !important;
  color: #22242e !important;
  font-weight: normal !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
  border-radius: var(--klborder-radius, 8px) !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  width: calc(44% - 0.4em) !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
  margin-top: 0.5em;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: var(--klborder-radius, 16px) !important;
  border: 1px solid var(--primary-color, #2598ff) !important;
  display: inline-block;
  flex-grow: initial !important;
  line-height: 60px !important;
  vertical-align: middle !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  justify-content: center !important;
  flex-wrap: initial !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cm-btn-success {
  width: calc(100% - 0.3em) !important;
}
.klaro .cookie-notice .cn-body img.consent-logo {
  max-width: 160px;
  position: absolute;
  top: 26px;
  right: 20px;
}
.klaro .cookie-notice .cn-body p.p1 {
  font-size: 1.6em !important;
  line-height: 1.8rem !important;
}
.klaro .cookie-notice .cn-body div.d2 {
  padding-top: 10px !important;
  font-weight: bold !important;
  padding-bottom: 10px !important;
}
.klaro .cookie-notice .cn-body .link-decline {
  position: absolute;
  top: 2px;
  right: 15px;
  text-decoration: underline;
  color: #22242e !important;
}
.klaro .cookie-notice .cm-btn.cm-btn-danger.cn-decline {
  visibility: hidden !important;
  display: none !important;
}

@media (min-width: 660px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    border-radius: 8px !important;
    border-radius: var(--klborder-radius, 8px) !important;
  }
}
@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    top: auto !important;
    bottom: 20px !important;
    right: auto !important;
    width: 450px !important;
  }
}
@media (max-width: 384px) {
  .klaro .cookie-notice .cn-body img.consent-logo {
    display: none !important;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: calc(100% - 0.4em) !important;
  }
  .klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
    font-size: 0.9em !important;
  }
}
/* categories colors */
section ul.with-picto li {
  display: flex;
  margin-bottom: 25px;
  font-weight: 600;
}
@media only screen and (max-width:767px) {
  section ul.with-picto li {
    margin-bottom: 16px;
  }
}
section ul.with-picto li svg {
  min-width: 22px;
  margin-right: 16px;
}
section.type-article .max-width {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width:1199px) {
  section.type-article .max-width {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:991px) {
  section.type-article .max-width {
    display: block;
  }
}
section.type-article .max-width .txt {
  width: 474px;
  min-width: 474px;
  margin-left: 100px;
}
@media only screen and (max-width:1199px) {
  section.type-article .max-width .txt {
    margin-left: 0;
  }
}
@media only screen and (max-width:991px) {
  section.type-article .max-width .txt {
    width: 100%;
    min-width: 100%;
    margin-bottom: 0;
  }
}
section.type-article .max-width .txt h2 {
  margin-bottom: 27px;
}
@media only screen and (max-width:767px) {
  section.type-article .max-width .txt h2 {
    margin-bottom: 16px;
  }
}
section.type-article .max-width .txt p {
  margin-bottom: 25px;
}
@media only screen and (max-width:991px) {
  section.type-article .max-width .community-contener {
    margin: 12px auto;
  }
  section.type-article .max-width .community-contener a.button {
    margin: 0 auto;
    width: 297px;
    display: flex;
  }
  section.type-article .max-width .community-contener div {
    margin: 0 auto;
  }
}

section.type-article.block-community-cta-block .max-width {
  justify-content: normal;
}
section.type-article.block-community-cta-block .max-width .txt {
  width: 570px;
  min-width: 570px;
  margin-left: 0;
}
@media only screen and (max-width:991px) {
  section.type-article.block-community-cta-block .max-width .txt {
    width: auto;
    min-width: auto;
  }
}
section.type-article.block-community-cta-block .max-width .community-contener {
  margin-left: 10rem;
}
@media only screen and (max-width:991px) {
  section.type-article.block-community-cta-block .max-width .community-contener {
    margin: 15px auto;
  }
}

/* categories colors */
.block-views-blockfrontpage-blocks-block-6 h2 {
  display: none;
}

.container-arguments-programme {
  background-color: var(--primary-color, #2598ff);
}
.container-arguments-programme .arguments-programme {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
@media only screen and (max-width:991px) {
  .container-arguments-programme .arguments-programme {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1.5rem;
  }
}
.container-arguments-programme .arguments-programme li {
  width: 200px;
  position: relative;
  margin-left: 29px;
  margin-right: 29px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width:991px) {
  .container-arguments-programme .arguments-programme li {
    width: calc(50% - 58px);
    width: -moz-calc(50% - 58px);
    width: -webkit-calc(50% - 58px);
    width: calc(50% - 58px);
    width: -moz-calc(50% - 58px);
    width: -webkit-calc(50% - 58px);
    margin-bottom: 25px;
  }
}
@media only screen and (max-width:480px) {
  .container-arguments-programme .arguments-programme li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.container-arguments-programme .arguments-programme li svg,
.container-arguments-programme .arguments-programme li img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-height: 60px;
  width: auto;
}
@media only screen and (max-width:991px) {
  .container-arguments-programme .arguments-programme li svg,
.container-arguments-programme .arguments-programme li img {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width:480px) {
  .container-arguments-programme .arguments-programme li svg,
.container-arguments-programme .arguments-programme li img {
    min-width: 40px;
    width: 40px;
    height: auto;
    margin: 0 24px 0 0;
  }
}
.container-arguments-programme .arguments-programme li a {
  display: inline-block;
  color: #ffffff;
}

/* categories colors */
@media only screen and (max-width:1199px) {
  .formul .max-width {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.formul .max-width .formul-contener {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (max-width:650px) {
  .formul .max-width .formul-contener {
    display: block;
  }
}
.formul .max-width .formul-contener form {
  height: auto;
}
.formul .max-width .formul-contener form .formula {
  height: 100%;
}
.formul .max-width #partenaire-logo-offers {
  display: flex;
  justify-content: center;
}
.formul .max-width #partenaire-logo-offers img {
  width: 200px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 10px;
}
.formul .max-width #partenaire-label-offers {
  font-size: 24px;
  width: 40%;
  margin: 0 auto;
  line-height: 31px;
  font-weight: 600;
}
@media only screen and (max-width:650px) {
  .formul .max-width #partenaire-label-offers {
    width: 90%;
    margin: unset;
  }
}
.formul .max-width .asterisque {
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
@media only screen and (max-width:991px) {
  .formul .max-width .asterisque {
    width: 100%;
  }
}
.formul .max-width .asterisque a {
  display: inline;
}
@media only screen and (max-width:991px) {
  .formul .max-width .title.text-center {
    text-align: left !important;
  }
}

.formula {
  color: #22242e;
  position: relative;
  overflow: hidden;
  width: 369px;
  padding: 90px 30px 30px 30px;
  background: #fff;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.formula.premium::before {
  background-image: url(../image/offres/populaire.svg);
  background-repeat: no-repeat;
  background-position: 42px 60px;
}
.formula.recommended::before {
  background-image: url(../image/offres/recommande.svg);
  background-repeat: no-repeat;
  background-position: 40px 70px;
}
.formula::before {
  position: absolute;
  content: "";
  width: 210px;
  height: 140px;
  border-radius: 0 0 80px 140px;
  background-color: #ff7e57;
  top: -50px;
  right: -20px;
  z-index: 1;
}
.formula .formula-title h4 {
  color: #FF7E57;
}
.formula.standard::before {
  background-color: #599DAD;
}
.formula.standard .formula-title h4 {
  color: #599DAD;
}
@media only screen and (max-width:767px) {
  .formula {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (max-width:650px) {
  .formula {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.formula .entete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: var(--primary-color, #2598ff);
  color: #ffffff;
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width:320px) {
  .formula .entete {
    font-size: 12px;
  }
}
.formula .entete p {
  margin-left: 10px;
  margin-right: 10px;
}
.formula .entete svg {
  width: 16px;
  min-width: 16px;
}
.formula .formula-description {
  background-color: #ffffff;
}
.formula .formula-description u {
  text-decoration: line-through;
}
.formula .formula-description .formula-title {
  text-align: left;
  margin-bottom: 5px;
}
.formula .formula-description .formula-title h4 {
  margin-bottom: 4px;
  font-size: 25px;
  font-weight: 800;
  line-height: 25px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
}
.formula .formula-description .formula-title h4 span.index {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
}
.formula .formula-description .formula-title p {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
}
.formula .formula-description .price {
  padding-top: 36px;
}
.formula .formula-description .price span {
  display: inline-block;
  font-size: 70px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  color: #22242E;
}
@media only screen and (max-width:991px) {
  .formula .formula-description .price span {
    font-size: 40px;
  }
}
.formula .formula-description .price sup {
  top: 0;
  font-size: 100%;
}
.formula .formula-description .price u {
  display: inline-block;
  font-size: 30px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  color: #7A8A9B;
}
@media only screen and (max-width:991px) {
  .formula .formula-description .price u {
    font-size: 21px;
  }
}
.formula .formula-description .price i {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  display: block;
  padding-top: 20px;
  color: #22242E;
}
.formula .formula-description .price .promo-texte {
  color: #ff0255;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.formula .formula-description .inclus {
  margin-top: 45px;
  padding-bottom: 12px;
  display: inline-block;
}
.formula .formula-description ul.checks li {
  display: flex;
  margin-bottom: 12px;
}
.formula .formula-description ul.checks li p {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
  text-align: left;
  margin-left: 18px;
}
.formula .formula-description ul.checks li svg {
  height: 15px;
  width: auto;
}
.formula .formula-description button {
  width: 100%;
  margin-top: 8px;
}
@media only screen and (max-width:767px) {
  .formula .formula-description button {
    padding-left: 0;
    padding-right: 0;
  }
}

@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
}
.toutes-les-offres {
  border-top: 8px solid var(--primary-color-hovered);
}

.devis-list-offers .asterisque {
  position: relative;
}

.toutes-les-offres .offres-contener, .devis-list-offers .offres-contener {
  position: relative;
}
.toutes-les-offres .offres-contener .leaf, .devis-list-offers .offres-contener .leaf {
  position: absolute;
  z-index: 0;
}
.toutes-les-offres .offres-contener .leaf.left, .devis-list-offers .offres-contener .leaf.left {
  left: 0;
  bottom: -120px;
}
.toutes-les-offres .offres-contener .leaf.right, .devis-list-offers .offres-contener .leaf.right {
  right: 0;
  top: -120px;
}
.toutes-les-offres .discountHeader, .toutes-les-offres .discountCode, .toutes-les-offres .offer-switcher, .toutes-les-offres .formula, .toutes-les-offres .bon-a-savoir, .devis-list-offers .discountHeader, .devis-list-offers .discountCode, .devis-list-offers .offer-switcher, .devis-list-offers .formula, .devis-list-offers .bon-a-savoir {
  position: relative;
  z-index: 1;
}
.toutes-les-offres .formula, .devis-list-offers .formula {
  display: none;
}
.toutes-les-offres .formula.active, .devis-list-offers .formula.active {
  display: block;
}
.toutes-les-offres .bon-a-savoir, .devis-list-offers .bon-a-savoir {
  background: #fff;
  width: 769px;
  margin: 0 auto;
  padding: 15px;
  border-radius: 12px;
  color: #22242E;
}
.toutes-les-offres .bon-a-savoir a, .devis-list-offers .bon-a-savoir a {
  color: var(--primary-color);
}
@media only screen and (max-width:991px) {
  .toutes-les-offres .bon-a-savoir, .devis-list-offers .bon-a-savoir {
    width: auto;
  }
}
.toutes-les-offres .bon-a-savoir h4, .devis-list-offers .bon-a-savoir h4 {
  color: #FF0255;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  padding-left: 27px;
}
.toutes-les-offres .bon-a-savoir h4::before, .devis-list-offers .bon-a-savoir h4::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../image/offres/bon-a-savoir.svg);
  position: absolute;
  left: 0;
}

.block-pages-offers-block {
  margin: 12px auto;
}
.block-pages-offers-block .formula.premium::before {
  background-position: 65px 84px;
  background-size: 50%;
}
.block-pages-offers-block section.formul {
  margin: 0 auto;
}
.block-pages-offers-block h2, .block-pages-offers-block h3 {
  color: #fff;
  margin-bottom: 30px;
}
@media only screen and (max-width:991px) {
  .block-pages-offers-block h2, .block-pages-offers-block h3 {
    font-size: 27px;
    margin-bottom: 0;
    text-align: center;
  }
}
.block-pages-offers-block .wrapper-bloc-offres {
  display: flex;
  padding: 2rem 3rem !important;
  border-radius: 16px;
  background: var(--primary-color);
  position: relative;
  overflow: hidden;
}
.block-pages-offers-block .wrapper-bloc-offres .formula {
  width: 221px;
  padding: 70px 30px 30px 30px;
}
.block-pages-offers-block .wrapper-bloc-offres .formula::before {
  top: -80px;
}
.block-pages-offers-block .wrapper-bloc-offres .formula .price {
  padding-top: 12px;
}
.block-pages-offers-block .wrapper-bloc-offres .formula .price span {
  font-size: 45px;
}
@media only screen and (max-width:991px) {
  .block-pages-offers-block .wrapper-bloc-offres {
    flex-direction: column;
    position: relative;
    padding: 1.5rem 0.75rem 90px !important;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formula .price span {
    font-size: 40px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .button {
    width: 80%;
    display: flex;
    text-align: center;
    padding: 3px 30px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 10%;
  }
  .block-pages-offers-block .wrapper-bloc-offres .button span {
    display: inline-block;
    text-align: center;
    white-space: break-spaces;
    width: 200px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .button span.one-line {
    text-align: center;
    line-height: 45px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .button svg {
    position: absolute;
    right: 30px;
    top: 20px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .button picture.picto-apres {
    bottom: -90px;
    right: -12px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener .formula {
    width: 50%;
    padding: 50px 30px 20px 30px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener .formula::before {
    width: 160px;
    height: 130px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener .formula.premium::before {
    background-position: 50px 84px;
    background-size: 50%;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener .premium {
    margin-right: 6px;
  }
  .block-pages-offers-block .wrapper-bloc-offres .formul-contener .standard {
    margin-left: 6px;
  }
  .block-pages-offers-block .wrapper-bloc-offres picture.picto-avant {
    display: none;
  }
  .block-pages-offers-block .wrapper-bloc-offres picture.picto-apres {
    display: none;
    bottom: -90px;
  }
}
.block-pages-offers-block .wrapper-bloc-offres picture {
  position: absolute;
  z-index: 0;
}
.block-pages-offers-block .wrapper-bloc-offres picture.picto-avant {
  top: -90px;
  left: -12px;
}
.block-pages-offers-block .wrapper-bloc-offres picture.picto-apres {
  top: -90px;
  right: -12px;
}
.block-pages-offers-block .wrapper-bloc-offres picture svg {
  width: 100%;
  height: auto;
}
.block-pages-offers-block .wrapper-bloc-offres .title, .block-pages-offers-block .wrapper-bloc-offres .formul-contener {
  z-index: 1;
}

.list-articles h2 {
  font-size: 30px;
  line-height: normal;
}

.block-homepage-offers-block h2 {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width:991px) {
  .block-homepage-offers-block h2 {
    text-align: center;
  }
}
.block-homepage-offers-block .offres-contener {
  position: relative;
}
.block-homepage-offers-block .offres-contener .leaf {
  position: absolute;
  z-index: 0;
}
.block-homepage-offers-block .offres-contener .leaf.left {
  left: 0;
  bottom: -120px;
}
.block-homepage-offers-block .offres-contener .leaf.right {
  right: 0;
  top: -120px;
}
@media only screen and (max-width:991px) {
  .block-homepage-offers-block form {
    margin: 0 auto;
  }
}
.block-homepage-offers-block .bon-a-savoir {
  background: #fff;
  width: 769px;
  margin: 30px auto;
  padding: 15px;
  border-radius: 12px;
  color: #22242E;
  position: relative;
  z-index: 1;
}
.block-homepage-offers-block .bon-a-savoir a {
  color: var(--primary-color);
}
@media only screen and (max-width:991px) {
  .block-homepage-offers-block .bon-a-savoir {
    width: auto;
  }
}
.block-homepage-offers-block .bon-a-savoir h4 {
  color: #FF0255;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  padding-left: 27px;
}
.block-homepage-offers-block .bon-a-savoir h4::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../image/offres/bon-a-savoir.svg);
  position: absolute;
  left: 0;
}

/* categories colors */
.help {
  background-color: var(--primary-color-transparent-1, #2598ff);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-bottom: 32px;
  padding: 24px 34px;
  color: var(--primary-color, #2598ff);
  text-align: center;
  position: relative;
}
.help > p {
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin-bottom: 8px;
}
.help span {
  display: block;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 16px;
}
.help div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.help div strong {
  display: block;
  font-size: 26px;
  line-height: 30px;
  margin-left: 8px;
  color: var(--primary-color, #2598ff);
}
.help div svg g {
  fill: var(--primary-color, #2598ff);
}
.help i {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.help i div {
  margin-bottom: 0;
}
.help i div p {
  margin-bottom: 0;
}

.webform-section-wrapper .help div strong {
  font-size: 20px;
  line-height: 21px;
}

.help-bottom {
  background-color: var(--primary-color, #2598ff);
  color: #ffffff;
  margin-bottom: 0;
  border-radius: inherit;
}
.help-bottom .title {
  margin: 0;
}
.help-bottom .title h2 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 28px;
}
.help-bottom .title .subtitle {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 30px;
}
.help-bottom .title span {
  display: block;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 16px;
}
.help-bottom .title .phone {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  margin-bottom: 26px;
}
@media only screen and (max-width:991px) {
  .help-bottom .title .phone {
    font-size: 18px;
    padding: 0 15px;
  }
}
.help-bottom .title .phone strong {
  font-weight: bolder;
  color: #fff;
}
.help-bottom .title .phone svg {
  width: 1.5rem;
  margin-right: 8px;
}
@media only screen and (max-width:991px) {
  .help-bottom .title .phone svg {
    width: 1.8rem;
    margin: 0;
  }
}
.help-bottom .title .phone svg g {
  fill: var(--primary-color, #2598ff);
}
.help-bottom .title i {
  display: block;
  font-style: normal;
  line-height: 20px;
}

/* categories colors */
section.avis br {
  display: none;
}
@media only screen and (max-width:1199px) {
  section.avis .max-width {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:650px) {
  section.avis .max-width .title.text-center {
    text-align: left !important;
  }
}
section.avis .max-width .avis-contener {
  margin-bottom: 64px;
}
@media only screen and (max-width:650px) {
  section.avis .max-width .avis-contener {
    margin-bottom: 40px;
  }
}
section.avis .max-width .avis-contener li .content-text {
  min-height: 15rem;
  display: block;
}
@media only screen and (max-width:650px) {
  section.avis .max-width .avis-contener li .content-text {
    min-height: 11rem;
  }
}
section.avis .max-width .avis-contener li p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 6px;
}
section.avis .max-width .avis-contener li span {
  display: block;
}
@media only screen and (max-width:1199px) {
  section.avis .max-width .avis-contener li span {
    height: 120px;
    overflow: hidden;
  }
}
@media only screen and (max-width:650px) {
  section.avis .max-width .avis-contener li span {
    height: inherit;
    margin-bottom: 10px;
  }
}
section.avis .max-width .avis-contener li a {
  text-decoration: underline;
  font-weight: 700;
  color: var(--primary-color, #2598ff);
  margin-bottom: 25px;
}
section.avis .max-width .avis-contener li a:hover, section.avis .max-width .avis-contener li a:focus {
  color: var(--primary-color-hovered, #1782E1);
}
@media only screen and (max-width:650px) {
  section.avis .max-width .avis-contener li a {
    margin-bottom: 15px;
  }
}
section.avis .max-width .avis-contener li div {
  display: flex;
  align-items: center;
}
section.avis .max-width .avis-contener li div figure {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
section.avis .max-width .avis-contener li div figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.avis .max-width .avis-contener li div p {
  font-weight: 600;
}
section.avis .max-width .avis-contener li div strong span {
  font-weight: 500;
}
section.avis .max-width .avis-contener .glide__bullets {
  width: 150px;
}
section.avis .max-width .avis-contener .glide__bullets button {
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #7A8A9B;
  border: none;
}
section.avis .max-width .avis-contener .glide__bullets button.glide__bullet--active {
  background-color: var(--primary-color, #2598ff);
}
section.avis .avis-notation {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width:650px) {
  section.avis .avis-notation {
    display: block;
    text-align: center;
  }
  section.avis .avis-notation .avis-verifie {
    margin: 0 auto 24px;
  }
  section.avis .avis-notation .avis-verifie > * {
    width: 100% !important;
  }
}
section.avis .avis-notation .button {
  margin-top: 30px;
}
section.avis .avis-notation strong {
  display: block;
  height: 55px;
  font-size: 48px;
}
@media only screen and (max-width:650px) {
  section.avis .avis-notation strong {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 25px;
  }
}
section.avis .avis-notation div > div > div > div {
  height: 0 !important;
}
section.avis .avis-notation div p {
  font-weight: 700;
  margin-top: 5px;
  line-height: 26px;
  margin-bottom: 24px;
}
@media only screen and (max-width:650px) {
  section.avis .avis-notation div img {
    margin-left: auto;
    margin-right: auto;
  }
}

.program-theravitalia section.avis .avis-notation {
  display: none;
}

/* categories colors */
.fonction-question {
  color: #ffffff;
}
.fonction-question .max-width {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 56px 48px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media only screen and (max-width:1199px) {
  .fonction-question .max-width {
    width: calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
    margin-left: 18px;
    margin-right: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width:991px) {
  .fonction-question .max-width {
    width: calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 32px 24px;
  }
  .fonction-question .max-width .button {
    margin: 0 auto;
  }
}
.fonction-question .max-width div {
  width: 552px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
}
@media only screen and (max-width:1199px) {
  .fonction-question .max-width div {
    width: 470px;
    margin-right: 40px;
  }
}
@media only screen and (max-width:991px) {
  .fonction-question .max-width div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.fonction-question .max-width div h3 {
  margin-bottom: 18px;
}
.fonction-question.no-cta .max-width div {
  width: auto;
}

/* categories colors */
.glide__bullets {
  display: none;
  width: 280px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
}
.glide__bullets button {
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #7A8A9B;
  border: none;
}
.glide__bullets button.glide__bullet--active {
  background-color: var(--primary-color, #2598ff);
}
@media only screen and (max-width:650px) {
  .glide__bullets {
    display: flex;
  }
}

.glide-control {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.glide-control button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.glide-control button:hover svg, .glide-control button:focus svg {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: var(--primary-color-hovered, #1782E1);
  opacity: 1;
}
.glide-control button svg {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-width: 28px;
  color: var(--primary-color, #2598ff);
  opacity: 1;
  margin: 0;
}

.glide__bullets {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -42px;
}
.glide__bullets button.bullet-responsive {
  display: none;
}
@media only screen and (max-width:650px) {
  .glide__bullets button.bullet-responsive {
    display: inline-block;
  }
}

/* categories colors */
.partners {
  margin-top: -15px;
  margin-bottom: -50px;
}
@media only screen and (max-width:1199px) {
  .partners {
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 55px;
  }
}
@media only screen and (max-width:991px) {
  .partners {
    margin-top: 35px;
  }
}
@media only screen and (max-width:767px) {
  .partners {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.partners .slider {
  background: white;
  height: 126px;
  margin: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.partners .slider::before, .partners .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: auto;
  position: absolute;
  width: 50px;
  z-index: 2;
}
@media only screen and (max-width:767px) {
  .partners .slider::before, .partners .slider::after {
    width: 18px;
  }
}
.partners .slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.partners .slider::before {
  left: 0;
  top: 0;
}
.partners .slider .slide-track {
  display: flex;
  width: 100%;
}
.partners .slider .slide-track.animated {
  -webkit-animation: scroll 20s linear infinite;
  animation: scroll 20s linear infinite;
}
.partners .slider .slide {
  height: auto;
  width: auto;
  position: relative;
  margin: 0 9px;
}
.partners a {
  display: block;
}
.partners .views-field.views-field-edit-node {
  position: absolute;
  bottom: -12px;
}
.partners img {
  opacity: 1;
  filter: saturate(0%);
  height: 100px;
  width: auto;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.partners img:focus, .partners img:hover {
  filter: saturate(100%);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1500px);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1500px);
  }
}
.program-nutrition-linecoaching-com .partners .slider .slide {
  margin: 0 60px;
}

/* categories colors */
.intro-specialists {
  padding-bottom: 0;
  text-align: center;
}
.intro-specialists .max-width {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.intro-specialists .max-width .intro-txt .title {
  margin-bottom: 75px;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-txt .title {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width:380px) {
  .intro-specialists .max-width .intro-txt .title {
    margin-bottom: 35px;
  }
}
.intro-specialists .max-width .intro-txt .title h1 {
  margin-bottom: 26px;
}
.intro-specialists .max-width .intro-txt .title p {
  font-size: 20px;
  line-height: 30px;
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-txt .title p {
    width: 90%;
  }
}
@media only screen and (max-width:650px) {
  .intro-specialists .max-width .intro-txt .title p {
    font-size: 18px;
    line-height: 28px;
  }
}
.intro-specialists .max-width .nav-tabs {
  display: flex;
  justify-content: center;
  border: none;
}
.intro-specialists .max-width .nav-tabs ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.intro-specialists .max-width .nav-tabs ul li {
  width: 280px;
  height: 80px;
  line-height: 80px;
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  border-radius: 24px 24px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.intro-specialists .max-width .nav-tabs ul li.active {
  background-color: #ffffff;
}
@media only screen and (max-width:650px) {
  .intro-specialists .max-width .nav-tabs ul li {
    height: 60px;
    line-height: 60px;
    width: calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
    width: calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
  }
}
@media only screen and (max-width:480px) {
  .intro-specialists .max-width .nav-tabs ul li {
    font-size: 18px;
    width: calc(50% - 2px);
    width: -moz-calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    width: -moz-calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
  }
}
@media only screen and (max-width:320px) {
  .intro-specialists .max-width .nav-tabs ul li {
    font-size: 16px;
    width: 50%;
  }
}
.intro-specialists .max-width .nav-tabs ul li:first-child {
  margin-right: 16px;
}
@media only screen and (max-width:480px) {
  .intro-specialists .max-width .nav-tabs ul li:first-child {
    margin-right: 4px;
  }
}
@media only screen and (max-width:320px) {
  .intro-specialists .max-width .nav-tabs ul li:first-child {
    margin-right: 0;
    -webkit-border-radius: 24px 0 0 0;
    -moz-border-radius: 24px 0 0 0;
    border-radius: 24px 0 0 0;
  }
}
@media only screen and (max-width:320px) {
  .intro-specialists .max-width .nav-tabs ul li:first-child .nav-link {
    margin-right: 0;
    -webkit-border-radius: 24px 0 0 0;
    -moz-border-radius: 24px 0 0 0;
    border-radius: 24px 0 0 0;
  }
}
@media only screen and (max-width:320px) {
  .intro-specialists .max-width .nav-tabs ul li:last-child {
    -webkit-border-radius: 0 24px 0 0;
    -moz-border-radius: 0 24px 0 0;
    border-radius: 0 24px 0 0;
  }
}
@media only screen and (max-width:320px) {
  .intro-specialists .max-width .nav-tabs ul li:last-child .nav-link {
    margin-right: 0;
    -webkit-border-radius: 0 24px 0 0;
    -moz-border-radius: 0 24px 0 0;
    border-radius: 0 24px 0 0;
  }
}
.intro-specialists .max-width .nav-tabs ul li .nav-link {
  border: none;
  padding: 0;
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  border-radius: 24px 24px 0 0;
  color: var(--primary-color, #2598ff);
  background-color: rgba(255, 255, 255, 0.35);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.intro-specialists .max-width .nav-tabs ul li .nav-link.active, .intro-specialists .max-width .nav-tabs ul li .nav-link:hover, .intro-specialists .max-width .nav-tabs ul li .nav-link:focus {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: rgba(188, 151, 133, 0.08);
}
.intro-specialists .max-width .intro-img {
  position: relative;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img figure {
    margin-bottom: 9px;
  }
  .intro-specialists .max-width .intro-img p {
    line-height: 14px;
    height: auto;
  }
}
.intro-specialists .max-width .intro-img.zermati {
  width: 211px;
}
.intro-specialists .max-width .intro-img.zermati figure img {
  width: auto;
  height: 260px;
  margin: 0 auto;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img.zermati figure img {
    width: 100%;
    height: auto;
  }
}
.intro-specialists .max-width .intro-img.apfe {
  width: 173px;
}
.intro-specialists .max-width .intro-img.apfe figure img {
  width: auto;
  height: 260px;
  margin: 0 auto;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img.apfe figure img {
    width: 100%;
    height: auto;
  }
}
.intro-specialists .max-width .intro-img figure {
  margin-top: 53px;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img figure {
    height: 160px;
  }
}
.intro-specialists .max-width .intro-img div {
  position: absolute;
  bottom: 16px;
  left: 23px;
}
.intro-specialists .max-width .intro-img div p,
.intro-specialists .max-width .intro-img div span {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img div p,
.intro-specialists .max-width .intro-img div span {
    height: 24px;
    line-height: 24px;
  }
}
.intro-specialists .max-width .intro-img div p {
  background-color: #ffffff;
  color: var(--primary-color, var(--primary-color, #2598ff));
  margin-bottom: 8px;
}
@media only screen and (max-width:991px) {
  .intro-specialists .max-width .intro-img div p {
    margin-bottom: 0;
  }
}
.intro-specialists .max-width .intro-img div span {
  display: inline-block;
  background-color: var(--primary-color, #2598ff);
  color: #ffffff;
}

/* categories colors */
.programme-step {
  position: relative;
  margin-bottom: 48px;
}
.programme-step:before {
  position: absolute;
  content: "";
  top: 28px;
  left: -42px;
  width: 3px;
  height: 92%;
  background-color: #7A8A9B;
}
.programme-step li::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -50px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #7A8A9B;
  border: 4px solid #ffffff;
}
.programme-step .intit-up {
  display: flex;
}
.programme-step .intit-up .image {
  margin-right: 21px;
}
.programme-step .intit-up .image img {
  width: 75px;
  height: auto;
}
.programme-step li {
  position: relative;
  margin-bottom: 32px;
  cursor: pointer;
}
@media only screen and (max-width:650px) {
  .programme-step li {
    margin-bottom: 15px;
  }
}
.programme-step li:last-child {
  margin-bottom: 0;
}
.programme-step li.active:before {
  background-color: var(--primary-color, #2598ff);
}
.programme-step li.active strong {
  color: var(--primary-color, #2598ff);
}
.programme-step li p {
  color: #7A8A9B;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px;
}
@media only screen and (max-width:650px) {
  .programme-step li p {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.programme-step li strong {
  display: block;
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (max-width:650px) {
  .programme-step li strong {
    font-size: 16px;
    line-height: 18px;
  }
}

.glide.programme-step:before {
  content: none;
}
.glide.programme-step li::before {
  content: none;
}

/* categories colors */
.ressources {
  position: relative;
  margin-bottom: 64px;
}
.ressources ul li {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width:650px) {
  .ressources ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.ressources ul li figure, .ressources ul li .field--name-field-media {
  width: 100%;
  height: 180px;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.ressources ul li figure img, .ressources ul li .field--name-field-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media only screen and (max-width:991px) {
  .ressources ul li figure, .ressources ul li .field--name-field-media {
    width: auto;
    height: auto;
  }
  .ressources ul li figure img, .ressources ul li .field--name-field-media img {
    width: 100%;
    height: auto;
  }
}
.ressources ul li strong, .ressources ul li .field--name-field-title {
  display: block;
}
.ressources ul li .field--name-field-title {
  font-weight: bold;
}
@media only screen and (max-width:1199px) {
  .ressources {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.glide__bullets {
  display: flex;
}

/* categories colors */
.faq-special {
  position: relative;
}
@media only screen and (max-width:650px) {
  .faq-special {
    background-color: rgba(188, 151, 133, 0.08);
  }
}
@media only screen and (max-width:1199px) {
  .faq-special .max-width {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.faq-special h4 {
  text-align: left;
}
@media only screen and (max-width:650px) {
  .faq-special h4 {
    text-align: center;
  }
}
.faq-special .file-collapsable {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid rgba(156, 173, 192, 0.3);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width:650px) {
  .faq-special .file-collapsable {
    background-color: #ffffff;
    margin-bottom: 16px;
    padding: 20px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 73, 103, 0.2);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
  }
}
.faq-special .file-collapsable:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (max-width:991px) {
  .faq-special .file-collapsable:last-child {
    padding-bottom: 20px;
  }
}
.faq-special .file-collapsable .intit-up {
  display: flex;
  align-items: center;
  padding-right: 30px;
  cursor: pointer;
}
@media only screen and (max-width:650px) {
  .faq-special .file-collapsable .intit-up {
    padding-right: 20px;
  }
}
.faq-special .file-collapsable .intit-up img,
.faq-special .file-collapsable .intit-up svg {
  width: 50px;
  margin-right: 18px;
}
@media only screen and (max-width:650px) {
  .faq-special .file-collapsable .intit-up img,
.faq-special .file-collapsable .intit-up svg {
    min-width: 35px;
    width: 35px;
    margin-right: 16px;
  }
}
.faq-special .file-collapsable .intit-up:before {
  position: absolute;
  content: "";
  top: 38px;
  right: 0;
  font-size: 53px;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
@media only screen and (max-width:650px) {
  .faq-special .file-collapsable .intit-up:before {
    position: absolute;
    content: "";
    top: 26px;
    right: 15px;
  }
}
.faq-special .file-collapsable .intit-up span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.faq-special .file-collapsable .intit-up[aria-expanded=true]:before {
  content: "-";
}
.faq-special .file-collapsable .intit-up[aria-expanded=false]:before {
  content: "+";
}
.faq-special .file-collapsable p {
  margin-top: 25px;
}
@media only screen and (max-width:650px) {
  .faq-special .file-collapsable p {
    margin-top: 20px;
  }
}

/* categories colors */
.reveal-loaded .reveal [class*=reveal-] {
  opacity: 0 !important;
  transform: translateY(30px) !important;
  transition: 0s !important;
}

.reveal-loaded [class*=reveal-] {
  transition: 0.01s cubic-bezier(0.5, 0, 0, 1);
}
@media screen and (max-width: 2500px) {
  .reveal-loaded [class*=reveal-] {
    transition: 1s cubic-bezier(0.5, 0, 0, 1);
  }
}

.reveal-loaded a:hover [class*=reveal-] {
  transition: transition-delay 1s !important;
}

.reveal-loaded .reveal-1 {
  transition-delay: 0.01s;
}

.reveal-loaded .reveal-2 {
  transition-delay: 0.1s;
}

.reveal-loaded .reveal-3 {
  transition-delay: 0.2s;
}

.reveal-loaded .reveal-4 {
  transition-delay: 0.3s;
}

reveal-loaded .reveal-5 {
  transition-delay: 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  .reveal [class*=reveal-] {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  [class*=reveal-] {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
/* categories colors */
/* caterories colors */
/**
 * Helper mixins
*/
nav.pager ul.pagination {
  display: flex;
}
nav.pager ul.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
nav.pager ul.pagination li:hover a, nav.pager ul.pagination li.active a {
  color: var(--primary-color, #2598FF);
  border: 1px solid #2598FF;
  background: #f0f8ff;
}
nav.pager ul.pagination li.disabled span {
  background: transparent;
  border: transparent;
}
nav.pager ul.pagination li.pager__item--first a:after {
  content: "";
  display: block;
  position: relative;
  width: 8px;
  height: 10px;
  top: 8px;
  left: 9px;
  background-size: contain;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 10" enable-background="new 0 0 8 10" xml:space="preserve" height="10px" width="8px" fill="rgb(34,36,46,1)" ><g><polygon points="6.1626 1.175 2.299577 4.99999995 6.1626 8.825 4.973327 9.99999995 -0.087403 4.99999995 4.973327 -5.19846708e-08"></polygon></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
nav.pager ul.pagination li.pager__item--first:hover a:after, nav.pager ul.pagination li.pager__item--first.active a:after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 10" enable-background="new 0 0 8 10" xml:space="preserve" height="10px" width="8px" fill="rgb(37,152,255,1)" ><g><polygon points="6.1626 1.175 2.299577 4.99999995 6.1626 8.825 4.973327 9.99999995 -0.087403 4.99999995 4.973327 -5.19846708e-08"></polygon></g></svg>');
}
nav.pager ul.pagination li.pager__item--last a:after {
  content: "";
  display: block;
  position: relative;
  width: 8px;
  height: 10px;
  top: 8px;
  left: 9px;
  background-size: contain;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 10" enable-background="new 0 0 8 10" xml:space="preserve" height="10px" width="8px" fill="rgb(34,36,46,1)" ><g><polygon points="0.912597 1.175 4.77562 4.99999995 0.912597 8.825 2.10187 9.99999995 7.1626 4.99999995 2.10187 -5.19846708e-08"></polygon></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
nav.pager ul.pagination li.pager__item--last:hover a:after, nav.pager ul.pagination li.pager__item--last.active a:after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 10" enable-background="new 0 0 8 10" xml:space="preserve" height="10px" width="8px" fill="rgb(37,152,255,1)" ><g><polygon points="0.912597 1.175 4.77562 4.99999995 0.912597 8.825 2.10187 9.99999995 7.1626 4.99999995 2.10187 -5.19846708e-08"></polygon></g></svg>');
}
nav.pager ul.pagination li i {
  font-size: 16px;
}
nav.pager ul.pagination li a {
  width: 27px;
  height: 27px;
  text-align: center;
  color: #22242E;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s;
}
nav.pager ul.pagination li a span {
  display: none;
}

nav .pager__items {
  clear: both;
  text-align: center;
  margin: 2rem auto;
}
nav .pager__item {
  margin-right: 0.5rem;
  width: 28px;
  height: 28px;
  padding: 0;
  background: #E5E5E5 !important;
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
nav .pager__item:hover, nav .pager__item.active {
  border: 1px solid #2598FF !important;
  background: #f0f8ff !important;
  color: var(--primary-color, #2598FF);
}
nav .pager-show-more .pager__item {
  display: inline-block;
  width: auto;
}
nav .pager-show-more .pager__item a {
  background: #f0f8ff;
  border-radius: 10px;
  color: var(--primary-color, #2598FF);
  padding: 0.5rem 2rem 0.5rem 1rem;
  position: relative;
}
nav .pager-show-more .pager__item a:after {
  content: "\e844";
  font-family: "metacoaching-icons";
  position: absolute;
  display: block;
  top: 8px;
  right: 10px;
  width: 13px;
  transform: rotate(-90deg);
  color: var(--primary-color, #2598FF);
  font-size: 12px;
  margin-left: 10px;
  transition: 0.25s;
}

/* categories colors */
.path-recherche h1 {
  max-width: 1170px;
  width: 100%;
  padding: 0;
  margin: 0 auto 2rem;
}
@media only screen and (max-width:991px) {
  .path-recherche h1 {
    padding: 0 1rem;
    font-size: 32px;
    margin-bottom: 1rem;
  }
}
.path-recherche #views-exposed-form-search-page-1 {
  max-width: 1170px;
  width: 100%;
  padding: 0;
  margin: 0 auto 2rem;
}
.path-recherche #views-exposed-form-search-page-1 .toggleFilters {
  width: 100%;
  font-size: 21px;
  font-weight: bold;
  text-decoration: underline;
}
.path-recherche #views-exposed-form-search-page-1 .fieldgroup {
  display: none;
}
.path-recherche #views-exposed-form-search-page-1 .form--inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width:991px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline {
    padding: 0 1rem;
  }
}
.path-recherche #views-exposed-form-search-page-1 .form--inline > .form-item.js-form-type-textfield {
  width: 100%;
  margin: 1rem auto 2rem;
}
@media only screen and (max-width:991px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline > .form-item.js-form-type-textfield {
    margin: 0.5rem auto 1rem;
  }
}
.path-recherche #views-exposed-form-search-page-1 .form--inline fieldset {
  width: 48%;
}
@media only screen and (max-width:767px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline fieldset {
    width: 48%;
  }
}
@media only screen and (max-width:991px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline fieldset {
    width: 100%;
  }
}
.path-recherche #views-exposed-form-search-page-1 .form--inline fieldset .h4 {
  font-size: 20px;
}
.path-recherche #views-exposed-form-search-page-1 .form--inline fieldset .form-type-checkbox label:before, .path-recherche #views-exposed-form-search-page-1 .form--inline fieldset .form-type-checkbox label:after {
  left: 0;
}
.path-recherche #views-exposed-form-search-page-1 .form--inline fieldset .description {
  font-style: italic;
  color: #bfc9d5;
}
.path-recherche #views-exposed-form-search-page-1 .form--inline .form-actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
@media only screen and (max-width:991px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline .form-actions {
    justify-content: center;
  }
}
@media only screen and (max-width:991px) {
  .path-recherche #views-exposed-form-search-page-1 .form--inline .form-actions button {
    width: 100% !important;
  }
}
.path-recherche .alert.alert-info {
  max-width: 1170px;
  width: 100%;
  margin: 30px auto 60px auto;
  padding: 60px;
  text-align: center;
}
.path-recherche .view-content {
  max-width: 1170px;
  margin: 0 auto 2rem;
}
@media only screen and (max-width:991px) {
  .path-recherche .view-content {
    padding: 0 1rem;
  }
}
.path-recherche .view-content .search-result {
  box-shadow: 0 5px 20px rgba(34, 36, 46, 0.07);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
  display: flex;
}
@media only screen and (max-width:991px) {
  .path-recherche .view-content .search-result {
    flex-direction: column;
  }
}
.path-recherche .view-content .search-result .search-photo a {
  width: 270px;
  height: 232px;
  position: relative;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width:991px) {
  .path-recherche .view-content .search-result .search-photo a {
    width: 100%;
  }
}
.path-recherche .view-content .search-result .search-photo a img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: 0 0;
  transform: translate(-50%, -50%);
}
.path-recherche .view-content .search-result .right-block {
  padding: 0 2rem 2rem;
}
@media only screen and (max-width:991px) {
  .path-recherche .view-content .search-result .right-block {
    padding: 0 1rem 2rem;
  }
}
.path-recherche .view-content .search-result .right-block .title {
  margin: 0 0 20px 0;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.path-recherche .view-content .search-result .views-field-search-api-excerpt {
  color: #7A8A9B;
}
.path-recherche .pager {
  max-width: 1170px;
  width: 100%;
  padding: 0;
  margin: 0 auto 2rem;
}
@media only screen and (max-width:991px) {
  .path-recherche .pager {
    padding: 0 1rem;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
}
@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
}