@import 'https://preprod.bien-au-travail-qvt.fr/styles/app/dfa/stylesheet.css';
@import "https://preprod.bien-au-travail-qvt.fr/styles/app/style.css";
:root {
  --sat: env(safe-area-inset-top);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  --sar: env(safe-area-inset-right); }

html {
  height: 100vh;
  width: 100vw;
  font-size: 12px; }

*[tabindex]:focus, *[tabindex]:active {
  outline: none; }

body.locked {
  pointer-events: none; }

.none {
  display: none !important; }

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

@keyframes noneToBlock {
  0% {
    display: none;
    transform: translateX(100%); }

  1% {
    display: block;
    transform: translateX(100%); }

  100% {
    display: block;
    transform: translateX(0%); } }

@keyframes blockToNone {
  0% {
    display: block;
    transform: translateX(0%); }

  99% {
    display: block;
    transform: translateX(100%); }

  100% {
    display: none;
    transform: translateX(100%); } }

.d-none-form {
  display: none !important;
  z-index: -2000 !important;
  position: relative;
  pointer-events: none; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  font: -apple-system, -apple-system, "BlinkMacSystemFont", "Roboto", sans-serif;
  color: black;
  margin: 0;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font-size: 1rem;
  font-weight: 400;
  overflow-y: scroll; }
  body .app {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: white;
    min-height: 100vh; }
  body.iphoneX footer {
    position: relative; }
    body.iphoneX footer:after {
      content: "";
      position: absolute;
      top: calc(100% - 10px);
      left: 0;
      height: 100%;
      width: 100%;
      min-width: 100vw;
      background: white; }

button.w-btn {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0; }
  button.w-btn:focus, button.w-btn:active, button.w-btn:focus-visible {
    outline: none;
    border: none;
    box-shadow: none; }

a {
  overflow-wrap: break-word; }
  a:focus, a:active {
    outline: none; }

.owf-visible {
  overflow: visible !important; }

.titre-home {
  position: relative; }

.btn {
  border-radius: 0;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.6rem 2.2rem;
  font-size: 1rem;
  white-space: break-spaces; }

.btn.btn-primary {
  color: black;
  background-color: #ff7900;
  border-color: #ff7900;
  outline-color: rgba(0, 0, 0, 0.5);
  white-space: inherit !important;
  min-height: fit-content;
  letter-spacing: 0.5px;
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600; }
  .btn.btn-primary.--orange {
    background-color: #f16e00;
    border-color: #f16e00;
    color: white; }
  .btn.btn-primary:not(:disabled):hover, .btn.btn-primary:hover, .btn.btn-primary:not(:disabled):active, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):focus, .btn.btn-primary:focus {
    background-color: #ff7900;
    border-color: #ff7900;
    color: black;
    outline: none;
    box-shadow: none !important; }
    .btn.btn-primary:not(:disabled):hover.--orange, .btn.btn-primary:hover.--orange, .btn.btn-primary:not(:disabled):active.--orange, .btn.btn-primary:active.--orange, .btn.btn-primary:not(:disabled):focus.--orange, .btn.btn-primary:focus.--orange {
      background-color: #f16e00;
      border-color: #f16e00;
      color: white; }
  .btn.btn-primary a {
    color: black;
    word-break: break-word;
    max-width: 100%; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit; }

.app {
  perspective: 1000px;
  perspective-origin: center center; }

.app > .page {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 1;
  background: white;
  transition: all 0.6s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  min-height: 100vh;
  overflow: hidden; }
  .app > .page:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    pointer-events: none;
    transition: 0.5s;
    opacity: 0;
    z-index: 1000; }
  .app > .page:after {
    content: "";
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    z-index: 10;
    transition: opacity 0.25s ease;
    position: absolute;
    z-index: -8000;
    top: 0;
    left: 0; }
  .app > .page main {
    display: flex;
    flex: 100%;
    height: calc(100vh - (calc(3.6rem + env(safe-area-inset-top)) + calc(4.6rem + env(safe-area-inset-bottom)))); }
  .app > .page.overlay *:not(.main-menu, .main-menu *) {
    pointer-events: none; }
    .app > .page.overlay:after {
      opacity: 1;
      z-index: 50;
      transition: opacity 0.25s ease; }
    .app > .page.overlay.overlay-transition:after {
      opacity: 0;
      z-index: 50;
      transition: opacity 0.25s ease; }
  .app > .page.prev {
    position: absolute;
    max-height: 100vh;
    overflow: hidden;
    transform: translateX(-30%); }
    .app > .page.prev:before {
      transition: 0.4s;
      opacity: 0.7; }
    .app > .page.prev.reverse-anim {
      transform: translateX(-30%); }
    .app > .page.prev.reverse-anim:before {
      transition: 0.4s;
      opacity: 1; }
  .app > .page.next {
    position: absolute;
    transform: translateX(100%); }
    .app > .page.next.reverse-anim {
      transform: translateX(-100%); }
  .app > .page.no-scroll {
    overflow: hidden; }

@keyframes menu_in_show {
  0% {
    transform: translateX(-100%); }

  100% {
    transform: translateX(0); } }

@keyframes menu_out {
  0% {
    transform: translateX(0); }

  100% {
    transform: translateX(-100%);
    display: none; } }

.scroll-main-menu {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  flex: auto; }
  .scroll-main-menu .main-menu-focus {
    width: 100%;
    height: 20vh;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center; }

