@charset "UTF-8"; /* GLOBAL */ /* Marianne */ @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff"); font-weight: 800; font-style: italic; } /* Barlow */ @font-face { font-family: "Barlow"; src: url("../fonts/Barlow/barlow-light.woff2") format("woff2"), url("../fonts/Barlow/barlow_light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Barlow Condensed"; src: url("../fonts/Barlow/BarlowCondensed-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } /* BREAKPOINTS */ .layout-container { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; } /* SIZES */ /* MIXINS */ a { text-decoration: none; } /* main[role="main"] { margin-top: 10vh; @media (min-width: $breakpoint_desktop) { margin-top: calc(10vh + 3rem); } } */ body { overflow-x: hidden; } body > .dialog-off-canvas-main-canvas { position: relative; z-index: 1; } html { overflow-x: hidden; } .layout-container { display: flex; } main:has(#block-erabletheme-leprogramme-2), main:has(#block-erabletheme-views-block-projets-block-1) { display: flex; flex-direction: column-reverse; } @media screen and (min-width: 760px) { main:has(#block-erabletheme-leprogramme-2), main:has(#block-erabletheme-views-block-projets-block-1) { flex-direction: row-reverse; } } strong { font-weight: bold; } em { font-style: italic; } #block-erabletheme-titredepage { display: none; } /* * { border: solid 1px red !important; } */ /* PARTIALS */ /* body.toolbar-tray-open header[role="banner"] { left: 15rem !important; width: calc(100% - 15rem) !important; } */ body.toolbar-fixed header[role=banner] { top: 2.4em !important; } .layout-container header[role=banner] { width: 100%; background-color: white; z-index: 99; } @media (min-width: 1080px) { .layout-container header[role=banner] { position: sticky; top: -12vh; box-shadow: none; } } .layout-container header[role=banner] > div:first-of-type { z-index: 99; position: relative; display: grid; grid-template-columns: repeat(16, 1fr); } .layout-container header[role=banner] > div:first-of-type > div { height: 12vh; grid-row: 1; max-height: 100%; width: 100%; } .layout-container header[role=banner] > div:first-of-type > div > div { width: 100%; display: flex; justify-content: center; align-items: center; } .layout-container header[role=banner] > div:first-of-type > div > div > div { height: 12vh; } .layout-container header[role=banner] > div:first-of-type > div > div > div a { display: block; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .layout-container header[role=banner] > div:first-of-type > div > div > div img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 { grid-column: 1/5; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 img { padding-top: 0.8rem; padding-bottom: 0.8rem; } @media (min-width: 760px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 { grid-column: 0/4; } } @media (min-width: 1080px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 { grid-column: 1/3; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 { grid-column: 5/9; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 > div { align-items: flex-start; justify-content: flex-start; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 > div > div > a > img { transform: translateX(-20px); padding-top: 1.2rem; padding-bottom: 1.2rem; } @media (min-width: 760px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 { grid-column: 4/7; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 > div > div > a > img { padding-top: 1.5rem; padding-bottom: 1.5rem; } } @media (min-width: 1080px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 { grid-column: 3/8; } } @media (min-width: 1600px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 { grid-column: 3/6; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 > div > div > a > img { transform: translateX(-40px); padding-top: 30px; padding-bottom: 30px; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoerable { grid-column: 10/15; } @media (min-width: 1080px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoerable { grid-column: 14/16; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoerable img { padding-right: 1rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-socialmedialinks { display: none; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header { grid-column: 15/17; } @media (min-width: 1080px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header { grid-column: 16/17; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger { cursor: pointer; width: auto; height: 100%; background-color: #00ff80; display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 0.5rem 0; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger h2 { font-size: 0.8rem; font-family: "Marianne", sans-serif; font-weight: 800; text-align: center; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger .burger-icon { width: 2rem; height: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 0.5rem; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger .burger-icon div { border-bottom: solid 1px black; width: 100%; background-color: black; opacity: 1; transition: opacity 0.2s ease-out, transform 0.4s ease-out; transform: none; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger .burger-icon.open div:first-of-type { transform: translate(0rem, 0.5rem) rotate(-45deg); } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger .burger-icon.open div:nth-of-type(2) { opacity: 0; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header #hamburger .burger-icon.open div:last-of-type { transform: translate(0rem, -0.5rem) rotate(45deg); } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) { position: absolute; left: 0; z-index: -1; display: none; height: auto; max-height: 0vh; transition: max-height 0.9s ease, padding 0.5s ease-out; background-color: #314e41; width: 100vw; padding: 0; align-items: center; flex-direction: column; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li { width: 100%; display: flex; justify-content: center; padding: 6px 0; opacity: 0; transition: opacity 0.3s ease; max-width: 60vw; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a { text-align: center; line-height: 1.2; color: white; font-family: "Marianne", sans-serif; font-weight: 800; padding: 4px 6px; background-color: rgba(255, 255, 255, 0); transition: background-color 0.3s ease, color 0.3s ease; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover { background-color: white; color: #314e41; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active { background-color: white; color: #314e41; } @media (min-width: 760px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li { max-width: 30vw; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper { display: flex; width: auto; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li { width: auto; padding: 0 1rem; margin-top: 1rem; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a span { color: white; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a svg { display: none; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li.visible { opacity: 1; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1), .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6), .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(7), .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(8), .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9), .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(10) { border-bottom: solid 1px white; padding: 12px 0; } @media (min-width: 1080px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) { width: 25vw; right: 0; left: auto; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) li { width: calc(100% - 6vw); } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) li a { width: 100%; text-align: left; } } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul.active { padding: 30px 0; padding-top: 3rem; max-height: 100vh; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-navigationprincipale { margin-top: 0 !important; } .layout-container header[role=banner] > div:nth-of-type(2) { z-index: 98; position: relative; } .layout-container #block-erabletheme-navigationprincipale { background: linear-gradient(to bottom, white, transparent); width: 100%; display: none; position: absolute; padding-top: 1rem; } @media (min-width: 1080px) { .layout-container #block-erabletheme-navigationprincipale { display: block; } } .layout-container #block-erabletheme-navigationprincipale ul { width: 100%; display: flex; padding: 1rem 10vw; justify-content: space-around; } .layout-container #block-erabletheme-navigationprincipale ul li { font-family: "Marianne", sans-serif; font-size: 0.9rem; padding: 4px 12px; background-color: white; transition: background-color 0.3s ease; } .layout-container #block-erabletheme-navigationprincipale ul li:first-of-type { display: flex; justify-items: center; } .layout-container #block-erabletheme-navigationprincipale ul li:first-of-type::after { content: url(../assets/icons/arrow-down-s-line.svg); display: inline-block; height: 1rem; width: 1rem; margin-left: 0.2rem; } .layout-container #block-erabletheme-navigationprincipale ul li:hover, .layout-container #block-erabletheme-navigationprincipale ul li.submenu-open { background-color: #00ff80; } .layout-container #block-erabletheme-navigationprincipale ul li a { font-weight: 800; color: black; } .layout-container #block-erabletheme-navigationprincipale ul li a:is-active { background-color: #00ff80; } .layout-container #block-erabletheme-leprogramme { position: fixed; background-color: white; max-height: 0vh; overflow: hidden; display: none; transition: max-height 0.6s ease; } .layout-container #block-erabletheme-leprogramme > h2 { display: none; } .layout-container #block-erabletheme-leprogramme ul { padding: 1rem 1.5rem; } .layout-container #block-erabletheme-leprogramme ul li { font-family: "Marianne", sans-serif; font-size: 0.9rem; margin: 0.5rem 0; } .layout-container #block-erabletheme-leprogramme ul li a { color: black; } .layout-container #block-erabletheme-leprogramme ul li a:hover, .layout-container #block-erabletheme-leprogramme ul li a.is-active { font-weight: 800; } .layout-container > footer { width: 100%; background-color: white; z-index: 99; margin-top: 50px; padding: 0 3vw; } .layout-container > footer #footer_middle #footer_left > div { margin-top: 5px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep { width: 30vw; } .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep img { width: 100%; height: auto; } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep { width: 10vw; } } .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau { width: 50vw; } .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau img { width: 100%; height: auto; } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau { width: 15vw; padding-left: 2vw; } } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_left > div { width: 25vw; padding-left: 3vw; } } .layout-container > footer #footer_middle #footer_section { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 10px; margin-bottom: 20px; position: relative; } .layout-container > footer #footer_middle #footer_section #footer_center { padding-left: 2vw; width: 50%; } .layout-container > footer #footer_middle #footer_section #footer_center nav ul { display: flex; justify-content: space-between; } .layout-container > footer #footer_middle #footer_section #footer_center nav ul li a { color: #314e41; font-size: 0.8rem; font-family: "Marianne", sans-serif; font-weight: 800; text-decoration: underline; } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_section #footer_center nav ul { width: 50vw; padding: 0 15vw; } } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_section #footer_center { padding-left: 0; width: auto; } } .layout-container > footer #footer_middle #footer_section #footer_right { width: 30%; } .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul { display: flex; justify-content: space-between; } .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a span { font-weight: lighter; font-size: 1.4rem; width: 2.2rem; height: 2.2rem; padding: 0.4rem; border-radius: 1.1rem; color: white; background-color: #038788; } .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a svg.ext { display: none; } .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li:last-of-type { margin-left: 25px; } @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_section #footer_right { width: auto; margin-right: 25px; } } @media (min-width: 760px) { .layout-container > footer #footer_middle { display: flex; } } @media (min-width: 760px) { .layout-container > footer { padding: 0; } } @media screen and (min-width: 760px) { .carousel_container { width: 100%; overflow-x: hidden; } } .carousel_container .slick-container { width: 100%; margin-bottom: 5rem; } @media screen and (min-width: 760px) { .carousel_container .slick-container { width: 200vw; transform: translateX(-50vw); } } .carousel_container .slick-container div.views-row { padding: 0 3vw; } @media screen and (min-width: 760px) { .carousel_container .slick-container div.views-row { padding: 0 6vw; } } .carousel_container .slick-container div.views-row > article { width: 100%; } .carousel_container .slick-container div.views-row > article > div:first-of-type { overflow-y: hidden; padding: 0 !important; display: flex; align-items: center; } .carousel_container .slick-container div.views-row > article > div:first-of-type > div { width: 100%; } .carousel_container .slick-container div.views-row > article > div:first-of-type > div > a { max-width: 100%; } .carousel_container .slick-container div.views-row > article > div:first-of-type > div > a img { width: 100%; height: auto; } @media (min-width: 760px) { .carousel_container .slick-container div.views-row > article .preview_meta { margin-left: 0; margin-right: 0; } .carousel_container .slick-container div.views-row > article h2, .carousel_container .slick-container div.views-row > article .preview_sous_titre { padding-left: 0; padding-right: 0; } } .carousel_container .slick-container .slick-arrow { width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; background-color: #038788 !important; transition: background-color 0.3s ease; top: unset !important; bottom: calc(-25px - 4rem); } @media (min-width: 760px) { .carousel_container .slick-container .slick-arrow { width: 2rem; height: 2rem; bottom: calc(-25px - 6rem); } } .carousel_container .slick-container .slick-arrow:hover { background-color: white !important; } .carousel_container .slick-container .slick-arrow:hover::before { color: #038788; } .carousel_container .slick-container .slick-arrow::before { opacity: 1 !important; color: white; font-weight: bold; font-family: "Marianne", sans-serif; display: block; font-size: 0.8rem !important; } @media (min-width: 760px) { .carousel_container .slick-container .slick-arrow::before { font-size: 1.2rem !important; } } .carousel_container .slick-container .slick-prev { left: 20vw; } @media (min-width: 760px) { .carousel_container .slick-container .slick-prev { left: 85vw; } } .carousel_container .slick-container .slick-next { right: 20vw; } @media (min-width: 760px) { .carousel_container .slick-container .slick-next { right: 85vw; } } .carousel_container .slick-container > div > div > div:first-of-type { z-index: 2; position: relative; margin-bottom: 4rem; } @media (min-width: 760px) { .carousel_container .slick-container > div > div > div:first-of-type { margin-bottom: 6rem; } } .carousel_container .slick-container #carousel_dots { z-index: 1; position: relative; margin-top: -15px; } .carousel_container .slick-container #carousel_dots ul { position: relative; bottom: 0; } .carousel_container .slick-container #carousel_dots ul li.slick-active button::before { color: #038788; } .carousel_container .slick-container #carousel_dots ul li button::before { color: rgb(0.9, 0.9, 0.9); } .carousel_container .slick-container footer { text-align: center; margin-top: 4rem; margin-bottom: 4rem; } .carousel_container .slick-container footer a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .carousel_container .slick-container footer a svg { display: none; } .carousel_container .slick-container footer a:hover { background-color: #00ff80; } .actu_full div { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .actu_full .retour_actus { padding-top: 3vh; padding-left: 3vw; } .actu_full .retour_actus a { font-size: 0.8rem; font-weight: 800; color: #038788; } .actu_full .article_meta { padding-left: 3vw; margin: 20px 0; } .actu_full .article_meta div { font-size: 0.8rem; margin-bottom: 5px; } .actu_full h2 { padding-top: 0 !important; margin-bottom: 2rem !important; } .actu_full h2 + div { position: relative; padding: 0 3vw; } .actu_full h2 + div .visually-hidden { width: 0% !important; } .actu_full h2 + div .sous_titre { margin-top: -1.5rem; } .actu_full h2 + div .sous_titre > div > div { font-size: 1.2rem; margin-bottom: 30px; } .actu_full h2 + div > div > div { width: 100%; margin-bottom: 40px; } .actu_full h2 + div > div > div img { width: 100%; height: auto; } .actu_full p { margin-bottom: 1rem; } .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 { margin-bottom: 1rem; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 { font-size: 1.2rem; } } .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div { padding: 0 1.5vw; text-align: right; margin: 2rem 0; } .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg { display: none; } .actu_full .liens_fixed > div > div:nth-of-type(2) a:hover, .actu_full .file_fixed > div > div > div a:hover { background-color: #00ff80; } .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a { display: inline-block; } @media (min-width: 1080px) { .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div { margin-bottom: 0 !important; margin: 0; position: fixed; left: 75vw; bottom: 10vh; } .actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div { height: 3vh; } .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a { max-width: 19vw; } } .actu_full .file_fixed span:last-of-type { display: none; } .views-row article.actu-teaser { background-color: white; padding: 2rem; box-sizing: border-box; } .views-row article.actu-teaser > div:first-of-type { width: 100%; aspect-ratio: 20/9; overflow: hidden; padding-left: 3vw; padding-right: 3vw; display: flex; align-items: center; } .views-row article.actu-teaser > div:first-of-type a img { height: auto; width: 100%; } .views-row article.actu-teaser > div:first-of-type a .legende { display: none !important; } .views-row article.actu-teaser .preview_meta { font-family: "Marianne", sans-serif; font-size: 0.8rem; width: auto; display: flex; justify-content: space-between; color: #038788; margin: 0 3vw; margin-top: 1.3rem; padding-top: 0.7rem; } @media (min-width: 760px) { .views-row article.actu-teaser .preview_meta { font-size: 0.9rem; } } .views-row article.actu-teaser .preview_sous_titre { font-family: "Marianne", sans-serif; font-size: 0.9rem; padding: 5px 3vw; } @media (min-width: 760px) { .views-row article.actu-teaser .preview_sous_titre { font-size: 1.2rem; padding-top: 0; } } .views-row article.actu-teaser h2 { margin-bottom: 0.5rem; margin-top: 1rem !important; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .views-row article.actu-teaser h2 a { color: #038788; } @media (min-width: 760px) { .views-row article.actu-teaser h2 { font-size: 2.3rem; } } main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask, main.main-add-offre { min-height: 50vh; } main.main-login .login, main.main-login .user, main.main-login .register, main.main-login .contact, main.main-login .ask, main.main-login .add-offre, main.main-user .login, main.main-user .user, main.main-user .register, main.main-user .contact, main.main-user .ask, main.main-user .add-offre, main.main-register .login, main.main-register .user, main.main-register .register, main.main-register .contact, main.main-register .ask, main.main-register .add-offre, main.main-contact .login, main.main-contact .user, main.main-contact .register, main.main-contact .contact, main.main-contact .ask, main.main-contact .add-offre, main.main-ask .login, main.main-ask .user, main.main-ask .register, main.main-ask .contact, main.main-ask .ask, main.main-ask .add-offre, main.main-add-offre .login, main.main-add-offre .user, main.main-add-offre .register, main.main-add-offre .contact, main.main-add-offre .ask, main.main-add-offre .add-offre { margin-top: 12vh; padding: 5vh 0; width: 100vw; background-color: white; } main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 { font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; text-align: center; } @media (min-width: 760px) { main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 { font-size: 1.6rem; } } main.main-login .login h1, main.main-login .user h1, main.main-login .register h1, main.main-login .contact h1, main.main-login .ask h1, main.main-login .add-offre h1, main.main-user .login h1, main.main-user .user h1, main.main-user .register h1, main.main-user .contact h1, main.main-user .ask h1, main.main-user .add-offre h1, main.main-register .login h1, main.main-register .user h1, main.main-register .register h1, main.main-register .contact h1, main.main-register .ask h1, main.main-register .add-offre h1, main.main-contact .login h1, main.main-contact .user h1, main.main-contact .register h1, main.main-contact .contact h1, main.main-contact .ask h1, main.main-contact .add-offre h1, main.main-ask .login h1, main.main-ask .user h1, main.main-ask .register h1, main.main-ask .contact h1, main.main-ask .ask h1, main.main-ask .add-offre h1, main.main-add-offre .login h1, main.main-add-offre .user h1, main.main-add-offre .register h1, main.main-add-offre .contact h1, main.main-add-offre .ask h1, main.main-add-offre .add-offre h1 { font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; text-align: center; margin-top: 3rem; margin-bottom: 2rem; } @media (min-width: 760px) { main.main-login .login h1, main.main-login .user h1, main.main-login .register h1, main.main-login .contact h1, main.main-login .ask h1, main.main-login .add-offre h1, main.main-user .login h1, main.main-user .user h1, main.main-user .register h1, main.main-user .contact h1, main.main-user .ask h1, main.main-user .add-offre h1, main.main-register .login h1, main.main-register .user h1, main.main-register .register h1, main.main-register .contact h1, main.main-register .ask h1, main.main-register .add-offre h1, main.main-contact .login h1, main.main-contact .user h1, main.main-contact .register h1, main.main-contact .contact h1, main.main-contact .ask h1, main.main-contact .add-offre h1, main.main-ask .login h1, main.main-ask .user h1, main.main-ask .register h1, main.main-ask .contact h1, main.main-ask .ask h1, main.main-ask .add-offre h1, main.main-add-offre .login h1, main.main-add-offre .user h1, main.main-add-offre .register h1, main.main-add-offre .contact h1, main.main-add-offre .ask h1, main.main-add-offre .add-offre h1 { font-size: 1.6rem; } } main.main-login .login div[role=contentinfo], main.main-login .user div[role=contentinfo], main.main-login .register div[role=contentinfo], main.main-login .contact div[role=contentinfo], main.main-login .ask div[role=contentinfo], main.main-login .add-offre div[role=contentinfo], main.main-user .login div[role=contentinfo], main.main-user .user div[role=contentinfo], main.main-user .register div[role=contentinfo], main.main-user .contact div[role=contentinfo], main.main-user .ask div[role=contentinfo], main.main-user .add-offre div[role=contentinfo], main.main-register .login div[role=contentinfo], main.main-register .user div[role=contentinfo], main.main-register .register div[role=contentinfo], main.main-register .contact div[role=contentinfo], main.main-register .ask div[role=contentinfo], main.main-register .add-offre div[role=contentinfo], main.main-contact .login div[role=contentinfo], main.main-contact .user div[role=contentinfo], main.main-contact .register div[role=contentinfo], main.main-contact .contact div[role=contentinfo], main.main-contact .ask div[role=contentinfo], main.main-contact .add-offre div[role=contentinfo], main.main-ask .login div[role=contentinfo], main.main-ask .user div[role=contentinfo], main.main-ask .register div[role=contentinfo], main.main-ask .contact div[role=contentinfo], main.main-ask .ask div[role=contentinfo], main.main-ask .add-offre div[role=contentinfo], main.main-add-offre .login div[role=contentinfo], main.main-add-offre .user div[role=contentinfo], main.main-add-offre .register div[role=contentinfo], main.main-add-offre .contact div[role=contentinfo], main.main-add-offre .ask div[role=contentinfo], main.main-add-offre .add-offre div[role=contentinfo] { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } main.main-login .login > div, main.main-login .user > div, main.main-login .register > div, main.main-login .contact > div, main.main-login .ask > div, main.main-login .add-offre > div, main.main-user .login > div, main.main-user .user > div, main.main-user .register > div, main.main-user .contact > div, main.main-user .ask > div, main.main-user .add-offre > div, main.main-register .login > div, main.main-register .user > div, main.main-register .register > div, main.main-register .contact > div, main.main-register .ask > div, main.main-register .add-offre > div, main.main-contact .login > div, main.main-contact .user > div, main.main-contact .register > div, main.main-contact .contact > div, main.main-contact .ask > div, main.main-contact .add-offre > div, main.main-ask .login > div, main.main-ask .user > div, main.main-ask .register > div, main.main-ask .contact > div, main.main-ask .ask > div, main.main-ask .add-offre > div, main.main-add-offre .login > div, main.main-add-offre .user > div, main.main-add-offre .register > div, main.main-add-offre .contact > div, main.main-add-offre .ask > div, main.main-add-offre .add-offre > div { height: 100%; } main.main-login .login > div > div:not(.hidden), main.main-login .user > div > div:not(.hidden), main.main-login .register > div > div:not(.hidden), main.main-login .contact > div > div:not(.hidden), main.main-login .ask > div > div:not(.hidden), main.main-login .add-offre > div > div:not(.hidden), main.main-user .login > div > div:not(.hidden), main.main-user .user > div > div:not(.hidden), main.main-user .register > div > div:not(.hidden), main.main-user .contact > div > div:not(.hidden), main.main-user .ask > div > div:not(.hidden), main.main-user .add-offre > div > div:not(.hidden), main.main-register .login > div > div:not(.hidden), main.main-register .user > div > div:not(.hidden), main.main-register .register > div > div:not(.hidden), main.main-register .contact > div > div:not(.hidden), main.main-register .ask > div > div:not(.hidden), main.main-register .add-offre > div > div:not(.hidden), main.main-contact .login > div > div:not(.hidden), main.main-contact .user > div > div:not(.hidden), main.main-contact .register > div > div:not(.hidden), main.main-contact .contact > div > div:not(.hidden), main.main-contact .ask > div > div:not(.hidden), main.main-contact .add-offre > div > div:not(.hidden), main.main-ask .login > div > div:not(.hidden), main.main-ask .user > div > div:not(.hidden), main.main-ask .register > div > div:not(.hidden), main.main-ask .contact > div > div:not(.hidden), main.main-ask .ask > div > div:not(.hidden), main.main-ask .add-offre > div > div:not(.hidden), main.main-add-offre .login > div > div:not(.hidden), main.main-add-offre .user > div > div:not(.hidden), main.main-add-offre .register > div > div:not(.hidden), main.main-add-offre .contact > div > div:not(.hidden), main.main-add-offre .ask > div > div:not(.hidden), main.main-add-offre .add-offre > div > div:not(.hidden) { margin-top: 5vh !important; display: flex; align-items: center; justify-content: center; } main.main-login .login > div > div:not(.hidden) form, main.main-login .user > div > div:not(.hidden) form, main.main-login .register > div > div:not(.hidden) form, main.main-login .contact > div > div:not(.hidden) form, main.main-login .ask > div > div:not(.hidden) form, main.main-login .add-offre > div > div:not(.hidden) form, main.main-user .login > div > div:not(.hidden) form, main.main-user .user > div > div:not(.hidden) form, main.main-user .register > div > div:not(.hidden) form, main.main-user .contact > div > div:not(.hidden) form, main.main-user .ask > div > div:not(.hidden) form, main.main-user .add-offre > div > div:not(.hidden) form, main.main-register .login > div > div:not(.hidden) form, main.main-register .user > div > div:not(.hidden) form, main.main-register .register > div > div:not(.hidden) form, main.main-register .contact > div > div:not(.hidden) form, main.main-register .ask > div > div:not(.hidden) form, main.main-register .add-offre > div > div:not(.hidden) form, main.main-contact .login > div > div:not(.hidden) form, main.main-contact .user > div > div:not(.hidden) form, main.main-contact .register > div > div:not(.hidden) form, main.main-contact .contact > div > div:not(.hidden) form, main.main-contact .ask > div > div:not(.hidden) form, main.main-contact .add-offre > div > div:not(.hidden) form, main.main-ask .login > div > div:not(.hidden) form, main.main-ask .user > div > div:not(.hidden) form, main.main-ask .register > div > div:not(.hidden) form, main.main-ask .contact > div > div:not(.hidden) form, main.main-ask .ask > div > div:not(.hidden) form, main.main-ask .add-offre > div > div:not(.hidden) form, main.main-add-offre .login > div > div:not(.hidden) form, main.main-add-offre .user > div > div:not(.hidden) form, main.main-add-offre .register > div > div:not(.hidden) form, main.main-add-offre .contact > div > div:not(.hidden) form, main.main-add-offre .ask > div > div:not(.hidden) form, main.main-add-offre .add-offre > div > div:not(.hidden) form { width: 95%; font-family: "Marianne", sans-serif; } @media screen and (min-width: 1080px) { main.main-login .login > div > div:not(.hidden) form, main.main-login .user > div > div:not(.hidden) form, main.main-login .register > div > div:not(.hidden) form, main.main-login .contact > div > div:not(.hidden) form, main.main-login .ask > div > div:not(.hidden) form, main.main-login .add-offre > div > div:not(.hidden) form, main.main-user .login > div > div:not(.hidden) form, main.main-user .user > div > div:not(.hidden) form, main.main-user .register > div > div:not(.hidden) form, main.main-user .contact > div > div:not(.hidden) form, main.main-user .ask > div > div:not(.hidden) form, main.main-user .add-offre > div > div:not(.hidden) form, main.main-register .login > div > div:not(.hidden) form, main.main-register .user > div > div:not(.hidden) form, main.main-register .register > div > div:not(.hidden) form, main.main-register .contact > div > div:not(.hidden) form, main.main-register .ask > div > div:not(.hidden) form, main.main-register .add-offre > div > div:not(.hidden) form, main.main-contact .login > div > div:not(.hidden) form, main.main-contact .user > div > div:not(.hidden) form, main.main-contact .register > div > div:not(.hidden) form, main.main-contact .contact > div > div:not(.hidden) form, main.main-contact .ask > div > div:not(.hidden) form, main.main-contact .add-offre > div > div:not(.hidden) form, main.main-ask .login > div > div:not(.hidden) form, main.main-ask .user > div > div:not(.hidden) form, main.main-ask .register > div > div:not(.hidden) form, main.main-ask .contact > div > div:not(.hidden) form, main.main-ask .ask > div > div:not(.hidden) form, main.main-ask .add-offre > div > div:not(.hidden) form, main.main-add-offre .login > div > div:not(.hidden) form, main.main-add-offre .user > div > div:not(.hidden) form, main.main-add-offre .register > div > div:not(.hidden) form, main.main-add-offre .contact > div > div:not(.hidden) form, main.main-add-offre .ask > div > div:not(.hidden) form, main.main-add-offre .add-offre > div > div:not(.hidden) form { padding: 0 20vw; } } main.main-login .login > div > div:not(.hidden) form .form-item, main.main-login .user > div > div:not(.hidden) form .form-item, main.main-login .register > div > div:not(.hidden) form .form-item, main.main-login .contact > div > div:not(.hidden) form .form-item, main.main-login .ask > div > div:not(.hidden) form .form-item, main.main-login .add-offre > div > div:not(.hidden) form .form-item, main.main-user .login > div > div:not(.hidden) form .form-item, main.main-user .user > div > div:not(.hidden) form .form-item, main.main-user .register > div > div:not(.hidden) form .form-item, main.main-user .contact > div > div:not(.hidden) form .form-item, main.main-user .ask > div > div:not(.hidden) form .form-item, main.main-user .add-offre > div > div:not(.hidden) form .form-item, main.main-register .login > div > div:not(.hidden) form .form-item, main.main-register .user > div > div:not(.hidden) form .form-item, main.main-register .register > div > div:not(.hidden) form .form-item, main.main-register .contact > div > div:not(.hidden) form .form-item, main.main-register .ask > div > div:not(.hidden) form .form-item, main.main-register .add-offre > div > div:not(.hidden) form .form-item, main.main-contact .login > div > div:not(.hidden) form .form-item, main.main-contact .user > div > div:not(.hidden) form .form-item, main.main-contact .register > div > div:not(.hidden) form .form-item, main.main-contact .contact > div > div:not(.hidden) form .form-item, main.main-contact .ask > div > div:not(.hidden) form .form-item, main.main-contact .add-offre > div > div:not(.hidden) form .form-item, main.main-ask .login > div > div:not(.hidden) form .form-item, main.main-ask .user > div > div:not(.hidden) form .form-item, main.main-ask .register > div > div:not(.hidden) form .form-item, main.main-ask .contact > div > div:not(.hidden) form .form-item, main.main-ask .ask > div > div:not(.hidden) form .form-item, main.main-ask .add-offre > div > div:not(.hidden) form .form-item, main.main-add-offre .login > div > div:not(.hidden) form .form-item, main.main-add-offre .user > div > div:not(.hidden) form .form-item, main.main-add-offre .register > div > div:not(.hidden) form .form-item, main.main-add-offre .contact > div > div:not(.hidden) form .form-item, main.main-add-offre .ask > div > div:not(.hidden) form .form-item, main.main-add-offre .add-offre > div > div:not(.hidden) form .form-item { margin: 1.8rem 0; } main.main-login .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .add-offre > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .add-offre > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .add-offre > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .add-offre > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .add-offre > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-add-offre .add-offre > div > div:not(.hidden) form .form-item .form-checkbox { width: 1rem; height: 1rem; -webkit-appearance: auto; } main.main-login .login > div > div:not(.hidden) form .form-item .form-required, main.main-login .user > div > div:not(.hidden) form .form-item .form-required, main.main-login .register > div > div:not(.hidden) form .form-item .form-required, main.main-login .contact > div > div:not(.hidden) form .form-item .form-required, main.main-login .ask > div > div:not(.hidden) form .form-item .form-required, main.main-login .add-offre > div > div:not(.hidden) form .form-item .form-required, main.main-user .login > div > div:not(.hidden) form .form-item .form-required, main.main-user .user > div > div:not(.hidden) form .form-item .form-required, main.main-user .register > div > div:not(.hidden) form .form-item .form-required, main.main-user .contact > div > div:not(.hidden) form .form-item .form-required, main.main-user .ask > div > div:not(.hidden) form .form-item .form-required, main.main-user .add-offre > div > div:not(.hidden) form .form-item .form-required, main.main-register .login > div > div:not(.hidden) form .form-item .form-required, main.main-register .user > div > div:not(.hidden) form .form-item .form-required, main.main-register .register > div > div:not(.hidden) form .form-item .form-required, main.main-register .contact > div > div:not(.hidden) form .form-item .form-required, main.main-register .ask > div > div:not(.hidden) form .form-item .form-required, main.main-register .add-offre > div > div:not(.hidden) form .form-item .form-required, main.main-contact .login > div > div:not(.hidden) form .form-item .form-required, main.main-contact .user > div > div:not(.hidden) form .form-item .form-required, main.main-contact .register > div > div:not(.hidden) form .form-item .form-required, main.main-contact .contact > div > div:not(.hidden) form .form-item .form-required, main.main-contact .ask > div > div:not(.hidden) form .form-item .form-required, main.main-contact .add-offre > div > div:not(.hidden) form .form-item .form-required, main.main-ask .login > div > div:not(.hidden) form .form-item .form-required, main.main-ask .user > div > div:not(.hidden) form .form-item .form-required, main.main-ask .register > div > div:not(.hidden) form .form-item .form-required, main.main-ask .contact > div > div:not(.hidden) form .form-item .form-required, main.main-ask .ask > div > div:not(.hidden) form .form-item .form-required, main.main-ask .add-offre > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .login > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .user > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .register > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .contact > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .ask > div > div:not(.hidden) form .form-item .form-required, main.main-add-offre .add-offre > div > div:not(.hidden) form .form-item .form-required { font-weight: 800; padding-right: 1rem; } main.main-login .login > div > div:not(.hidden) form .form-item .description, main.main-login .user > div > div:not(.hidden) form .form-item .description, main.main-login .register > div > div:not(.hidden) form .form-item .description, main.main-login .contact > div > div:not(.hidden) form .form-item .description, main.main-login .ask > div > div:not(.hidden) form .form-item .description, main.main-login .add-offre > div > div:not(.hidden) form .form-item .description, main.main-user .login > div > div:not(.hidden) form .form-item .description, main.main-user .user > div > div:not(.hidden) form .form-item .description, main.main-user .register > div > div:not(.hidden) form .form-item .description, main.main-user .contact > div > div:not(.hidden) form .form-item .description, main.main-user .ask > div > div:not(.hidden) form .form-item .description, main.main-user .add-offre > div > div:not(.hidden) form .form-item .description, main.main-register .login > div > div:not(.hidden) form .form-item .description, main.main-register .user > div > div:not(.hidden) form .form-item .description, main.main-register .register > div > div:not(.hidden) form .form-item .description, main.main-register .contact > div > div:not(.hidden) form .form-item .description, main.main-register .ask > div > div:not(.hidden) form .form-item .description, main.main-register .add-offre > div > div:not(.hidden) form .form-item .description, main.main-contact .login > div > div:not(.hidden) form .form-item .description, main.main-contact .user > div > div:not(.hidden) form .form-item .description, main.main-contact .register > div > div:not(.hidden) form .form-item .description, main.main-contact .contact > div > div:not(.hidden) form .form-item .description, main.main-contact .ask > div > div:not(.hidden) form .form-item .description, main.main-contact .add-offre > div > div:not(.hidden) form .form-item .description, main.main-ask .login > div > div:not(.hidden) form .form-item .description, main.main-ask .user > div > div:not(.hidden) form .form-item .description, main.main-ask .register > div > div:not(.hidden) form .form-item .description, main.main-ask .contact > div > div:not(.hidden) form .form-item .description, main.main-ask .ask > div > div:not(.hidden) form .form-item .description, main.main-ask .add-offre > div > div:not(.hidden) form .form-item .description, main.main-add-offre .login > div > div:not(.hidden) form .form-item .description, main.main-add-offre .user > div > div:not(.hidden) form .form-item .description, main.main-add-offre .register > div > div:not(.hidden) form .form-item .description, main.main-add-offre .contact > div > div:not(.hidden) form .form-item .description, main.main-add-offre .ask > div > div:not(.hidden) form .form-item .description, main.main-add-offre .add-offre > div > div:not(.hidden) form .form-item .description { margin-top: 0.3rem; } main.main-login .login > div > div:not(.hidden) form input, main.main-login .login > div > div:not(.hidden) form textarea, main.main-login .user > div > div:not(.hidden) form input, main.main-login .user > div > div:not(.hidden) form textarea, main.main-login .register > div > div:not(.hidden) form input, main.main-login .register > div > div:not(.hidden) form textarea, main.main-login .contact > div > div:not(.hidden) form input, main.main-login .contact > div > div:not(.hidden) form textarea, main.main-login .ask > div > div:not(.hidden) form input, main.main-login .ask > div > div:not(.hidden) form textarea, main.main-login .add-offre > div > div:not(.hidden) form input, main.main-login .add-offre > div > div:not(.hidden) form textarea, main.main-user .login > div > div:not(.hidden) form input, main.main-user .login > div > div:not(.hidden) form textarea, main.main-user .user > div > div:not(.hidden) form input, main.main-user .user > div > div:not(.hidden) form textarea, main.main-user .register > div > div:not(.hidden) form input, main.main-user .register > div > div:not(.hidden) form textarea, main.main-user .contact > div > div:not(.hidden) form input, main.main-user .contact > div > div:not(.hidden) form textarea, main.main-user .ask > div > div:not(.hidden) form input, main.main-user .ask > div > div:not(.hidden) form textarea, main.main-user .add-offre > div > div:not(.hidden) form input, main.main-user .add-offre > div > div:not(.hidden) form textarea, main.main-register .login > div > div:not(.hidden) form input, main.main-register .login > div > div:not(.hidden) form textarea, main.main-register .user > div > div:not(.hidden) form input, main.main-register .user > div > div:not(.hidden) form textarea, main.main-register .register > div > div:not(.hidden) form input, main.main-register .register > div > div:not(.hidden) form textarea, main.main-register .contact > div > div:not(.hidden) form input, main.main-register .contact > div > div:not(.hidden) form textarea, main.main-register .ask > div > div:not(.hidden) form input, main.main-register .ask > div > div:not(.hidden) form textarea, main.main-register .add-offre > div > div:not(.hidden) form input, main.main-register .add-offre > div > div:not(.hidden) form textarea, main.main-contact .login > div > div:not(.hidden) form input, main.main-contact .login > div > div:not(.hidden) form textarea, main.main-contact .user > div > div:not(.hidden) form input, main.main-contact .user > div > div:not(.hidden) form textarea, main.main-contact .register > div > div:not(.hidden) form input, main.main-contact .register > div > div:not(.hidden) form textarea, main.main-contact .contact > div > div:not(.hidden) form input, main.main-contact .contact > div > div:not(.hidden) form textarea, main.main-contact .ask > div > div:not(.hidden) form input, main.main-contact .ask > div > div:not(.hidden) form textarea, main.main-contact .add-offre > div > div:not(.hidden) form input, main.main-contact .add-offre > div > div:not(.hidden) form textarea, main.main-ask .login > div > div:not(.hidden) form input, main.main-ask .login > div > div:not(.hidden) form textarea, main.main-ask .user > div > div:not(.hidden) form input, main.main-ask .user > div > div:not(.hidden) form textarea, main.main-ask .register > div > div:not(.hidden) form input, main.main-ask .register > div > div:not(.hidden) form textarea, main.main-ask .contact > div > div:not(.hidden) form input, main.main-ask .contact > div > div:not(.hidden) form textarea, main.main-ask .ask > div > div:not(.hidden) form input, main.main-ask .ask > div > div:not(.hidden) form textarea, main.main-ask .add-offre > div > div:not(.hidden) form input, main.main-ask .add-offre > div > div:not(.hidden) form textarea, main.main-add-offre .login > div > div:not(.hidden) form input, main.main-add-offre .login > div > div:not(.hidden) form textarea, main.main-add-offre .user > div > div:not(.hidden) form input, main.main-add-offre .user > div > div:not(.hidden) form textarea, main.main-add-offre .register > div > div:not(.hidden) form input, main.main-add-offre .register > div > div:not(.hidden) form textarea, main.main-add-offre .contact > div > div:not(.hidden) form input, main.main-add-offre .contact > div > div:not(.hidden) form textarea, main.main-add-offre .ask > div > div:not(.hidden) form input, main.main-add-offre .ask > div > div:not(.hidden) form textarea, main.main-add-offre .add-offre > div > div:not(.hidden) form input, main.main-add-offre .add-offre > div > div:not(.hidden) form textarea { margin-top: 0.5rem; border: solid 1px #038788; } main.main-login .login > div > div:not(.hidden) form .button, main.main-login .user > div > div:not(.hidden) form .button, main.main-login .register > div > div:not(.hidden) form .button, main.main-login .contact > div > div:not(.hidden) form .button, main.main-login .ask > div > div:not(.hidden) form .button, main.main-login .add-offre > div > div:not(.hidden) form .button, main.main-user .login > div > div:not(.hidden) form .button, main.main-user .user > div > div:not(.hidden) form .button, main.main-user .register > div > div:not(.hidden) form .button, main.main-user .contact > div > div:not(.hidden) form .button, main.main-user .ask > div > div:not(.hidden) form .button, main.main-user .add-offre > div > div:not(.hidden) form .button, main.main-register .login > div > div:not(.hidden) form .button, main.main-register .user > div > div:not(.hidden) form .button, main.main-register .register > div > div:not(.hidden) form .button, main.main-register .contact > div > div:not(.hidden) form .button, main.main-register .ask > div > div:not(.hidden) form .button, main.main-register .add-offre > div > div:not(.hidden) form .button, main.main-contact .login > div > div:not(.hidden) form .button, main.main-contact .user > div > div:not(.hidden) form .button, main.main-contact .register > div > div:not(.hidden) form .button, main.main-contact .contact > div > div:not(.hidden) form .button, main.main-contact .ask > div > div:not(.hidden) form .button, main.main-contact .add-offre > div > div:not(.hidden) form .button, main.main-ask .login > div > div:not(.hidden) form .button, main.main-ask .user > div > div:not(.hidden) form .button, main.main-ask .register > div > div:not(.hidden) form .button, main.main-ask .contact > div > div:not(.hidden) form .button, main.main-ask .ask > div > div:not(.hidden) form .button, main.main-ask .add-offre > div > div:not(.hidden) form .button, main.main-add-offre .login > div > div:not(.hidden) form .button, main.main-add-offre .user > div > div:not(.hidden) form .button, main.main-add-offre .register > div > div:not(.hidden) form .button, main.main-add-offre .contact > div > div:not(.hidden) form .button, main.main-add-offre .ask > div > div:not(.hidden) form .button, main.main-add-offre .add-offre > div > div:not(.hidden) form .button { font-family: "Marianne", sans-serif; font-weight: 800; border: solid 1px #038788; background-color: white; cursor: pointer; } main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-login .user > div > div:not(.hidden) form .button:hover, main.main-login .register > div > div:not(.hidden) form .button:hover, main.main-login .contact > div > div:not(.hidden) form .button:hover, main.main-login .ask > div > div:not(.hidden) form .button:hover, main.main-login .add-offre > div > div:not(.hidden) form .button:hover, main.main-user .login > div > div:not(.hidden) form .button:hover, main.main-user .user > div > div:not(.hidden) form .button:hover, main.main-user .register > div > div:not(.hidden) form .button:hover, main.main-user .contact > div > div:not(.hidden) form .button:hover, main.main-user .ask > div > div:not(.hidden) form .button:hover, main.main-user .add-offre > div > div:not(.hidden) form .button:hover, main.main-register .login > div > div:not(.hidden) form .button:hover, main.main-register .user > div > div:not(.hidden) form .button:hover, main.main-register .register > div > div:not(.hidden) form .button:hover, main.main-register .contact > div > div:not(.hidden) form .button:hover, main.main-register .ask > div > div:not(.hidden) form .button:hover, main.main-register .add-offre > div > div:not(.hidden) form .button:hover, main.main-contact .login > div > div:not(.hidden) form .button:hover, main.main-contact .user > div > div:not(.hidden) form .button:hover, main.main-contact .register > div > div:not(.hidden) form .button:hover, main.main-contact .contact > div > div:not(.hidden) form .button:hover, main.main-contact .ask > div > div:not(.hidden) form .button:hover, main.main-contact .add-offre > div > div:not(.hidden) form .button:hover, main.main-ask .login > div > div:not(.hidden) form .button:hover, main.main-ask .user > div > div:not(.hidden) form .button:hover, main.main-ask .register > div > div:not(.hidden) form .button:hover, main.main-ask .contact > div > div:not(.hidden) form .button:hover, main.main-ask .ask > div > div:not(.hidden) form .button:hover, main.main-ask .add-offre > div > div:not(.hidden) form .button:hover, main.main-add-offre .login > div > div:not(.hidden) form .button:hover, main.main-add-offre .user > div > div:not(.hidden) form .button:hover, main.main-add-offre .register > div > div:not(.hidden) form .button:hover, main.main-add-offre .contact > div > div:not(.hidden) form .button:hover, main.main-add-offre .ask > div > div:not(.hidden) form .button:hover, main.main-add-offre .add-offre > div > div:not(.hidden) form .button:hover { background-color: rgba(255, 255, 255, 0.6); } .user .contextual-region > div { display: flex; font-family: "Marianne", sans-serif; } .user .contextual-region > div > h4 { padding-right: 0.5rem; } #edit-field-description-0-format { display: none; } .form-item { padding-left: 3rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } #background { z-index: -1; max-width: 99vw; width: 100vw; overflow: hidden; position: absolute; top: 0; left: 0; } #background img { position: absolute; pointer-events: none; } #background #bg-top { /* #bg-1 { top: 5vh; left: 0; } */ /* #bg-4 { top: 18vh; right: -45vw; } */ } #background #bg-top #bg-3 { top: 13vh; left: -10vw; } #background #bg-top #bg-2 { top: 8vh; left: -28vw; } #background #bg-top #bg-5 { width: 20vw; top: 5vh; right: -10vw; } #background #bg-middle { /* #bg-8 { width: 80vw; top: 45vh; left: -40vw; } */ } #background #bg-middle #bg-6 { top: 5vh; right: -5vw; } #background #bg-middle #bg-7 { width: 85vw; top: 10vh; right: 0vw; } #background #bg-middle #bg-12 { width: 105vw; left: -5vw; top: 30vh; } #background #bg-bottom #bg-11 { top: -70vh; right: -5vw; } #background #bg-bottom #bg-10 { width: 110vw; top: -150vh; left: 5vw; } #background #bg-bottom #bg-4 { transform: scaleX(-1); top: -40vh; left: -45vw; } /* PAGES */ .home_introduction { background-color: white; width: 100%; box-sizing: border-box; padding: 3rem 1rem; margin: 2rem 0; } .home_introduction h2 { display: none; } .home_introduction > .logo { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 2rem; } .home_introduction > .logo img { width: 50%; height: auto; } @media (min-width: 1080px) { .home_introduction > .logo img { width: 100%; } } @media (min-width: 1080px) { .home_introduction > .logo { width: 170%; margin: 0 3rem; } } .home_introduction article > div { height: unset !important; min-height: 100%; } .home_introduction article > div p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; width: 100%; } @media (min-width: 760px) { .home_introduction article > div p { padding-left: 3rem; padding-right: 3rem; } } @media (min-width: 1080px) { .home_introduction article > div p { padding-left: 0; } } @media (min-width: 760px) { .home_introduction article > div { padding: 0 !important; } } .home_introduction div.more-link { margin-top: 3rem; margin-bottom: 1.5rem; display: flex; justify-content: center; align-items: center; } .home_introduction div.more-link a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .home_introduction div.more-link a svg { display: none; } .home_introduction div.more-link a:hover { background-color: #00ff80; } @media (min-width: 760px) { .home_introduction div.more-link { position: absolute; left: 0; right: 0; } } @media (min-width: 760px) { .home_introduction { padding: 8rem 1rem; padding-top: 4rem; margin: 6rem 0; margin-left: 20vw; margin-right: 20vw; width: calc(100% - 40vw); } } @media (min-width: 1080px) { .home_introduction { display: flex; justify-content: space-around; margin-top: 20vh; margin-bottom: 20vh !important; } } .home_consultation { position: relative; width: 100%; padding: 4rem 0; background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); } .home_consultation h2 { margin-bottom: 1.2rem; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .home_consultation h2 a { color: #038788; } @media (min-width: 760px) { .home_consultation h2 { font-size: 2.3rem; } } @media (min-width: 760px) { .home_consultation h2 { padding-left: 0 !important; } } @media (min-width: 1080px) { .home_consultation h2 { margin-left: 12.5vw; max-width: 50vw; } } .home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 { font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 { font-size: 1.6rem; } } @media (min-width: 1080px) { .home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 { max-width: 50vw; margin-left: 12.5vw; } } .home_consultation article > div { height: unset !important; } .home_consultation article > div p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } @media (min-width: 1080px) { .home_consultation article > div p { margin-left: 12.5vw; max-width: 50vw; } } @media (min-width: 760px) { .home_consultation article > div { padding: 0 !important; } } .home_consultation div.more-link { margin-top: 3rem; display: flex; justify-content: center; align-items: center; } .home_consultation div.more-link a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .home_consultation div.more-link a svg { display: none; } .home_consultation div.more-link a:hover { background-color: #00ff80; } @media (min-width: 1080px) { .home_consultation div.more-link { display: flex; justify-content: flex-end; } } @media (min-width: 760px) { .home_consultation { padding-left: 12.5vw; padding-right: 12.5vw; } } .map-projets { background-color: white; padding: 1rem 0; margin-left: 3vw; width: calc(100% - 3vw * 2); } @media (min-width: 760px) { .map-projets { margin-left: 20vw; width: calc(100% - 40vw); } } @media (min-width: 1080px) { .map-projets { margin-left: 25vw; width: calc(100% - 50vw); margin-top: 10vh; margin-bottom: 10vh; } } .map-projets > h2 { font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .map-projets > h2 a { color: #038788; } @media (min-width: 760px) { .map-projets > h2 { font-size: 2.3rem; } } .map-projets > .projets_intro { padding: 0 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .map-projets > .projets_intro h1, .map-projets > .projets_intro h2, .map-projets > .projets_intro h3, .map-projets > .projets_intro h4, .map-projets > .projets_intro h5, .map-projets > .projets_intro h6 { font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .map-projets > .projets_intro h1, .map-projets > .projets_intro h2, .map-projets > .projets_intro h3, .map-projets > .projets_intro h4, .map-projets > .projets_intro h5, .map-projets > .projets_intro h6 { font-size: 1.6rem; } } .map-projets > .projets_intro a { color: black; } .map-projets > .projets_intro > p { margin: 1rem 0; } .map-projets > #sites-map-container { margin: 0 2rem; width: calc(100% - 4rem); } .map-projets > #sites-map-container #popup h3 { font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .map-projets > #sites-map-container #popup h3 { font-size: 1.2rem; } } .map-projets > #sites-map-container #popup p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage { margin-bottom: 10vh; padding-top: 3vh; padding-bottom: 3vh; background-color: white; position: relative; } .layout-content .fullpage h2 { margin-top: 5vh !important; margin-bottom: 7vh; z-index: 1; position: relative; width: auto; display: inline-block; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .layout-content .fullpage h2 a { color: #038788; } @media (min-width: 760px) { .layout-content .fullpage h2 { font-size: 2.3rem; } } .layout-content .fullpage .legende { display: block !important; font-size: 0.8rem; color: #314e41; } .layout-content .fullpage .fullpage_content > h2 { margin-bottom: 1rem; } .layout-content .fullpage .fullpage_content .sous_titre { font-size: 1.2rem; padding: 0 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage .fullpage_content p { padding: 0 3vw; margin-bottom: 2rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage .fullpage_content p:first-of-type { margin-top: 7vh; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div, .layout-content .fullpage .fullpage_content .liens > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div { text-align: right; padding: 0 1.5vw; margin: 2rem 0; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a, .layout-content .fullpage .fullpage_content .liens > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg, .layout-content .fullpage .fullpage_content .liens > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg { display: none; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a:hover, .layout-content .fullpage .fullpage_content .file_fixed > div > div a:hover, .layout-content .fullpage .fullpage_content .liens > div > div a:hover, .layout-content .fullpage .fullpage_content .file_fixed > div > div a:hover { background-color: #00ff80; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a, .layout-content .fullpage .fullpage_content .liens > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a { display: inline-block; } @media (min-width: 1080px) { .layout-content .fullpage .fullpage_content .liens_fixed > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div, .layout-content .fullpage .fullpage_content .liens > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div { margin-bottom: 0 !important; margin: 0; bottom: 10vh; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div > div, .layout-content .fullpage .fullpage_content .liens > div > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div > div { height: 3vh; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a, .layout-content .fullpage .fullpage_content .liens > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a { max-width: 19vw; } } .layout-content .fullpage .fullpage_content .file_fixed span:last-of-type { display: none; } .layout-content .fullpage .fullpage_content h3, .layout-content .fullpage .fullpage_content h4, .layout-content .fullpage .fullpage_content h5, .layout-content .fullpage .fullpage_content h6 { margin-bottom: 1rem; padding-left: 3vw; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .layout-content .fullpage .fullpage_content h3, .layout-content .fullpage .fullpage_content h4, .layout-content .fullpage .fullpage_content h5, .layout-content .fullpage .fullpage_content h6 { font-size: 1.2rem; } } .layout-content .fullpage .views-row { margin-bottom: 8vh; } @media (min-width: 760px) { .layout-content .fullpage { margin-top: 5vh; padding-top: 0; width: 75vw; margin-left: 12.5vw; } } @media (min-width: 1080px) { .layout-content .fullpage { margin-top: 13vh; width: 50vw; margin-left: 25%; } } @media (min-width: 760px) { .layout-content .fullpage.large-container { width: auto; margin-left: 7.5vw; margin-right: 7.5vw; } } @media (min-width: 760px) { main:has(#block-erabletheme-leprogramme-2) .fullpage, main:has(#block-erabletheme-views-block-projets-block-1) .fullpage { width: 70vw; margin-left: 2vw; overflow-x: hidden; } } @media (min-width: 1080px) { main:has(#block-erabletheme-leprogramme-2) .fullpage, main:has(#block-erabletheme-views-block-projets-block-1) .fullpage { width: 50vw; margin-left: 3vw; margin-right: 24vw; } } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2), aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { height: auto; margin-top: 2vh; margin-bottom: 2vh; } @media screen and (min-width: 760px) { aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2), aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { margin-top: 5vh; margin-bottom: 0; } } @media screen and (min-width: 1080px) { aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2), aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { margin-top: 13vh; } } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div { width: auto; display: inline-block; } @media screen and (min-width: 760px) { aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div { position: sticky; top: 5vh; width: 27vw; } } @media screen and (min-width: 1080px) { aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div { top: 12vh; width: 22vw; } } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 { padding: 1.5rem; background-color: white; margin-left: 2vw; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > div > div, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > div > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > div > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > div > div { width: auto !important; margin: 0 !important; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > h2, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > h2 { padding-bottom: 1rem; border-bottom: solid 1px #038788; display: flex; justify-content: space-between; cursor: pointer; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > h2, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > h2 { font-size: 1.2rem; } } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2 > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > h2 > div, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > h2 > div { mask-image: url("/themes/erabletheme/assets/icons/arrow-down-s-line.svg"); background-size: contain; background-color: #038788; width: 1.3rem; height: 1.3rem; color: #038788; transform: rotate(0deg); transition: transform 0.3s ease; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div.closed, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2 > div.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > h2 > div.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > h2 > div.closed { transform: rotate(180deg); } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list { max-height: 100vh; overflow: hidden; padding: 0; transition: max-height 0.6s ease; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list > li, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list .views-row, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul > li, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul > li, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul .views-row, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list > li, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list .views-row, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul > li, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row { margin: 1rem 0; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list > li a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul > li a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul > li a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list > li a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul > li a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a { color: black; font-size: 0.9rem; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a.is-active { font-weight: 800; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul.closed, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list.closed, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > ul.closed, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 .projets_list.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > ul.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 .projets_list.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul.closed, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list.closed { max-height: 0vh; } .paragraph--type--membre-equipe { height: auto; display: grid; grid-template-columns: 30vw auto 1fr; grid-auto-rows: auto; margin-bottom: 5vh; padding: 0 3vw !important; } .paragraph--type--membre-equipe:first-of-type { margin-top: 5vh; } .paragraph--type--membre-equipe > .portrait { grid-row: 1/3; } .paragraph--type--membre-equipe > .portrait > div { display: flex; align-items: center; } .paragraph--type--membre-equipe > .portrait > div > div { width: 20vw; height: 20vw; position: relative; } .paragraph--type--membre-equipe > .portrait > div > div img { border-radius: 10vw; width: 100%; height: 100%; object-fit: cover; padding: 1px; filter: grayscale(100%); } .paragraph--type--membre-equipe > .portrait > div > div::after { top: 0; left: 0; position: absolute; content: ""; height: 100%; width: 100%; background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); background-size: cover; display: block; pointer-events: none; } .paragraph--type--membre-equipe > .prenom, .paragraph--type--membre-equipe > .nom { align-self: flex-end; margin-bottom: 2vh; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .paragraph--type--membre-equipe > .prenom, .paragraph--type--membre-equipe > .nom { font-size: 1.2rem; } } .paragraph--type--membre-equipe > .nom > div { padding-left: 0.5rem; } .paragraph--type--membre-equipe > .texte { grid-column: 2/4; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .paragraph--type--membre-equipe > .texte p { margin-top: 0 !important; padding-left: 0 !important; } @media (min-width: 760px) { .paragraph--type--membre-equipe { grid-template-columns: 10vw auto 1fr; } .paragraph--type--membre-equipe > .portrait > div > div { width: 10vw; height: 10vw; border-radius: 5vw; } .paragraph--type--membre-equipe > .prenom { padding-left: 3vw; } .paragraph--type--membre-equipe > .texte p { padding-left: 3vw !important; } } .content_gouvernance .views-row { margin-bottom: 2vh; } .content_gouvernance .views-row article > h2 { margin-bottom: 2vh; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .content_gouvernance .views-row article > h2 { font-size: 1.6rem; } } .content_gouvernance .views-row article > h2 + div > div { margin-bottom: 2em; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .content_gouvernance .views-row article > div:first-of-type { height: unset; flex-direction: column; } .content_partenaires .views-row { margin-bottom: 2vh; } .content_partenaires .views-row article > h2 { margin-bottom: 2vh; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .content_partenaires .views-row article > h2 { font-size: 1.6rem; } } .content_partenaires .views-row article > div:first-of-type { height: unset !important; display: grid; grid-template-columns: 0.3fr 1fr; align-items: center; padding: 0 3vw; } .content_partenaires .views-row article > div:first-of-type > div:first-of-type { grid-column: 1/3; display: flex; justify-content: center; } @media (min-width: 760px) { .content_partenaires .views-row article > div:first-of-type > div:first-of-type { grid-column: 1/2; } } .content_partenaires .views-row article > div:first-of-type > div:first-of-type > .visually-hidden { display: none; } .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div { width: 30vw; height: auto; overflow: hidden; } .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img { width: 100%; height: auto; mix-blend-mode: darken; } @media (min-width: 760px) { .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div { margin-bottom: 1rem; width: 20vw; } } @media (min-width: 1080px) { .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div { width: 10vw; } } .content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) { grid-column: 1/3; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; margin-bottom: 2rem; } @media (min-width: 760px) { .content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) { padding-left: 3vw; grid-column: 2/3; } } .content_partenaires .views-row article > div:first-of-type > div:last-of-type { grid-column: 1/3; width: 100%; text-align: right; padding-bottom: 2rem; margin-top: 1rem; } .content_partenaires .views-row article > div:first-of-type > div:last-of-type a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .content_partenaires .views-row article > div:first-of-type > div:last-of-type a svg { display: none; } .content_partenaires .views-row article > div:first-of-type > div:last-of-type a:hover { background-color: #00ff80; } #block-erabletheme-unequestion { position: relative; display: grid; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(2, 1fr); align-items: center; width: 50vw; margin-left: 1.5vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; background-color: #038788; color: white; font-weight: 800; padding-bottom: 2rem; padding-top: 1.5rem; padding-right: 0.5rem; } @media (min-width: 760px) { #block-erabletheme-unequestion { position: absolute; width: 40vw; left: 1.5vw; bottom: -25vh; } } @media (min-width: 1080px) { #block-erabletheme-unequestion { left: unset; right: 1.5vw; width: 22vw; bottom: unset; top: 24vh; padding-right: 1rem; } } #block-erabletheme-unequestion > h2 { grid-column: 2; } #block-erabletheme-unequestion > div { grid-column: 2; } #block-erabletheme-unequestion > div a { color: white; text-decoration: underline; } #block-erabletheme-unequestion::before { content: "?"; grid-column: 1; grid-row: 1/3; justify-self: center; align-self: center; border: solid 1px white; width: 3rem; height: 3rem; border-radius: 1.5rem; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; } #block-erabletheme-unequestion a { display: block; transform: translateY(0); transition: transform 0.2s ease-out; } #block-erabletheme-unequestion a:hover { transform: translateY(-2px); } .fullpage.meetup > h2 { border-bottom: solid 1px #038788; padding: 0; padding-bottom: 4vh; margin-left: 3vw; margin-right: 3vw; margin-bottom: 4vh; height: auto; } @media (min-width: 1080px) { .fullpage.meetup > h2 { width: calc(75% - 6vw); } } .fullpage.meetup > header { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup > header > div:first-of-type { margin-left: 3vw; margin-right: 3vw; } @media (min-width: 760px) { .fullpage.meetup > header > div:first-of-type { width: calc(75% - 6vw); } } .fullpage.meetup > header > div:last-of-type { background-color: #038788; width: 60%; margin-left: calc(40% - 3vw); margin-top: 4vh; margin-bottom: 4vh; } @media (min-width: 760px) { .fullpage.meetup > header > div:last-of-type { position: absolute; top: 3vh; right: 4vh; width: 40%; } } @media (min-width: 1080px) { .fullpage.meetup > header > div:last-of-type { width: 20%; } } .fullpage.meetup > header > div:last-of-type > div { height: 100%; } .fullpage.meetup > header > div:last-of-type > div > a { padding: 0.5rem 0.5rem; height: 100%; display: block; font-weight: 800; color: white; display: flex; flex-direction: row; align-items: center; justify-content: space-around; transform: translateY(0); transition: transform 0.2s ease-out; } @media (min-width: 760px) { .fullpage.meetup > header > div:last-of-type > div > a { padding: 1rem 0.5rem; } } .fullpage.meetup > header > div:last-of-type > div > a::after { content: " →"; } .fullpage.meetup > header > div:last-of-type > div > a::before { content: "+"; text-decoration: none !important; color: white; border: solid 1px white; width: 1.8rem; height: 1.8rem; border-radius: 1.5rem; font-size: 1.2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.6rem; padding-bottom: 5px; } @media (min-width: 760px) { .fullpage.meetup > header > div:last-of-type > div > a::before { padding-bottom: 10px; width: 3rem; height: 3rem; font-size: 1.6rem; } } .fullpage.meetup > header > div:last-of-type > div > a:hover { transform: translateY(-2px); } .fullpage.meetup > .meetup_list { display: grid; margin: 3vh 3vw; margin-top: 8vh; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 760px) { .fullpage.meetup > .meetup_list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1080px) { .fullpage.meetup > .meetup_list { grid-template-columns: repeat(3, 1fr); } } .fullpage.meetup > .meetup_list > .views-row { margin-bottom: 2vh; } .fullpage.meetup > .meetup_list > .views-row > a > article, .fullpage.meetup > .meetup_list > .views-row > article { color: black; padding: unset !important; padding-top: 0.5rem !important; padding-bottom: 1rem !important; padding-right: 0.5rem !important; display: grid; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(6, auto); background-color: white; } .fullpage.meetup > .meetup_list > .views-row > a > article > p, .fullpage.meetup > .meetup_list > .views-row > a > article > a, .fullpage.meetup > .meetup_list > .views-row > a > article > div, .fullpage.meetup > .meetup_list > .views-row > a > article > a > h2, .fullpage.meetup > .meetup_list > .views-row > article > p, .fullpage.meetup > .meetup_list > .views-row > article > a, .fullpage.meetup > .meetup_list > .views-row > article > div, .fullpage.meetup > .meetup_list > .views-row > article > a > h2 { padding: 0.2rem 0; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]), .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) { grid-column: 1; grid-row: 1/7; align-self: center; justify-self: center; position: relative; } .fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > img, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > img { width: 10rem; height: 10rem; border-radius: 5rem; padding: 1rem; margin-right: 1rem; } .fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after { top: 0; left: 0; width: 8.1rem; height: 8.1rem; margin: 1rem; margin-right: 2rem; margin-top: 1.1rem; position: absolute; content: ""; background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); background-size: contain; display: block; pointer-events: none; } .fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation { grid-column: 2; grid-row: 1/2; } .fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation > a, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation > a { color: #038788; text-transform: uppercase; font-weight: 800; } .fullpage.meetup > .meetup_list > .views-row > a > article > a[title="Voir le profil utilisateur."], .fullpage.meetup > .meetup_list > .views-row > article > a[title="Voir le profil utilisateur."] { grid-column: 2; grid-row: 2/3; color: black; text-transform: uppercase; font-weight: 800; } .fullpage.meetup > .meetup_list > .views-row > a > article > a.author, .fullpage.meetup > .meetup_list > .views-row > article > a.author { grid-column: 2; grid-row: 2/3; color: black; text-transform: uppercase; font-weight: 800; } .fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title { grid-column: 2; grid-row: 3/4; } .fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title > h2, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title > h2 { margin: unset; padding: unset; font-weight: 800; margin-top: 0 !important; } .fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address { grid-column: 2; grid-row: 4/5; margin-bottom: 1.5rem; } .fullpage.meetup > .meetup_list > .views-row > a > article > p.address .country, .fullpage.meetup > .meetup_list > .views-row > article > p.address .country { display: none; } .fullpage.meetup > .meetup_list > .views-row > a > article > div.date-offre, .fullpage.meetup > .meetup_list > .views-row > article > div.date-offre { font-size: 0.8rem; grid-column: 2; grid-row: 6/7; height: unset !important; } .fullpage.meetup > .meetup_list > .views-row > a > article > div.date-offre > a, .fullpage.meetup > .meetup_list > .views-row > article > div.date-offre > a { color: black; } .fullpage.meetup > .meetup_list > .views-row > a > article > .legende, .fullpage.meetup > .meetup_list > .views-row > article > .legende { display: none !important; } .fullpage.meetup > .views-exposed-form { display: flex; margin-left: 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup > .views-exposed-form > div { width: auto; } .fullpage.meetup > .views-exposed-form > div > select { font-size: 0.8rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup > .views-exposed-form > div:last-of-type { margin-left: 1rem; } .fullpage.meetup > .views-exposed-form > div:last-of-type > input { font-size: 0.8rem; background-color: #038788; color: white; cursor: pointer; border: none; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup .ornements_top_over { top: -15vh; } .fullpage.meetup .ornements_bottom_over { right: 11vw; } .fullpage.meetup-offre { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.meetup-offre > .retour-meetup { padding-top: 3vh; padding-left: 3vw; } .fullpage.meetup-offre > .retour-meetup a { font-size: 0.8rem; font-weight: 800; color: #038788; } .fullpage.meetup-offre > h2 { margin-bottom: 3vh; width: auto; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .fullpage.meetup-offre > h2 a { color: #038788; } @media (min-width: 760px) { .fullpage.meetup-offre > h2 { font-size: 2.3rem; } } .fullpage.meetup-offre > .offre-content > div { border-top: solid 1px #038788; padding-top: 4vh; margin-left: 3vw; margin-right: 3vw; width: calc(100% - 6vw); } .fullpage.meetup-offre > .offre-content > div > div > div > div { display: grid; grid-template-columns: 0.3fr 1fr 1fr; grid-template-rows: repeat(9, auto); } .fullpage.meetup-offre > .offre-content > div > div > div > div .views-row { margin-bottom: unset; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation { padding: unset !important; grid-column: 1/2; grid-row: 1/6; justify-self: center; align-self: center; position: relative; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img { width: 8rem; height: 8rem; border-radius: 4rem; padding: 0.2rem; margin-right: 0.4rem; } @media (min-width: 760px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img { width: 15rem; height: 15rem; border-radius: 7.5rem; padding: 1rem; margin-right: 2rem; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after { top: 2px; left: 2px; width: 7.8rem; height: 7.8rem; position: absolute; content: ""; background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); background-size: contain; display: block; pointer-events: none; } @media (min-width: 760px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after { width: 13.2rem; height: 13.2rem; margin: 0.8rem; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure { grid-column: 2/4; grid-row: 1/2; text-transform: uppercase; color: #038788; font-weight: 800; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure > h2 { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation { grid-column: 2/4; grid-row: 3/4; font-weight: 800; color: #038788; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation > h2 { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation .country { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-title { grid-column: 2/4; grid-row: 4/5; font-size: 1.6rem; font-weight: 800; margin-bottom: 2rem; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-nom { grid-column: 2/4; grid-row: 2/3; text-transform: uppercase; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact { grid-column: 2/4; grid-row: 5/6; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact { grid-column: 2/3; grid-row: 5/7; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact span > a { display: block; margin-right: 2rem; background-color: #038788; line-height: 1.1; padding: 0.7rem 1rem; color: white; font-weight: 800; font-size: 0.8rem; transform: translateY(0); transition: transform 0.2s ease-out; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact span > a:hover { transform: translateY(-2px); } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time { align-self: center; grid-column: 2/4; grid-row: 6/7; font-size: 0.8rem; margin-top: 1rem; margin-bottom: 0.5rem; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div { display: inline-block !important; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2 { text-transform: unset !important; font-size: 0.8rem !important; color: black !important; margin: 0 !important; padding: 0 !important; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time { margin-top: 0; grid-column: 2/4; grid-row: 5/7; } } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div:has(.views-field-contact a) > .offre-time { grid-column: 3/4; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description { grid-column: 1/4; grid-row: 7/8; border-top: solid 1px #038788; margin-top: 2vh; padding-top: 6vh; margin-bottom: 4vh; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description p { margin: 1rem 0; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed { grid-row: 8/9; grid-column: 1/3; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > h2 { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div { padding: 0 1.5vw; margin: 2rem 0; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a svg { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a:hover { background-color: #00ff80; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a { display: inline-block; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div { text-align: right; margin-bottom: 0 !important; margin: 0; position: fixed; left: 75vw; bottom: 10vh; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div > div { height: 3vh; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a { max-width: 19vw; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed { grid-row: 9/10; grid-column: 1/3; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > h2 { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div { padding: 0 1.5vw; margin: 2rem 0; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a svg { display: none; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a:hover { background-color: #00ff80; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a { display: inline-block; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div { text-align: right; margin-bottom: 0 !important; margin: 0; position: fixed; left: 75vw; bottom: 10vh; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div > div { height: 3vh; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a { max-width: 19vw; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed span:last-of-type { display: none; } .layout-content .fullpage.projets { padding-top: 5vh; } @media (min-width: 1080px) { .layout-content .fullpage.projets > .intro_map { display: flex; flex-direction: row; } } .layout-content .fullpage.projets > .intro_map > header { padding: 0 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } @media (min-width: 1080px) { .layout-content .fullpage.projets > .intro_map > header { max-width: 55vw; } } .layout-content .fullpage.projets > .intro_map > header h1, .layout-content .fullpage.projets > .intro_map > header h2, .layout-content .fullpage.projets > .intro_map > header h3, .layout-content .fullpage.projets > .intro_map > header h4, .layout-content .fullpage.projets > .intro_map > header h5, .layout-content .fullpage.projets > .intro_map > header h6 { padding: 0 !important; margin: 0 !important; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .layout-content .fullpage.projets > .intro_map > header h1, .layout-content .fullpage.projets > .intro_map > header h2, .layout-content .fullpage.projets > .intro_map > header h3, .layout-content .fullpage.projets > .intro_map > header h4, .layout-content .fullpage.projets > .intro_map > header h5, .layout-content .fullpage.projets > .intro_map > header h6 { font-size: 1.6rem; } } .layout-content .fullpage.projets > .intro_map > header > h2 { margin-bottom: 5vh !important; padding-bottom: 3.5vh !important; border-bottom: 1px solid #038788; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .layout-content .fullpage.projets > .intro_map > header > h2 a { color: #038788; } @media (min-width: 760px) { .layout-content .fullpage.projets > .intro_map > header > h2 { font-size: 2.3rem; } } @media (min-width: 1080px) { .layout-content .fullpage.projets > .intro_map > header > h2 { width: 100%; } } .layout-content .fullpage.projets > .intro_map > header p { margin-bottom: 1rem; } .layout-content .fullpage.projets > .intro_map .projets_intro { display: none; } .layout-content .fullpage.projets > .intro_map #sites-map-container { width: 70%; padding: 0 !important; padding-bottom: 5vh !important; } @media screen and (min-width: 760px) { .layout-content .fullpage.projets > .intro_map #sites-map-container { width: 50%; } } @media (min-width: 1080px) { .layout-content .fullpage.projets > .intro_map #sites-map-container { margin: 0 2vw; margin-right: 3vw; margin-top: 5vh; padding-bottom: 0; } } .layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 { font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 { font-size: 1.2rem; } } .layout-content .fullpage.projets > .intro_map #sites-map-container #popup p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage.projets > .projets_list { display: grid; margin: 3vh 3vw; margin-top: 8vh; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 760px) { .layout-content .fullpage.projets > .projets_list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1080px) { .layout-content .fullpage.projets > .projets_list { grid-template-columns: repeat(3, 1fr); } } .layout-content .fullpage.projets > .projets_list > h3 { display: none; } .layout-content .fullpage.projets > .projets_list > .views-row { display: grid; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(4, auto); grid-column-gap: 1rem; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama { grid-column: 1; grid-row: 1/3; align-self: start; overflow: hidden; height: 100%; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content { display: block; width: 100%; height: auto; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a { aspect-ratio: 1/1; width: 100%; height: auto; display: flex; align-items: start; justify-content: center; mask-image: url("/themes/erabletheme/assets/shapes/shape_1.svg"); mask-repeat: no-repeat; mask-size: 100% auto; mask-position: center; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img { width: auto; height: 100%; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title { grid-column: 2; grid-row: 1; margin-bottom: 1rem; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a { color: #038788; } @media (min-width: 760px) { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title { font-size: 1.2rem; } } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre { grid-column: 2; grid-row: 2; font-size: 1.1rem !important; margin-bottom: 1rem; line-height: 1.3; font-size: 0.9rem !important; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a { color: black; } @media (min-width: 760px) { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre { font-size: 1.6rem; } } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel { grid-column: 1/3; grid-row: 3; margin-bottom: 1rem; padding-left: 1.2rem; padding-top: 0.3rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel a { color: black; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th { grid-column: 1/3; grid-row: 4; padding-left: 1rem; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li { display: inline-block; font-size: 0.8rem !important; background-color: #d3f0ea; margin: 0.2rem; transition: background-color 0.3s ease; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li:hover { background-color: #8ec2b8; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li a { display: block; color: black; padding: 0.2rem 0.4rem; } .fullpage.projet_full .retour_projets { padding-top: 3vh; padding-left: 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.projet_full .retour_projets a { font-size: 0.8rem; font-weight: 800; color: #038788; } .fullpage.projet_full .sous_titre > div > div { font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .fullpage.projet_full .sous_titre > div > div { font-size: 1.6rem; } } .fullpage.projet_full .localisation { margin-left: 3vw; margin-top: 2rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.projet_full .thematiques { margin-top: 1rem; margin-left: 3vw; } .fullpage.projet_full .thematiques > div > div > div { display: inline-block; font-size: 0.8rem !important; background-color: #d3f0ea; margin: 0.2rem; transition: background-color 0.3s ease; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.projet_full .thematiques > div > div > div:hover { background-color: #8ec2b8; } .fullpage.projet_full .thematiques > div > div > div a { display: block; color: black; padding: 0.2rem 0.4rem; } .fullpage.projet_full .intro > div > div:first-of-type { display: none; } .fullpage.projet_full .diapo { margin-top: 3rem; margin-left: 9vw; margin-right: 9vw; } @media screen and (min-width: 760px) { .fullpage.projet_full .diapo { margin-left: 3vw; margin-right: 3vw; } } .fullpage.projet_full .diapo img { width: 100%; height: auto; } .fullpage.projet_full .diapo .image-field-caption p { margin: 0; padding: 0; margin-top: 0.5rem; font-size: 0.8rem; opacity: 0.7; } .fullpage.projet_full .diapo .slick-arrow { width: 1.2rem; height: 1.2rem; border-radius: 1.5rem; background-color: #038788 !important; transition: background-color 0.3s ease; } .fullpage.projet_full .diapo .slick-arrow:hover { background-color: white !important; } .fullpage.projet_full .diapo .slick-arrow:hover::before { color: #038788; } .fullpage.projet_full .diapo .slick-arrow::before { opacity: 1 !important; color: white; font-weight: bold; font-family: "Marianne", sans-serif; display: block; font-size: 0.8rem !important; } .fullpage.projet_full .diapo .slick-prev { left: -2rem; } .fullpage.projet_full .diapo .slick-next { right: -2rem; } .fullpage.projet_full .text-content .intertitre { margin-left: 3vw; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .fullpage.projet_full .text-content .intertitre { font-size: 1.2rem; } } .fullpage.projet_full .text-content .paragraph { margin-bottom: 3rem; } .fullpage.projet_full .text-content .paragraph > div > div > p { margin: 1.2rem 0 !important; } .fullpage.projet_full .chiffre-clefs > div > div { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; width: auto; margin: 4rem 3vw; } .fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type { font-size: 2rem !important; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type { font-size: 1.2rem; } } .fullpage.projet_full .chiffre-clefs > div > div .paragraph p { margin: 0; padding: 0; margin-top: 0.5rem; color: #038788; } .fullpage.projet_full .carte { width: auto; margin: 0 3vw; margin-top: 4rem; } .fullpage.projet_full .carte .leaflet-pane path { stroke: #00ff80; stroke-width: 2; fill: #00ff80; fill-opacity: 0.2; } .fullpage.projet_full .carte #leaflet-popup { position: fixed; padding: 0.3rem 0.8rem; background-color: white; font-size: 0.8rem !important; opacity: 0; transition: opacity 0.3s ease; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .fullpage.projet_full .libelles-carte { display: none; } .fullpage.projet_full .legende-carte > div > div:first-of-type { display: none; } .fullpage.projet_full .legende-carte p { margin-top: 1rem !important; font-size: 0.8rem !important; opacity: 0.7; } .fullpage.projet_full .chronologie { display: none; } .fullpage.projet_full .equipe { margin-top: 4rem; } .fullpage.projet_full .equipe > div > div:first-of-type { margin-left: 3vw; margin-bottom: 2rem; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .fullpage.projet_full .equipe > div > div:first-of-type { font-size: 1.6rem; } } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div { padding-left: 3vw; padding-right: 3vw; margin: 1rem 0; margin-bottom: 3rem !important; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type { margin-bottom: 2rem; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; line-height: 1.3; } @media (min-width: 760px) { .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type { font-size: 1.2rem; } } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div { display: grid; grid-template-columns: 1fr; grid-row-gap: 2rem; grid-column-gap: 1.5rem; width: 75%; } @media screen and (min-width: 760px) { .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div { grid-template-columns: repeat(3, 1fr); width: unset; } } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div { margin-bottom: 1.5rem; } @media screen and (min-width: 760px) { .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div { margin-bottom: 0; } } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph { margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: auto 1fr; grid-column-gap: 0; flex-direction: column; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .portrait { display: none; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom { grid-column: 2; grid-row: 2; margin: 0; padding: 0; color: black; font-size: 0.9rem; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom > div { padding-left: 0.2rem !important; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .prenom { grid-column: 1; grid-row: 2; margin: 0; padding: 0; color: black; font-size: 0.9rem; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte { margin-top: 0.5rem; grid-column: 1/span 2; grid-row: 3; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte p { font-size: 0.9rem; margin: 0 !important; padding: 0 !important; } .fullpage.projet_full .liens > div > div, .fullpage.projet_full .file_fixed > div > div { margin: 0 !important; } .fullpage.projet_full .liens > div > div > div, .fullpage.projet_full .file_fixed > div > div > div { padding: 1rem 0; } .taxonomy_page > .fullpage_content > div:last-of-type { display: grid !important; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(3, auto); } .taxonomy_page > .fullpage_content > div:last-of-type > .diapo { grid-column: 1; grid-row: 2/4; margin: 0 !important; margin-left: 3vw !important; } .taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre { grid-column: 1/3; grid-row: 1; margin-bottom: 2rem; } .taxonomy_page > .fullpage_content > div:last-of-type > .localisation { grid-column: 2; grid-row: 2; margin-top: 0 !important; } .taxonomy_page > .fullpage_content > div:last-of-type > .thematiques { grid-column: 2; grid-row: 3; } .feed-icon { display: none; } @media (min-width: 760px) { .fullpage.actus .actus_list { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1080px) { .fullpage.actus .actus_list { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 760px) { .fullpage .actus_list h2 { font-size: 1.6rem !important; } } .ressources { margin-top: 0 !important; margin-bottom: 0 !important; } .ressources > .main-title { display: none; } .ressources > div { padding: 0 3vw; display: grid; grid-template-columns: 0.25fr 1fr; grid-auto-rows: auto; } .ressources > div > div > div:first-of-type { display: none; } .ressources > div > h2 { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 0 !important; justify-self: start; } .ressources > div > h2 > a > span { display: block; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .ressources > div > h2 > a > span { font-size: 1.6rem; } } .ressources > div > div:first-of-type { grid-column: 2; grid-row: 3; } .ressources > div > div:first-of-type > div > span { margin-top: -1rem; } .ressources > div > div:first-of-type > div > span a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .ressources > div > div:first-of-type > div > span a svg { display: none; } .ressources > div > div:first-of-type > div > span a:hover { background-color: #00ff80; } .ressources > div > div:first-of-type > div > span:last-of-type { display: none; } .ressources > div > div:nth-of-type(2) { grid-column: 1; grid-row: 1/4; padding: 2rem 0; margin-right: 2rem; } .ressources > div > div:nth-of-type(2) img { width: 100%; height: auto; } .ressources > div > div:nth-of-type(3) { grid-column: 2; grid-row: 2; margin-top: -1rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .views-row:first-of-type > .ressources { margin-top: 13vh !important; } .views-row:first-of-type > .ressources > .main-title { display: block; padding-top: 5vh !important; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; } .views-row:first-of-type > .ressources > .main-title a { color: #038788; } @media (min-width: 760px) { .views-row:first-of-type > .ressources > .main-title { font-size: 2.3rem; } } .ressource > div { margin: 3vw; display: grid; grid-template-columns: 0.25fr 1fr; grid-auto-rows: auto; } .ressource > div > div > div:first-of-type { display: none; } .ressource > div > h2 { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 0 !important; justify-self: start; } .ressource > div > h2 > span { display: block; font-family: "Barlow", sans-serif; color: black; font-size: 1.2rem; } @media (min-width: 760px) { .ressource > div > h2 > span { font-size: 1.6rem; } } .ressource > div > div:first-of-type { grid-column: 2; grid-row: 3; } .ressource > div > div:first-of-type > div > span { margin-top: -1rem; } .ressource > div > div:first-of-type > div > span a { text-align: center; color: black; font-family: "Marianne", sans-serif; font-weight: 800; font-size: 0.9rem; background-color: white; border: solid 2px #00ff80; padding: 9px 18px; transition: background-color 0.3s ease; } .ressource > div > div:first-of-type > div > span a svg { display: none; } .ressource > div > div:first-of-type > div > span a:hover { background-color: #00ff80; } .ressource > div > div:first-of-type > div > span:last-of-type { display: none; } .ressource > div > div:nth-of-type(2) { grid-column: 1; grid-row: 1/4; padding: 2rem 0; margin-right: 2rem; } .ressource > div > div:nth-of-type(2) img { width: 100%; height: auto; } .ressource > div > div:nth-of-type(3) { grid-column: 2; grid-row: 2; margin-top: -1rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } .faq-fullpage { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; padding: 0 3vw; } .faq-fullpage .faq-description { margin-bottom: 5vh; } .faq-fullpage .faq-question { padding: 0; margin-top: 1rem; border-top: solid 1px #314e41; padding-top: 1rem; padding-bottom: 0.5rem; } .faq-fullpage .faq-question > span > a { color: #038788; font-weight: 800; display: flex; align-items: center; justify-content: space-between; } .faq-fullpage .faq-question > span > a::after { content: "↓"; margin-left: 1rem; } .faq-fullpage .faq-qa-visible > span > a::after { content: "↑"; } .faq-fullpage .faq-answer a[href="#top"] { display: block; padding-top: 1rem; padding-bottom: 0.5rem; margin-left: -40px; color: #038788; } .faq-fullpage .faq-question-answer:last-of-type { border-bottom: solid 1px #314e41; padding-bottom: 0.5rem; } .faq-fullpage .ornements_top_over { top: -15vh; } .faq-fullpage .ornements_bottom_over { bottom: -30vh !important; } #block-erabletheme-votrequestionnexistepas { position: relative; display: grid; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(2, 1fr); align-items: center; width: 50vw; margin-left: 1.5vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; background-color: #038788; color: white; font-weight: 800; padding-bottom: 2rem; padding-top: 1.5rem; padding-right: 0.5rem; } @media (min-width: 760px) { #block-erabletheme-votrequestionnexistepas { grid-template-columns: 0.3fr 1fr; position: absolute; width: 40vw; left: 1.5vw; bottom: -25vh; } } @media (min-width: 1080px) { #block-erabletheme-votrequestionnexistepas { left: unset; right: 1.5vw; width: 22vw; bottom: unset; top: 24vh; padding-right: 1rem; } } #block-erabletheme-votrequestionnexistepas > h2 { grid-column: 2; } #block-erabletheme-votrequestionnexistepas > div { grid-column: 2; } #block-erabletheme-votrequestionnexistepas > div a { color: white; text-decoration: underline; display: block; transform: translateY(0); transition: transform 0.2s ease-out; } #block-erabletheme-votrequestionnexistepas > div a:hover { transform: translateY(-2px); } #block-erabletheme-votrequestionnexistepas::before { content: "?"; grid-column: 1; grid-row: 1/3; justify-self: center; align-self: center; border: solid 1px white; width: 3rem; height: 3rem; border-radius: 1.5rem; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; } /*# sourceMappingURL=styles.css.map */