@font-face {
  font-family: "Futura";
  src: url("../fonts/futura/Futura Book.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Futura";
  src: url("../fonts/futura/Futura Bold.ttf");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Futura";
  src: url("../fonts/futura/FuturaStd-BookOblique.otf");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Futura";
  src: url("../fonts/futura/FuturaLT-BoldOblique.ttf");
  font-weight: bold;
  font-style: italic; }
button {
  font-family: "Futura", sans-serif !important; }
  button:hover {
    cursor: pointer; }

.cta-button {
  border-radius: 26% 15% 16% 10% / 24% 65% 13% 52%;
  border-width: 2px;
  border-color: black;
  font-size: 1.25rem;
  font-weight: 600; }

.button-red {
  background-color: #e85555; }

.button-red:hover {
  background-color: #F09090; }

.button-blue {
  background-color: #37A9A8; }

.button-blue:hover {
  background-color: #7BC6C6; }

.button-white {
  background-color: #FFFFFF; }

.button-white:hover {
  background-color: #E8E8E8; }

.footer-scicabulle {
  clear: both;
  background-color: #B6DDD5;
  margin-top: 2rem; }
  .footer-scicabulle a {
    color: #006564; }
  .footer-scicabulle .legal-mention {
    font-size: 0.9rem;
    color: black; }
  .footer-scicabulle .contact-info {
    line-height: 2;
    margin-top: 1rem;
    padding-left: 4rem;
    color: black;
    font-size: 0.9rem; }
  @media (max-width: 767px) {
    .footer-scicabulle .contact-info {
      padding-left: 1rem; } }
  .footer-scicabulle .buttons-footer div a .cta-button {
    font-size: 1rem !important; }

.menu, .menu-mobile {
  margin-left: 10%;
  margin-right: 10%; }
  .menu .menu-item, .menu-mobile .menu-item {
    border-radius: 26% 15% 16% 10% / 24% 65% 13% 52%;
    color: black;
    border: solid;
    border-width: 2px;
    border-color: black;
    font-size: 1.1rem;
    font-weight: 400;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    background-color: white;
    display: flex;
    align-items: center; }
    .menu .menu-item:hover, .menu-mobile .menu-item:hover {
      background-color: #E8E8E8; }
    .menu .menu-item:focus-visible, .menu-mobile .menu-item:focus-visible {
      border-width: 5px;
      background-color: #E8E8E8; }
    .menu .menu-item svg, .menu-mobile .menu-item svg {
      margin-left: 1rem;
      width: 1.5rem; }
  .menu .menu-item:has(svg), .menu-mobile .menu-item:has(svg) {
    justify-content: space-between; }
  .menu .menu-dropdown, .menu-mobile .menu-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    flex-direction: column;
    align-items: center; }
    .menu .menu-dropdown .menu-item, .menu-mobile .menu-dropdown .menu-item {
      font-weight: 400 !important; }
    @media (max-width: 767px) {
      .menu .menu-dropdown, .menu-mobile .menu-dropdown {
        position: relative; } }
  .menu .has-dropdown, .menu-mobile .has-dropdown {
    position: relative; }
    .menu .has-dropdown:hover, .menu-mobile .has-dropdown:hover {
      cursor: pointer; }
      .menu .has-dropdown:hover .menu-dropdown, .menu-mobile .has-dropdown:hover .menu-dropdown {
        display: flex !important; }

.menu-mobile {
  display: none; }

.menu-mobile.is-active {
  display: flex; }

.section-faq {
  width: 100%; }
  .section-faq .block-title {
    justify-content: flex-start !important;
    line-height: 1.1; }
  .section-faq .question-answer .question {
    cursor: pointer;
    font-size: 1.5rem;
    color: black;
    line-height: 1.1; }
    @media (max-width: 767px) {
      .section-faq .question-answer .question {
        font-size: 1.2rem; } }
    .section-faq .question-answer .question .question-text {
      max-width: 80%; }
    .section-faq .question-answer .question svg {
      transition: all 0.5s ease; }
      @media (max-width: 767px) {
        .section-faq .question-answer .question svg {
          height: 60%;
          width: 60%; } }
  .section-faq .question-answer .answer {
    background-color: #B6DDD5; }
    .section-faq .question-answer .answer .richtext {
      color: black;
      display: none; }
  .section-faq .is-active svg {
    transform: rotate(180deg); }
  .section-faq .is-active .richtext {
    display: block !important; }

.block-references {
  margin-left: 15%;
  margin-right: 15%; }
  .block-references .title-references {
    font-size: 2.5rem;
    line-height: 1.2;
    color: #006564; }
  .block-references .references {
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .block-references .references .reference {
      max-width: 350px;
      margin: 1rem .5rem; }
      @media (max-width: 767px) {
        .block-references .references .reference {
          margin: .5rem 0; } }
      .block-references .references .reference .reference-images {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: .5rem; }
        .block-references .references .reference .reference-images .reference-image {
          margin: 0 0.25rem; }
          .block-references .references .reference .reference-images .reference-image img {
            width: 100%; }
        @media (max-width: 767px) {
          .block-references .references .reference .reference-images {
            flex-direction: column; }
            .block-references .references .reference .reference-images .reference-image {
              margin: 1rem 0; } }
  @media (max-width: 767px) {
    .block-references {
      margin-left: 5%;
      margin-right: 5%; } }

.big-cards .big-card {
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  flex-direction: row;
  background-color: #B6DDD5; }
  .big-cards .big-card .image-big-card img {
    border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%; }
  .big-cards .big-card.image-left {
    flex-direction: row; }
  .big-cards .big-card.image-right {
    flex-direction: row-reverse; }
  .big-cards .big-card.is-blue {
    background-color: #B6DDD5; }
    .big-cards .big-card.is-blue .big-card-separator path {
      fill: #FFFFFF !important;
      stroke: #FFFFFF !important; }
  .big-cards .big-card.is-white {
    background-color: #FFFFFF; }
    .big-cards .big-card.is-white .big-card-separator path {
      fill: #B6DDD5 !important;
      stroke: #B6DDD5 !important; }
  .big-cards .big-card .text-big-card {
    padding-left: 3rem;
    padding-right: 3rem; }
  @media (max-width: 767px) {
    .big-cards .big-card {
      flex-direction: row; }
      .big-cards .big-card .text-big-card {
        padding-left: 1rem;
        padding-right: 1rem; } }

.articles {
  margin-left: 15%;
  margin-right: 15%; }
  .articles .article img {
    border: solid;
    border-width: 3px;
    border-color: black;
    width: 100%; }
  .articles .article .event-info {
    text-align: center;
    width: 100%;
    background-color: #006564;
    color: #FFFFFF;
    padding: 0.5rem; }
  .articles .article .richtext, .articles .article .article-date {
    color: black; }
  @media (max-width: 767px) {
    .articles .article {
      padding-left: 5%;
      padding-right: 5%; } }
  @media (max-width: 767px) {
    .articles {
      margin-left: 5%;
      margin-right: 5%; } }

.article-page {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 10%; }
  .article-page .image-article img {
    border: solid;
    border-width: 4px;
    border-color: black;
    width: 100%;
    height: auto; }
  .article-page .event-info {
    color: #006564;
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.1; }

.header .logo-container {
  width: 270px;
  height: 90px; }
  @media (max-width: 767px) {
    .header .logo-container {
      width: 135px;
      height: 45px; } }
@media (max-width: 767px) {
  .header {
    width: 100%;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem; } }

.separator-header {
  border-top: 2px solid black;
  width: 100%; }

.phrase-exergue {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .phrase-exergue div {
    font-size: 1.5rem;
    line-height: 1.25;
    border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%;
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    font-weight: 600;
    padding: 1.5rem 2rem; }
  @media (max-width: 767px) {
    .phrase-exergue div {
      margin-left: 10%;
      margin-right: 10%;
      font-size: 1rem; } }

.blog-index {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 10%;
  color: black; }
  .blog-index h2 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2; }
  .blog-index .main-article {
    display: flex; }
    .blog-index .main-article .info-article {
      width: 60%; }
      .blog-index .main-article .info-article a {
        color: #006564; }
    .blog-index .main-article .image-article {
      width: 40%; }
  .blog-index img {
    border: solid;
    border-width: 4px;
    border-color: black;
    width: 100%;
    height: auto; }
  .blog-index .event-header {
    background-color: #006564;
    color: #FFFFFF;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 0.5rem; }
  .blog-index .other-articles {
    color: #006564;
    font-size: 2.5rem;
    align-self: flex-start; }
  .blog-index .article-index {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex; }
    .blog-index .article-index .info-article {
      width: 70%; }
      .blog-index .article-index .info-article a {
        color: #006564; }
    .blog-index .article-index .image-article {
      width: 30%; }
  .blog-index .pagination {
    color: #006564; }
    .blog-index .pagination .page-level {
      font-weight: 600; }
    .blog-index .pagination path {
      fill: #006564 !important;
      stroke: #006564 !important; }
    .blog-index .pagination a {
      color: #006564 !important;
      margin-left: 1rem;
      margin-right: 1rem; }
      @media (max-width: 767px) {
        .blog-index .pagination a {
          margin-left: 0.5rem;
          margin-right: 0.5rem; } }
      .blog-index .pagination a svg:hover {
        height: 30px; }
  @media (max-width: 767px) {
    .blog-index .article-summary {
      padding-top: 0.5rem; } }
  @media (min-width: 768px) {
    .blog-index .article-summary {
      padding-left: 1rem; } }
  @media (max-width: 767px) {
    .blog-index .article-index {
      flex-direction: column; }
      .blog-index .article-index .info-article {
        width: 100%; }
      .blog-index .article-index .image-article {
        width: 100%; }
    .blog-index .main-article {
      flex-direction: column-reverse; }
      .blog-index .main-article .info-article {
        width: 100%; }
      .blog-index .main-article .image-article {
        width: 100%; }
    .blog-index .other-articles {
      font-size: 2rem; } }

.block-richtext {
  margin-left: 15%;
  margin-right: 15%; }
  @media (max-width: 767px) {
    .block-richtext {
      margin-left: 5%;
      margin-right: 5%; } }

.richtext p {
  min-height: 1.25rem;
  font-size: 1rem; }
.richtext ul {
  font-size: 1rem;
  list-style: none; }
.richtext ol {
  font-size: 1rem;
  list-style: none;
  counter-reset: list-count; }
.richtext ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #e85555;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  font-size: 1.25rem;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1rem;
  /* Also needed for space (tweak if needed) */
  vertical-align: middle; }
.richtext ol li::before {
  counter-increment: list-count;
  content: counter(list-count);
  color: #e85555;
  display: inline-block;
  font-weight: bold;
  width: 1rem; }
.richtext h2 {
  border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%;
  background-color: #B6DDD5;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  padding: .75rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: black;
  width: fit-content; }
  @media (max-width: 767px) {
    .richtext h2 {
      font-size: 1.25rem; } }
.richtext h3 {
  color: black;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  text-decoration: underline;
  text-decoration-color: #7BC6C6;
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 0.5rem; }
  @media (max-width: 767px) {
    .richtext h3 {
      font-size: 1.12rem; } }
.richtext h4 {
  color: #e85555;
  font-size: 1.25rem;
  font-weight: 400;
  padding-left: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem; }
  @media (max-width: 767px) {
    .richtext h4 {
      font-size: 1.12rem; } }
.richtext img {
  margin: 1rem; }
.richtext .left {
  float: left; }
.richtext .right {
  float: right; }
@media (max-width: 767px) {
  .richtext img {
    margin: 1rem 0; } }
.richtext a {
  color: #006564; }
  .richtext a:hover {
    text-decoration: underline; }
.richtext hr {
  height: 1rem;
  width: 100%;
  background-image: url("../svg/separateur-hr.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position-x: center;
  background-color: transparent; }
.richtext blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
  padding: 2rem;
  border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%;
  border: solid;
  border-width: 3px;
  border-color: #006564;
  width: fit-content; }

.block-steps {
  margin-left: 15%;
  margin-right: 15%; }
  .block-steps .main-title-steps {
    font-size: 2.5rem;
    line-height: 1.1;
    color: #006564; }
  .block-steps .steps {
    width: 100%;
    border: solid;
    border-width: 3px;
    border-color: #006564; }
    .block-steps .steps h3 {
      width: 50%;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 600;
      color: #006564; }
      @media (max-width: 767px) {
        .block-steps .steps h3 {
          width: auto;
          text-align: left;
          margin-left: 1rem;
          font-size: 1.25rem; } }
    .block-steps .steps .step {
      margin-left: 2rem;
      margin-right: 2rem; }
      .block-steps .steps .step .step-counter {
        color: #e85555;
        font-size: 2.5rem;
        margin-right: 1rem; }
      .block-steps .steps .step .first-step {
        width: 45%; }
      .block-steps .steps .step .last-step {
        width: 45%; }
      .block-steps .steps .step .step-svg {
        width: 10%;
        text-align: center; }
        .block-steps .steps .step .step-svg svg {
          height: 40%;
          width: 40%; }
    .block-steps .steps .step-mobile {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
      .block-steps .steps .step-mobile .step-counter {
        width: 20%;
        color: #e85555;
        font-size: 2.5rem; }
      .block-steps .steps .step-mobile .first-step {
        width: 80%; }
      .block-steps .steps .step-mobile .last-step {
        margin-left: 20%;
        margin-top: 0.5rem; }
        .block-steps .steps .step-mobile .last-step h3 {
          margin-top: 0.25rem;
          font-size: 1.1rem;
          text-align: left; }
  @media (max-width: 767px) {
    .block-steps {
      margin-left: 5%;
      margin-right: 5%; } }

.block-document a {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #006564; }

.persons {
  margin-left: 15%;
  margin-right: 15%; }
  .persons h3.title {
    margin-bottom: 0.5rem; }
  .persons .columns {
    width: 100%; }
  @media (max-width: 767px) {
    .persons {
      margin-left: 5%;
      margin-right: 5%; } }

.person-image {
  position: relative; }
  .person-image .circle-person {
    position: absolute;
    top: 0px; }

.foundations {
  margin-left: 15%;
  margin-right: 15%; }
  .foundations .foundation-title {
    background-color: #37A9A8;
    border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%;
    text-align: center;
    width: 100%;
    color: black; }
  @media (max-width: 767px) {
    .foundations {
      margin-left: 5%;
      margin-right: 5%; } }

.activities {
  margin-left: 15%;
  margin-right: 15%; }
  .activities h3 {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600 !important; }
  @media (max-width: 767px) {
    .activities {
      margin-left: 5%;
      margin-right: 5%; } }

html, body {
  font-size: 18px !important;
  line-height: 120%;
  font-family: "Futura", sans-serif !important; }
  @media (max-width: 767px) {
    html, body {
      font-size: 14px; } }

img {
  max-width: 100%; }

.background-light-blue {
  background-color: #B6DDD5; }

.text-green-blue {
  color: #006564; }

.text-red {
  color: #e85555; }

.text-blue {
  color: #37A9A8; }

.block-title {
  margin: 0 15% 2rem 15%; }
  .block-title h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2; }
  @media (max-width: 767px) {
    .block-title {
      margin: 0 5% 2rem 5%; }
      .block-title h2 {
        font-size: 1.5rem; }
      .block-title img {
        height: 50px;
        width: auto; } }

.block-container {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.rounded-image img {
  border-radius: 9999px; }

.title-page {
  border-radius: 82% 7% 87% 7% / 10% 58% 20% 70%;
  text-align: center;
  background-color: #006564;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1; }

a#skip-to-content {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #006564; }
  a#skip-to-content:focus, a#skip-to-content:active {
    position: absolute;
    z-index: 100;
    top: 0;
    width: initial;
    height: initial;
    left: 0;
    background-color: #FFFFFF;
    padding: 0.5rem;
    font-weight: bold;
    font-size: 20px;
    border: 3px solid #000; }

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