.app .page .main-menu {
  transition: all 0.6s;
  background: white;
  flex-direction: column;
  width: 80%;
  position: absolute;
  top: 0;
  z-index: 100;
  height: auto;
  min-height: 100vh;
  max-height: 100vh;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  overflow-y: scroll; }
  .app .page .main-menu:not(.fade-out) {
    display: none; }
  .app .page .main-menu.open {
    display: flex;
    animation: menu_in_show 0.5s; }
  .app .page .main-menu.fade-out {
    animation: menu_out 0.5s; }
  .app .page .main-menu ul {
    position: relative;
    width: 100%;
    z-index: 1;
    background: white;
    padding: 0px;
    list-style-type: none;
    margin: 0px; }
    .app .page .main-menu ul li {
      font-weight: 500; }
  .app .page .main-menu .submenu .submenu {
    display: none;
    height: 0;
    overflow: hidden; }
    .app .page .main-menu .submenu a {
      display: block;
      position: relative; }
    .app .page .main-menu .submenu a br {
      display: none; }
    .app .page .main-menu .submenu .li-entry.lvl {
      font-size: 0.9rem; }
    .app .page .main-menu .submenu .li-entry.lvl > a {
      padding: 0.8rem 1.5rem; }
    .app .page .main-menu .submenu .li-entry.lvl > a {
      border-bottom: 1px solid #dedede; }
    .app .page .main-menu .submenu .li-entry.lvl.has-children > a:before {
      content: "\e902";
      font-family: 'icomoon';
      color: #ff7900;
      position: absolute;
      right: 1.5rem;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      font-size: 0.8rem;
      pointer-events: none; }
      .app .page .main-menu .submenu .li-entry.lvl.has-children .submenu {
        background-color: #f1f1f1; }
    .app .page .main-menu .submenu .li-entry {
      font-size: 0.9rem; }
    .app .page .main-menu .submenu .li-entry:first-child > a {
      padding-top: 0.8rem; }
    .app .page .main-menu .submenu .li-entry > a {
      padding-bottom: 0.8rem;
      padding-left: 3rem;
      padding-right: 3rem; }
    .app .page .main-menu .submenu .li-entry.active {
      font-weight: bold; }
    .app .page .main-menu .submenu .li-entry.has-children.active > a:before {
      transform: translateY(-50%) rotate(-90deg);
      font-weight: bold; }
      .app .page .main-menu .submenu .li-entry.has-children.active .submenu {
        height: auto;
        display: block; }
    .app .page .main-menu .submenu .li-entry.page-active > a {
      background-color: rgba(255, 121, 0, 0.1);
      color: black;
      font-weight: bold;
      border-bottom: 0; }

.head-menu {
  height: 10rem;
  min-height: 20vh;
  height: 20vh;
  background: #ff7900;
  font-size: calc(min(1.8rem, 22.8px));
  color: white;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.5rem;
  font-weight: bold; }
  .head-menu p {
    margin: 0; }
  .head-menu .black {
    color: black;
    font-size: calc(min(2.2rem, 28px)); }

.bot-menu {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; }

.illu-menu {
  display: flex;
  justify-content: center;
  background: white;
  margin-bottom: calc(2rem + env(safe-area-inset-bottom));
  margin-top: 0.8rem; }
  .illu-menu img {
    max-width: 100%;
    width: 60%;
    object-fit: contain;
    height: auto;
    max-height: 24vh; }

.copyright {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  font-size: calc(min(0.7rem, 12px));
  justify-content: flex-end;
  position: absolute;
  bottom: calc(0.5rem + env(safe-area-inset-bottom));
  right: 0px; }
  .copyright img {
    max-width: calc(min(10rem, 180px)) !important; }

form {
  /* partie commune */
  /* la zone de déplacement */
  /* le curseur */ }
  form .range-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    form .range-slider input {
      width: 100%; }
  form .field-required {
    margin-left: 5px;
    position: relative; }
    form .field-required .txt {
      color: transparent;
      position: absolute;
      height: 2px;
      width: 2px; }
    form .field-required .symbole {
      color: black; }
  form input[type='text'], form input.form-control, form input[type='password'], form input[type='email'] {
    background: #f2f2f2;
    border: none;
    border-bottom: 0.2rem solid #ff7900;
    padding: 0.8rem 1.5rem;
    width: 100%;
    height: 3.2rem; }
    form input[type='text']:hover, form input.form-control:hover, form input[type='password']:hover, form input[type='email']:hover, form input[type='text']:active, form input.form-control:active, form input[type='password']:active, form input[type='email']:active, form input[type='text']:focus, form input.form-control:focus, form input[type='password']:focus, form input[type='email']:focus {
      outline: none;
      box-shadow: none;
      border-color: #ff7900;
      background: #f2f2f2; }
  form input[type=range].custom-slider {
    height: 1.8em;
    -webkit-appearance: none;
    /*nécessaire pour Chrome */
    padding: 0;
    /* nécessaire pour IE */
    font: inherit;
    /* même rendu suivant font document */
    outline: none;
    color: #ff7900;
    /* sert pour couleur de référence, via currentColor, pour le curseur */
    opacity: 1;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    /* même modèle de boîte pour tous */
    transition: opacity 0.2s;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    background-color: #f2f2f2;
    border-color: #f2f2f2; }
  form input[type=range].custom-slider::-webkit-slider-runnable-track {
    height: 100%;
    border: none;
    border-radius: 0;
    background-color: transparent;
    /* supprimé définie sur l'input */ }
  form input[type=range].custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* également nécessaire sur le curseur */
    width: 1.2em;
    border: none;
    border-radius: 4px;
    /* pris en compte sur Webkit et Edge */
    background: #ff7900;
    /* pris en compte sur Webkit only */
    height: 2.2em;
    top: -0.3em;
    position: relative; }

.iframe_tmp iframe {
  width: 100%;
  height: 100%;
  min-height: 430px;
  border: none;
  outline: none;
  box-shadow: none; }

.page.iframe.full_height {
  padding-top: env(safe-area-inset-top); }
  .page.iframe.full_height .head-page, .page.iframe.full_height footer {
    display: none; }
  .page.iframe.full_height .back-page {
    margin-bottom: calc(1.5rem - env(safe-area-inset-top)); }
  .page.iframe.full_height .iframe_tmp {
    min-height: calc(100% - ((2 * 1.5rem) + 1.6rem)); }
  .page.iframe .back-page {
    margin-bottom: calc(1.5rem);
    position: relative;
    z-index: 1; }
  .page.iframe .content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .page.iframe .iframe_tmp {
    height: 100%;
    position: relative;
    z-index: 0; }

.page_connexion {
  padding: 2rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .page_connexion .titre {
    color: black;
    font-weight: 400;
    margin: 0;
    font-size: calc(min(2.0rem, 32px));
    margin-top: -0.4rem;
    line-height: 1; }
  .page_connexion .titre span {
    font-size: 1.2rem;
    position: relative;
    top: 0.2rem; }
  .page_connexion .subtitle {
    content: "Quali Vita";
    font-size: calc(min(2.2rem, 32px));
    color: black;
    bottom: 100%;
    line-height: 1;
    font-weight: bold;
    margin: 0;
    line-height: 2; }
  .page_connexion .intitule {
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 2rem;
    max-width: 255px; }
  .page_connexion .intitule.mdp_define {
    max-width: 80%; }
  .page_connexion .forgot_psswd {
    display: block;
    margin-top: -1rem;
    text-decoration: underline;
    color: #ff7900;
    font-size: 0.9rem;
    margin-bottom: 1rem; }
  .page_connexion .forgot_psswd:focus {
    border: 2px solid; }
  .page_connexion .aide {
    font-weight: 300;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 0.7rem; }
  .page_connexion .logo {
    max-width: 70px;
    align-self: flex-end;
    width: 70px;
    height: 70px;
    object-fit: contain;
    aspect-ratio: 1; }
  .page_connexion .field-email, .page_connexion .field-mdp {
    position: relative;
    margin-bottom: 10vh;
    width: 100%; }
  .page_connexion .step_by_step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%; }
  .page_connexion .formConnect {
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end; }
  .page_connexion .formConnect #email::placeholder {
    color: #495057; }
  .page_connexion .formConnect input {
    color: black; }
  .page_connexion .formConnect .btn.disabled, .page_connexion .formConnect .btn:disabled {
    opacity: 1; }
  .page_connexion .formConnect .errors_logs {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.9rem;
    top: calc(100% + 0.2rem);
    color: #ff7900;
    line-height: 1; }
  .page_connexion .code_pin {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 6vh;
    position: relative;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .page_connexion .code_pin input {
    width: calc(min(3rem, 60px));
    height: calc(min(4rem, 90px));
    margin: 0.3rem;
    font-size: calc(min(3rem, 48px));
    text-align: center;
    border-radius: 6px;
    border: 1px solid #dedede;
    background: #f2f2f2;
    color: black;
    padding: 0px;
    -moz-appearance: textfield; }
  .page_connexion .code_pin input:focus, .page_connexion .code_pin input:active {
    background: white;
    outline: none;
    border: 1px solid #dedede; }
  .page_connexion .code_pin input::-webkit-outer-spin-button, .page_connexion .code_pin input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.my-profile {
  margin: 0 -1.5rem; }
  .my-profile .aide {
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.4; }

.page_connexion .field-mdp, .my-profile .field-mdp {
  position: relative; }
  .page_connexion .field-mdp input, .my-profile .field-mdp input {
    position: relative;
    z-index: 0; }
  .page_connexion .field-mdp #mdp_define, .my-profile .field-mdp #mdp_define, .page_connexion .field-mdp #mdp, .my-profile .field-mdp #mdp {
    padding-right: 2.5rem;
    color: black; }
  .page_connexion .field-mdp .view-mdp, .my-profile .field-mdp .view-mdp {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    right: 0;
    padding-right: 0.75rem;
    color: #ff7900; }
  .page_connexion .field-mdp .icon-eye, .my-profile .field-mdp .icon-eye {
    color: #ff7900;
    border: none;
    background-color: transparent; }
  .page_connexion .field-mdp .icon-eye.active:before, .my-profile .field-mdp .icon-eye.active:before {
    content: "\e90e"; }

.errors_logs {
  display: none; }

.main-content {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  flex: 100%; }

.back-page {
  color: black; }

.page.params .space-return {
  margin-bottom: 1.5rem;
  padding-top: 0; }
  .page.params .back-page {
    margin-bottom: 1.5rem; }

.back-page:focus, .back-page:active {
  outline: none; }

.back-page.retour-page {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: bold;
  padding-left: 1rem !important; }
  .back-page.retour-page span {
    margin-left: 0.75rem; }
  .back-page.retour-page i {
    font-size: 1.3rem; }
  .back-page.retour-page.has-img {
    color: white; }
  .back-page.retour-page.has-img i {
    color: white; }

.bg_thumbnail {
  height: 12rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  position: relative; }
  .bg_thumbnail:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0; }
  .bg_thumbnail p, .bg_thumbnail h1 {
    position: relative;
    z-index: 1;
    color: white;
    font-weight: bold;
    font-size: calc(min(2rem, 32px));
    margin: calc(min(1.5rem, 20px));
    padding: 0;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .bg_thumbnail .back-page.retour-page {
    position: absolute;
    top: 1rem;
    left: 0; }

footer {
  display: flex;
  height: calc(4.6rem + env(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  -webkit-box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.3); }
  footer nav {
    display: flex;
    justify-content: center;
    flex: 100%;
    padding: 0 1rem; }
  footer .link-footer {
    flex: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    font-size: 0.9rem;
    padding: 0 0.1rem;
    position: relative;
    padding: 0 6px; }
  footer .link-footer:before {
    content: "";
    height: 0.3rem;
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 33vw; }
  footer .link-footer:first-child:before {
    width: calc(100% + 1rem);
    transform: translateX(calc(-50% + 0.5rem)); }
  footer .link-footer:last-child:before {
    width: calc(100% + 1rem);
    transform: translateX(calc(-50% - 0.5rem)); }
  footer .link-footer i, footer .link-footer div {
    pointer-events: none; }
  footer .link-footer.idees {
    flex: 25%; }
  footer .link-footer i {
    font-size: calc(min(1.6rem, 26px));
    margin-bottom: 0.2rem;
    transition: all 0.25s ease; }
  footer .link-footer.idees i::before {
    content: '\e904'; }
  footer .link-footer.support i::before {
    content: "\e916"; }
  footer .link-footer.meteo i::before {
    content: '\e905'; }
  footer .link-footer.active {
    color: #ff7900;
    font-weight: 600; }
  footer .link-footer.active:before {
    background-color: #ff7900; }
  footer .link-footer.active i {
    font-weight: normal;
    color: #ff7900;
    transition: all 0.25s ease; }
  footer .link-footer:focus {
    outline: none; }

.head-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  border-bottom: 1px solid #dedede;
  height: calc(3.6rem + env(safe-area-inset-top));
  min-height: calc(3.6rem + env(safe-area-inset-top));
  padding-top: env(safe-area-inset-top);
  position: relative; }
  .head-page:before {
    content: "";
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0; }
  .head-page .open-menu {
    padding: 0 1rem;
    margin: 0 -1rem; }
  .head-page i, .head-page button {
    font-size: 1.3rem;
    color: black; }
  .head-page i.open-menu, .head-page button.open-menu, .head-page i.icon-menu, .head-page button.icon-menu {
    cursor: pointer; }
  .head-page a.notif, .head-page button.recherche, .head-page button.icon-menu {
    padding: 0.85rem; }
  .head-page button.recherche {
    margin-right: -0.2rem; }
  .head-page button.icon-menu {
    margin-right: -1rem; }
  .head-page i.back-page {
    font-size: 1.3rem; }
  .head-page .wrap-overlay.wrap-notif {
    margin-left: auto; }
  .head-page .wrap-overlay.wrap-notif a {
    align-items: center; }
  .head-page .wrap-overlay {
    height: 100%;
    justify-content: center; }
  .head-page .wrap-overlay button, .head-page .wrap-overlay a {
    height: 100%; }
  .head-page .notif {
    display: flex; }
  .head-page .retour-page {
    position: absolute;
    left: 0;
    top: 5rem;
    z-index: -2; }

.page-title {
  margin-left: 6vw;
  flex: 1 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .page-title h1, .page-title h2, .page-title p {
    line-height: 1.1;
    margin: 0px;
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    padding: 5px 0; }

.page.actu .bg_thumbnail p {
  display: none; }

.zones_actualites .card-item .img.visuel-cat {
  background-size: cover; }

.list-cat-actu .select-dopdown {
  width: 100%;
  display: flex;
  padding: 0 1.5rem;
  justify-content: space-between;
  align-items: center;
  height: 3.4rem;
  border-bottom: 2px solid #dedede;
  color: black; }
  .list-cat-actu .select-dopdown[aria-expanded="true"] i {
    transform: rotate(-90deg); }
  .list-cat-actu .select-dopdown:hover, .list-cat-actu .select-dopdown:focus, .list-cat-actu .select-dopdown:active {
    border-bottom: 2px solid #dedede; }
  .list-cat-actu .select-dopdown i {
    font-size: 1.2rem;
    color: #ff7900;
    transform: rotate(90deg); }
  .list-cat-actu .select-dopdown span {
    font-size: calc(min(1rem, 20px));
    font-weight: 500; }
  .list-cat-actu .drop-menu {
    color: black;
    background-color: #dedede;
    max-height: 0px;
    overflow: hidden; }
  .list-cat-actu .drop-menu.show {
    max-height: 100%; }
  .list-cat-actu .drop-menu .img {
    height: calc(min(3rem, 34px));
    width: calc(min(3rem, 34px));
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1rem;
    background-color: #bbb;
    border-radius: 50%;
    overflow: hidden; }
  .list-cat-actu .drop-menu .option-cat-actu {
    position: relative;
    height: 3.4rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    border-bottom: 2px solid white;
    width: 100%;
    font-size: calc(min(1rem, 14px));
    font-weight: 500;
    color: black;
    margin: 0; }
  .list-cat-actu .drop-menu .option-cat-actu.checked {
    background-color: #e9e9e9; }
  .list-cat-actu .drop-menu .option-cat-actu .check {
    height: 25px;
    width: 25px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #bbb;
    margin-left: auto; }
  .list-cat-actu .drop-menu .option-cat-actu input {
    position: absolute;
    opacity: 0;
    visibility: hidden; }
  .list-cat-actu .drop-menu .option-cat-actu input:checked + .label {
    font-weight: 700; }
    .list-cat-actu .drop-menu .option-cat-actu input:checked ~ .check {
      border-color: #ff7900;
      display: flex;
      align-items: center;
      justify-content: center; }
      .list-cat-actu .drop-menu .option-cat-actu input:checked ~ .check:before {
        content: "\e90b";
        font-family: 'icomoon';
        font-size: 0.8rem;
        color: black; }

a.card-item * {
  pointer-events: none; }

.tmp-cards {
  margin: 1.5rem -1.5rem; }
  .tmp-cards .card-item:first-child {
    border-top: 2px solid #dedede; }
  .tmp-cards .card-item {
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 1rem;
    margin: 0;
    padding: 0 1rem;
    overflow: hidden;
    font-weight: 500; }
  .tmp-cards .ico-fleche:before {
    color: #ff7900;
    content: "\e902";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }

.card-item {
  display: flex;
  height: 7rem;
  align-items: center;
  border-bottom: 2px solid #dedede;
  width: 100%; }
  .card-item img, .card-item .img {
    width: 33%;
    min-width: 33%;
    padding: 0.2rem 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 7rem; }
  .card-item .img.visuel-cat {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .card-item .img span {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #dedede; }
  .card-item h2, .card-item .title {
    font-size: calc(min(1rem, 20px));
    margin: 0;
    padding: 0px calc(min(1rem, 15px));
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500; }
  .card-item h2::first-letter, .card-item .title::first-letter {
    text-transform: uppercase; }
  .card-item .txt {
    font-size: 1rem;
    margin: 0;
    padding: 0 calc(min(1rem, 15px));
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: normal; }
  .card-item .icon-fleche {
    margin-left: auto;
    padding: 0 calc(min(1rem, 15px));
    font-size: 1.2rem;
    color: #ff7900; }
  .card-item.deroulant {
    flex-direction: column;
    height: auto;
    min-height: 7rem;
    color: black; }
  .card-item.deroulant.first {
    border-top: 2px solid #dedede; }
  .card-item.deroulant label {
    font-weight: 500; }
  .card-item.deroulant .toggle-card {
    padding: 0;
    width: 100%;
    display: flex;
    height: 7rem;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    color: black; }
  .card-item.deroulant .toggle-card[aria-expanded="true"] .icon-fleche {
    transform: rotate(-90deg); }
  .card-item.deroulant .content-toggle {
    display: none;
    width: 100%;
    padding: 0px calc(min(1rem, 15px)); }
  .card-item.deroulant .content-toggle.show {
    display: block; }
  .card-item.deroulant .icon-fleche {
    transform: rotate(90deg);
    margin: 0; }

.page.children-simple .card-item:nth-child(2n) {
  background-color: #f1f1f1; }

.page.params .content {
  margin: 1.5rem 0; }
  .page.params .content > * {
    padding: 0 1.5rem; }
  .page.params h2, .page.params legend {
    margin: 0;
    border-bottom: 1px solid #dedede;
    font-size: 1.1rem;
    padding-bottom: 1.5rem; }
  .page.params label {
    margin: 0; }
  .page.params .group-notifs {
    padding: 1rem 0;
    border-bottom: 1px solid #dedede; }
  .page.params .group-notifs .categ {
    font-weight: bold; }
  .page.params .group-notifs .categ ~ .sub-categ {
    padding-left: 1.5rem;
    margin: 0.4rem 0;
    font-weight: 500; }
  .page.params .group-notifs .categ + .sub-categ {
    margin-top: 1.6rem; }
  .page.params .group-notifs label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0.2rem; }
  .page.params .group-notifs label span {
    flex: 1;
    padding-right: 0.5rem; }

.page.page-struct .chapo {
  margin: 1.5rem 0;
  padding: 0 1.5rem;
  font-weight: 600; }

.page.publi .content {
  margin: 1.5rem 0; }
  .page.publi .content > * {
    padding: 0 1.5rem; }
  .page.publi .content > ul, .page.publi .content > ol {
    padding-left: 3rem; }
  .page.publi .content > div ul, .page.publi .content > div ol {
    padding-left: 1.5rem; }
  .page.publi .content > p .img_full, .page.publi .content > div .img_full, .page.publi .content > a .img_full {
    margin-left: -1.5rem; }
  .page.publi .content img.img_contain {
    object-fit: contain; }
  .page.publi .content > .btn {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .page.publi .content a:not(.no-style, .btn a, .btn-rond, a[class], .infos_users a, .list_people a) {
    color: #ff7900;
    text-decoration: underline; }
  .page.publi .content img[style$="margin-left:auto;margin-right:auto;"] {
    display: block; }
  .page.publi ul, .page.publi ol {
    margin-bottom: 2.5rem; }
  .page.publi ul {
    list-style-type: none; }
  .page.publi ul li {
    position: relative; }
  .page.publi ul li:not(.li-entry) {
    margin: 1rem 0; }
  .page.publi ul li:before {
    content: "";
    height: 0.4rem;
    width: 0.4rem;
    border-radius: 50%;
    background-color: #ff7900;
    position: absolute;
    top: 0.5rem;
    left: -1.5rem; }
  .page.publi .main-menu ul li:before {
    display: none; }
  .page.publi iframe:not(.module-vod iframe) {
    border: none;
    width: 100vw;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    aspect-ratio: 1.7777777778;
    height: calc(((100vw)* 9) / 16); }
  .page.publi iframe:not(.module-vod iframe):before {
    content: attr(title); }
  .page.publi iframe:not(.module-vod iframe).iframe-16_9 {
    aspect-ratio: 1.7777777778; }
  .page.publi iframe:not(.module-vod iframe).iframe-9_16 {
    aspect-ratio: 0.5625;
    height: calc(((100vw)* 16) / 9); }
  .page.publi .chapo {
    font-weight: bold; }
  .page.publi .apercu_media img {
    width: 100%;
    height: auto; }
  .page.publi img.img_full, .page.publi .img_full {
    width: 100vw;
    object-fit: contain;
    height: auto; }
  .page.publi img:not(.img_full, .img_full img) {
    max-width: 100%;
    object-fit: contain;
    height: auto; }
  .page.publi .fl_left {
    margin-right: 0.5rem; }
  .page.publi .fl_right {
    margin-left: 0.5rem;
    float: right; }
  .page.publi .btn {
    margin: 0.5rem; }
  .page.publi p.btn, .page.publi div.btn {
    padding: 1rem; }
  .page.publi .img_full {
    width: 100vw;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px; }
  .page.publi h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1.8rem;
    margin-bottom: 1rem; }
  .page.publi .color-qvt {
    color: #ff7900 !important; }
  .page.publi h4 {
    color: #ff7900;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1.8rem;
    margin-bottom: 1rem; }
  .page.publi h2:not(.page-title *, .card-item *, .bg_thumbnail *), .page.publi h1:not(.page-title *, .card-item *, .bg_thumbnail *) {
    color: #ff7900;
    font-size: calc(min(1.8rem,42px));
    margin-bottom: 1.2rem;
    margin-top: 2rem;
    font-weight: bold; }
  .page.publi h2::first-letter, .page.publi h1::first-letter {
    text-transform: uppercase; }
  .page.publi .date_publi {
    font-weight: 500;
    font-size: 0.9rem; }
  .page.publi .btn-rond {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17vw;
    height: 17vw;
    max-width: 200px;
    max-height: 200px;
    background: #ff7900;
    border-radius: 50%;
    color: transparent; }
  .page.publi .btn-rond:before {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .page.publi .apercu_media {
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .page.publi .apercu_media img {
    object-fit: cover;
    aspect-ratio: 1.7777777778;
    height: calc(((100vw)* 9) / 16); }
  .page.publi .apercu_media .title-media {
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem 5.5rem 1rem 1.5rem;
    background: white;
    line-height: 1; }
  .page.publi .apercu_media .btn-rond {
    transform: translate(-50%, -50%);
    position: absolute;
    right: 0;
    top: calc((100vw * 9) / 16); }
  .page.publi .apercu_media.apercu_video .title-media {
    padding: 1rem 1.5rem; }
  .page.publi .apercu_media.apercu_video .btn-rond {
    transform: translate(50%, -50%);
    position: absolute;
    right: 50%;
    top: calc(((100vw * 9) / 16)/2); }
  .page.publi .apercu_doc .btn-rond:before {
    content: "+";
    font-size: 2rem;
    font-weight: bold;
    line-height: 0;
    padding-bottom: 0.3rem; }
  .page.publi .apercu_doc .btn-rond.send_doc_mail:before {
    padding-bottom: 0.5rem; }
  .page.publi .apercu_doc.doc-vertical {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .page.publi .apercu_doc.doc-vertical img {
    max-width: calc(100% - (2 * 1.5rem));
    aspect-ratio: 0.7070707071;
    height: calc(((100vw - (4 * 1.5rem))* 29.7) / 21);
    object-fit: cover; }
  .page.publi .apercu_doc.doc-vertical .btn-rond {
    top: calc(((100vw - (4 * 1.5rem))* 29.7) / 21); }
  .page.publi .list_people {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .page.publi .list_people .item-people {
    display: flex;
    align-items: center;
    padding-left: 1.5rem; }
  .page.publi .list_people .item-people:first-child .txt {
    border-top: 1px solid #dedede; }
  .page.publi .list_people .item-people p {
    margin: 0px;
    font-weight: bold;
    padding-left: 0.5rem; }
  .page.publi .list_people .item-people .cadre {
    height: 100%;
    width: 22vw;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .page.publi .list_people .item-people img {
    height: 75%;
    width: 75%;
    object-fit: cover;
    border-radius: 50%; }
  .page.publi .list_people .item-people .txt {
    padding: 2rem 0;
    border-bottom: 1px solid #dedede;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .page.publi .deja_repondu {
    position: relative; }
  .page.publi .deja_repondu img {
    margin: 0 auto;
    display: block; }

.page.home .main-content .content {
  display: flex;
  flex-wrap: wrap;
  margin: -0.15rem;
  height: calc(100% + 0.15rem);
  width: calc(100% + 0.3rem);
  margin-right: -0.15rem; }
  .page.home .item-menu {
    display: flex;
    padding: 1.15rem;
    align-items: flex-end;
    flex: calc(50% - 0.4rem);
    margin: 0.15rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .page.home .item-menu:first-child {
    flex: 100%; }
  .page.home .item-menu:before {
    content: "";
    z-index: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.15);
    top: 0;
    left: 0; }
  .page.home .item-menu p {
    pointer-events: none;
    font-weight: bold;
    color: white;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    z-index: 1;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.2; }

.form-search {
  z-index: 12;
  padding-top: env(safe-area-inset-top);
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(3.6rem + env(safe-area-inset-top));
  border-bottom: 1px solid #dedede;
  display: none; }
  .form-search.show {
    display: flex; }
  .form-search input {
    width: calc(100% - 4.3rem);
    padding: 0 1.5rem;
    flex: 1 0 10px;
    height: 100%;
    border: none;
    background-color: white;
    color: black;
    text-decoration: none !important; }
  .form-search input:focus, .form-search input:active {
    outline: none;
    box-shadow: none; }
  .form-search button {
    width: 4.3rem;
    position: relative;
    z-index: 0;
    height: 100%;
    display: block;
    padding: 0 1.5rem 0 1.5rem;
    border: none;
    background: transparent;
    box-shadow: none; }
  .form-search button span {
    position: absolute;
    color: transparent;
    z-index: -1; }

.page.search .list-group {
  padding: 0px; }
  .page.search .list-group .card-item:first-child {
    border-top: 2px solid #dedede; }
  .page.search .no-result {
    padding: 0 1.5rem; }

.modal .btn-primary {
  padding: 0.2rem 0.5rem;
  font-size: 0.9rem;
  text-transform: none;
  margin-top: 0.5rem;
  font-weight: 500; }

.page.notifications .back-page {
  margin-top: 1.5rem; }
  .page.notifications .list_notifs {
    padding: 1.5rem; }
  .page.notifications .bloc-notification {
    border: 0.15rem solid #ff7900;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem;
    margin-bottom: 1rem; }
  .page.notifications .bloc-notification i {
    pointer-events: none; }
  .page.notifications .bloc-notification .nb_notifs {
    font-weight: 600; }
  .page.notifications .bloc-notification .btn-primary {
    padding: 0.2rem 0.5rem;
    font-size: 0.9rem;
    text-transform: none;
    margin-top: 0.5rem;
    font-weight: 500; }
  .page.notifications .bloc-notification .icon-info {
    color: #ff7900;
    font-size: 1.2rem;
    margin-right: 0.8rem; }
  .page.notifications .bloc-notification .icon-croix {
    font-size: 0.9rem; }
  .page.notifications .bloc-notification button {
    border: none;
    background: transparent;
    color: black;
    padding: 0.8rem;
    margin: -0.8rem -0.8rem auto 0; }
  .page.notifications .bloc-notification .txt {
    flex: 1; }
  .page.notifications .bloc-notification .txt .titre {
    font-weight: bold; }
  .page.notifications .bloc-notification .txt p {
    margin-top: 0.2rem;
    line-height: 1.3;
    margin: 0px; }
  .page.notifications .bloc-notification .fermer {
    padding-left: 0.8rem; }

.menu-params {
  position: absolute;
  background: white;
  top: calc(calc(3.6rem + env(safe-area-inset-top)) - 1px);
  z-index: 10;
  padding: 1rem;
  padding-top: 0.5rem;
  max-width: 100vw;
  width: 65%;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  transform: translateX(100%);
  right: 0; }
  .menu-params a {
    display: block;
    text-align: left; }
  .menu-params:not(.fade-out) {
    display: none; }
  .menu-params.fade-out {
    animation: blockToNone 0.5s;
    transform: translateX(100%); }
  .menu-params.open {
    display: block;
    animation: noneToBlock 0.5s;
    transform: translateX(0); }
  .menu-params div {
    padding: 0.5rem 0; }
  .menu-params a:last-child div {
    padding-bottom: 0; }

.checkbox-switch .switch {
  position: relative;
  display: inline-block;
  width: 3.4rem;
  height: 1.6rem; }
  .checkbox-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .checkbox-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8e8f8f;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .checkbox-switch .slider:before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 1.2rem;
    width: 1.5rem;
    left: 0.2rem;
    bottom: 0.2rem;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .checkbox-switch .slider:after {
    font-weight: normal;
    position: absolute;
    z-index: 0;
    content: "\e90a";
    font-family: 'icomoon';
    right: 0.5rem;
    font-size: 0.75rem;
    bottom: 0.2rem;
    text-align: center; }
  .checkbox-switch input:checked + .slider {
    background-color: #ff7900; }
  .checkbox-switch input:focus + .slider {
    box-shadow: 0 0 1px #ff7900; }
  .checkbox-switch input:checked + .slider:before {
    -webkit-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
    transform: translateX(1.5rem); }
  .checkbox-switch input:checked + .slider:after {
    content: "\e90b";
    right: 2.2rem;
    font-weight: bold; }

.main_form form, .quizz-content form {
  margin-bottom: 1rem; }
  .main_form form label, .quizz-content form label {
    font-weight: 500; }
  .main_form form .quest.hidden, .quizz-content form .quest.hidden {
    display: none !important; }
  .main_form form .quest .titre, .quizz-content form .quest .titre {
    font-weight: 600;
    color: #ff7900; }
  .main_form form .quest .symbole, .quizz-content form .quest .symbole {
    color: #ff7900; }
  .main_form form .quest legend.titre, .quizz-content form .quest legend.titre {
    font-size: 1rem; }
  .main_form form .quest.Slider .sld_ctnr, .quizz-content form .quest.Slider .sld_ctnr {
    width: 100% !important; }
  .main_form form .quest.Slider .ui-widget.ui-widget-content, .quizz-content form .quest.Slider .ui-widget.ui-widget-content {
    width: 100%; }
  .main_form form .quest.Select select, .quizz-content form .quest.Select select {
    min-height: 3.2em; }
  .main_form form .quest.Radio input, .quizz-content form .quest.Radio input, .main_form form .quest.Checkbox input, .quizz-content form .quest.Checkbox input {
    margin-top: 0.25rem;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
  .main_form form .quest.Radio input:checked + span, .quizz-content form .quest.Radio input:checked + span, .main_form form .quest.Checkbox input:checked + span, .quizz-content form .quest.Checkbox input:checked + span {
    text-decoration: underline;
    font-weight: 600; }
  .main_form form .quest.Radio label, .quizz-content form .quest.Radio label, .main_form form .quest.Checkbox label, .quizz-content form .quest.Checkbox label {
    position: relative; }
  .main_form form .quest.Radio label.sk-check, .quizz-content form .quest.Radio label.sk-check, .main_form form .quest.Checkbox label.sk-check, .quizz-content form .quest.Checkbox label.sk-check {
    display: flex;
    align-items: flex-start; }
  .main_form form .quest.Radio label span:not(.req_symbol), .quizz-content form .quest.Radio label span:not(.req_symbol) {
    position: relative;
    display: flex;
    align-items: flex-start; }
  .main_form form .quest.Radio label span:not(.req_symbol):before, .quizz-content form .quest.Radio label span:not(.req_symbol):before {
    content: "";
    margin-right: 1rem;
    margin-top: 0.2rem;
    height: 1rem;
    width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    border: 2px solid #8e8f8f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
  .main_form form .quest.Radio label span:not(.req_symbol):after, .quizz-content form .quest.Radio label span:not(.req_symbol):after {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.45rem;
    font-size: 0.8rem;
    opacity: 0;
    height: 0.5rem;
    width: 0.5rem;
    background: #ff7900;
    border-radius: 50%; }
  .main_form form .quest.Radio label input:checked + span:before, .quizz-content form .quest.Radio label input:checked + span:before {
    border-color: #ff7900; }
  .main_form form .quest.Radio label input:checked + span:after, .quizz-content form .quest.Radio label input:checked + span:after {
    opacity: 1; }
  .main_form form .quest.Checkbox label span:not(.req_symbol), .quizz-content form .quest.Checkbox label span:not(.req_symbol) {
    position: relative;
    display: flex;
    align-items: flex-start; }
  .main_form form .quest.Checkbox label span:not(.req_symbol):before, .quizz-content form .quest.Checkbox label span:not(.req_symbol):before {
    content: "";
    margin-right: 1rem;
    margin-top: 0.2rem;
    height: 1rem;
    width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    border: 2px solid #8e8f8f;
    display: flex;
    align-items: center;
    justify-content: center; }
  .main_form form .quest.Checkbox label span:not(.req_symbol):after, .quizz-content form .quest.Checkbox label span:not(.req_symbol):after {
    content: "\e90b";
    font-family: 'icomoon';
    position: absolute;
    left: 0.15rem;
    top: 0.05rem;
    font-size: 0.8rem;
    color: #ff7900;
    opacity: 0; }
  .main_form form .quest.Checkbox label input:checked + span:before, .quizz-content form .quest.Checkbox label input:checked + span:before {
    border-color: #ff7900; }
  .main_form form .quest.Checkbox label input:checked + span:after, .quizz-content form .quest.Checkbox label input:checked + span:after {
    opacity: 1; }
  .main_form form input[type='text'], .quizz-content form input[type='text'], .main_form form form input.form-control, .quizz-content form form input.form-control {
    border-bottom: none;
    border-color: #ff7900; }
  .main_form form input[type='text']:focus, .quizz-content form input[type='text']:focus, .main_form form form input.form-control:focus, .quizz-content form form input.form-control:focus, .main_form form input[type='text']:active, .quizz-content form input[type='text']:active, .main_form form form input.form-control:active, .quizz-content form form input.form-control:active {
    border-bottom: 0.2rem solid #ff7900; }
  .main_form form .aide, .quizz-content form .aide {
    color: #8e8f8f;
    font-style: italic;
    font-size: 0.9rem;
    margin-top: -0.4rem;
    margin-bottom: 0.8rem;
    line-height: 1.2; }
  .main_form form select, .quizz-content form select, .main_form form select.form-control, .quizz-content form select.form-control {
    background: #f2f2f2;
    border: none;
    padding: 0.8rem 1.5rem;
    width: 100%;
    height: 3.2rem;
    border-color: #ff7900;
    -moz-appearance: none;
    -webkit-appearance: none;
    /* Firefox */
    appearance: none;
    /* Safari and Chrome */ }
  .main_form form select:focus, .quizz-content form select:focus, .main_form form select.form-control:focus, .quizz-content form select.form-control:focus, .main_form form select:hover, .quizz-content form select:hover, .main_form form select.form-control:hover, .quizz-content form select.form-control:hover, .main_form form select:active, .quizz-content form select:active, .main_form form select.form-control:active, .quizz-content form select.form-control:active {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 0.2rem solid #ff7900; }
  .main_form form textarea, .quizz-content form textarea {
    background: #f2f2f2;
    border-radius: 0;
    border: none;
    border-color: #ff7900;
    padding: 0.8rem 1.5rem;
    width: 100%;
    color: black; }
  .main_form form textarea:focus, .quizz-content form textarea:focus, .main_form form textarea:hover, .quizz-content form textarea:hover, .main_form form textarea:active, .quizz-content form textarea:active {
    background: #f2f2f2;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 0.2rem solid #ff7900; }
  .main_form form .rep_select, .quizz-content form .rep_select {
    position: relative; }
  .main_form form .rep_select:before, .quizz-content form .rep_select:before {
    content: '\e902';
    font-family: 'icomoon';
    position: absolute;
    top: calc(50% - 0.2rem);
    right: 1rem;
    color: #ff7900;
    transform: rotate(90deg) translateX(-50%); }
  .main_form form .ui-state-default, .quizz-content form .ui-state-default, .main_form form .ui-widget-content .ui-state-default, .quizz-content form .ui-widget-content .ui-state-default, .main_form form .ui-widget-header .ui-state-default, .quizz-content form .ui-widget-header .ui-state-default, .main_form form .ui-button, .quizz-content form .ui-button, .main_form form html .ui-button.ui-state-disabled:hover, .quizz-content form html .ui-button.ui-state-disabled:hover, .main_form form html .ui-button.ui-state-disabled:active, .quizz-content form html .ui-button.ui-state-disabled:active {
    background: #ff7900;
    border: none; }
  .main_form form .ui-slider-horizontal, .quizz-content form .ui-slider-horizontal {
    height: 1.8em; }
  .main_form form .ui-slider .ui-slider-handle, .quizz-content form .ui-slider .ui-slider-handle {
    width: 1.2em;
    height: 2.2em; }

.modal .close {
  font-size: 1rem;
  color: black;
  opacity: 1; }
  .modal .modal-title {
    font-size: 1.2rem;
    color: #ff7900; }
  .modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

.ui-widget-header {
  background: #f3f3f3 !important; }

.ui-widget.ui-widget-content {
  width: calc(100% - (2 * 1.5rem)); }

.page.publi .module-vod {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  position: relative;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
  .page.publi .module-vod i.btn-rond {
    position: absolute;
    right: 1.5rem;
    top: calc((100vw * 9) / 16);
    transform: translateY(-50%); }
  .page.publi .module-vod .title-media {
    width: 100%;
    font-size: 1.2rem;
    padding: 1rem 5.5rem 1rem 1.5rem;
    background: white;
    line-height: 1;
    margin: 0;
    font-weight: 400; }
  .page.publi .module-vod .title-media p {
    margin: 0;
    font-size: 1rem;
    color: #c0c0c0;
    font-weight: 400; }
  .page.publi .module-vod .title-media strong, .page.publi .module-vod .title-media b {
    color: black;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    display: block;
    font-weight: bold; }
  .page.publi .module-vod .module-vod-description .title-media {
    position: relative;
    padding: 1.5rem 5.5rem 1.5rem 1.5rem; }
  .page.publi .module-vod .module-vod-description button.btn-rond {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    width: 4rem;
    height: 4rem;
    background: #8e8f8f;
    transition: 0.5s;
    border: none; }
  .page.publi .module-vod .module-vod-description button.btn-rond:before {
    content: '\e90f';
    font-family: 'icomoon';
    font-size: 1.6rem;
    color: #000;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s; }
  .page.publi .module-vod .module-vod-description.selected a.btn-rond {
    background: #ff7900; }
    .page.publi .module-vod .module-vod-description.selected a.btn-rond:before {
      color: #fff; }
  .page.publi .module-vod .module-vod-description .description {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #ff7900 #dedede;
    width: auto;
    height: 0vw;
    padding: 0 1rem 0 0.5rem;
    margin: 0 1rem;
    transition: 0.5s; }
  .page.publi .module-vod .module-vod-description .description.open {
    height: calc(100vw * 9 / 16); }
  .page.publi .module-vod .module-vod-description .scrollbar::-webkit-scrollbar {
    background-color: #dedede; }
  .page.publi .module-vod .module-vod-description .scrollbar::-webkit-scrollbar-track {
    background-color: #dedede; }
  .page.publi .module-vod .module-vod-description .scrollbar::-webkit-scrollbar-thumb {
    background-color: #ff7900; }
  .page.publi .module-vod .module-vod-description .scrollbar::-webkit-scrollbar-button {
    display: none; }

.quest.MaMeteo .list_humeurs {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem -0.5rem 2.5rem -0.5rem; }
  .quest.MaMeteo .radio {
    flex: 0 25%;
    padding: 0 0.1rem; }
  .quest.MaMeteo .titre {
    line-height: 1.4; }
  .quest.MaMeteo .label_humeur {
    height: 100%;
    display: flex;
    position: relative;
    justify-content: flex-end;
    flex-direction: column-reverse;
    margin: 0px; }
  .quest.MaMeteo .label_humeur .chck-humeur {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px; }
  .quest.MaMeteo .label_humeur span.lib {
    text-align: center;
    font-size: 0.8rem;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    line-height: 1; }
  .quest.MaMeteo .label_humeur span.icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
  .quest.MaMeteo .label_humeur span.icon:before {
    content: "";
    height: 10vw;
    width: 10vw;
    max-height: 150px;
    max-width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    border-radius: 50%; }
  .quest.MaMeteo .label_humeur span.icon.icon-1:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/04.png'); }
  .quest.MaMeteo .label_humeur span.icon.icon-2:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/03.png'); }
  .quest.MaMeteo .label_humeur span.icon.icon-3:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/02.png'); }
  .quest.MaMeteo .label_humeur span.icon.icon-4:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/01.png'); }
  .quest.MaMeteo .label_humeur .chck-humeur:checked ~ span.icon.icon-1:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/04b.png'); }
  .quest.MaMeteo .label_humeur .chck-humeur:checked ~ span.icon.icon-2:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/03b.png'); }
  .quest.MaMeteo .label_humeur .chck-humeur:checked ~ span.icon.icon-3:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/02b.png'); }
  .quest.MaMeteo .label_humeur .chck-humeur:checked ~ span.icon.icon-4:before {
    background-image: url('https://preprod.bien-au-travail-qvt.fr/images/meteo/01b.png'); }

.pagination {
  display: flex;
  justify-content: center;
  padding-left: 0 !important; }
  .pagination li:before {
    display: none; }
  .pagination li {
    padding: 0 0.5rem; }
  .pagination li.active a {
    text-decoration: none !important; }

.view-landscape button.btn-next-scroll {
  display: none; }
  .view-landscape .page.home nav.content {
    overflow-y: scroll; }
  .view-landscape .page_connexion {
    padding: 1.8rem;
    justify-content: flex-start; }
  .view-landscape .page_connexion .intitule {
    max-width: 60%;
    margin-bottom: 1.8rem; }
  .view-landscape .page_connexion .subtitle {
    margin-top: -1.2rem;
    line-height: 1.8; }
  .view-landscape .page_connexion .titre {
    font-size: 1.9rem; }
  .view-landscape .page_connexion .logo {
    position: absolute;
    bottom: 1.8rem;
    right: 1.8rem;
    max-width: 60px;
    width: 60px;
    height: 60px; }
  .view-landscape .page_connexion .field-email, .view-landscape .page_connexion .field-mdp {
    max-width: 50%; }
  .view-landscape .page_connexion .formConnect {
    margin-top: 8vh; }
  .view-landscape .page_connexion .formConnect .btn {
    margin-bottom: 0.8rem; }
  .view-landscape .head-page {
    padding: 0 2rem;
    padding-top: env(safe-area-inset-top); }
  .view-landscape .head-page .icon-recherche.recherche {
    margin-right: 1.5rem; }
  .view-landscape .head-page .notif {
    margin-right: 1.8rem; }
  .view-landscape .page-title {
    margin-left: 2rem; }
  .view-landscape .page.home .item-menu {
    flex: calc(28% - 0.4rem); }
  .view-landscape .page.home .item-menu:first-child, .view-landscape .page.home .item-menu:last-child {
    flex: 40%; }
  .view-landscape .page-title h1, .view-landscape .page-title h2 {
    max-width: 65vw; }
  .view-landscape .app > .page main {
    height: calc(100vh - (calc(3.6rem + env(safe-area-inset-top)) + calc(6.6rem + env(safe-area-inset-bottom)))); }
  .view-landscape footer {
    justify-content: center;
    height: calc(6.6rem + env(safe-area-inset-bottom)); }
  .view-landscape footer .link-footer {
    flex: 0 0 8rem; }
  .view-landscape footer .link-footer.idees {
    flex: 0 0 12rem; }
  .view-landscape .menu-params {
    width: 18rem;
    max-height: calc(100vh - calc(3.6rem + env(safe-area-inset-top)));
    overflow: scroll; }
  .view-landscape .app .page .main-menu {
    width: 92%; }
  .view-landscape .app .page .main-menu .scroll-main-menu {
    display: flex;
    flex-direction: row; }
    .view-landscape .app .page .main-menu .scroll-main-menu .main-menu-focus {
      width: 40%;
      height: 40vh;
      top: 0; }
  .view-landscape .head-menu {
    min-width: 40%;
    min-height: 40vh;
    padding: calc(min(3rem, 40px)); }
  .view-landscape .bot-menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%;
    height: 60vh; }
  .view-landscape .illu-menu {
    margin-top: 0px; }
  .view-landscape .illu-menu img {
    max-height: 38vh; }
  .view-landscape .main-content {
    display: flex;
    overflow: hidden; }
  .view-landscape .main-content .content:not(.page.home .content) {
    flex: auto;
    overflow-y: scroll;
    overflow-x: hidden; }
  .view-landscape .bg_thumbnail {
    height: 100%;
    flex: 0 0 40%; }
  .view-landscape .card-item {
    margin-left: 0.3rem; }
  .view-landscape .card-item img, .view-landscape .card-item .img {
    padding: 0.3rem 0; }
  .view-landscape .page.publi .content > * {
    padding: 0 2rem; }
  .view-landscape .page.publi .content {
    margin: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
  .view-landscape .page.publi .content > h2:first-child, .view-landscape .page.publi .content > h1:first-child {
    margin-top: 0px; }
  .view-landscape .page.publi .content > * ~ h2, .view-landscape .page.publi .content > * ~ h1 {
    margin-top: 1.5rem; }
  .view-landscape .page.publi .content > div:first-child .module-vod {
    margin-top: 0px; }
  .view-landscape .page.publi .content > * ~ div .module-vod {
    margin-top: 2.5rem; }
  .view-landscape .back-page.retour-page {
    padding-left: 2rem !important; }
  .view-landscape .apercu_doc.doc-horizontal.img_full.apercu_media {
    width: 100%; }
  .view-landscape .page.publi .content > .btn {
    margin-left: 2rem;
    margin-right: 2rem; }
  .view-landscape .page.publi .apercu_media img {
    height: auto; }
  .view-landscape .page.publi p.btn, .view-landscape .page.publi div.btn {
    padding: 1rem 2rem; }
  .view-landscape .page.publi iframe:not(.module-vod iframe) {
    width: calc(100% + 2rem);
    height: auto; }
  .view-landscape .page.publi .img_full {
    width: 100%; }
  .view-landscape .page.publi .apercu_media .btn-rond {
    transform: translate(50%, 0%);
    top: 4.5rem;
    width: 4rem;
    height: 4rem; }
  .view-landscape .page.publi .apercu_media.doc-horizontal .btn-rond {
    transform: translate(-50%, -130%);
    top: 100%;
    width: 4rem;
    height: 4rem; }
  .view-landscape .page.publi .apercu_media.doc-vertical .btn-rond {
    transform: translate(-50%, -130%);
    top: 100%;
    width: 4rem;
    height: 4rem; }
  .view-landscape .page.publi ul li:before {
    left: -1rem; }
  .view-landscape .copyright img {
    max-width: 60% !important; }
  .view-landscape .page_connexion .formConnect {
    height: auto; }
  .view-landscape .card-item .icon-fleche {
    padding: 0 2.2rem 0 1rem; }
  .view-landscape .page.params .content > * {
    padding: 0 2rem; }
  .view-landscape.iphoneX .page.params .content > * {
    padding: 0 env(safe-area-inset-right); }
  .view-landscape.iphoneX .page.publi.without-img .content > * {
    padding: 0 env(safe-area-inset-right); }
  .view-landscape.iphoneX .page.notifications .list_notifs {
    padding: 1.5rem env(safe-area-inset-right); }
  .view-landscape.iphoneX.rotate-left .bg_thumbnail p, .view-landscape.iphoneX.rotate-left .bg_thumbnail h1 {
    padding-left: env(safe-area-inset-left); }
  .view-landscape.iphoneX.rotate-left .page.home .item-menu:nth-child(1) p, .view-landscape.iphoneX.rotate-left .page.home .item-menu:nth-child(4) p {
    padding-left: env(safe-area-inset-left); }
  .view-landscape.iphoneX.rotate-right .card-item .icon-fleche {
    padding: 0 env(safe-area-inset-right) 0 1rem; }
  .view-landscape .placeholder_vod {
    min-height: auto; }
  .view-landscape .carousel-videos .item-carousel_video {
    margin-bottom: 1.5rem; }

.head-page {
  z-index: 2; }

.wrap-overlay {
  position: relative;
  display: flex;
  flex-direction: column; }
  .wrap-overlay .overlay-title {
    position: absolute;
    font-size: 0.8rem;
    line-height: 1;
    background: #dcdcdc;
    padding: 0.25rem 0.5rem;
    top: 105%;
    white-space: nowrap;
    border-radius: 5px;
    display: none; }
  .wrap-overlay .overlay-title:before {
    content: "";
    height: 10px;
    width: 10px;
    min-width: 10px;
    min-height: 10px;
    background-color: #dcdcdc;
    transform: rotate(45deg);
    top: -4px;
    right: 0;
    position: absolute;
    z-index: -1; }
  .wrap-overlay button:active + .overlay-title, .wrap-overlay a:active + .overlay-title {
    display: block; }

.wrap-overlay.wrap-menu .overlay-title {
  left: -50%; }
  .wrap-overlay.wrap-menu .overlay-title:before {
    transform: rotate(45deg);
    left: 1rem; }
  .wrap-overlay.wrap-notif {
    z-index: 11; }
  .wrap-overlay.wrap-notif i {
    position: relative; }
  .wrap-overlay.wrap-notif i span {
    display: none;
    opacity: 0;
    height: 0.9rem;
    width: 0.9rem;
    background: #ff7900;
    border-radius: 50%;
    position: absolute;
    top: -0.5rem;
    right: -0.3rem;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .wrap-overlay.wrap-notif i span.show {
      display: flex;
      opacity: 1; }
  .wrap-overlay.wrap-notif .overlay-title {
    right: 0; }
  .wrap-overlay.wrap-notif .overlay-title:before {
    transform: rotate(45deg) translate(-4px, 14px);
    top: -11px;
    right: 5px; }
  .wrap-overlay.wrap-search {
    z-index: 11; }
  .wrap-overlay.wrap-search .overlay-title {
    left: 100%;
    transform: translate(-100%); }
  .wrap-overlay.wrap-search .overlay-title:before {
    right: 1.4rem; }
  .wrap-overlay.wrap-params {
    z-index: 11; }
  .wrap-overlay.wrap-params .overlay-title {
    right: calc(0px - 0.85rem); }
  .wrap-overlay.wrap-params .overlay-title:before {
    right: 1rem;
    top: -4px; }

.ui-slider .ui-slider-handle {
  z-index: 1 !important; }

.placeholder_vod {
  aspect-ratio: 1.7777777778;
  min-height: calc(100vw * 9 / 16);
  width: 100%;
  background: grey;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .placeholder_vod .icon-play {
    background-color: #ff7900;
    width: 17vw;
    height: 17vw;
    max-width: 200px;
    max-height: 200px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 1.2rem; }
  .placeholder_vod .icon-play:before {
    padding-left: 0.7rem; }

.modal .img_popup {
  max-width: 100%; }
  .modal .btn.btn-primary.btn-popup {
    padding: 0.4rem 0.6rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
    font-size: 1rem; }

select.new-address {
  background: #f2f2f2;
  border: none;
  border-bottom: 0.2rem solid #ff7900;
  padding: 0.8rem;
  width: 100%;
  color: black;
  height: 3.2rem; }
  select.new-address:hover, select.new-address:active, select.new-address:focus {
    outline: none;
    box-shadow: none;
    background: #f2f2f2; }

button.close:hover, button.close:active, button.close:focus {
  outline: none;
  box-shadow: none; }

.modal .btn.btn-primary.btn-change-serveur {
  padding: 0.6rem 2.2rem;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

.mod-carousel-videos {
  margin-bottom: 1.5rem; }
  .mod-carousel-videos h4 {
    font-size: 1.1rem;
    padding: 1.5rem;
    padding-bottom: 0;
    padding-right: 5rem;
    color: #8e8f8f; }
  .mod-carousel-videos .title-emission {
    margin-top: 0.5rem !important;
    color: black;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    display: block;
    font-weight: bold; }
  .mod-carousel-videos .text {
    margin: 0;
    font-size: 1rem;
    color: #c0c0c0;
    font-weight: 400; }

body:not(.view-landscape) .mod-carousel-videos .vid-contain {
  position: relative; }
  body:not(.view-landscape) .mod-carousel-videos button.btn-next-scroll {
    border-radius: 50%;
    z-index: 1;
    transform: rotate(-180deg);
    border: none;
    color: white;
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff7900;
    position: absolute;
    right: 0;
    top: 100%;
    transform: rotate(-180deg) translateX(0) translateY(-0.8rem); }
  body:not(.view-landscape) .mod-carousel-videos button.btn-next-scroll:focus, body:not(.view-landscape) .mod-carousel-videos button.btn-next-scroll:hover, body:not(.view-landscape) .mod-carousel-videos button.btn-next-scroll:active {
    outline: none;
    border: none;
    box-shadow: none; }
  body:not(.view-landscape) .text {
    text-align: justify; }
  body:not(.view-landscape) .carousel-videos {
    position: relative;
    display: flex;
    align-items: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    width: calc(100% + (2 * 1.5rem));
    margin-left: -1.5rem;
    padding-bottom: 1.2rem; }
  body:not(.view-landscape) .carousel-videos .placeholder_vod {
    max-width: calc(100vw);
    background-color: white; }
  body:not(.view-landscape) .carousel-videos .item-carousel_video {
    margin-right: 1.5rem;
    max-width: calc(100vw); }
  body:not(.view-landscape) .carousel-videos .item-carousel_video:last-child {
    margin-right: 0px; }
  body:not(.view-landscape) .carousel-videos .item-carousel_video .embed-responsive {
    width: calc(100vw); }
  body:not(.view-landscape) .carousel-videos .HDR_VISIO_placeholder .HDR_VISIO {
    width: calc(100vw); }

.no-results-favs {
  padding: 1.5rem; }

.act-likes {
  display: flex;
  align-items: center;
  margin: 0 -0.3rem;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 0.75rem !important; }

.btn.btn-favori, .btn.btn-like, .btn-share {
  border: none;
  margin: 0.3rem !important;
  background: #dedede;
  height: 2.8rem;
  font-size: 0.85rem;
  text-transform: none;
  outline: none;
  color: black;
  font-weight: 500;
  padding: 0.5rem 0.8rem;
  box-shadow: none;
  position: relative;
  display: flex;
  align-items: center; }
  .btn.btn-favori.added, .btn.btn-like.added, .btn-share.added {
    background: #ff7900;
    color: white; }
  .btn.btn-favori i, .btn.btn-like i, .btn-share i {
    font-size: 1rem;
    position: relative;
    top: 1px; }
  .btn.btn-favori span, .btn.btn-like span, .btn-share span {
    margin-right: 10px;
    line-height: 1; }
  .btn.btn-favori:active, .btn.btn-like:active, .btn-share:active, .btn.btn-favori:hover, .btn.btn-like:hover, .btn-share:hover, .btn.btn-favori:focus, .btn.btn-like:focus, .btn-share:focus, .btn.btn-favori:focus-visible, .btn.btn-like:focus-visible, .btn-share:focus-visible, .btn.btn-favori:visited, .btn.btn-like:visited, .btn-share:visited {
    border: none;
    outline: none;
    box-shadow: none; }

.favoris-content {
  padding: 1.5rem; }

.btn.btn-like {
  display: flex;
  align-items: center; }

button.no-btn {
  border: none;
  background-color: transparent;
  box-shadow: none;
  outline: none; }
  button.no-btn:focus, button.no-btn:hover, button.no-btn:active {
    border: none;
    background-color: transparent;
    box-shadow: none;
    outline: none; }

.modal.popup_mameteo img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.space-return {
  min-height: 1.2rem;
  width: 100%; }

.schema-interactif figure {
  position: relative; }
  .schema-interactif figure figcaption {
    position: absolute;
    z-index: -1;
    top: 0;
    color: white; }
  .schema-interactif .container-img {
    position: relative; }
  .schema-interactif .popup-interactif {
    position: absolute;
    top: 0;
    color: transparent; }
  .schema-interactif .popup-interactif.btn-93 {
    left: 50%;
    transform: translate(-50%);
    height: 11rem;
    width: 11rem; }

.page.publi .contacts_hsvt ul li:before {
  display: none; }

.page.publi .content .contacts_hsvt > ul {
  padding-left: 0; }
  .page.publi .content .contacts_hsvt li {
    margin: 0; }
  .page.publi .content .contacts_hsvt ul {
    margin: 0; }

.contacts_hsvt {
  padding: 0 !important; }
  .contacts_hsvt h2 {
    padding: 0 1.5rem; }
  .contacts_hsvt .accordeon-btn {
    width: 100%;
    display: flex;
    padding: 0 1.5rem;
    justify-content: space-between;
    align-items: center;
    height: 3.4rem;
    border-bottom: 2px solid #dedede;
    color: black; }
  .contacts_hsvt .accordeon-btn[aria-expanded="true"] i {
    transform: rotate(-90deg); }
  .contacts_hsvt .accordeon-btn:hover, .contacts_hsvt .accordeon-btn:focus, .contacts_hsvt .accordeon-btn:active {
    border-bottom: 2px solid #dedede; }
  .contacts_hsvt .accordeon-btn i {
    font-size: 1.2rem;
    color: #ff7900;
    transform: rotate(90deg); }
  .contacts_hsvt .accordeon-btn span {
    font-size: calc(min(1rem, 20px));
    font-weight: 500; }
  .contacts_hsvt .contacts-list {
    color: black;
    padding: 0 1.5rem;
    overflow: hidden;
    max-height: 0; }
  .contacts_hsvt .contacts-list.show {
    border-bottom: 2px solid #dedede;
    max-height: 100%;
    overflow: visible; }
  .contacts_hsvt .profil_user {
    margin-top: 1rem; }
  .contacts_hsvt .profil_user .txt {
    color: black;
    font-weight: normal;
    margin-left: 0; }
  .contacts_hsvt .profil_user .txt .name {
    font-weight: bold;
    color: #ff7900; }
  .contacts_hsvt .profil_user .txt a {
    color: black;
    text-decoration: none; }
    .contacts_hsvt .profil_user .txt a:focus, .contacts_hsvt .profil_user .txt a:active {
      color: inherit; }

.profil_user {
  margin-bottom: 1rem; }
  .profil_user .card-user {
    display: flex;
    align-items: center; }
  .profil_user .infos_users {
    margin-top: 1rem; }
  .profil_user .infos_users p {
    margin-bottom: 0px; }
  .profil_user .infos_users a {
    font-weight: bold; }
  .profil_user .txt {
    margin-left: 6vw;
    color: #ff7900;
    font-weight: bold; }
  .profil_user img {
    width: 20vw;
    border-radius: 50%;
    object-fit: cover;
    height: 20vw;
    max-width: 200px;
    max-height: 100px; }
  .profil_user p {
    margin: 0px; }

.actualites .card-item {
  position: relative; }

.pastille-cat {
  position: absolute;
  z-index: 1;
  height: calc(min(3rem, 34px));
  width: calc(min(3rem, 34px));
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 7px;
  left: 5px; }

.va11ydette .bloc-accessibility {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .va11ydette h2.pie {
    text-align: center;
    font-size: calc(min(1.75rem, 25px)) !important;
    margin: 1em auto;
    border-bottom: 0; }
  .va11ydette .pie:after, .va11ydette .pie:before {
    content: '';
    position: absolute;
    display: block;
    margin-left: 50%;
    width: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
    transform-origin: left; }
  .va11ydette .pie[data-value="69"]:after {
    transform: rotate(68.4deg); }
  .va11ydette .pie[data-value="69"]:before, .va11ydette .pie[data-value="66"]:before {
    display: none; }
  .va11ydette .pie[data-value="66"]:after {
    transform: rotate(57.6deg); }
  .va11ydette .pie:after {
    background-color: #ff7900; }
  .va11ydette .pie-val {
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 2;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: black; }
  .va11ydette .pie {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #eee;
    background-image: linear-gradient(to right, transparent 50%, #ff7900 0); }