@import url("https://use.typekit.net/kkm7uvb.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html {
    font-size: 80%;
    scroll-behavior: smooth;
    scroll-padding-top: 250px; 
}
body {
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    padding-top: 0 !important;
    
}
.pure-g  .col {
    height: auto;
}
.pure-g  .col>.col-content {
    margin: 0 15px;
}

body div#tarteaucitronAlertBig:before {
    background: url(../images/popup.svg) no-repeat;
}
body .lp-builder .layout__region {
    margin: 0 auto;
    border: 2px dotted #555;
    margin: 1rem 0;
}
.field--name-body p a {
    color: #231F20;
    text-decoration: underline;
}
.shortcut {
    margin-left: auto;
    margin-right: 3rem;
}
.links.inline li a {
    background-color: transparent;
    padding: 0;
    border: 0;
}
.ui-widget.ui-widget-content {
    max-width: 75%;
    right: 5%;
    left: inherit !important;
}
.admin-theme  #header {
    top: var(--admin-toolbar-top-bar-height);
}
.node-page-layout-builder-form .vertical-tabs {
    display: none;
}
#header {
    background-color: #FFF;
}
html[data-admin-toolbar="expanded"] #header {
    top: var(--drupal-displace-offset-top);
}
html[data-admin-toolbar="expanded"] #page {
    padding-top: var(--drupal-displace-offset-top);
}
.navbar-brand img {
    max-width: 140px;
    min-width: inherit;
    height: auto;
    margin: 12.5px 0;
}
#header>.container-xxl {
    position: static;
}
#main-menu .nav__content {
    transform: none;
    padding: 0px;
}
.views-exposed-form form .form-item {
    display: flex;
    flex-direction: column;
}
span.big-caslon-fb,
.views-exposed-form form .form-item label,
.back-laureat {
    font-family: "big-caslon-fb", serif;
    font-weight: 400;
    font-style: normal;
}

#main-menu .nav:after {
    content: none;
}
body.nav-active #main-menu .nav {
    top: 155px;
}

#main-menu .nav nav:nth-child(1){
    margin: 60px 0 30px;
}
#main-menu .nav nav:nth-child(2){
    margin: 0 0 60px;
}
.toolbar-horizontal.toolbar-fixed.nav-active #main-menu .nav nav:nth-child(1){
    margin: 150px 0 30px;
}
.menu-icon__line {
    background-color: #000;
}
.menu-icon {
    border-color: #000;
}
#main-menu .nav {
    position: absolute;
    left: 0;
    width: 100vw;
    top: -100vh;
    transition: top 0.5s ease-in;
}
#main-menu .nav__content {
    position: static;
    visibility: visible;
}
#main-menu .nav:before  {
    content: '';
    background-color: #FFF;
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    background: #FFF;
    z-index: 100;
}
#main-menu .nav {

}
body.nav-active #main-menu .nav  .nav__content:before {
    /*box-shadow: 0 0 15px #DDD;*/
}
body.nav-active #main-menu .nav .container-xxl {
    position: relative;
    z-index: 1000;
}
.toolbar-horizontal.toolbar-fixed.nav-active #main-menu .nav:before {
    transform: translateX(0%) translateY(0);
}
.menu-icon {
    border: none;
    background-color: #69B946;
    box-shadow: inset 0 0 18px 10px #F369B1;
    border-radius: 100px;
    height: 64px;
    width: 64px;
}
body.nav-active .menu-icon__line-left, body.nav-active .menu-icon__line-right {
    width: 23px;
}
body.nav-active .menu-icon__line-left {
    transform: translateX(-10px) translateY(5px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
    transform: translateX(7px) translateY(-4px) rotate(45deg);
}
#main-menu .nav__list {
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    padding-top: 0;
    padding-left: 0;
}
#main-menu .nav__list-link {
    font-size: 1.5rem;
}

