@charset "UTF-8";
/**
 * Mixin pour style basique de paragraphe
 * @param {Color} $bgColor - Background color of the paragraph
 * @param {Number} $min-height - Minimum height of the paragraph
 * @param {Color} $textColor - Text color of the paragraph
 */
#tarteaucitronRoot * {
  color: #ffffff;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert {
  display: block;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert ul,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert ul {
  margin-left: 20px;
  margin-bottom: 10px;
  list-style: disc;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert p,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert p {
  margin: 5px 0;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom,
#tarteaucitronRoot .tarteaucitronAlertBigTop {
  text-align: center;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 30px;
}
#tarteaucitronRoot button {
  margin-top: 15px;
}

iframe[src*="youtube.com"] {
  aspect-ratio: 16/9;
  max-width: 100%;
  height: auto;
}

.btn {
  font-size: 1rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.5px;
  border-radius: 20px;
  padding: 7px 12px 3px;
  margin: 3px;
  background-color: #166159;
  border: 1px solid #166159;
  color: #ffffff;
  line-height: 1rem;
}
.btn:hover {
  background-color: rgba(22, 97, 89, 0.8);
  border-color: rgba(22, 97, 89, 0.8);
  color: #ffffff;
}
.btn.couleur2 {
  background-color: #22b1ab;
  border-color: #22b1ab;
}
.btn.couleur2:hover {
  background-color: rgba(34, 177, 171, 0.8);
  border-color: rgba(34, 177, 171, 0.8);
}
.btn.couleur3 {
  background-color: #e12669;
  border-color: #e12669;
}
.btn.couleur3:hover {
  background-color: rgba(225, 38, 105, 0.8);
  border-color: rgba(225, 38, 105, 0.8);
}
.btn.couleur4 {
  background-color: #8bc799;
  border-color: #8bc799;
}
.btn.couleur4:hover {
  background-color: rgba(139, 199, 153, 0.8);
  border-color: rgba(139, 199, 153, 0.8);
}
.btn.couleur5 {
  background-color: #fcc311;
  border-color: #fcc311;
}
.btn.couleur5:hover {
  background-color: rgba(252, 195, 17, 0.8);
  border-color: rgba(252, 195, 17, 0.8);
}
.btn.couleur6 {
  background-color: #f59d45;
  border-color: #f59d45;
}
.btn.couleur6:hover {
  background-color: rgba(245, 157, 69, 0.8);
  border-color: rgba(245, 157, 69, 0.8);
}
.btn.noir {
  background-color: #000000;
  border-color: #000000;
}
.btn.noir:hover {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.btn-xl {
  padding: 15px 25px 11px;
  font-size: 1.2rem;
}

.text-blanc {
  color: #ffffff !important;
}

.text-noir {
  color: #000000 !important;
}

.text-couleur1 {
  color: #166159 !important;
}

.text-couleur2 {
  color: #22b1ab !important;
}

.text-couleur3 {
  color: #e12669 !important;
}

.text-couleur4 {
  color: #8bc799 !important;
}

.text-couleur5 {
  color: #fcc311 !important;
}

.text-couleur6 {
  color: #f59d45 !important;
}

.paragraph--color--white {
  background-color: #ffffff;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

.paragraph--color--green {
  background-color: #d5fcde;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

.paragraph--color--grey {
  background-color: #f5f5f5;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

.paragraph--color--red {
  background-color: #ffd6e3;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

.paragraph--color--blue {
  background-color: #d3efef;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

.paragraph--color--yellow {
  background-color: #fff3cf;
  min-height: 100px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: solid 3px #ffffff;
}

form label.required::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url("../images/required.svg");
  background-repeat: no-repeat;
  background-size: 6px 6px;
}
form input:not(input[type=button], input[type=submit]),
form textarea {
  border-radius: 25px;
  border: solid 1px #22b1ab;
}
form input:not(input[type=radio], input[type=checkbox]),
form select,
form textarea {
  padding: 5px 15px;
}
form input:is(input[type=submit]) {
  font-size: 1rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.5px;
  border-radius: 20px;
  padding: 7px 12px 3px;
  margin: 3px;
  background-color: #166159;
  border: 1px solid #166159;
  color: #ffffff;
  line-height: 1rem;
  padding: 10px 15px;
  font-size: 14px;
}
form input:is(input[type=submit]):hover {
  background-color: rgba(22, 97, 89, 0.8);
  border-color: rgba(22, 97, 89, 0.8);
  color: #ffffff;
}
form #edit-actions {
  text-align: center;
}

@media all and (max-width: 575px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-auto,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-sm-auto,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-md-auto,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-lg-auto,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl,
  .col-xl-auto {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.hidden {
  overflow: hidden;
  visibility: hidden;
  display: none !important;
}

html,
body,
* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
}

/*
.webform-submission-inscription-a-la-newsletter-form {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;

  > div {
    margin: 0;
  }
}*/
.toolbar-fixed #overlay-menu {
  top: 39px;
}

.toolbar-horizontal.toolbar-tray-open #overlay-menu {
  top: 79px;
}

ul {
  margin-left: 15px;
}

#block-izianet-content a:not(.btn) {
  color: #166159;
}

body .bootstrap-tabs ul.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 30px 0;
  border-bottom: unset;
  margin-left: 0;
}
@media all and (max-width: 767px) {
  body .bootstrap-tabs ul.nav-tabs {
    flex-wrap: wrap;
  }
}
body .bootstrap-tabs ul.nav-tabs li {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  margin-bottom: 8px;
  border-right: solid 3px #22b1ab;
}
body .bootstrap-tabs ul.nav-tabs li:nth-last-child(1) {
  border-right: unset;
}
@media all and (max-width: 767px) {
  body .bootstrap-tabs ul.nav-tabs li:nth-child(2) {
    border-right: unset;
  }
}
@media all and (max-width: 575px) {
  body .bootstrap-tabs ul.nav-tabs li {
    border-right: unset;
    width: 100%;
    border-left: solid 2px #ffffff;
  }
  body .bootstrap-tabs ul.nav-tabs li.active {
    border-left-color: #22b1ab;
  }
}
body .bootstrap-tabs ul.nav-tabs li a,
body .bootstrap-tabs ul.nav-tabs li h2 {
  text-wrap: nowrap;
  font-weight: 700;
  font-size: 17px;
  font-family: "League Spartan";
  color: #e12669 !important;
  padding: 0;
  border: unset !important;
  margin-bottom: 0;
}
body .bootstrap-tabs ul.nav-tabs li:not(.active) {
  color: #166159;
}
body .bootstrap-tabs ul.nav-tabs li:not(.active) a,
body .bootstrap-tabs ul.nav-tabs li:not(.active) h2 {
  color: #166159 !important;
}
body .bootstrap-tabs ul.nav-tabs li:not(.active) a:hover,
body .bootstrap-tabs ul.nav-tabs li:not(.active) h2:hover {
  background-color: unset;
  text-decoration: underline;
}
body .bootstrap-tabs .tab-content > .active {
  border: unset;
}
body .ckeditor-accordion-container dl {
  border: unset !important;
}
body .ckeditor-accordion-container dt {
  margin: 14px 0 !important;
  border: unset !important;
  border-radius: 25px !important;
}
body .ckeditor-accordion-container dt a {
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 18px !important;
  background-color: #22b1ab !important;
  color: #ffffff !important;
  border-bottom: unset !important;
  border-radius: 25px !important;
}
body .ckeditor-accordion-container dt .ckeditor-accordion-toggler {
  border-bottom: unset !important;
  padding: 6px 5px 3px 14px !important;
  position: relative !important;
}
body .ckeditor-accordion-container dt .ckeditor-accordion-toggler span {
  position: absolute !important;
  left: calc(99% - 30px) !important;
  top: 0 !important;
}
body .ckeditor-accordion-container dt .ckeditor-accordion-toggler span::before, body .ckeditor-accordion-container dt .ckeditor-accordion-toggler span::after {
  width: 18px !important;
  background-color: #22b1ab !important;
  transform: rotate(0) !important;
  left: 6px !important;
  top: 14px !important;
}
body .ckeditor-accordion-container dt .ckeditor-accordion-toggler span::after {
  transform: rotate(90deg) !important;
}
body .ckeditor-accordion-container dt .ckeditor-accordion-toggler span {
  background-color: #ffffff !important;
  border-radius: 50% !important;
  left: unset !important;
  right: 3px !important;
  top: 3px !important;
}
body .ckeditor-accordion-container dt.active .ckeditor-accordion-toggler span {
  background-color: #ffffff !important;
}
body .ckeditor-accordion-container dt.active .ckeditor-accordion-toggler span::before, body .ckeditor-accordion-container dt.active .ckeditor-accordion-toggler span::after {
  background-color: #e12669 !important;
  transform: rotate(0) !important;
}
body .ckeditor-accordion-container dt.active a {
  background-color: #e12669 !important;
  color: #ffffff !important;
}
body .ui-accordion-content {
  border: unset;
}

/*
#block-cptsconnexion {
    margin: 0 10%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    min-width: 280px;

    @media all and (max-width: $sm) {
        margin: 0 5px;
    }

    #form_login {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        min-width: 280px;

        input:not(input[type='button']) {
            border-radius: 25px;
            border: solid 1px $blanc;
            padding: 5px 15px;
            font-size: 14px;
        }

        >div {
            min-width: 280px;

        }

        #edit-actions {
            text-align: center;
        }

        #edit-actions input, #edit-actions button.btn {
            @include button;
            padding: 10px 15px;
            font-size: 14px;
            border-color: $couleur1;
        }

        input:not([type='button']) {
            width: 100%;
        }

        .forgetPassword {
            text-align: center;

            a {
                color: $noir;
                text-align: center;
            }
        }

    }

    .messages {
        width: 100%;
    }
}

#form_login {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 280px;

    input:not(input[type='button']) {
        border-radius: 25px;
        border: solid 1px $blanc;
        padding: 5px 15px;
        font-size: 14px;
    }

    >div {
        min-width: 280px;

    }

    #edit-actions {
        text-align: center;
    }

    #edit-actions input {
        @include button;
        padding: 10px 15px;
        font-size: 14px;
        border-color: $noir;
    }

    input:not([type='button']) {
        width: 100%;
    }

    .forgetPassword {
        text-align: center;

        a {
            color: $noir;
            text-align: center;
        }
    }

}

#user-login-form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 280px;

    input:not(input[type='button']) {
        border-radius: 25px;
        border: solid 1px $blanc;
        padding: 5px 15px;
        font-size: 14px;
        max-width: 500px;
        min-width: 320px;
        width: 50%;
    }

    >div {
        min-width: 280px;
        display: flex;
        flex-direction: column;
        align-items: center;

        label {
            margin-bottom: 0;
        }

    }

    #edit-actions {
        text-align: center;
    }

    #edit-actions input {
        @include button;
        padding: 10px 15px;
        font-size: 14px;
        border-color: $noir;
        max-width: 350px;
        min-width: 200px;
        width: 30%;
    }

    input:not([type='button']) {
        width: 100%;
    }

    #edit-name--description,
    #edit-pass--description {
        display: none;
    }
}
    */
body #header #header-body {
  padding: 20px 0 10px;
}
@media all and (max-width: 449px) {
  body #header #header-body #header-logo {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
body #header #header-body #header-logo #block-identitedusite {
  display: flex;
  justify-content: center;
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right {
    position: inherit;
  }
}
@media all and (max-width: 449px) {
  body #header #header-body #header-right {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
body #header #header-body #header-right .region-header-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media all and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right {
    flex-direction: row;
    align-items: center;
  }
}
@media all and (max-width: 449px) {
  body #header #header-body #header-right .region-header-right {
    justify-content: end;
  }
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader {
  margin-top: 20px;
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-menuiconeheader {
    margin-top: 0px;
  }
}
@media all and (max-width: 449px) {
  body #header #header-body #header-right .region-header-right #block-menuiconeheader {
    display: none;
  }
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body {
  display: flex;
  justify-content: flex-end;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul {
  display: flex;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}
@media all and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul {
    flex-direction: column;
  }
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li {
  display: flex;
  align-items: center;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li + li {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(1) a, body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(2) a {
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  border-radius: 20px;
  color: #ffffff;
  padding: 5px 10px;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(1) a::after, body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(2) a::after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: relative;
  transform: scale(1.5);
  width: 12px;
  height: 12px;
  font-weight: 600;
  margin-left: 5px;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(1) a {
  background-color: #22b1ab;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(1) a::after {
  background-image: url("../images/arrow_right_white.png");
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(2) a {
  background-color: #e12669;
}
body #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(2) a::after {
  background-image: url("../images/arrow_right_white.png");
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale {
  position: relative;
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale {
    position: inherit;
  }
}
@media all and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale {
    width: 50px;
  }
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li {
  padding: 2px;
  margin: 2px 5px;
  font-weight: bold;
  text-transform: uppercase;
}
@media all and (min-width: 450px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li:nth-last-child(-n+2) {
    display: none;
  }
}
@media all and (max-width: 1199px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li {
    margin: 2px 0;
  }
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink {
  cursor: pointer;
  color: #166159;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding-right: unset !important;
  padding: 2px 10px !important;
  transition: transform 0.3s ease-out;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a:hover, body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a:active, body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a.active, body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a.is-active,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink:hover,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink:active,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink.active,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink.is-active {
  color: #22b1ab;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a:hover,
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink:hover {
  transform: translateY(-2px);
}
@media all and (max-width: 1299px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a,
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink {
    font-size: 15px;
    padding: 2px 8px !important;
  }
}
@media all and (max-width: 1199px) and (min-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li a,
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li .nolink {
    margin: 2px 0;
    font-size: 13px;
  }
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li span:hover, body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li span:active, body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li span.active {
  color: #22b1ab;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent ol {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: solid 1px #166159;
  padding-top: 6px;
  margin-top: -5px;
  left: -20px;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent ol li {
  padding: 5px;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent ol li + li {
  margin-top: 10px;
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent {
    height: unset;
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent ul {
    width: 100%;
    margin-top: 5px;
    border-top: solid 1px #166159;
    border-bottom: solid 1px #166159;
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul.menu > li.menuparent ul .sf-clone-parent {
    display: none;
  }
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul#superfish-main-accordion {
  z-index: 8;
  width: 100vw;
  background-color: rgba(200, 200, 200, 0.94);
  border-top: solid 2px #166159;
  border-bottom: solid 2px #166159;
  display: block;
  position: absolute;
  right: 0;
  margin-top: 10px;
}
@media all and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale ul#superfish-main-accordion {
    margin-top: 0px;
  }
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale ul#superfish-main-accordion li {
  list-style-type: none;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-sub-indicator {
  display: none;
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle {
    z-index: 10;
    position: absolute;
    right: 0;
  }
}
@media all and (max-width: 991px) and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle {
    position: relative;
    top: -10px;
    margin-bottom: 85px;
  }
}
@media all and (max-width: 991px) and (max-width: 575px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle {
    margin-bottom: 100px;
  }
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle {
    z-index: 11;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    right: calc((100vw - 720px) / 2 + 15px);
  }
}
@media all and (max-width: 991px) and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle {
    right: calc((100vw - 540px) / 2 + 15px);
  }
}
@media all and (max-width: 991px) and (max-width: 767px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle {
    position: relative;
    right: 15px;
    top: 0;
  }
}
@media all and (max-width: 991px) {
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle span {
    z-index: 12;
    color: transparent;
    font-size: 0;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateX(50%) translateY(50%);
    width: 30px;
    height: 3px;
    background-color: #166159;
    border-radius: 3px;
    transition: transform 0.4s ease-in-out;
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle span:before, body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-9px);
    width: 30px;
    height: 3px;
    background-color: #166159;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle span::after {
    transform: translateY(9px);
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle.sf-expanded span {
    visibility: hidden;
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle.sf-expanded span:before, body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle.sf-expanded span:after {
    visibility: visible;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-135deg);
  }
  body #header #header-body #header-right .region-header-right #block-navigationprincipale .sf-accordion-toggle #superfish-main-toggle.sf-expanded span::after {
    transform: rotate(135deg);
  }
}
body.sticky #header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 400;
  border-bottom: solid 1px #166159;
  background-color: #ffffff;
}
body.sticky #header #header-body {
  padding: 10px 0;
}
body.sticky #header #header-body #header-logo #block-identitedusite img {
  max-height: 80px;
}
body.sticky #header #header-body #header-right .region-header-right #block-menuiconeheader {
  margin-top: 0;
}
body.sticky #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(1) a, body.sticky #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li:nth-child(2) a {
  padding-top: 2px;
  padding-bottom: 2px;
}
@media all and (max-width: 767px) {
  body.sticky #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li + li {
    margin-top: 5px !important;
  }
}
body.sticky #header #header-body #header-right .region-header-right #block-menuiconeheader .field--name-body ul li img {
  max-height: 28px;
  width: auto !important;
}
@media all and (max-width: 767px) {
  body.sticky #header #header-body #header-right .region-header-right .sf-accordion-toggle {
    margin-bottom: 50px !important;
  }
}
@media all and (max-width: 449px) {
  body.sticky #header #header-body #header-right .region-header-right .sf-accordion-toggle {
    margin-bottom: 30px !important;
  }
}
body.toolbar-fixed.sticky #header {
  top: 39px;
}
body.toolbar-horizontal.toolbar-tray-open #header {
  top: 79px;
}

