@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Vast+Shadow&display=swap');

:root {
    --primary-color: #0964A4;
    --primary-color-hover: #085a93;
    --font-family-text: 'Poppins';
    --font-family-title: 'Poppins';
    --background-body: #ffffff;
    --background-position: ;
    --background-image: none;
    --background-repeat: repeat;
    --background-size: ;
    --text-on-body: #10333f;
    --text-on-body-light: #113845;
    --font-size: 17px;
    --max-row-size: 1440px;
    --max-row-size-padding-large: 1520px;
    --max-row-size-padding-small: 1480px;
}

.header.header--fixed .header__relative {
    background-color: #f85c51;
}

.header-sidebar__wrapper {
    background: url(https://media.cdnws.com/_i/356020/RAW-69/2002/69/histoiresdejeux-menu.png)bottom no-repeat;
}

.histoires .wizi-imgtxt__right {
    background-color: #0964a4;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.histoires .wizi-imgtxt__right:hover {box-shadow: rgba(0, 0, 0, 0.85) 0px 5px 15px;}

.blocsociete .wizi-txt.wizi-txt--one {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-radius: 20px;
}

.blocsociete .wizi-txt.wizi-txt--one:hover {
    box-shadow: rgba(0, 0, 0, 0.85) 0px 5px 15px;
}

.blocsociete span.wizi-wrapper__background {
    border-radius: 20px;
}

.single-newsletter__wrapper__content__form__fieldset__btn {
    background-color: #f85c51;
}

.single-newsletter {
    background: transparent;
}

.footer {
    background: #085A93;
}

.single-newsletter__wrapper__content__subtext {
    color: white;
}

.single-newsletter__wrapper__content__text {
    color: white;
}

.footer__wrapper__left__primary__title {
    color: white;
}

.footer__wrapper__left__primary__ul__li__link {
    color: white;
}

.powered__p {
    color: white;
}

.powered {
    background: #f85c51;
}

.footer__wrapper__left__primary__ul__li__link:focus, .footer__wrapper__left__primary__ul__li__link:hover {
    color: #F85C51;
}

.nav__maxWidth>.nav__itemlvl1:hover {
    color: var(--primary-color);
    font-weight: 500;
}

.btn {
  font-size: 17px;
  background: transparent;
  border: none;
  padding: 1em 1.5em;
  color: black;
  text-transform: uppercase;
  position: relative;
  transition: .5s ease;
}

.btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #f85c51;
  transition: .5s ease;
}

.btn:hover {
  color: white;
  transition-delay: .5s;
}

.btn:hover::before {
  width: 100%;
}

.btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #0964A4;
  transition: .4s ease;
  z-index: -1;
}

.btn:hover::after {
  height: 100%;
  transition-delay: 0.4s;
  color: aliceblue;
}

.btn2 {
  font-size: 17px;
  background: transparent;
  border: none;
  padding: 1em 1.5em;
  color: black;
  text-transform: uppercase;
  position: relative;
  transition: .5s ease;
}

.btn2::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #0964A4;
  transition: .5s ease;
}

.btn2:hover {
  color: white;
  transition-delay: .5s;
}

.btn2:hover::before {
  width: 100%;
}

.btn2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #f85c51;
  transition: .4s ease;
  z-index: -1;
}

.btn2:hover::after {
  height: 100%;
  transition-delay: 0.4s;
  color: aliceblue;
}

/* Styles pour afficher le contenu des onglets */
.content-tab {
  display: none;
}

/* Afficher le contenu associé à l'onglet sélectionné */
input#tab1:checked + label + .content-tab,
input#tab2:checked + label + .content-tab,
input#tab3:checked + label + .content-tab {
  display: block;
}

/* TEST */
/* Conteneur pour l'effet de zoom */
.gallery__item {
    overflow: hidden; /* S'assurer que les images zoomées ne débordent pas */
    position: relative;
    display: inline-block;
    max-width: 100%;
}

/* Appliquer l'effet de zoom au survol de l'image */
.gallery__item img {
    transition: transform 0.5s ease; /* Transition douce pour le zoom */
    width: 100%;
}

/* Lorsque l'utilisateur survole l'image, elle sera agrandie */
.gallery__item:hover img {
    transform: scale(1.5); /* Zoom de 1.5x sur l'image */
}