.menu-icon__line {
    height: 3px;
    width: 45px;
    margin-bottom: 10px;
}
.menu-icon__line:nth-child(3) {
    margin-bottom: 0;
}
body.nav-active #main-menu .nav__list-item {
    padding: 0.5rem 0;
    margin-right: 0;
    text-align: left;
}
body.nav-active #main-menu .nav__list-item ul {
    padding-left: 0;
}
body.nav-active #main-menu .nav__list>.nav__list-item {
    width: 25%;
    position: relative;
    margin-bottom: 2rem;
}
body.nav-active #main-menu .nav nav + nav .nav__content .nav__list-item {
    width: auto;
}
body.nav-active #main-menu .nav nav + nav .nav__content .nav__list {
    justify-content: end;
}
body.nav-active #main-menu .nav nav + nav .nav__content .nav__list-item a {
    border-bottom: 0;
}
body.nav-active #main-menu .nav nav + nav .nav__content a {
    display: block;
    width: 38px;
    height: 38px;
    background: url('../images/X-black.svg') no-repeat;
    font-size: 0;
}
body.nav-active #main-menu .nav nav + nav .nav__content .nav__list-item {
    margin: 0 7.5px;
}
body.nav-active #main-menu .nav nav + nav .nav__content a.instagram {
    background: url('../images/Instagram-black.svg') no-repeat;
}
body.nav-active #main-menu .nav nav + nav .nav__content a.linkedin {
    background: url('../images/LinkedIn-black.svg') no-repeat;
}
body.nav-active #main-menu .nav nav + nav .nav__content a.fb {
    background: url('../images/FB-black.svg') no-repeat;
}
body.nav-active #main-menu .nav__list>.nav__list-item.active-dropdown {
    margin-bottom: 15px;
}
body.nav-active #main-menu .nav__list-item .nav__list-item {
    padding: 0.3rem 0;
}
body.nav-active #main-menu .nav>nav {
    z-index: 10000;
}
main {
    margin-top: 155px;
}
.arrow-dropdown {
    width: 30px;
    height: 30px;
    background: url('../images/arrow-bottom.svg') no-repeat center;
    display: inline-block;
    transition: rotateX 0.2 ease-in;
}
.active-dropdown .arrow-dropdown {
    transform: rotateX(180deg);
    transition: all 0.2 ease-out;
}
.links.inline {
    margin: 0;
}
#main-menu .nav__list>.nav__list-item>a {
    font-family: "big-caslon-fb", serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 30px;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    min-height: 90px;
    margin: 0 1rem;
}
#main-menu .nav__list>.nav__list-item ul {
    margin-top: 30px;
}
#main-menu .nav__list>.nav__list-item ul li {
    font-size: 1.5rem;
}
#main-menu .nav__list-item a:before {
    content: none;
}
body.nav-active #main-menu .nav__list-item ul a {
    font-weight: 600;
}