@media all and (min-width: 991px) {
  #overlay-menu {
    display: none;
  }
}

#footer-first {
  width: 100%;
  background-color: #166159;
  color: #ffffff;
  padding: 40px 0;
  font-size: 0.9em;
}
@media all and (max-width: 767px) {
  #footer-first {
    text-align: center;
  }
}
#footer-first .field--name-body a, #footer-first h2 {
  color: #ffffff;
}
#footer-first h2 {
  font-size: 1rem;
}
@media all and (max-width: 767px) {
  #footer-first #footer-first-1,
  #footer-first #footer-first-2 {
    margin-bottom: 25px;
  }
}
#footer-first #footer-first-2 form {
  width: 100%;
}
#footer-first #footer-first-2 #block-izianet-footernewsletter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.path-frontpage #block-views-block-annonces-accueil-block-1 {
  height: 100%;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__arrow {
  margin: 0 50px;
  width: calc(100% - 100px);
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__arrow .slick-arrow::before {
  color: #ffffff;
  font-size: 3rem;
  opacity: 1;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide {
  height: 500px;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing {
  height: 100%;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content {
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content img {
  object-fit: cover;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content .container h1, .path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content .container h2 {
  color: #ffffff;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content .container h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.path-frontpage #block-views-block-annonces-accueil-block-1 .slick__slide .views-field-nothing .field-content .slide-content .container h2 {
  font-size: 2.5rem;
}
.path-frontpage #block-izianet-content {
  margin: -70px auto 60px;
  width: 80%;
}
.path-frontpage #block-izianet-content .field--name-body p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.path-frontpage #block-izianet-content .field--name-body p .btn {
  min-width: 300px;
  font-size: 0.9rem;
}
@media all and (max-width: 575px) {
  .path-frontpage #block-izianet-content .field--name-body p .btn {
    min-width: 210px;
  }
}
.path-frontpage #block-izianet-content .field--name-body p .btn span {
  display: block;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin: 5px 0;
}

.region-bandeau-vert {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire {
  width: 49%;
}
@media all and (max-width: 767px) {
  .region-bandeau-vert #block-izianet-accueilnotreterritoire {
    width: 100%;
  }
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body {
  display: flex;
  flex-wrap: wrap;
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p {
  width: 100%;
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p strong {
  font-size: 1.3rem;
  display: flex;
  align-items: end;
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p strong::before {
  content: "";
  background-repeat: no-repeat;
  margin-right: 10px;
  height: 38px;
  width: 35px;
  display: block;
  background-image: url("../images/picto-commune.png");
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(2), .region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(3) {
  width: fit-content;
  margin-top: 20px;
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(2) strong::before {
  width: 64px;
  background-image: url("../images/picto-habitant.png");
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(3) {
  margin-left: 30px;
}
@media all and (max-width: 1440px) {
  .region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(3) {
    margin-left: 20px;
  }
}
@media all and (max-width: 1199px) {
  .region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(3) {
    margin-left: 0px;
  }
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body p:nth-of-type(3) strong::before {
  width: 34px;
  background-image: url("../images/picto-professionnel.png");
}
.region-bandeau-vert #block-izianet-accueilnotreterritoire .field--name-body ul {
  width: 100%;
  column-count: 3;
  column-gap: 20px;
  padding: 0;
  margin-left: 0;
  list-style: none;
}
.region-bandeau-vert #block-izianet-cartographiecpts {
  width: 49%;
}
@media all and (max-width: 767px) {
  .region-bandeau-vert #block-izianet-cartographiecpts {
    width: 100%;
  }
}

.view-nos-missions .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.view-nos-missions .view-content .views-row {
  width: 14%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 991px) {
  .view-nos-missions .view-content .views-row {
    width: 32%;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .view-nos-missions .view-content .views-row {
    width: 48%;
  }
}
@media all and (max-width: 449px) {
  .view-nos-missions .view-content .views-row {
    width: 100%;
  }
}
.view-nos-missions .view-content .views-row .views-field-nothing .field-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.view-nos-missions .view-content .views-row .views-field-nothing .field-content .mission-item-header h3 {
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 10px;
}
.view-nos-missions .view-content .views-row .views-field-nothing .field-content .mission-item-header h3 a {
  color: inherit;
}
.view-nos-missions .view-content .views-row .views-field-nothing .field-content .mission-item-footer a {
  margin-top: 10px;
}
.view-nos-missions .view-content .views-row.couleur1 {
  color: #166159;
}
.view-nos-missions .view-content .views-row.couleur2 {
  color: #22b1ab;
}
.view-nos-missions .view-content .views-row.couleur3 {
  color: #e12669;
}
.view-nos-missions .view-content .views-row.couleur4 {
  color: #8bc799;
}
.view-nos-missions .view-content .views-row.couleur5 {
  color: #fcc311;
}
.view-nos-missions .view-content .views-row.couleur6 {
  color: #f59d45;
}

#block-izianet-accueilblockadherer {
  width: 70%;
  margin: auto;
}
#block-izianet-accueilblockadherer .field--name-body .d-flex {
  align-items: center;
}

/*.adherer {
  gap: 20px;
  justify-content: space-around;

  > div {
    position: relative;
    display: flex;
    flex-direction: column;

    img {
      border-radius: 50% 50% 0 50%;
    }

    @media all and (max-width: $md) {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  .adhesion-image {
    max-width: 446px !important;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 680 / 591;
  }

  h2,
  a {
    text-align: center;
    color: $noir;
    text-decoration: none;
  }
}

.adhesion-form {
  input:not(input[type="button"]),
  textarea,
  select {
    border-radius: 25px;
    border: solid 1px $blanc;
  }

  #edit-submit {
    @include button;
    padding: 10px 15px;
    font-size: 14px;
  }

  .form-item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;

    input:not(input[type="radio"], input[type="checkbox"]),
    select {
      padding: 5px 15px;
    }
  }
}*/
/*
.view-equipe {
    &.view-display-id-page_1 {
        .view-content {
            display: flex;
            flex-wrap: wrap;
            h2 {
                width: 100%;
                display: block;
            }
            .equipe-member {
                width: calc(100% / 6);
                padding: 15px;
                box-sizing: border-box;

                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;

                .image-container {
                    border: solid 1px $couleur2;
                    border-radius: 50% 50% 0 50%;
                    overflow: hidden;
                    img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                    }
                }
                .nom {
                    font-size: 1.1em;
                    margin-bottom: 0;
                    color: $couleur1;
                }
                .fonction {
                    font-size: 0.9em;
                    font-style: italic;
                    text-align: center;
                }
            }
        }
    }
}
    */
.view-actualites .slick-slider {
  padding: 0 60px;
}
#block-izianet-views-block-actualites-block-1 .view-actualites .view-content {
  width: 90%;
  margin: auto;
}
@media all and (max-width: 991px) {
  #block-izianet-views-block-actualites-block-1 .view-actualites .view-content {
    width: 100%;
  }
}
#block-izianet-views-block-actualites-block-1 .view-actualites .view-content .slide {
  margin: 0 10px;
}
.view-actualites .view-content .views-row {
  width: 23%;
  margin: 1%;
}
@media all and (max-width: 991px) {
  .view-actualites .view-content .views-row {
    width: 31%;
  }
}
@media all and (max-width: 767px) {
  .view-actualites .view-content .views-row {
    width: 48%;
  }
}
@media all and (max-width: 575px) {
  .view-actualites .view-content .views-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.view-actualites .view-content, .view-actualites .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.view-actualites .view-content .views-row, .view-actualites .view-content .slide, .view-actualites .slick-track .views-row, .view-actualites .slick-track .slide {
  border: 1px solid #22b1ab;
  background-color: #22b1ab;
  border-radius: 50px;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  padding-bottom: 50px;
  position: relative;
}
.view-actualites .view-content .views-row:hover, .view-actualites .view-content .slide:hover, .view-actualites .slick-track .views-row:hover, .view-actualites .slick-track .slide:hover {
  background-color: rgba(34, 177, 171, 0.8);
}
.view-actualites .view-content .views-row a, .view-actualites .view-content .slide a, .view-actualites .slick-track .views-row a, .view-actualites .slick-track .slide a {
  display: block;
}
.view-actualites .view-content .views-row a:hover, .view-actualites .view-content .slide a:hover, .view-actualites .slick-track .views-row a:hover, .view-actualites .slick-track .slide a:hover {
  text-decoration: none;
}
.view-actualites .view-content .views-row img, .view-actualites .view-content .slide img, .view-actualites .slick-track .views-row img, .view-actualites .slick-track .slide img {
  border-top: 50px;
  width: 100%;
}
.view-actualites .view-content .views-row h2, .view-actualites .view-content .views-row h3, .view-actualites .view-content .slide h2, .view-actualites .view-content .slide h3, .view-actualites .slick-track .views-row h2, .view-actualites .slick-track .views-row h3, .view-actualites .slick-track .slide h2, .view-actualites .slick-track .slide h3 {
  color: #ffffff;
  font-size: 1.5rem;
  padding: 20px;
}
@media all and (max-width: 1199px) {
  .view-actualites .view-content .views-row h2, .view-actualites .view-content .views-row h3, .view-actualites .view-content .slide h2, .view-actualites .view-content .slide h3, .view-actualites .slick-track .views-row h2, .view-actualites .slick-track .views-row h3, .view-actualites .slick-track .slide h2, .view-actualites .slick-track .slide h3 {
    font-size: 1.3rem;
    padding: 15px;
  }
}
.view-actualites .view-content .views-row .event_date, .view-actualites .view-content .slide .event_date, .view-actualites .slick-track .views-row .event_date, .view-actualites .slick-track .slide .event_date {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-actualites .view-content .views-row .event_date span, .view-actualites .view-content .slide .event_date span, .view-actualites .slick-track .views-row .event_date span, .view-actualites .slick-track .slide .event_date span {
  margin-right: 10px;
  color: #166159;
}

.view-nos-actions .view-content {
  display: flex;
  flex-wrap: wrap;
}
.view-nos-actions .view-content .views-row {
  width: 23%;
  margin: 1%;
  border: 1px solid #22b1ab;
  background-color: #22b1ab;
  border-radius: 50px;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  position: relative;
}
@media all and (max-width: 991px) {
  .view-nos-actions .view-content .views-row {
    width: 31%;
  }
}
@media all and (max-width: 767px) {
  .view-nos-actions .view-content .views-row {
    width: 48%;
  }
}
@media all and (max-width: 449px) {
  .view-nos-actions .view-content .views-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.view-nos-actions .view-content .views-row:hover {
  background-color: rgba(34, 177, 171, 0.8);
}
.view-nos-actions .view-content .views-row a {
  display: block;
}
.view-nos-actions .view-content .views-row a:hover {
  text-decoration: none;
}
.view-nos-actions .view-content .views-row img {
  border-top: 50px;
  width: 100%;
}
.view-nos-actions .view-content .views-row h2 {
  color: #ffffff;
  font-size: 1.5rem;
  padding: 20px 30px;
}
@media all and (max-width: 1199px) {
  .view-nos-actions .view-content .views-row h2 {
    font-size: 1.3rem;
    padding: 10px 15px;
  }
}

/** Page détaillée d'une mission/action **/
.page-node-type-nos_missions {
  /** Introduction d'une action/mission **/
  /** Sidebar regroupant les missions **/
  /** Contenu principal de la page (en paragraphes) **/
}
.page-node-type-nos_missions #fullscreen .field-introduction {
  margin-top: 30px;
}
.page-node-type-nos_missions #fullscreen .field-introduction__picto {
  margin-left: 25px;
  margin-right: clamp(25px, 5vw, 60px);
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-header .header-container {
  border-radius: 20px 20px 0 0;
  background-color: #166159;
  text-align: center;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-header .header-container h2 {
  color: #ffffff !important;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content {
  flex-direction: column;
  justify-content: flex-start;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content > .views-row {
  border-top: solid 2px #8791a2;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content > .views-row:nth-child(1) {
  border-top: none;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content > .views-row:nth-last-child(1) {
  border-radius: 0 0 20px 20px;
  border-bottom: solid 95px #166159;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row {
  width: 100%;
  padding: 12px 15px;
  text-align: left;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-header {
  width: 100%;
  background-color: transparent !important;
  border: 0;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name {
  position: relative;
  transition: transform 0.2s ease-out;
  font-weight: bold;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name::before {
  content: "";
  display: none;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name::after {
  content: " ▼ ";
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name:hover {
  font-weight: bold;
  transform: translateY(-2px);
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur1 {
  color: #166159;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur2 {
  color: #22b1ab;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur3 {
  color: #e12669;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur4 {
  color: #8bc799;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur5 {
  color: #fcc311;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row span.mission-name.couleur6 {
  color: #f59d45;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-content {
  height: auto !important;
  padding: 0 !important;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-content .views-row {
  padding: 0;
  padding-left: 20px;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-content .views-row a {
  text-decoration: none;
  color: #000000;
  margin: 0 0 10px 4px;
  font-size: 14px;
  transition: transform 0.3s ease-out, color 0.2s ease-out;
  display: inline-block;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-content .views-row a::before {
  content: "• ";
  content: "> ";
  color: currentColor;
  padding-right: 4px;
}
.page-node-type-nos_missions #sidebar-left .view-nos-missions .view-content .views-row .ui-accordion-content .views-row a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #166159;
  transform: translateY(-2px);
}
@media all and (max-width: 991px) {
  .page-node-type-nos_missions #sidebar-left {
    order: 2;
    margin-top: 25px;
  }
}
.page-node-type-nos_missions #content .view-paragraphe-de-page {
  padding: 0;
}
.page-node-type-nos_missions #content .view-paragraphe-de-page .paragraph--type--paragraphe {
  border-radius: 20px;
  padding: 20px 30px;
}
.page-node-type-nos_missions #content .view-paragraphe-de-page .paragraph--type--paragraphe h2 {
  margin-left: -10px;
}
@media all and (max-width: 991px) {
  .page-node-type-nos_missions #content {
    order: 1;
  }
}

/*.page-node-2695 {
    .form-item {
        width: 50%;
        min-width: 280px;
        max-width: 400px;
    }

    input:not(input[type='button']) {
        border-radius: 25px;
        border: solid 1px $blanc;
        padding: 5px 15px;
        font-size: 14px;
        margin-bottom: 15px;
        width: 100%;
    }

    #edit-actions {
        text-align: center;
    }

    #edit-actions input {
        @include button;
        padding: 10px 15px;
        font-size: 14px;
    }
}*/
.page-node-2692 .region-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.page-node-2692 .region-content #block-izianet-content {
  width: 100%;
}
.page-node-2692 .region-content #block-izianet-cartographiecpts-2 {
  width: 39%;
}
.page-node-2692 .region-content #block-webform-2 {
  width: 59%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media all and (max-width: 991px) {
  .page-node-2692 .region-content #block-webform-2 {
    width: 100%;
  }
}

/*#block-izianet-content,
#block-views-block-ressources-block-2 {
    .view-ressources {
        .view-filters {
            .form--inline {
                display: flex;
                justify-content: flex-end;
                .form-item-search {
                    input {
                        border-radius: 25px;
                        border: solid 2px $light-blue;
                        padding-left: 15px;
                        height: 35px;
                    }
                }
                #edit-actions {
                    position: relative;
                    width: 0;
                    input {
                        border: unset;
                        font-family: "Material Icons";
                        font-size: 25px;
                        width: 35px;
                        height: 35px;
                        color: white;
                        background-color: $light-blue;
                        border-radius: 50%;

                        position: absolute;
                        top: 4px;
                        left: -43px;
                        // visibility: hidden;
                    }
                    // &::after {
                    //   // z-index: 2;
                    //   // content: "search";
                    //   font-family: "Material Icons";
                    //   font-size: 25px;
                    //   text-align: center;
                    //   display: block;
                    //   color: white;
                    //   width: 35px;
                    //   height: 35px;

                    //   position: absolute;
                    //   border-radius: 50%;
                    //   top: 4px;
                    //   left: -43px;
                    //   // visibility: visible;
                    //   background-color: $light-blue;
                    //   // content: "";
                    //   // background-repeat: no-repeat;
                    //   // background-size: contain;
                    //   // background-position: center center;
                    //   // background-image: url("../images/loupe.png");
                    // }
                }
            }
        }
        .view-content {
            margin-bottom: 30px;
            .ui-accordion-content {
                display: flex;
                flex-wrap: wrap;
                padding-top: 40px;
                .ressource-publique-lien,
                .ressource-publique-document,
                .ressource-publique-contenu {
                    @include file_bulle;
                }
            }
            .views-row {
                margin-bottom: 10px;
            }
        }

        &.view-display-id-page_2 {
            .view-content {
                .ui-accordion-content {
                    .views-row {
                        width: 20%;
                        margin-bottom: 25px;

                        @media all and (max-width: $xs) {
                            display: flex;
                            justify-content: center;
                        }

                        article {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            max-width: 250px;
                            position: relative;

                            img.icon {
                                position: absolute;
                                top: 0;
                                left: 0;
                                z-index: 2;
                            }
                            img.image-actu {
                                border-radius: 50% 50% 0 50%;
                                overflow: hidden;
                            }
                        }

                        .agenda-img {
                            margin: auto;
                            display: flex;
                            justify-content: center;
                        }

                        @media all and (max-width: $md) {
                            width: 29%;
                        }

                        @media all and (max-width: $sm) {
                            width: 45%;
                            padding: 0 15px;
                        }

                        @media all and (max-width: $xs) {
                            width: 90%;
                            margin: auto;
                            margin-bottom: 25px;
                        }

                        img {
                            border-radius: 50% 50% 0 50%;
                            overflow: hidden;
                        }

                        h2 {
                            margin-top: 15px;
                            text-align: center;
                            font-size: 18px;
                            text-transform: unset;
                            text-decoration: none;
                        }

                        a {
                            color: $couleur1;
                            font-weight: bold;
                            position: relative;

                            img {
                                transition: all 0.4s ease-in;

                                &:hover {
                                    transform: scale(102%);
                                }
                            }

                            &:hover {
                                text-decoration: none;
                                transform: scale(101%);
                            }
                        }
                    }
                    .views-field-nothing .field-content a::before {
                        content: "";
                        font-family: "Material Icons";
                        font-size: 35px; //30px;
                        color: white;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        overflow: hidden;

                        width: 70px; // 50px;
                        height: 70px; // 50px;
                        background-color: $light-blue;
                        border-radius: 50%;

                        position: absolute;
                        top: 0; //10px;
                        left: 20px; //25px;
                        z-index: 2;
                    }
                    .ressource-publique-lien,
                    .ressource-publique-document,
                    .ressource-publique-contenu {
                        margin: 0 2% 5.3%;
                    }
                    .ressource-publique-lien {
                        .views-field-nothing .field-content a::before {
                            content: "link";
                        }
                    }
                    .ressource-publique-document {
                        .views-field-nothing .field-content a::before {
                            content: "description";
                        }
                    }
                    .ressource-publique-contenu {
                        .views-field-nothing .field-content a::before {
                            content: "subject";
                        }
                    }
                }
            }
        }

        &.view-display-id-block_2 {
            .view-content {
                display: flex;
                flex-wrap: wrap;
                padding-top: 40px;
                .views-row {
                    width: 20%;
                    margin-bottom: 25px;

                    @media all and (max-width: $xs) {
                        display: flex;
                        justify-content: center;
                    }

                    article {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        max-width: 250px;
                        position: relative;

                        img.icon {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 2;
                        }
                        img.image-actu {
                            border-radius: 50% 50% 0 50%;
                            overflow: hidden;
                        }
                    }

                    .agenda-img {
                        margin: auto;
                        display: flex;
                        justify-content: center;
                    }

                    @media all and (max-width: $md) {
                        width: 29%;
                    }

                    @media all and (max-width: $sm) {
                        width: 45%;
                        padding: 0 15px;
                    }

                    @media all and (max-width: $xs) {
                        width: 90%;
                        margin: auto;
                        margin-bottom: 25px;
                    }

                    img {
                        border-radius: 50% 50% 0 50%;
                        overflow: hidden;
                    }

                    h2 {
                        margin-top: 15px;
                        text-align: center;
                        font-size: 18px;
                        text-transform: unset;
                        text-decoration: none;
                    }

                    a {
                        color: $couleur1;
                        font-weight: bold;
                        position: relative;

                        img {
                            transition: all 0.4s ease-in;

                            &:hover {
                                transform: scale(102%);
                            }
                        }

                        &:hover {
                            text-decoration: none;
                            transform: scale(101%);
                        }
                    }
                }
                .views-field-nothing .field-content a::before {
                    content: "";
                    font-family: "Material Icons";
                    font-size: 35px; //30px;
                    color: white;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;

                    width: 70px; // 50px;
                    height: 70px; // 50px;
                    background-color: $light-blue;
                    border-radius: 50%;

                    position: absolute;
                    top: 0; //10px;
                    left: 20px; //25px;
                    z-index: 2;
                }
                .ressource-publique-lien,
                .ressource-publique-document,
                .ressource-publique-contenu {
                    margin: 0 2% 5.3%;
                }
                .ressource-publique-lien {
                    .views-field-nothing .field-content a::before {
                        content: "link";
                    }
                }
                .ressource-publique-document {
                    .views-field-nothing .field-content a::before {
                        content: "description";
                    }
                }
                .ressource-publique-contenu {
                    .views-field-nothing .field-content a::before {
                        content: "subject";
                    }
                }
            }
        }
    }

    .field--name-field-documents-ressource {
        .field__label {
            color: $couleur1;
        }
        .field__items {
            .field_item {
                a {
                    text-decoration: underline;
                }
            }
        }
    }
}
// #block-views-block-ressources-block-2 {
//     .view-content {
//         margin-bottom: 30px;
//         display: flex;
//         flex-wrap: wrap;
//         padding-top: 40px;
//         .ressource-publique-lien,
//         .ressource-publique-document,
//         .ressource-publique-contenu {
//             @include file_bulle;
//         }
//         .views-row {
//             margin-bottom: 10px;
//         }
//         .field-content {
//             a span {
//                 color: $couleur1;
//                 font-weight: bold;
//             }
//         }
//     }
// }
*/
/*#block-views-block-listing-annuaire-block-1 {
  .view-listing-annuaire.view-display-id-block_1 {
    display: flex;
    flex-wrap: wrap;
  }
  .view-filters {
    width: 48%;
    @media all and (max-width: 991px)
    {
      width: 100%;
    }
    .form--inline {
      display: flex;
      flex-direction: column;

      .form-item-title {
        display: none;
      }
      fieldset {
        display: flex;
        flex-wrap: wrap;
        legend {
          width: 100%;
        }
        .fieldset-wrapper {
          max-width: 100vw;
          .form-checkboxes.bef-checkboxes {
            display: flex;
            flex-wrap: wrap;
            .form-item.form-type-checkbox {
              width: fit-content;
              cursor: pointer;

              input[type="checkbox"] {
                display: none;
              }
              label {
                @include button;
                padding: 5px 18px;
                cursor: pointer;
                text-wrap: nowrap;
              }
              input:checked + label {
                background-color: $blanc;
                color: $couleur1;
                border: solid 1px $couleur1;

                &::after {
                  content: "X";
                  padding-left: 10px;
                  font-weight: bolder;
                }
              }
            }
          }
        }
      }
      //   .form-item-recherche {
      //     input {
      //       border-radius: 25px;
      //       border: solid 2px $light-blue;
      //       padding-left: 15px;
      //       height: 35px;
      //     }
      //   }
      //   #edit-actions {
      //     position: relative;
      //     width: 0;
      //     input {
      //       border: unset;
      //       visibility: hidden;
      //     }
      //     &::after {
      //       z-index: 2;
      //       content: "";
      //       display: block;
      //       position: absolute;
      //       border-radius: 50%;
      //       border: solid 1px $couleur1;
      //       top: 4px;
      //       left: -43px;
      //       width: 35px;
      //       height: 35px;
      //       visibility: visible;
      //       background-repeat: no-repeat;
      //       background-size: contain;
      //       background-position: center center;
      //       background-image: url("../images/loupe.png");
      //       background-color: $light-blue;
      //     }
      //   }
    }
    .form-item {
      margin-top: 0;
      margin-bottom: 0.4rem;
    }
    #edit-reset-listing-annuaire {
      @include button();
      background-color: $couleur6;
      color: $blanc;
      border: solid 1px darken($couleur6, 10);
      padding: 5px 15px;
    }
  }
  .attachment {
    width: 48%;
    @media all and (max-width: 991px)
    {
      width: 100%;
    }
    .view-content {
      width: unset;
      display: block;
    }
    .leaflet-popup-content-wrapper {
      .leaflet-popup-content {
        font-size: 13px;
        > p {
          margin-top: 0;
          margin-bottom: 0;
        }
        .text-darkblue {
          font-weight: 600;
          font-size: 13px;
        }
        .btn-orange {
          margin-bottom: 15px;
        }
        .etablissement-title {
          font-size: 14px;
        }
        .etablissement-address {
          margin: 0;
          font-size: 13px;
        }
        .etablissement-phone {
          margin: 0;
        }
        .professionnel-item {
          margin-bottom: 20px;
        }
        .annuaire-nom {
          font-weight: bold;
        }
      }
    }
  }
  .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    .views-row {
      margin-bottom: 30px;
      .views-field {
        border: solid 1px $couleur1;
        border-radius: 20px;
        background-color: $light-grey;
        height: 100%;

      }
    }
    .annuaire, .annuaire-etablissement {
      font-size: 14px;
    }
    .annuaire .views-field  {
      border: solid 2px $couleur6;

    }
    .annuaire-etablissement .views-field  {
      a {
        color: #000;
        &:hover {
          text-decoration: none;
        }
      }

    }
    .annuaire_type {
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
      color: $couleur1;
    }
    .annuaire_nom {
      font-size: 16px;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 15px;
    }
    .annuaire_specialite {
      font-size: .8em !important;
    }
    .annuaire_tel {
      font-style: italic;
      margin-bottom: 10px;
    }
    .annuaire_mail {
      color: #000;
      margin-bottom: 10px;
      a {
        word-wrap: break-word;
        color: #000;
        text-decoration: none;
      }
    }
    .annuaire {
      .annuaire_type {
        color: $couleur6;
      }
    }
    .field-content {
        padding: 15px 25px;
        padding-right: 10px;
        padding-bottom: 10px;
        height: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;

        .rdv-btn, .rdv-btn-web {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          margin-top: auto;
          margin-bottom: 0;
        }
    }
    .btn-lightblue {
      transition: all .4s ease-in;
      &:hover {
        color: darken($light-blue, 5) !important;
        font-weight: bold;
        background-color: $blanc;
        border: solid 1px darken($light-blue, 5);
      }
    }
    .btn-orange {
      transition: all .4s ease-in;
      &:hover {
        color: $couleur6 !important;
        font-weight: bold;
        background-color: $blanc;
        border: solid 1px $couleur6;
      }
    }

  }
}

#block-views-block-infos-etablissement-block-1 {
  .field-content {
    display: flex;
    flex-wrap: wrap;
  }
  .infos_etab {
    width: 50%;
    margin-bottom: 50px;
    @media all and (max-width: 991px) {
      width: 100%;
    }
    .type_etab {
      color: $couleur1;
      font-weight: bold;
    }
    .address {
      margin-top: 0;
      margin-bottom: 1rem;
    }
    .email {
      color: #000;
      &:hover {
        color: black;
      }
    }
    .btn-darkblue {
      transition: all .4s ease-in;
      &:hover {
        color: $couleur1 !important;
        font-weight: bold;
        background-color: $blanc;
        border: solid 1px $couleur1;
      }
    }
    .btn-orange {
      transition: all .4s ease-in;
      &:hover {
        color: $couleur6 !important;
        font-weight: bold;
        background-color: $blanc;
        border: solid 1px $couleur6;
      }
    }
  }
  .carte_etab {
    width: 50%;
    @media all and (max-width: 991px)
    {
      width: 100%;
    }
    .leaflet-container {
      height: 500px;
    }
    .leaflet-tile-pane {
      z-index: 200;
  }
  .leaflet-overlay-pane {
    z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}
  }
}

#block-views-block-liste-professionnel-etab-block-1 {
  .annuaire, .annuaire-etablissement {
    font-size: 14px;
  }
  .view-content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    .views-row {
      margin-top: 25px;
      padding-left: 0;
      padding-right: 30px;
      .views-field {
        background: $light-grey;
        border: solid 1px $couleur6;
        border-radius: 20px;
        padding: 15px 20px;
        padding-top: 0;
        height: 100%;
        display: block;
        text-decoration: none;
      }
      .field-content {
        padding: 15px 5px;
        padding-bottom: 40px;
        height: 100%;
        display: block;
        position: relative;
        .annuaire_type {
          font-weight: bold;
          font-size: 14px;
          text-transform: uppercase;
          color: $couleur6;
        }
        .annuaire_nom {
          font-size: 16px;
          line-height: 20px;
          font-weight: bold;
          margin-bottom: 15px;
        }
        .annuaire_tel {
          font-style: italic;
        }
        .rdv-btn {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 0;
          text-align: end;
          position: absolute;
          bottom: 10px;
          right: 10px;
        }
      }
    }
  }
}
*/
body {
  font-family: "League Spartan";
  overflow-x: hidden;
  font-size: 16px;
}

h1 {
  text-transform: uppercase;
}

h2 {
  font-weight: bold;
  color: #166159;
}
h2.vague {
  position: relative;
  width: fit-content;
  padding-right: 50px;
  margin-bottom: 65px;
}
h2.vague::after {
  content: "";
  display: block;
  width: 120px;
  height: 49px;
  top: 20px;
  right: 0;
  position: absolute;
  background-size: 120px 49px;
}
h2.vague.couleur2::after {
  background-image: url("../images/vague-couleur2.png");
}
h2.vague.couleur3::after {
  background-image: url("../images/vague-couleur3.png");
}
h2.vague.couleur5::after {
  background-image: url("../images/vague-couleur5.png");
}

h3 {
  font-weight: bold;
}

img {
  max-width: 100%;
  height: auto;
}

.slick-arrow::before {
  font-family: "Material Symbols Outlined";
  color: #e12669;
}
.slick-arrow.slick-prev::before {
  content: "arrow_back_ios";
}
.slick-arrow.slick-next::before {
  content: "arrow_forward_ios";
}

ul.slick-dots {
  position: relative;
  top: -35px;
  display: flex;
  justify-content: center;
}
ul.slick-dots li {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
ul.slick-dots li button {
  cursor: pointer;
  height: 0;
  width: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  box-shadow: 1px 1px 5px #166159;
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #166159;
  border-radius: 50%;
  outline: 0;
}
ul.slick-dots li.slick-active button {
  background-color: #fff;
}

#highlighted {
  background-image: url("../images/background-header.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 300px;
}
#highlighted .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  justify-content: space-between;
}
#highlighted .container .view-titre-de-la-page,
#highlighted .container #block-pagetitle {
  margin-top: 40px;
}
@media all and (max-width: 991px) {
  #highlighted .container .view-titre-de-la-page,
  #highlighted .container #block-pagetitle {
    padding-left: 5px;
  }
}
#highlighted .container .view-titre-de-la-page h1,
#highlighted .container #block-pagetitle h1 {
  text-align: start;
  color: #ffffff;
  font-size: 28px;
  font-weight: bolder;
  padding-left: 1rem;
  text-wrap: balance;
}
@media all and (max-width: 991px) {
  #highlighted .container .view-titre-de-la-page h1,
  #highlighted .container #block-pagetitle h1 {
    margin-bottom: 15px;
    padding-left: 15px;
  }
}
@media all and (max-width: 575px) {
  #highlighted .container .view-titre-de-la-page h1,
  #highlighted .container #block-pagetitle h1 {
    padding-left: 0;
  }
}
@media all and (max-width: 991px) {
  #highlighted .container #block-izianet-breadcrumbs {
    display: none;
  }
}
#highlighted .container #block-izianet-breadcrumbs .breadcrumb {
  color: #ffffff;
  background: transparent;
  font-size: 0.9em;
  margin-bottom: 0;
}
#highlighted .container #block-izianet-breadcrumbs .breadcrumb a {
  color: #ffffff;
}
#highlighted .container #block-izianet-breadcrumbs .breadcrumb .sep {
  margin-left: 5px;
  padding-right: 3px;
}

.bandeau {
  padding: 40px 0;
}
.bandeau.vert {
  background-color: #166159;
  color: #ffffff;
}
.bandeau.vert h2 {
  color: #ffffff;
}
.bandeau.jaune {
  background-color: rgba(252, 195, 17, 0.19);
}/*# sourceMappingURL=main.css.map */