@charset "UTF-8";
@keyframes shake {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(-7deg); }
  40% {
    transform: rotate(9deg); }
  60% {
    transform: rotate(-9deg); }
  80% {
    transform: rotate(7deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes fadeInAnimation {
  0% {
    opacity: 0.1; }
  100% {
    opacity: 1; } }
@keyframes backButtonUp {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-8px); }
  99% {
    transform: translateY(-8px); } }
.com-content-article__body {
  display: none; }

.loader-overlay {
  display: none;
  background: transparent url("/images/MK_GIF_2.gif") no-repeat center center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.7;
  transition: 1s; }

body {
  font-family: SuisseThin;
  color: #E6007E;
  font-size: 23px;
  line-height: 1.3;
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.custom-tooltip-container {
  position: absolute;
  top: -100px;
  color: #E6007E;
  background: #E6007E;
  color: #fcf2f7;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 15px;
  z-index: 1000;
  white-space: nowrap;
  display: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

.custom-tooltip-container::after {
  content: '';
  position: absolute;
  top: 100%;
  /* Position the arrow at the bottom */
  left: 80%;
  margin-left: -7px;
  /* Half of the arrow width */
  border-width: 7px;
  /* Twice the previous size */
  border-style: solid;
  border-color: #E6007E transparent transparent transparent;
  /* Arrow color */ }

li.description-article span p .tag {
  border: 1px solid #E6007E;
  border-radius: 7px;
  padding: 1px 4px;
  margin-right: 3px;
  line-height: 1;
  color: #E6007E;
  font-size: 0.8em; }

.container-sidebar-left {
  display: none;
  position: absolute; }

.view-article .container-sidebar-left {
  display: block;
  top: 0;
  width: auto; }
  .view-article .container-sidebar-left .backbutton {
    margin-top: 2px;
    margin-left: 20px; }
  .view-article .container-sidebar-left a {
    display: block;
    color: #E6007E;
    font-size: 32px; }
    .view-article .container-sidebar-left a:hover {
      animation: backButtonUp 1.2s ease-in-out infinite; }

.main-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .main-container .varheight {
    flex: 1;
    width: 100%; }
  .main-container .container-component main {
    height: 100%;
    margin: 0; }
  .main-container .site-grid {
    position: relative; }
    .main-container .site-grid .side-right-button .custom {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 28px;
      background-color: #E6007E;
      opacity: 0.8; }
      .main-container .site-grid .side-right-button .custom:hover {
        opacity: 0.9;
        transition: 0.7s; }
      .main-container .site-grid .side-right-button .custom div {
        display: block;
        height: 100%;
        width: 100%;
        padding-left: 1px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .main-container .site-grid .side-right-button .custom div a {
          display: block;
          height: 100%;
          width: 100%;
          color: #ffffff; }

.view-article .main-container .side-right-button {
  display: none; }

footer.footer {
  background-color: white;
  background-image: none;
  border-top: #E6007E 4px solid;
  margin-top: 0; }
  footer.footer .nav .nav-item {
    font-family: SuisseThin;
    text-transform: lowercase; }

header {
  border-bottom: #E6007E 4px solid; }
  header.container-header {
    background-color: white;
    background-image: none;
    box-shadow: none; }
    header.container-header .nav .nav-item {
      font-family: SuisseMed;
      text-transform: lowercase;
      transition: transform 0.3s, filter 0.3s; }
  header .menu-info a {
    font-family: SuisseMed; }
  header .container-nav {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    height: auto; }
    header .container-nav .header-nav {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      width: 100%;
      margin-bottom: 5px; }
      header .container-nav .header-nav .menu-info .custom .nav a {
        font-family: SuisseThin; }
      header .container-nav .header-nav .custom {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-shrink: 0;
        align-items: center;
        gap: 50px;
        position: relative;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        font-size: 35px;
        font-style: italic;
        text-transform: lowercase; }
        header .container-nav .header-nav .custom .nav-item {
          width: max-content; }
        header .container-nav .header-nav .custom img {
          max-width: none; }
        header .container-nav .header-nav .custom div.picto a {
          display: block;
          width: 60px; }
          header .container-nav .header-nav .custom div.picto a img {
            width: 100%; }
        header .container-nav .header-nav .custom p {
          margin: 0; }
        header .container-nav .header-nav .custom a {
          font-family: SuisseMed;
          font-style: normal;
          color: #E6007E; }
          header .container-nav .header-nav .custom a:hover {
            font-style: italic; }
        header .container-nav .header-nav .custom .light a {
          font-family: SuisseThin;
          font-style: italic; }
          header .container-nav .header-nav .custom .light a .element_two {
            display: none; }

a:not([class]) {
  text-decoration: none; }

/***********************************
PAGE catégorie 
*/
.slogan-page-cat-survol,
.image-cat-view-survol {
  display: none; }

/***********************************
PAGE CONTACT 
*/
.com-contact.contact .com-contact__form ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative; }
.com-contact.contact .com-contact__form form .control-group.field-spacer {
  display: none; }
.com-contact.contact .com-contact__form .teaser-1 {
  font-size: 25px;
  line-height: 1.1;
  position: absolute;
  top: 10px; }
  .com-contact.contact .com-contact__form .teaser-1:hover {
    transform: translateY(40px);
    cursor: grab;
    transition: 0.7s; }
.com-contact.contact .com-contact__form .teaser-2 {
  position: absolute;
  right: 5px;
  top: 41px; }
  .com-contact.contact .com-contact__form .teaser-2 span {
    font-size: 40px;
    line-height: 1; }
  .com-contact.contact .com-contact__form .teaser-2:hover {
    letter-spacing: 0.6rem;
    transition: 1s;
    cursor: ew-resize;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */ }

.contact .com-contact h1,
.contact .com-contact h2 {
  font-family: SuisseBlack;
  font-size: 70px;
  color: #E6007E;
  text-transform: lowercase;
  font-weight: 500; }

.com-contact.contact {
  box-sizing: border-box;
  padding-left: 50px;
  display: flex;
  justify-content: space-between;
  height: 100%; }
  .com-contact.contact .description-texte {
    padding-right: 33%;
    box-sizing: border-box; }
  .com-contact.contact .teaser-droite-gauche {
    font-size: 44px;
    line-height: 1.1;
    transform: translate(-8px, 12px); }
    .com-contact.contact .teaser-droite-gauche .field-value:hover {
      animation: shake 0.4s ease-in-out infinite;
      display: inline-block;
      cursor: wait; }
  .com-contact.contact .photo-contact-1,
  .com-contact.contact .photo-contact-2 {
    align-self: flex-end;
    height: 280px;
    position: relative;
    margin-bottom: 30px; }
    .com-contact.contact .photo-contact-1 img,
    .com-contact.contact .photo-contact-2 img {
      max-width: inherit;
      width: auto; }
    .com-contact.contact .photo-contact-1 .alt-text,
    .com-contact.contact .photo-contact-2 .alt-text {
      position: absolute;
      right: 10px;
      bottom: -35px;
      padding: 3px;
      background-color: white; }
  .com-contact.contact .photo-contact-2 {
    margin-right: auto;
    margin-left: 60px; }
  .com-contact.contact .contact-mobile span {
    display: flex;
    justify-content: center;
    gap: 1vw; }
  .com-contact.contact .photo-contact-1-over,
  .com-contact.contact .photo-contact-2-over {
    display: none; }
  .com-contact.contact .com-contact__container {
    grid: none;
    display: flex;
    flex: 0 0 66%;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: flex-start;
    overflow-y: auto;
    scrollbar-width: thin;
    /* Thin scrollbar */
    scrollbar-color: #E6007E transparent;
    /* Thumb color and track color */
    border-radius: 0px;
    height: 100%;
    padding-bottom: 45px; }
    .com-contact.contact .com-contact__container::-webkit-scrollbar-track {
      background: transparent;
      background: "/images/onepixel.png" repeat-x center;
      border: none;
      border-radius: 0; }
    .com-contact.contact .com-contact__container::-webkit-scrollbar-thumb {
      border-radius: 0;
      border: none; }
    .com-contact.contact .com-contact__container ul.fields-container {
      margin: 0;
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      flex: 1;
      justify-content: space-between;
      align-content: space-between;
      height: 100%;
      padding-bottom: 37px; }
  .com-contact.contact .com-contact__form {
    flex-grow: 1;
    border-left: #E6007E 4px solid;
    flex: 0 0 33%;
    box-sizing: border-box;
    padding: 0 50px;
    scrollbar-width: thin;
    /* Thin scrollbar */
    scrollbar-color: #E6007E transparent;
    /* Thumb color and track color */
    border-radius: 0px;
    overflow-y: auto;
    height: auto; }
    .com-contact.contact .com-contact__form::-webkit-scrollbar-track {
      background: transparent;
      background: "/images/onepixel.png" repeat-x center;
      border: none;
      border-radius: 0; }
    .com-contact.contact .com-contact__form::-webkit-scrollbar-thumb {
      border-radius: 0;
      border: none; }
    .com-contact.contact .com-contact__form form,
    .com-contact.contact .com-contact__form dd {
      position: relative;
      color: #E6007E;
      border: 2px solid #E6007E;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      .com-contact.contact .com-contact__form form .contact-street,
      .com-contact.contact .com-contact__form dd .contact-street {
        padding: 15px; }
      .com-contact.contact .com-contact__form form fieldset,
      .com-contact.contact .com-contact__form dd fieldset {
        border-right: none;
        flex-grow: 1; }
      .com-contact.contact .com-contact__form form .control-group,
      .com-contact.contact .com-contact__form dd .control-group {
        display: flex;
        margin-left: 15px;
        margin-right: 15px; }
        .com-contact.contact .com-contact__form form .control-group.submit-bt,
        .com-contact.contact .com-contact__form dd .control-group.submit-bt {
          width: 67px;
          margin-right: 0; }
        .com-contact.contact .com-contact__form form .control-group .control-label,
        .com-contact.contact .com-contact__form dd .control-group .control-label {
          margin-right: 10px; }
          .com-contact.contact .com-contact__form form .control-group .control-label .form-control-feedback,
          .com-contact.contact .com-contact__form dd .control-group .control-label .form-control-feedback {
            font-size: 10px; }
          .com-contact.contact .com-contact__form form .control-group .control-label label,
          .com-contact.contact .com-contact__form dd .control-group .control-label label {
            word-wrap: none;
            word-break: keep-all;
            min-width: 190px;
            font-size: 20px;
            line-height: 1; }
        .com-contact.contact .com-contact__form form .control-group .controls input,
        .com-contact.contact .com-contact__form form .control-group .controls textarea,
        .com-contact.contact .com-contact__form dd .control-group .controls input,
        .com-contact.contact .com-contact__form dd .control-group .controls textarea {
          width: 100%;
          padding: 0;
          margin: 0;
          border: none;
          border-bottom: 1px solid #E6007E;
          background: transparent;
          outline: none;
          font-size: 16px;
          border-radius: 0;
          color: #E6007E;
          font-style: italic;
          padding-left: 10px;
          max-height: 150px;
          overflow-y: auto; }
          .com-contact.contact .com-contact__form form .control-group .controls input:focus,
          .com-contact.contact .com-contact__form form .control-group .controls textarea:focus,
          .com-contact.contact .com-contact__form dd .control-group .controls input:focus,
          .com-contact.contact .com-contact__form dd .control-group .controls textarea:focus {
            box-shadow: none;
            background-color: #E6007E;
            color: white; }
        .com-contact.contact .com-contact__form form .control-group .controls textarea,
        .com-contact.contact .com-contact__form dd .control-group .controls textarea {
          border: 1px solid #E6007E;
          height: 50px;
          scrollbar-width: thin;
          /* Thin scrollbar */
          scrollbar-color: #E6007E transparent;
          /* Thumb color and track color */
          border-radius: 0px; }
          .com-contact.contact .com-contact__form form .control-group .controls textarea::-webkit-scrollbar-track,
          .com-contact.contact .com-contact__form dd .control-group .controls textarea::-webkit-scrollbar-track {
            background: transparent;
            background: "/images/onepixel.png" repeat-x center;
            border: none;
            border-radius: 0; }
          .com-contact.contact .com-contact__form form .control-group .controls textarea::-webkit-scrollbar-thumb,
          .com-contact.contact .com-contact__form dd .control-group .controls textarea::-webkit-scrollbar-thumb {
            border-radius: 0;
            border: none; }

.site-grid .grid-child {
  max-height: 100%; }

.nav .nav-item {
  color: #E6007E;
  text-decoration: none; }

.submit-bt {
  position: relative;
  bottom: 0;
  /* Adjust this value to position the button properly */
  width: 100%;
  color: white;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  transition: 0.7s; }
  .submit-bt:hover {
    background-color: #E6007E;
    transition: 0.6s; }
  .submit-bt .controls {
    position: relative;
    width: 100%; }
  .submit-bt button {
    background-color: white;
    color: transparent;
    border-radius: 0;
    border: none;
    border-left: #E6007E 2px solid;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0;
    font-size: 9px;
    background: url("/images/send.svg") no-repeat center center;
    background-size: 50%; }
    .submit-bt button:hover {
      background-color: #E6007E;
      color: transparent;
      background: transparent url("/images/sendover.svg") no-repeat center center;
      border-left: #E6007E 2px solid;
      background-size: 50%;
      transition: 0.7s; }
    .submit-bt button:active {
      background: transparent url("/images/sendover.svg") no-repeat center center;
      transition: 0.7s; }

.blog-items,
.item-page {
  margin-top: 0; }
  .blog-items .item-content,
  .item-page .item-content {
    height: 100%;
    max-width: 300px;
    margin: auto; }
    .blog-items .item-content .image-cat-view,
    .blog-items .item-content .slogan-page-cat,
    .blog-items .item-content .slogan-page-cat-survol,
    .item-page .item-content .image-cat-view,
    .item-page .item-content .slogan-page-cat,
    .item-page .item-content .slogan-page-cat-survol {
      margin: auto; }
      .blog-items .item-content .image-cat-view img,
      .blog-items .item-content .slogan-page-cat img,
      .blog-items .item-content .slogan-page-cat-survol img,
      .item-page .item-content .image-cat-view img,
      .item-page .item-content .slogan-page-cat img,
      .item-page .item-content .slogan-page-cat-survol img {
        width: auto;
        max-height: 440px; }
  .blog-items .page-left-content,
  .item-page .page-left-content {
    border-left: #E6007E 4px solid;
    border-right: #E6007E 4px solid; }
    .blog-items .page-left-content .titre-page-article h1,
    .item-page .page-left-content .titre-page-article h1 {
      font-family: SuisseReg;
      color: #E6007E;
      font-size: 2.6vw;
      line-height: 1;
      margin-top: 10px; }
      .blog-items .page-left-content .titre-page-article h1 strong,
      .item-page .page-left-content .titre-page-article h1 strong {
        font-family: SuisseMed; }
  .blog-items .item-title a,
  .item-page .item-title a {
    color: #E6007E;
    text-decoration: none;
    font-family: SuisseThin; }
  .blog-items .fields-container,
  .item-page .fields-container {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch;
    margin: 0; }
    .blog-items .fields-container .sous-titre,
    .item-page .fields-container .sous-titre {
      font-family: SuisseThin;
      color: #E6007E;
      font-size: 2.6vw;
      line-height: 1;
      width: 75%;
      margin: 20px auto; }
    .blog-items .fields-container .titre-page-article,
    .item-page .fields-container .titre-page-article {
      margin-top: 35px; }

.nav-item a {
  white-space: nowrap;
  word-break: keep-all; }

.site-grid {
  height: 690px;
  transition: 1s; }

@media (max-width: 1600px) {
  .com-contact.contact .com-contact__container {
    flex: 0 0 50%; }

  .com-contact.contact .com-contact__form {
    flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 10px;
    height: 100%; } }
@media (max-width: 1200px) and (min-width: 750px) {
  .com-contact.contact .com-contact__container .teaser-droite-gauche {
    display: none; }

  .blog-items {
    grid-template-columns: 1fr 1fr; }

  .blog-item:nth-child(even) .item-content .slogan-page-cat {
    order: 2; }

  .com-contact.contact .com-contact__form .teaser-1,
  .com-contact.contact .com-contact__form .teaser-2 {
    display: none; } }
@media (min-width: 992px) {
  .blog-item {
    display: none; }

  .site-grid {
    display: flex;
    flex-direction: row;
    grid: none;
    align-items: center;
    flex-wrap: wrap; }
    .site-grid .container-component {
      height: 100%;
      align-self: center; }

  .container-header .container-nav,
  .container-footer .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0;
    overflow: hidden;
    border: none !important;
    align-items: center;
    margin-top: 8px; }
  .container-header .mod-menu,
  .container-header .menu-info,
  .container-footer .mod-menu,
  .container-footer .menu-info {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    margin: 0; }
    .container-header .mod-menu > li,
    .container-header .menu-info > li,
    .container-footer .mod-menu > li,
    .container-footer .menu-info > li {
      display: inline-block; }
      .container-header .mod-menu > li + li,
      .container-header .menu-info > li + li,
      .container-footer .mod-menu > li + li,
      .container-footer .menu-info > li + li {
        margin-left: 5px; }
        .container-header .mod-menu > li + li.resoPicto a:hover,
        .container-header .menu-info > li + li.resoPicto a:hover,
        .container-footer .mod-menu > li + li.resoPicto a:hover,
        .container-footer .menu-info > li + li.resoPicto a:hover {
          opacity: 0.6;
          filter: grayscale(100%) brightness(1) contrast(200%); }
      .container-header .mod-menu > li.current,
      .container-header .menu-info > li.current,
      .container-footer .mod-menu > li.current,
      .container-footer .menu-info > li.current {
        color: #E6007E;
        font-style: italic;
        transition: 0.3s; }
      .container-header .mod-menu > li > a, .container-header .mod-menu > li > li > span,
      .container-header .menu-info > li > a,
      .container-header .menu-info > li > li > span,
      .container-footer .mod-menu > li > a,
      .container-footer .mod-menu > li > li > span,
      .container-footer .menu-info > li > a,
      .container-footer .menu-info > li > li > span {
        color: #E6007E;
        text-decoration: none;
        position: relative;
        font-size: 35px;
        padding-left: 10px;
        padding-right: 10px;
        transition: transform 0.3s ease;
        display: inline-block; }
        .container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > li > span:hover,
        .container-header .menu-info > li > a:hover,
        .container-header .menu-info > li > li > span:hover,
        .container-footer .mod-menu > li > a:hover,
        .container-footer .mod-menu > li > li > span:hover,
        .container-footer .menu-info > li > a:hover,
        .container-footer .menu-info > li > li > span:hover {
          color: #E6007E;
          font-style: italic;
          transition: 0.3s; }
    .container-header .mod-menu .item-106,
    .container-header .menu-info .item-106,
    .container-footer .mod-menu .item-106,
    .container-footer .menu-info .item-106 {
      margin-right: 20px; }
      .container-header .mod-menu .item-106 a:hover,
      .container-header .menu-info .item-106 a:hover,
      .container-footer .mod-menu .item-106 a:hover,
      .container-footer .menu-info .item-106 a:hover {
        display: inline-block;
        font-style: italic;
        transform: translateX(-30px);
        transition: transform 0.3s ease;
        letter-spacing: 5px; }
      .container-header .mod-menu .item-106.active,
      .container-header .menu-info .item-106.active,
      .container-footer .mod-menu .item-106.active,
      .container-footer .menu-info .item-106.active {
        display: inline-block;
        font-style: italic;
        transform: translateX(-30px);
        transition: transform 0.3s ease;
        letter-spacing: 5px; }

  .mod-menu > li::after {
    content: "";
    opacity: .2;
    background: none;
    height: 2px;
    margin: auto;
    transition: all .2s, background-color .2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%; }

  .com_content .container-nav,
  .com_content .container-nav,
  .contact .container-nav {
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* La largeur du conteneur visible */
    height: auto;
    /* Ajustez selon vos besoins */ }
    .com_content .container-nav .header-nav,
    .com_content .container-nav .header-nav,
    .contact .container-nav .header-nav {
      order: 1; }
    .com_content .container-nav .menu-info,
    .com_content .container-nav .menu-info,
    .contact .container-nav .menu-info {
      order: 2; }
  .com_content .blog-featured,
  .com_content .com-content-category-blog,
  .com_content .blog-featured,
  .com_content .com-content-category-blog,
  .contact .blog-featured,
  .contact .com-content-category-blog {
    height: 100%; }
    .com_content .blog-featured .blog-items,
    .com_content .com-content-category-blog .blog-items,
    .com_content .blog-featured .blog-items,
    .com_content .com-content-category-blog .blog-items,
    .contact .blog-featured .blog-items,
    .contact .com-content-category-blog .blog-items {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: scroll;
      height: 100%;
      scrollbar-width: thin;
      /* Thin scrollbar */
      scrollbar-color: #E6007E transparent;
      /* Thumb color and track color */
      border-radius: 0px;
      scrollbar-width: none;
      /* Firefox */ }
      .com_content .blog-featured .blog-items::-webkit-scrollbar-track,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar-track,
      .com_content .blog-featured .blog-items::-webkit-scrollbar-track,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar-track,
      .contact .blog-featured .blog-items::-webkit-scrollbar-track,
      .contact .com-content-category-blog .blog-items::-webkit-scrollbar-track {
        background: transparent;
        background: "/images/onepixel.png" repeat-x center;
        border: none;
        border-radius: 0; }
      .com_content .blog-featured .blog-items::-webkit-scrollbar-thumb,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar-thumb,
      .com_content .blog-featured .blog-items::-webkit-scrollbar-thumb,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar-thumb,
      .contact .blog-featured .blog-items::-webkit-scrollbar-thumb,
      .contact .com-content-category-blog .blog-items::-webkit-scrollbar-thumb {
        border-radius: 0;
        border: none; }
      .com_content .blog-featured .blog-items::-webkit-scrollbar,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar,
      .com_content .blog-featured .blog-items::-webkit-scrollbar,
      .com_content .com-content-category-blog .blog-items::-webkit-scrollbar,
      .contact .blog-featured .blog-items::-webkit-scrollbar,
      .contact .com-content-category-blog .blog-items::-webkit-scrollbar {
        width: 0;
        height: 0; }
      .com_content .blog-featured .blog-items figure.item-image,
      .com_content .com-content-category-blog .blog-items figure.item-image,
      .com_content .blog-featured .blog-items figure.item-image,
      .com_content .com-content-category-blog .blog-items figure.item-image,
      .contact .blog-featured .blog-items figure.item-image,
      .contact .com-content-category-blog .blog-items figure.item-image {
        text-align: center; }
        .com_content .blog-featured .blog-items figure.item-image img,
        .com_content .com-content-category-blog .blog-items figure.item-image img,
        .com_content .blog-featured .blog-items figure.item-image img,
        .com_content .com-content-category-blog .blog-items figure.item-image img,
        .contact .blog-featured .blog-items figure.item-image img,
        .contact .com-content-category-blog .blog-items figure.item-image img {
          height: 100%;
          width: auto; }
      .com_content .blog-featured .blog-items .blog-item,
      .com_content .com-content-category-blog .blog-items .blog-item,
      .com_content .blog-featured .blog-items .blog-item,
      .com_content .com-content-category-blog .blog-items .blog-item,
      .contact .blog-featured .blog-items .blog-item,
      .contact .com-content-category-blog .blog-items .blog-item {
        width: calc(23vw - 20px);
        flex: 0 0 auto;
        transition: 1s;
        position: relative; }
        .com_content .blog-featured .blog-items .blog-item a,
        .com_content .com-content-category-blog .blog-items .blog-item a,
        .com_content .blog-featured .blog-items .blog-item a,
        .com_content .com-content-category-blog .blog-items .blog-item a,
        .contact .blog-featured .blog-items .blog-item a,
        .contact .com-content-category-blog .blog-items .blog-item a {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          height: 100%; }
        .com_content .blog-featured .blog-items .blog-item .slogan-page-cat,
        .com_content .com-content-category-blog .blog-items .blog-item .slogan-page-cat,
        .com_content .blog-featured .blog-items .blog-item .slogan-page-cat,
        .com_content .com-content-category-blog .blog-items .blog-item .slogan-page-cat,
        .contact .blog-featured .blog-items .blog-item .slogan-page-cat,
        .contact .com-content-category-blog .blog-items .blog-item .slogan-page-cat {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1; }
        .com_content .blog-featured .blog-items .blog-item .image-cat-view,
        .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view,
        .com_content .blog-featured .blog-items .blog-item .image-cat-view,
        .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view,
        .contact .blog-featured .blog-items .blog-item .image-cat-view,
        .contact .com-content-category-blog .blog-items .blog-item .image-cat-view {
          width: 100%;
          flex: 2; }
          .com_content .blog-featured .blog-items .blog-item .image-cat-view span,
          .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view span,
          .com_content .blog-featured .blog-items .blog-item .image-cat-view span,
          .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view span,
          .contact .blog-featured .blog-items .blog-item .image-cat-view span,
          .contact .com-content-category-blog .blog-items .blog-item .image-cat-view span {
            display: block;
            width: 100%;
            height: 100%; }
          .com_content .blog-featured .blog-items .blog-item .image-cat-view img,
          .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view img,
          .com_content .blog-featured .blog-items .blog-item .image-cat-view img,
          .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view img,
          .contact .blog-featured .blog-items .blog-item .image-cat-view img,
          .contact .com-content-category-blog .blog-items .blog-item .image-cat-view img {
            position: absolute;
            bottom: 0;
            transition: transform 0.7s ease; }
            .com_content .blog-featured .blog-items .blog-item .image-cat-view img.hover-zoom,
            .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view img.hover-zoom,
            .com_content .blog-featured .blog-items .blog-item .image-cat-view img.hover-zoom,
            .com_content .com-content-category-blog .blog-items .blog-item .image-cat-view img.hover-zoom,
            .contact .blog-featured .blog-items .blog-item .image-cat-view img.hover-zoom,
            .contact .com-content-category-blog .blog-items .blog-item .image-cat-view img.hover-zoom {
              transform: scale(1.03); }
      .com_content .blog-featured .blog-items .blog-item:nth-child(even) li.slogan-page-cat,
      .com_content .com-content-category-blog .blog-items .blog-item:nth-child(even) li.slogan-page-cat,
      .com_content .blog-featured .blog-items .blog-item:nth-child(even) li.slogan-page-cat,
      .com_content .com-content-category-blog .blog-items .blog-item:nth-child(even) li.slogan-page-cat,
      .contact .blog-featured .blog-items .blog-item:nth-child(even) li.slogan-page-cat,
      .contact .com-content-category-blog .blog-items .blog-item:nth-child(even) li.slogan-page-cat {
        order: 3; }
      .com_content .blog-featured .blog-items .blog-item:nth-child(even) .image-cat-view img,
      .com_content .com-content-category-blog .blog-items .blog-item:nth-child(even) .image-cat-view img,
      .com_content .blog-featured .blog-items .blog-item:nth-child(even) .image-cat-view img,
      .com_content .com-content-category-blog .blog-items .blog-item:nth-child(even) .image-cat-view img,
      .contact .blog-featured .blog-items .blog-item:nth-child(even) .image-cat-view img,
      .contact .com-content-category-blog .blog-items .blog-item:nth-child(even) .image-cat-view img {
        top: 0 !important; }
      .com_content .blog-featured .blog-items .description-article,
      .com_content .com-content-category-blog .blog-items .description-article,
      .com_content .blog-featured .blog-items .description-article,
      .com_content .com-content-category-blog .blog-items .description-article,
      .contact .blog-featured .blog-items .description-article,
      .contact .com-content-category-blog .blog-items .description-article {
        overflow-y: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        max-height: calc(1.2em * 4);
        /* Adjust the multiplier based on your line height */
        overflow: hidden;
        transition: max-height 0.3s ease;
        position: relative; }
        .com_content .blog-featured .blog-items .description-article .field-entry,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry,
        .com_content .blog-featured .blog-items .description-article .field-entry,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry,
        .contact .blog-featured .blog-items .description-article .field-entry,
        .contact .com-content-category-blog .blog-items .description-article .field-entry {
          position: relative;
          max-height: calc(1.2em * 4);
          /* Adjust the multiplier based on your line height */
          overflow: hidden;
          transition: max-height 0.3s ease; }
        .com_content .blog-featured .blog-items .description-article .field-value,
        .com_content .com-content-category-blog .blog-items .description-article .field-value,
        .com_content .blog-featured .blog-items .description-article .field-value,
        .com_content .com-content-category-blog .blog-items .description-article .field-value,
        .contact .blog-featured .blog-items .description-article .field-value,
        .contact .com-content-category-blog .blog-items .description-article .field-value {
          display: -webkit-box;
          -webkit-line-clamp: 4;
          /* Limit to 4 lines */
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin-bottom: 50px; }
        .com_content .blog-featured .blog-items .description-article .expand-btn,
        .com_content .com-content-category-blog .blog-items .description-article .expand-btn,
        .com_content .blog-featured .blog-items .description-article .expand-btn,
        .com_content .com-content-category-blog .blog-items .description-article .expand-btn,
        .contact .blog-featured .blog-items .description-article .expand-btn,
        .contact .com-content-category-blog .blog-items .description-article .expand-btn {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: white;
          text-align: center;
          cursor: pointer;
          padding: 5px;
          border-top: 1px solid #ccc; }
        .com_content .blog-featured .blog-items .description-article .field-entry:not(.expanded) .expand-btn,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry:not(.expanded) .expand-btn,
        .com_content .blog-featured .blog-items .description-article .field-entry:not(.expanded) .expand-btn,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry:not(.expanded) .expand-btn,
        .contact .blog-featured .blog-items .description-article .field-entry:not(.expanded) .expand-btn,
        .contact .com-content-category-blog .blog-items .description-article .field-entry:not(.expanded) .expand-btn {
          display: block;
          /* Show only when the container is not expanded */ }
        .com_content .blog-featured .blog-items .description-article .field-entry.expanded,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry.expanded,
        .com_content .blog-featured .blog-items .description-article .field-entry.expanded,
        .com_content .com-content-category-blog .blog-items .description-article .field-entry.expanded,
        .contact .blog-featured .blog-items .description-article .field-entry.expanded,
        .contact .com-content-category-blog .blog-items .description-article .field-entry.expanded {
          max-height: none; }

  .view-article .item-page {
    display: flex;
    max-width: 100%;
    height: 100%;
    justify-content: space-between; }
    .view-article .item-page > div.page-right-content {
      width: 75vw;
      transition: 1s; }
      .view-article .item-page > div.page-right-content.sliderdiv {
        display: flex;
        flex-direction: column;
        width: 100%; }
      .view-article .item-page > div.page-right-content .fields-container {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-height: 1000px; }
      .view-article .item-page > div.page-right-content li.carrousel {
        max-height: 690px;
        width: 100%;
        display: block; }
        .view-article .item-page > div.page-right-content li.carrousel span {
          height: 690px; }
    .view-article .item-page > div.page-left-content {
      padding-right: 2vw;
      padding-left: 2vw;
      width: 25vw;
      transition: 1s; }
    .view-article .item-page ul.fields-container {
      list-style-type: none;
      padding: 0;
      height: 100%;
      margin: 0; }
    .view-article .item-page .description-article {
      overflow-y: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      /* Adjust the multiplier based on your line height */
      overflow: hidden;
      transition: max-height 0.3s ease;
      position: relative; }
      .view-article .item-page .description-article .field-entry {
        max-height: calc(1.9em * 4);
        /* Adjust the multiplier based on your line height */
        overflow: hidden;
        transition: max-height 0.3s ease; }
      .view-article .item-page .description-article .field-value {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* Limit to 4 lines */
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .view-article .item-page .description-article .field-entry:not(.expanded) .expand-btn {
        display: block;
        /* Show only when the container is not expanded */ }
      .view-article .item-page .description-article .field-entry.expanded {
        max-height: none; }
      .view-article .item-page .description-article .expand-btn {
        color: #E6007E;
        background-color: white;
        text-align: center;
        cursor: pointer;
        padding: 0px;
        border: 1px solid #E6007E;
        min-width: 30px; }
    .view-article .item-page.expanded {
      transition: 1s; }
      .view-article .item-page.expanded > div.page-right-content {
        transition: 1s; }
        .view-article .item-page.expanded > div.page-right-content .fields-container {
          margin: 0 auto; }
      .view-article .item-page.expanded > div.page-left-content {
        padding-right: 2vw;
        padding-left: 2vw;
        width: 75vw;
        transition: 1s; }
      .view-article .item-page.expanded > div .titre-page-article {
        max-width: 75%; }
      .view-article .item-page.expanded .field-entry.description-article {
        max-height: 100%;
        overflow-y: auto;
        scrollbar-width: thin;
        /* Thin scrollbar */
        scrollbar-color: #E6007E transparent;
        /* Thumb color and track color */
        border-radius: 0px; }
        .view-article .item-page.expanded .field-entry.description-article::-webkit-scrollbar-track {
          background: transparent;
          background: "/images/onepixel.png" repeat-x center;
          border: none;
          border-radius: 0; }
        .view-article .item-page.expanded .field-entry.description-article::-webkit-scrollbar-thumb {
          border-radius: 0;
          border: none; }
        .view-article .item-page.expanded .field-entry.description-article .field-value {
          display: block;
          -webkit-line-clamp: unset;
          /* Limit to 4 lines */
          -webkit-box-orient: vertical; }
    .view-article .item-page .expand-btn {
      color: #E6007E;
      background-color: white;
      text-align: center;
      cursor: pointer;
      padding: 0px;
      border: 1px solid #E6007E;
      width: 30px;
      margin-bottom: 10px; }
      .view-article .item-page .expand-btn:hover {
        color: white;
        background-color: #E6007E; } }
.view-article .bx-wrapper .bx-pager.bx-default-pager a {
  background: lightpink;
  color: lightpink; }
  .view-article .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #E6007E;
    color: #E6007E; }

.slider > li .bxflexcontainer {
  display: flex;
  flex-direction: column;
  height: 690px; }
  .slider > li .bxflexcontainer .varheight {
    flex: 1; }

.bx-wrapper,
.bx-wrapper * {
  border: none;
  outline: none;
  box-shadow: none;
  margin: 0;
  padding: 0; }

.carrousel .bx-wrapper {
  box-shadow: none;
  border: none;
  height: 690px;
  border: none; }
  .carrousel .bx-wrapper .bx-pager {
    bottom: 12px; }
  .carrousel .bx-wrapper .bx-viewport {
    height: 690px; }
    .carrousel .bx-wrapper .bx-viewport .fields-container li img {
      width: auto;
      max-width: 100%;
      height: 690px;
      object-fit: cover;
      outline: none;
      box-shadow: none;
      border: none !important;
      width: auto;
      margin: auto; }
      .carrousel .bx-wrapper .bx-viewport .fields-container li img:focus, .carrousel .bx-wrapper .bx-viewport .fields-container li img:hover {
        outline: none;
        box-shadow: none;
        border: none !important; }

@media (min-width: 1701px) {
  .com_content .blog-featured .blog-items .blog-item,
  .com_content .com-content-category-blog .blog-items .blog-item {
    width: calc(18vw - 20px);
    transition: 1s; } }
@media (max-width: 991.98px) {
  .container-sidebar-left {
    grid-area: auto; }
    .container-sidebar-left a {
      position: relative;
      z-index: 100;
      margin-top: 15px;
      font-size: 45px; }

  .item-page .fields-container {
    margin-top: 6px; }

  .main-container .varheight {
    display: none; }

  .blog-items {
    grid-template-columns: 1fr 1fr; }

  .main-container {
    padding-top: 50px; }

  .container-header {
    padding-top: 2px;
    position: fixed !important;
    top: 0; }

  .container-header .container-nav {
    padding-bottom: 0;
    display: flex;
    align-items: center; }

  .main-container .site-grid .side-right-button {
    display: none; }

  .site-grid {
    height: auto; }

  .blog-items {
    padding-bottom: 50px; }
    .blog-items .item-content,
    .blog-items .item-page .item-content {
      max-width: inherit; }

  header.container-header {
    width: 100vw;
    z-index: 100000; }

  header .container-nav .header-nav {
    width: 93vw; }

  header .container-nav .menu-info {
    width: 7vw;
    position: relative;
    height: 60px; }
    header .container-nav .menu-info a {
      display: block;
      width: 100%;
      height: 62px;
      color: transparent; }
    header .container-nav .menu-info::before {
      content: "";
      display: block;
      width: 29px;
      height: 59px;
      background-image: url("/images/info.svg");
      background-size: cover;
      background-position: center;
      position: absolute;
      top: 0;
      left: 5px; }

  .com_content .container-nav .nav,
  .contact .container-nav .nav {
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    gap: 15px; }

  .view-article .item-page {
    display: flex;
    flex-direction: column; }
    .view-article .item-page .page-left-content {
      order: 2; }
    .view-article .item-page .page-right-content {
      margin-top: 40px;
      order: 1; }
    .view-article .item-page .bx-wrapper {
      margin-bottom: 20px; }

  .container-footer {
    display: inline-block;
    white-space: nowrap; }
    .container-footer nav {
      display: inline-block; }
    .container-footer .container-nav .nav-item {
      display: inline-block; }

  footer.footer {
    position: fixed;
    bottom: 0; }

  .item-page .page-left-content {
    border-left: none;
    border-right: none; }
    .item-page .page-left-content button {
      display: none; }
    .item-page .page-left-content .titre-page-article {
      font-size: 13vw;
      line-height: 0.9; }

  .carrousel .bx-wrapper .bx-viewport .fields-container li img,
  .slider > li .bxflexcontainer,
  .carrousel .bx-wrapper {
    height: 400px; }

  .com-contact.contact {
    flex-direction: column;
    padding-left: 10px;
    padding: 10px;
    height: auto; }
    .com-contact.contact .titre-page-contact {
      line-height: 0.8;
      margin-top: 24px;
      margin-bottom: 20px; }
    .com-contact.contact .description-texte {
      padding-right: 0;
      margin-bottom: 20px; }
    .com-contact.contact .photo-contact-1 {
      margin-bottom: 20px;
      width: 45%; }
    .com-contact.contact .photo-contact-2 {
      margin-top: 30px;
      margin-left: 0;
      margin-bottom: 20px;
      width: 45%; }
    .com-contact.contact .teaser-droite-gauche {
      display: none; }

  .com-contact.contact .com-contact__form {
    border-left: none;
    padding: 0;
    padding-bottom: 200px; }
    .com-contact.contact .com-contact__form form .control-group .control-label label {
      min-width: inherit; }
    .com-contact.contact .com-contact__form form .control-group .controls textarea {
      height: 100px; }
    .com-contact.contact .com-contact__form form .control-group:nth-child(6) {
      display: block; }
    .com-contact.contact .com-contact__form dd {
      margin-bottom: 50px; }

  .view-article .item-page .page-right-content.sliderdiv {
    margin-left: -23px;
    margin-right: -23px; } }
@media (max-width: 821px) {
  header .container-nav .menu-info::before {
    left: 13px; }

  .carrousel .bx-wrapper, .slider > li .bxflexcontainer {
    height: 690px; }

  .carrousel .bx-wrapper .bx-viewport .fields-container li img {
    height: 690px; } }
@media (max-width: 768px) {
  .view-featured .blog-items, .view-category .blog-items {
    grid-template-columns: 1fr; } }
@media (max-width: 576px) {
  .item-page .page-left-content .titre-page-article h1 {
    font-size: 28px; }

  .carrousel .bx-wrapper .bx-viewport .fields-container li img, .slider > li .bxflexcontainer, .carrousel .bx-wrapper {
    height: 286px; }

  header .container-nav .menu-info::before {
    left: 1px;
    height: 56px; }

  .com-contact.contact .com-contact__form form .control-group, .com-contact.contact .com-contact__form dd .control-group {
    width: calc(100% - 20px);
    flex-wrap: wrap; }

  .com-contact.contact .fields-container {
    display: block; }
    .com-contact.contact .fields-container .contact-mobile {
      width: 100%; }
      .com-contact.contact .fields-container .contact-mobile a {
        margin: 00px 10px;
        display: block; }

  .com-contact.contact .com-contact__form dd {
    margin-bottom: 20px; }

  .com-contact.contact .com-contact__form {
    padding-bottom: 200px; }

  .com-contact.contact .com-contact__form .teaser-1 {
    top: 50px; }

  .com-contact.contact .photo-contact-1 {
    margin-bottom: 20px;
    width: auto; }

  .com-contact.contact .photo-contact-2 {
    margin-top: 30px;
    margin-left: 0;
    margin-bottom: 20px;
    width: auto; } }

/*# sourceMappingURL=user.css.map */