/* 
 * 
*/
h2 {
    font-size: 40px;
    line-height: 53px;
    margin-bottom: 3rem;
    font-weight: 900;
    text-transform: uppercase;
}
.bloc-jaune {
    background-color: #F3EB66;
    border: 1px solid #23201F;
    border-radius: 63px;
}
.txt-big {
    font-size: 42px;
    font-weight: 800;
    color: #231F20;
    text-transform: uppercase;
}
.mentions {
    text-align: center;
}
.bloc-center {
    text-align: center;
}
#stgo-intro {
    background: url('../images/bg-hero.png') no-repeat center right;
    background-size: contain;
    display: flex;
    align-items: center;
}
#stgo-ancres a.anchor {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 900;
    color: #231F20;
    -webkit-text-stroke: 1px #231F20;
    letter-spacing: 1.1px;
}
#stgo-ancres a.anchor:hover {
    color: #F3EB66;
}
#stgo-ancres {
    background: url('../images/fond-ellipse-jaune.svg') center no-repeat;
}
.bloc-tiny {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}
.layout-separation .main-region,
.layout-separation>.layout__region {
    border-top: 1px solid #231F20;
    padding-top: 3rem
}
.layout-separation .main-region:before,
.layout-separation>.layout__region:before {
    content: '';
    display : block;
    height : 0;
    width : 0;
    margin-left: auto;
    margin-right: auto;
    border-top : 30px solid #F369B1;
    border-right : 30px solid transparent;
    border-left : 30px solid transparent;
    margin-top: -3rem;
    margin-bottom: 5rem;
}
h3.stgogoplus {
    background: url('../images/fond-titre-3.svg') no-repeat center;
    background-size: cover;
    text-align: center;
    color: #E8E7C9;
    font-weight: 900;
    font-size: 50px;
    width: 325px;
    height: 155px;
    margin: -65px auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-30deg);
}
#stgo-laureats .viewsreference--view-title {
    display: none;
}
#stgo-start-go-goplus .content-layout {
    padding-top: 90px;
}
.bloc-jaune {
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 2rem;
    padding: 1rem 2rem;
    height: calc(100% - 4rem);
    position: relative;
}
.bloc-jaune p {
    margin-bottom: 0;
}
#stgo-start-go-goplus .bloc-jaune,
.container-sm .bloc-jaune {
    padding: 0 2rem 4rem;
}
.btn,
.view-focus .links a,
.view-laureats.view-display-id-block_1 .more-link a,
#edit-submit-laureats {
    background: url('../images/en-savoir-plus.svg') no-repeat center transparent;
    border: 0;
    width: 173px;
    height: 77px;
    margin: 0 auto;
    font-size: 0;
    display: block;
    padding: 0;
}
.btn:hover {
    text-decoration: none;
    color: #231F20;
    background-color: transparent;
}
.btn.candidater {
    background: url('../images/BOUTON_CANDIDATER.svg') no-repeat center transparent;
    background-size: contain;
    width: 262px;
    height: 164px;
}
.node-1924 .btn {
    margin-left: 0;
}
.node-1924 h3 {
    text-transform: uppercase;
}
.bloc-jaune .btn {
    bottom: -32px;
    position: absolute;
    left: calc(50% - 86px);
    
}
#stgo-start-go-goplus {
    padding-bottom: 10rem;
}
.compte-rebour {
    padding: 3rem;
}
.box-rebours {
    display: flex;
    text-align: center;
    justify-content: center;
}
.box-rebours .count,
.box-rebours .sep {
    font-size: 70px;
    font-weight: 400;
}
.box-rebours .sep {
    margin: 1rem;
}
.box-rebours .label {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
}
.bloc-jaune h2 {
    color: #231F20;
    line-height: normal;
    font-size: 52px;
}
.rotate-25 {
    transform: rotate(-25deg);
    text-align: center;
    display: block;
}
.view-agenda .views-row .layout {
    padding: 15px 30px;
    border-radius: 30px;
    border: 1px solid #231F20;
    transition: all 0.2s ease-in;
    margin-bottom: 1rem;
}
.view-agenda .views-row .layout .layout__region {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-agenda .field--name-field-event-date {
    font-size: 2.5rem;
    font-weight: 600;
    max-width: 150px;
}
.field--name-field-event-categorie {
    margin-bottom: 10px;
}
.view-agenda .field--name-field-event-adresse {
    font-size: 30px;
    width: 350px !important;
    text-align: left;
}
.view-agenda h3 {
    font-family: "big-caslon-fb", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 28px;
}
.field--name-field-event-lien {
    width: 60px !important;
}
.view-agenda .links.inline a:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/arrow-right-green.svg) no-repeat;
    background-size: contain;
}
.view-agenda .views-row .layout:hover {
    background-color: #F4EC66;
    border-color: #F4EC66;
    border-radius: 60px;
}
.view-agenda .views-row .layout:hover .links.inline a:after {
    background: url(../images/arrow-right-pink.svg) no-repeat;
    background-size: contain;
}
.field--name-field-event-categorie .field__item,
.field--name-field-tags .field__item, .field--name-field-focus-categories .field__item {
    background-color: #231F20;
    color: #FFF;
    padding: 0 10px;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 20px;
    font-family: "arboria", sans-serif;
    border-radius: 15px;
}
.view-focus.view-display-id-block_1 .view-content {
    margin-left: 5px;
    display: flex;
}
.view-focus.view-display-id-block_1 .view-content .views-row {
    width: 33.3334%;
    display: flex;
}
.field--name-node-title h3 {
    font-size: 30px;
    line-height: 30px;
    font-family: "big-caslon-fb", serif;
    margin-bottom: 10px;
    font-weight: normal;
}
.view-focus .views-row .content {
    background-color: transparent;
    border: 1px solid #231F20;
    border-radius: 30px;
    margin: 1rem;
    padding: 1rem 1rem 3rem;
    width: auto;
    position: relative;
}
.view-focus .views-row .content:hover {
    background-color: #F3EB66;
}
.field--name-node-post-date {
    font-family: "big-caslon-fb", serif;
    margin: 1rem 0;
    font-size: 22px;
}
.view-focus.view-display-id-block_1 .field--name-body {
    font-weight: 600;
}
.view-focus .links {
    position: absolute;
    bottom: -39px;
    left: 0;
    width: 100%;
    text-align: center;
}
.view-focus .layout {
    position: static;
}
#stgo-focus .viewsreference--view-title {
    display: none;
}

