@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap');

html 
{
  height:100%;
}

/* body
{
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='34.129' height='45' patternTransform='scale(3) rotate(160)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M2.51 1.597A23.682 23.682 0 000 1.72v32.65c2.18-2 4.176-4.072 5.844-5.915 3.188-3.523 9.14-2.133 10.242 2.488a5.048 5.048 0 01-.467 3.649c-1.5 2.829-3.843 2.848-5.616 2.316-1.343-.403-2.579.882-2.085 2.193.878 2.334 3.46 4.9 10.724 4.18 5.05-.5 10.712-4.53 15.487-8.911V1.72c-7.355.728-16.01 8.948-21.33 14.827-3.188 3.522-9.14 2.133-10.242-2.489a5.05 5.05 0 01.466-3.648C4.525 7.58 6.867 7.56 8.64 8.092c1.342.403 2.578-.88 2.085-2.192-.77-2.042-2.842-4.262-8.214-4.303z'  stroke-width='1' stroke='none' fill='hsla(224,30.6%,90.4%,1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
} */

@media(min-width:768px)
{
   .carousel-caption {
        left: 50%;
      top: 55%;
      transform: translate(-50%, -50%);
  } 
}



.ombre-externe {
    background-color: white;
    padding: 1rem;
    -moz-box-shadow: 20px 20px 36px rgba(0,0,0,0.2);
    -webkit-box-shadow: 20px 20px 36px rgba(0,0,0,0.2);
    box-shadow: 20px 20px 36px rgba(0,0,0,0.2);
}

.ombre-interne {
    padding: 0.4rem;
    background-color: white;
    -webkit-box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.4);
    box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.4);
}


/* h5
{
  font-size:5vw;
  font-family: 'Caveat', cursive;
  text-shadow: 0px 0px 8px rgba(0, 2, 0, 1);
} */

/* p
{
text-shadow: -2px -2px 21px rgba(0, 2, 0, 1);
} */
/* a:hover
{
    color: #699fc7 !important;
} */

.bg-grey
{
    background-color: #ccc !important;
}

/* .bg-red
{
    background-color: #186a7c;
} */

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1000;
  }


  .header-shadow {
    box-shadow: 0 2px 10px #c9c9c9;
}



.currentTab {
  background-color: white;
  padding: 1rem;
  box-shadow: 8px 8px 16px rgba(0,0,0,0.2);
}

.currentTab-interne {
  padding: 0.8rem;
  background-color: white;
  /* -webkit-box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.4);
  box-shadow: inset 8px 0px 14px -1px rgba(0,0,0,0.1); */
}














@import url("https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,600,700,800&display=swap");

html, body {
    font-family: "Libre Franklin", sans-serif;
}

div.carousel-nav-icon > svg {
    height: 48px;
    width: 48px;
}

html[data-bs-theme="dark"] div.carousel-nav-icon > svg {
    fill: #FFF !important;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}

/* Nothing below this point is needed. */
.dark-mode-toggle {
    bottom: 3%;
    right: 3%;
    z-index: 10;
}
.dark-mode-toggle,
.dark-mode-toggle > *, 
.dark-mode-toggle > * > * {
    cursor: pointer;
}


    /* Custom CSS to make the accordion button smaller and remove the arrow */
   



 /* Custom CSS for the cone effect */
 
/* #ccc */