.views-field-field-laureat-photo,
.field--name-field-laureat-photo,
.mask-image {
    mask-repeat: no-repeat;
    mask-size: 100%;
    mask-image: url('../images/mask-1.png');
    background-color: #000;
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
}
.views-field-field-laureat-photo a {
    display: block;
}
.views-field-field-laureat-photo a:after {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: url('../images/hover-laureat.svg');
    opacity: 0;
    transition: opacity 0.25s ease-in;
    position: absolute;
    top: calc(50% - 34px);
    left: calc(50% - 34px);
    z-index: 10;
}
.view-laureats.view-display-id-block_1>.view-content .views-row:hover .views-field-field-laureat-photo a:after {
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
.view-laureats.view-display-id-block_1>.view-content .views-row img {
    transition: opacity 0.25s ease-in;
}
.view-laureats.view-display-id-block_1>.view-content .views-row:hover img {
    opacity: 0.6;
    transition: opacity 0.25s ease-out;
}
.view-laureats.view-display-id-block_1 .views-row {
    padding: 2rem;
}
.view-laureats.view-display-id-block_1.view-display-id-block_1 .views-row:nth-child(4n-7) .views-field-field-laureat-photo {
    mask-image: url('../images/mask-1.png')
}
.view-laureats.view-display-id-block_1 .views-row:nth-child(4n-6) .views-field-field-laureat-photo {
    mask-image: url('../images/mask-2.png')
}
.view-laureats.view-display-id-block_1 .views-row:nth-child(4n-5) .views-field-field-laureat-photo {
    mask-image: url('../images/mask-3.png')
}
.view-laureats.view-display-id-block_1 .views-row:nth-child(4n-4) .views-field-field-laureat-photo {
    mask-image: url('../images/mask-4.png')
}
.view-laureats.view-display-id-block_1 .views-field-title h3 {
    border-top: 1px solid #231F20;
    padding-top: 2rem;
    border-bottom: 1px solid #231F20;
    padding-bottom: 2rem;
    text-align: center;
    margin-top: 1rem;
}
.view-laureats.view-display-id-block_1 .views-field-title a {
    color: #231F20;
    text-transform: uppercase;
    font-size: 24px;
}
.view-laureats.view-display-id-block_1 .views-field-title:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    border-top: 15px solid #F369B1;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-top: -1rem;
    margin-bottom: 3rem;
}
.view-laureats.view-display-id-block_1 .more-link {
    text-align: center;
}
.view-laureats.view-display-id-block_1 .flickity-slider {
    padding-top: 3rem;
}
.view-laureats.view-display-id-block_1 .flickity-prev-next-button {
    top: 0;
    width: 118px;
    height: 28px;
    border-radius: 0 10px 10px 0;
    transform: none;
    background-color: #69BA46;
}
.view-laureats.view-display-id-block_1 .flickity-prev-next-button.previous {
    left: calc(50% - 130px);
    border-radius: 10px 0 0 10px;
}
.view-laureats.view-display-id-block_1 .flickity-prev-next-button.next {
    right: calc(50% - 130px);
}
#block-norma-sag-2025-footer {
    background-color: #000;
    font-size: 18px;
    color: #F5F5F7;
}
.field--name-field-event-lien {
    width: 60px !important;
}
body.admin-theme .field--name-field-event-lien {
    width: auto !important; 
}
#block-norma-sag-2025-footer ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
}
#block-norma-sag-2025-footer li {
    margin-bottom: 5px;
}
#block-norma-sag-2025-footer ul a {
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
}
#block-norma-sag-2025-footer ul.contextual-links a {
    color: #000;
}
#block-norma-sag-2025-footer .btn,
#block-norma-sag-2025-footer .webform-button--submit {
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
    padding: 5px 15px;
    border: 1px solid #FFF;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    transition: ease-in font-size 0.2s;
    border-radius: 30px;
    text-transform: lowercase;
    width: auto;
    height: auto;
}
#block-norma-sag-2025-footer .btn.btn-light {
    background-color: #FFF;
    color: #000;
    border-color: #000;
}
#block-norma-sag-2025-footer .btn.btn-light:hover {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF;
}
#block-norma-sag-2025-footer .btn:after {
    content: none;
}
#block-norma-sag-2025-footer .webform-flexbox--flex-end {
    margin-top: 0;
}
#block-norma-sag-2025-footer .pure-u-xl-1-4:nth-child(1) {
    width: 20%;
}
#block-norma-sag-2025-footer .pure-u-xl-1-4:nth-child(2) {
    width: 30%;
}
#block-norma-sag-2025-footer label {
    text-transform: uppercase;
    font-size: 1.2rem;
}
#block-norma-sag-2025-footer .form-email {
    padding: 10px 15px;
    border-radius: 5px;
    border: 0;
    width: 90%;
}
#block-reseauxsociaux .nav__list {
    display: flex;
    justify-content: space-between;
}
#block-reseauxsociaux .nav__list a {
    width: 62px;
    height: 62px;
    background: url('../images/X.svg') no-repeat;
    font-size: 0;
    display: block;
}
#block-reseauxsociaux .nav__list a.x {
    background: url('../images/Twitter.svg') no-repeat;
}
#block-reseauxsociaux .nav__list a.linkedin {
    background: url('../images/LinkedIn.svg') no-repeat;
}
#block-reseauxsociaux .nav__list a.instagram {
    background: url('../images/Insta.svg') no-repeat;
}
#block-reseauxsociaux .nav__list a.fb {
    background: url('../images/FB.svg') no-repeat;
}
.mentions {
    background-color: #FFF;
    padding: 10px 0;
    font-size: 16px;
}
.mentions a {
    text-decoration: none;
    color: #231F20;
}
.bg-white {
    background-color: #FFF;
}
h1 {
    font-size: 4rem;
    text-transform: uppercase;
    line-height: 4rem;
}
.view-editions .item-list {
    display: inline-block;
    width: 100%;
    overflow: auto;
}
.view-editions .item-list>ul {
    padding-left: 0;
    list-style: none;
    display: inline-flex;
    overflow: auto;
    justify-content: center;
    margin-bottom: 1rem;
}
.view-editions .item-list>ul a {
    font-size: 36px;
    color: #231F20;
    display: block;
    padding: 1rem 3rem 1rem 0;
}
.view-editions .item-list>ul a.active {
    font-weight: bold;
}
.view-editions .item-list>ul a.active:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    border-top: 10px solid #231F20;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-top: 0rem;
    margin-bottom: -2rem;
}
.view-editions .item-list:after {
    width: 50%;
    height: 6px;
    background-color: #231F20;
    content: '';
    display: block;
}
.bloc-jaune .view-laureats {
    text-align: center;
}
.bloc-jaune .view-laureats.view-display-id-embed_1 {
    font-weight: normal;
}
.bloc-jaune .view-laureats.view-display-id-embed_1 a,
.bloc-jaune .view-laureats.view-display-id-embed_2 a,
.bloc-jaune .view-laureats.view-display-id-embed_3 a,
.bloc-jaune .view-laureats.view-display-id-embed_4 a {
    color: #231F20;
}
.bloc-jaune .view-laureats.view-display-id-embed_1 a:hover,
.bloc-jaune .view-laureats.view-display-id-embed_2 a:hover,
.bloc-jaune .view-laureats.view-display-id-embed_3 a:hover,
.bloc-jaune .view-laureats.view-display-id-embed_4 a:hover {
    text-decoration: underline;
}
.pure-u-xl-1-3 .bloc-jaune {
    padding-bottom: 3rem;
}
.view-laureats.view-display-id-embed_1 h3 {
    font-family: 'big-caslon';
    text-align: center;
    padding: 1rem;
    width: 125px;
    border-top: 1px solid #231F20;
    border-bottom: 1px solid #231F20;
    margin: 1rem auto;
}
.view-laureats.view-display-id-embed_1 .views-row,
.view-laureats.view-display-id-embed_2 .views-row,
.view-laureats.view-display-id-embed_3 .views-row,
.view-laureats.view-display-id-embed_4 .views-row {
    display: inline-flex;
} 
.view-laureats.view-display-id-embed_1 .views-row + .views-row:before,
.view-laureats.view-display-id-embed_2 .views-row + .views-row:before,
.view-laureats.view-display-id-embed_3 .views-row + .views-row:before,
.view-laureats.view-display-id-embed_4 .views-row + .views-row:before {
    content: ' / ';
    display: inline-block;
    margin: 0 5px;
}
.view-laureats.view-display-id-embed_1 .views-row:nth-last-child(1):after,
.view-laureats.view-display-id-embed_2 .views-row:nth-last-child(1):after,
.view-laureats.view-display-id-embed_3 .views-row:nth-last-child(1):after,
.view-laureats.view-display-id-embed_4 .views-row:nth-last-child(1):after {
    content: '.';
    display: inline-block;
}
.view-laureats.view-display-id-embed_1 .type-parcours,
.view-laureats.view-display-id-embed_2 .type-parcours,
.view-laureats.view-display-id-embed_3 .type-parcours,
.view-laureats.view-display-id-embed_ .type-parcours {
    margin-bottom: 3rem
}
.bloc-center {
    text-align: center;
}
.view-laureats.view-display-id-embed_1 .views-exposed-form {
    display: none;
}
.bloc-jaune .viewsreference--view-title {
    font-size: 52px;
    font-weight: 900;
    padding: 20px 64px;
    border-radius: 64px;
    border: 1px solid #231F20;
    display: inline-block;
    margin-top: 8rem;
    margin-bottom: 2rem;
}
.views-exposed-form form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    border: 1px solid #231F20;
    padding: 2rem 2rem 5rem;
    border-radius: 3rem;
    position: relative;
}
.views-exposed-form form .form-checkboxes {
    display: flex;
}
.views-exposed-form form .form-checkboxes .form-item {
    margin: 0 1rem;
    display: flex;
}
.views-exposed-form form .form-checkboxes .form-item input {
    margin-right: 0.5rem;
}
.views-exposed-form form .form-item input,
.views-exposed-form form .chosen-container-single .chosen-single {
    background-color: transparent;
    border: 1px solid #231F20;
    border-radius: 0.5rem;
}
#edit-submit-laureats {
    background: url('../images/search-button.svg') no-repeat;
    width: 173px;
    height: 78px;
    position: relative;
    cursor: pointer;
}
.views-exposed-form #edit-actions {
    position: absolute;
    bottom: -39px;
    left: 0;
    width: 100%;
}
.back-laureat {
    color: #231F20;
    padding-right: 130px;
    display: block;
    background: url('../images/arrow-long-right-green.svg') center right no-repeat;
}
.back-laureat:hover {
    text-decoration: underline;
}
iframe {
    max-width: 100%;
}
.field--name-field-laureat-esthetique,
.field--name-field-laureat-departement {
    margin-bottom: 1rem;
}
.field--name-field-laureat-esthetique .field__item {
    background-color: #000;
    color: #FFF;
    border-radius: 3rem;
    font-size: 15px;
    font-family: "arboria", sans-serif;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    padding: 3px 10px;
}
.paragraph--type--participation {
    display: flex;
    margin-bottom: 1rem;
}
.back-laureat,
.field--name-field-laureat-departement,
.paragraph--type--participation .field--name-field-participation-parcours {
    font-family: "big-caslon-fb", serif;
    font-weight: 400;
    font-style: normal;
}
.paragraph--type--participation .field--name-field-edition {
    color: #F469B2;
    margin-left: 1rem;
    font-weight: bold;
}
.paragraph--type--liens a {
    display: inline-block;
    margin: 0 1rem;
}
.paragraph--type--liens a:nth-child(1) {
    margin-left: 0;
}
.layout-builder-form .form-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}
.layout-builder-form .form-actions>* {
    margin: 0 1rem;
}
.layout-builder-form .form-actions .button  {
    background-color: #e574b7;
    border: 0;
    color: #FFF;
    padding: 0.5rem 2rem;
    cursor: pointer;
}
.layout-builder-form .form-actions .button--primary  {
    background-color: #69B946;
}
.view-laureats.view-display-id-embed_2,
.view-laureats.view-display-id-embed_3,
.view-laureats.view-display-id-embed_4 {
    margin-bottom: 3rem;
}
.view-laureats.view-display-id-embed_2 .view-header,
.view-laureats.view-display-id-embed_3 .view-header,
.view-laureats.view-display-id-embed_4 .view-header {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.bloc-jaune .view-laureats.view-display-id-embed_2,
.bloc-jaune .view-laureats.view-display-id-embed_3,
.bloc-jaune .view-laureats.view-display-id-embed_4 {
    font-weight: normal;
}
.layout-builder__section>a {
    position: relative;
    z-index: 100;
}
#mentions-essentiel .btn {
    font-size: 16px;
    background: none;
    text-decoration: underline;
    display: inline-block;
    width: auto;
    height: auto;
} 
time {
    font-style: italic;
}
.view-id-focus.view-display-id-block_4 .view-header {
    text-align: center;
}
.view-id-focus.view-display-id-block_4 .views-row {
    margin-bottom: 60px;
}
.views-exposed-form .form-item.form-item-edition {
    display: none;
}


.echoes-bg-green {
    background-color: #68CD96;
    background-image: url('../images/vagues-horizontales.svg');
    background-repeat: no-repeat;
    background-position: top left - 370px;
    color: #FFF;
}
.echoes-bg-green h2 {

}
@keyframes loop-anim {
    0% {
        margin-left: 0%;
    }
    100% {
        margin-left: -100% /* This works because of the div between "outer" and "loop" */
    }
}

@keyframes loop-anim-inverse {
    0% {
        margin-right: 0%;
    }
    100% {
        margin-right: -150% /* This works because of the div between "outer" and "loop" */
    }
}
@media (max-width: 1400px){

}
@media (max-width: 1200px){

    html {
        font-size: 80%;
    }
    .bg-header-frontpage {
        height: auto;
    }
    .bg-header-frontpage:before {
        height: 100%;
    }
    #ac-container {
        width: auto;
        height: 460px;
    }
    #ac-container .ac-small {
       
        line-height: 30px;
    }
    .view-focus.view-display-id-block_1 {
        display: block;
    }
    .view-focus.view-display-id-block_1 .view-header {
        writing-mode: initial;
        transform: none;
    }
    .view-focus.view-display-id-block_1 .view-content {
        flex-wrap: wrap;
    }
    .view-focus.view-display-id-block_1 .view-content .views-row {
        width: 100%;
        margin: 0;
    }
    .field--name-field-event-date {
        font-size: 2.5rem;
    }
    body #block-norma-sag-2025-footer .pure-u-xl-1-4.pure-u-md-1-4 {
        width: 50%;
        padding-bottom: 30px;
    }
    body.nav-active #main-menu .nav__list>.nav__list-item {
        width: 50%;
        margin-bottom: 30px;
    }
    #main-menu .nav__list>.nav__list-item>a {
        font-size: 1.5rem;
        padding: 0 15px;
    }
    .field--name-field-slider-items .flickity-slider>.field__item {
        width: 100%;
    }
    .col.layout__region .col.layout__region>div.field--name-field-slide-image {
        padding-right: 15px;
    }
    h3.stgogoplus {
        width: 255px;
        height: 120px;
        font-size: 30px;
    }
    .bloc-jaune {
        font-size: 19px;
    }
    
}
@media (max-width: 992px){
    main {
        margin-top: 55px;
        padding-top: 55px;
    }
    .path-frontpage .field--name-field-slider-items .flickity-slider>.field__item {
        width: auto;
        margin: 0;
    }
    #block-norma-sag-2025-titredepage {
        padding: 15px 0;
    }
    .node-type-article #block-norma-sag-2025-titredepage {
        margin-bottom: 15px;
    }
    #main-menu .nav nav:nth-child(1) {
        margin: 0 0 0;
    }
    h1, .h1 {
        margin-bottom: 0;
    }
    h2 {
        font-size: 45px;
        line-height: 50px;
    }
    h3, .h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .leaflet-popup-content {
        font-size: 1.5rem;
    }
    .field--name-dynamic-block-fieldnode-derniers-focus {
        margin: 0;
    }
    .view-focus .views-row .content, .view-annuaire .views-row .content, .view-artistes .views-row .content, .view-festivals.view-display-id-embed_2 .views-row .content, .view-adherents.view-display-id-embed_2 .views-row .content {
        padding: 1rem 2rem;
    }
    .nav-annuaire ul a {
        font-size: 1.5rem;
    }
    .view-annuaire .views-row, .view-artistes .views-row, .view-festivals.view-display-id-embed_2 .views-row, .view-adherents.view-display-id-embed_2 .views-row, .view-focus.view-display-id-block_2 .views-row {
        width: 50%;
    }
    .view-agenda .field--name-field-event-date {
        max-width: 120px;
    }
    .bloc-jaune {
        border-radius: 30px;
    }
    #stgo-start-go-goplus .bloc-jaune {
        margin: 0 1rem;
    }
    .view-focus .views-row .content, .view-annuaire .views-row .content, .view-artistes .views-row .content, .view-festivals.view-display-id-embed_2 .views-row .content, .view-adherents.view-display-id-embed_2 .views-row .content {
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }
    .view-agenda .field--name-field-event-date {
        font-size: 2rem;
    }
    .field--name-node-title h3,
    .view-agenda .field--name-field-event-adresse {
        font-size: 25px;
    }
    .bloc-jaune h2 {
        font-size: 32px;
    }
    #stgo-intro {
        height: auto;
    }
    #main-menu .nav__list>.nav__list-item>a {
        min-height: 40px;
    }
    #stgo-start-go-goplus .bloc-jaune, .container-sm .bloc-jaune {
        padding: 0 1rem 4rem;
    }
    .bloc-jaune {
        font-size: 16px;
    }
    h3.stgogoplus {
        width: 180px;
        height: 95px;
        font-size: 25px;
        margin: -45px auto 25px;

    }
    #stgo-start-go-goplus {
        padding-bottom: 0;
    }
    .node-1923 .cols-5.cols {
        font-size: 18px;
    }

    .bloc-jaune {
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 0 1rem;
    }
}
@media (max-width: 767px){
    html {
        font-size: 70%;
    }
    body #block-norma-sag-2025-footer .pure-u-xl-1-4.pure-u-md-1-4 {
        width: 100%;
    }
    .field--name-dynamic-block-fieldnode-derniers-focus {
        padding: 0;
    }
    .col.layout__region>div.field--name-body {
        padding: 2rem;
    }
    .shortcut {
        display: none;
    }
    main {
        margin-top: 100px;
        padding-top: 55px;
    }
    body.nav-active #main-menu .nav {
        top: 119px;
    }
    /*#main-menu .nav:before {
        content: none;
    }*/
    #main-menu .nav__list>.nav__list-item>a {
        min-height: 40px;
    }
    .box-rebours .count, .box-rebours .sep {
        font-size: 40px;
        font-weight: 400;
    }
    .box-rebours .label {
        font-size: 15px;
    }
    #ac-container .ac-small {
        margin: 0;
        line-height: 25px;
    }
    #ac-container .nav-item {
        position: static;
        width: auto !important;
        margin-bottom: 15px;
    }
    #ac-container {
        height: auto;
    }
    #ac-container .nav-item:not(.active):before {
        content: none;
    }
    #ac-container .nav-item:nth-child(2) article,
    #ac-container .nav-item:nth-child(3) article {
        padding-left: 0;
    }
    .webform-flex {
        margin: 1em -0.5em;
    }
    .webform-flex .form-item {
        display: flex;
        flex-direction: column;
    }
    #stgo-start-go-goplus .pure-g {
        flex-direction: column;
    }
    #stgo-start-go-goplus .bloc-jaune {
        margin-bottom: 130px;
    }
    #stgo-start-go-goplus {
        padding-bottom: 0;
    }
    .navbar-brand img {
        max-width: 100px;
    }
}
@media (max-width: 576px){
    .bg-pink, .bg-orange {
        margin: 0;
        line-height: 25px;
    }
    .shortcut .nav__list a {
        font-size: 1.1rem;
    }
    .path-frontpage h1 {
        font-size: 2.5rem;
    }
    .txt-big {
        font-size: 35px;
    }
    #main-menu .nav__list>.nav__list-item>a {
        padding: 0;
    }
    body.nav-active #main-menu .nav__list>.nav__list-item {
        width: auto;
        margin-bottom: 15px;
    }
    #main-menu .nav__list {
        flex-direction: column;
        align-items: center;
    }
    #main-menu nav + nav  .nav__list {
        flex-direction: row;
        align-items: center;
    }
    #main-menu .nav nav:nth-child(1) {
        margin: 0 0 15px;
    }
    #main-menu .nav__list>.nav__list-item ul {
        margin-top: 15px;
    }
    #main-menu .nav__list-item ul .nav__list-link {
        font-size: 1.1rem;
    }
    body.nav-active #main-menu .nav__list>.nav__list-item {
        margin-bottom: 0;
        text-align: center;
    }
    .view-agenda .views-row .layout .layout__region {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .bg-header-frontpage {
        font-size: 1.5rem;
    }
    h2, .h2,
    .path-not-frontpage h2, .path-not-frontpage .h2 {
        font-size: 2.5rem;
        line-height: 50px;
    }
    #stgo-ancres a.anchor {
        font-size: 24px;
    }
    .views-exposed-form form {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    body.nav-active #main-menu .nav nav + nav .nav__list {
        justify-content: center;
    }
    .view-agenda .views-row .layout .layout__region {
        text-align: center;
    }
    .field--name-field-event-date {
        margin-bottom: 5px;
    }
    .view-agenda .views-row .pure-g {
        justify-content: center;
    }
    .view-focus .views-row .content, .view-annuaire .views-row .content, .view-artistes .views-row .content, .view-festivals.view-display-id-embed_2 .views-row .content, .view-adherents.view-display-id-embed_2 .views-row .content {
        margin: 1rem 0 5rem;
    }
    .view-annuaire .views-row, .view-artistes .views-row, .view-festivals.view-display-id-embed_2 .views-row, .view-adherents.view-display-id-embed_2 .views-row, .view-focus.view-display-id-block_2 .views-row {
        width: 100%;
    }
    .view-focus.view-display-id-block_2 .views-row {
        width: auto;
    }
    .view-focus.view-display-id-block_2 .views-exposed-form {
        padding: 15px 0;
    }
    .arrow-dropdown {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .path-frontpage .h2, .path-frontpage .h2, .path-not-frontpage h1, .path-not-frontpage .h1 {
        font-size: 3rem;
    }
    .view-agenda .views-row .layout .links.inline a:after {
        width: 40px;
        height: 40px;
    }
    .nav-annuaire ul {
        flex-direction: column;
    }
    
    .nav-annuaire li {
        max-width: inherit;
        border-bottom: 1px solid #FFF;
        border-left: 0;
    }
    .path-frontpage .field--name-field-slider-items .flickity-slider>.field__item {
        height: 600px;
    }
    .field--name-field-slider-items .field__item {
        padding: 0;
    }
    .cols .layout__region + .layout__region .bloc-jaune {
        margin: 10rem 0 0;
        padding-bottom: 5rem;
    }
    .pure-g .col {
        height: 100%;
    }
    .node-1924 h3 {
        text-align: center;
    }
    .node-1924 .btn {
        margin-left: auto;
    }

    .views-exposed-form form .form-item {
        max-width: 100%;
    }
}