diff --git a/config/sync/page_manager.page_variant.home-panels_variant-0.yml b/config/sync/page_manager.page_variant.home-panels_variant-0.yml index 1536265..b92cadb 100644 --- a/config/sync/page_manager.page_variant.home-panels_variant-0.yml +++ b/config/sync/page_manager.page_variant.home-panels_variant-0.yml @@ -44,18 +44,6 @@ variant_settings: region: content weight: -1 uuid: 42e5f5be-e990-4ced-854c-3f431dbfdcc0 - 0e39f25a-d433-49bd-84d4-3e6c11c16c47: - id: 'views_block:home_blocks-block_2' - label: '' - label_display: '0' - provider: views - context_mapping: { } - views_label: '' - items_per_page: none - exposed: { } - region: content - weight: 1 - uuid: 0e39f25a-d433-49bd-84d4-3e6c11c16c47 41595e31-d8d6-4940-a1e5-8687c04af5a5: id: sitesmap_block label: 'Sites map Block' diff --git a/web/modules/custom/erable_mod/assets/css/carte-interactive.css b/web/modules/custom/erable_mod/assets/css/carte-interactive.css index 09af117..0a296c7 100644 --- a/web/modules/custom/erable_mod/assets/css/carte-interactive.css +++ b/web/modules/custom/erable_mod/assets/css/carte-interactive.css @@ -15,11 +15,11 @@ } @media (max-width: 530px) { width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 485px; + height: 485px; } @media (max-width: 400px) { width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 430px; + height: 430px; } } @@ -78,7 +78,7 @@ content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; - + } #popup-content{ @@ -92,7 +92,7 @@ width: 300px; background-color: white; border-radius: 5px; - padding: 0.5rem; + padding: 0.5rem; padding-left: 1rem; } } diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 91a0630..b28fc24 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -32,6 +32,12 @@ 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; @@ -262,11 +268,6 @@ body.toolbar-fixed header[role=banner] { align-items: center; flex-direction: column; } -@media screen and (min-width: 1080px) { - .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) { - padding-top: 3rem; - } -} .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li { width: 100%; display: flex; @@ -350,6 +351,7 @@ body.toolbar-fixed header[role=banner] { position: relative; } .layout-container #block-erabletheme-navigationprincipale { + background: linear-gradient(to bottom, white, transparent); width: 100vw; display: none; position: absolute; @@ -395,7 +397,7 @@ body.toolbar-fixed header[role=banner] { background-color: #00ff80; } .layout-container #block-erabletheme-leprogramme { - position: absolute; + position: fixed; background-color: white; max-height: 0vh; overflow: hidden; @@ -416,6 +418,9 @@ body.toolbar-fixed header[role=banner] { .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: 100vw; @@ -538,72 +543,115 @@ body.toolbar-fixed header[role=banner] { } .slick-container { - background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); - width: 100vw; - border-bottom: solid 2px #038788; + width: 100%; + margin-bottom: 5rem; } -.slick-container div.views-row article { +@media screen and (min-width: 760px) { + .slick-container { + width: 200vw; + transform: translateX(-50vw); + } +} +.slick-container div.views-row { + padding: 0 3vw; +} +@media screen and (min-width: 760px) { + .slick-container div.views-row { + padding: 0 6vw; + } +} +.slick-container div.views-row > article { width: 100%; } -.slick-container div.views-row article > div:first-of-type { - width: 100%; - height: 30vh !important; +.slick-container div.views-row > article > div:first-of-type { overflow-y: hidden; padding: 0 !important; display: flex; align-items: center; } -.slick-container div.views-row article > div:first-of-type > div { +.slick-container div.views-row > article > div:first-of-type > div { width: 100%; } -.slick-container div.views-row article > div:first-of-type > div > a { +.slick-container div.views-row > article > div:first-of-type > div > a { max-width: 100%; } -.slick-container div.views-row article > div:first-of-type > div > a img { +.slick-container div.views-row > article > div:first-of-type > div > a img { width: 100%; height: auto; } -@media (min-width: 1080px) { - .slick-container div.views-row article > div:first-of-type { - height: 50vh !important; - } -} @media (min-width: 760px) { - .slick-container div.views-row article .preview_meta { + .slick-container div.views-row > article .preview_meta { margin-left: 0; margin-right: 0; } - .slick-container div.views-row article h2, .slick-container div.views-row article .preview_sous_titre { + .slick-container div.views-row > article h2, .slick-container div.views-row > article .preview_sous_titre { padding-left: 0; padding-right: 0; } } .slick-container .slick-arrow { - display: none !important; - width: 2rem; - height: 2rem; + width: 1.5rem; + height: 1.5rem; border-radius: 1.5rem; - border: solid 1px #038788; - top: unset; - bottom: 5%; - background-color: rgba(255, 255, 255, 0.4) !important; + background-color: #038788 !important; transition: background-color 0.3s ease; + top: unset !important; + bottom: calc(-25px - 4rem); } -@media (min-width: 1080px) { +@media (min-width: 760px) { .slick-container .slick-arrow { - transform: translateY(-5rem); + width: 2rem; + height: 2rem; + bottom: calc(-25px - 6rem); } } .slick-container .slick-arrow:hover { - background-color: rgba(255, 255, 255, 0.8) !important; + background-color: white !important; +} +.slick-container .slick-arrow:hover::before { + color: #038788; } .slick-container .slick-arrow::before { - color: #038788; + opacity: 1 !important; + color: white; + font-weight: bold; font-family: "Marianne", sans-serif; display: block; - padding-bottom: 3px; + font-size: 0.8rem !important; +} +@media (min-width: 760px) { + .slick-container .slick-arrow::before { + font-size: 1.2rem !important; + } +} +.slick-container .slick-prev { + left: 20vw; +} +@media (min-width: 1080px) { + .slick-container .slick-prev { + left: 85vw; + } +} +.slick-container .slick-next { + right: 20vw; +} +@media (min-width: 1080px) { + .slick-container .slick-next { + right: 85vw; + } +} +.slick-container > div > div > div:first-of-type { + z-index: 2; + position: relative; + margin-bottom: 4rem; +} +@media (min-width: 760px) { + .slick-container > div > div > div:first-of-type { + margin-bottom: 6rem; + } } .slick-container #carousel_dots { + z-index: 1; position: relative; margin-top: -15px; } @@ -612,16 +660,11 @@ body.toolbar-fixed header[role=banner] { bottom: 0; } .slick-container #carousel_dots ul li.slick-active button::before { - color: #00ff80; + color: #038788; } .slick-container #carousel_dots ul li button::before { color: rgb(0.9, 0.9, 0.9); } -@media (min-width: 1080px) { - .slick-container #carousel_dots { - margin-top: 4vh; - } -} .slick-container footer { text-align: center; margin-top: 4rem; @@ -644,20 +687,6 @@ body.toolbar-fixed header[role=banner] { .slick-container footer a:hover { background-color: #00ff80; } -@media (min-width: 760px) { - .slick-container { - padding: 0 12.5vw; - } - .slick-container .slick-prev, .slick-container .slick-next { - display: block !important; - } - .slick-container .slick-prev { - left: -5rem; - } - .slick-container .slick-next { - right: -5rem; - } -} .actu_full div { font-family: "Marianne", sans-serif; @@ -696,7 +725,7 @@ body.toolbar-fixed header[role=banner] { margin-top: -1.5rem; } .actu_full h2 + div .sous_titre > div > div { - font-size: 1.3rem; + font-size: 1.2rem; margin-bottom: 30px; } .actu_full h2 + div > div > div { @@ -712,11 +741,16 @@ body.toolbar-fixed header[role=banner] { } .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 { font-family: "Marianne", sans-serif; - font-size: 1.3rem; + font-size: 0.9rem; color: #038788; font-weight: 800; margin-bottom: 1rem; } +@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; @@ -761,59 +795,71 @@ body.toolbar-fixed header[role=banner] { display: none; } -.views-row article > div:first-of-type { +.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%; - height: 30vh; + aspect-ratio: 16/9; overflow: hidden; padding-left: 3vw; padding-right: 3vw; display: flex; align-items: center; } -.views-row article > div:first-of-type a img { +.views-row article.actu-teaser > div:first-of-type a img { height: auto; width: 100%; } -@media (min-width: 760px) { - .views-row article > div:first-of-type { - height: 20vh; - } +.views-row article.actu-teaser > div:first-of-type a .legende { + display: none !important; } -.views-row article .preview_meta { +.views-row article.actu-teaser .preview_meta { font-family: "Marianne", sans-serif; - font-size: 0.9rem; + font-size: 0.8rem; width: auto; display: flex; justify-content: space-between; color: #038788; - border-top: solid 1px #038788; margin: 0 3vw; margin-top: 1.3rem; padding-top: 0.7rem; } -.views-row article .preview_meta > div:first-of-type { - font-weight: 800; +@media (min-width: 760px) { + .views-row article.actu-teaser .preview_meta { + font-size: 0.9rem; + } } -.views-row article .preview_sous_titre { +.views-row article.actu-teaser .preview_sous_titre { font-family: "Marianne", sans-serif; - font-size: 1.3rem; + font-size: 0.9rem; padding: 5px 3vw; } @media (min-width: 760px) { - .views-row article .preview_sous_titre { + .views-row article.actu-teaser .preview_sous_titre { + font-size: 1.2rem; padding-top: 0; } } -.views-row article h2 { - font-family: "Barlow", sans-serif; - font-size: 2.3rem; +.views-row article.actu-teaser h2 { + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; + text-transform: uppercase; + margin-bottom: 0.5rem; } -.views-row article h2 a { +.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; @@ -904,49 +950,49 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo /* PAGES */ .home_introduction { - background-color: rgb(27, 197, 112); - position: relative; - border-bottom: solid 2px #038788; + background-color: white; width: 100%; - padding: 4rem 0; + box-sizing: border-box; + padding: 4rem 1rem; } .home_introduction h2 { display: none; } -.home_introduction > div { - z-index: 1; - position: relative; -} .home_introduction > .logo { - text-align: center; + display: flex; + justify-content: center; + align-items: center; width: 100%; - margin-bottom: 3rem; + margin-bottom: 2rem; } .home_introduction > .logo img { - width: 35vw; + width: 50%; + height: auto; } @media (min-width: 760px) { .home_introduction > .logo img { - width: 25vw; + width: 100%; } } -@media (min-width: 1080px) { - .home_introduction > .logo img { - width: 18vw; +@media (min-width: 760px) { + .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: 1080px) { +@media (min-width: 760px) { .home_introduction article > div p { - margin-left: 12.5vw; - max-width: 50vw; + padding-right: 3rem; } } @media (min-width: 760px) { @@ -978,16 +1024,23 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .home_introduction div.more-link a:hover { background-color: #00ff80; } -@media (min-width: 1080px) { +@media (min-width: 760px) { .home_introduction div.more-link { - display: flex; - justify-content: flex-end; + position: absolute; + left: 0; + right: 0; } } @media (min-width: 760px) { .home_introduction { - padding-left: 12.5vw; - padding-right: 12.5vw; + padding: 8rem 1rem; + padding-top: 4rem; + margin: 6rem 0; + margin-left: 20vw; + margin-right: 20vw; + width: calc(100% - 40vw); + display: flex; + justify-content: space-around; } } @@ -998,16 +1051,22 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding: 4rem 0; } .home_consultation h2 { - font-family: "Barlow", sans-serif; - font-size: 2.3rem; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; + text-transform: uppercase; margin-bottom: 1.2rem; } .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; @@ -1093,11 +1152,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo position: relative; } .fullpage > h2 { - font-family: "Barlow", sans-serif; - font-size: 2.3rem; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; + text-transform: uppercase; margin-top: 5vh; margin-bottom: 7vh; background-color: #fcf9ee; @@ -1109,6 +1169,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .fullpage > h2 a { color: #038788; } +@media (min-width: 760px) { + .fullpage > h2 { + font-size: 2.3rem; + } +} @media (min-width: 760px) { .fullpage > h2 { background-color: unset; @@ -1120,11 +1185,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo color: #314e41; } .fullpage .fullpage_content > h2 { - font-family: "Barlow", sans-serif; - font-size: 2.3rem; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; + text-transform: uppercase; margin-top: 5vh; margin-bottom: 1rem; background-color: #fcf9ee; @@ -1136,6 +1202,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .fullpage .fullpage_content > h2 a { color: #038788; } +@media (min-width: 760px) { + .fullpage .fullpage_content > h2 { + font-size: 2.3rem; + } +} @media (min-width: 760px) { .fullpage .fullpage_content > h2 { background-color: unset; @@ -1145,7 +1216,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - font-size: 1.3rem; + font-size: 1.2rem; padding: 0 3vw; } .fullpage .fullpage_content p { @@ -1203,12 +1274,17 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } .fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 { font-family: "Marianne", sans-serif; - font-size: 1.3rem; + font-size: 0.9rem; color: #038788; font-weight: 800; margin-bottom: 1rem; padding-left: 3vw; } +@media (min-width: 760px) { + .fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 { + font-size: 1.2rem; + } +} .fullpage .views-row { margin-bottom: 8vh; } @@ -1260,12 +1336,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .paragraph--type--membre-equipe > div:nth-of-type(2), .paragraph--type--membre-equipe > div:nth-of-type(3) { font-family: "Marianne", sans-serif; - font-size: 1.3rem; + font-size: 0.9rem; color: #038788; font-weight: 800; margin-bottom: 2vh; align-self: flex-end; } +@media (min-width: 760px) { + .paragraph--type--membre-equipe > div:nth-of-type(2), + .paragraph--type--membre-equipe > div:nth-of-type(3) { + font-size: 1.2rem; + } +} .paragraph--type--membre-equipe > div:nth-of-type(3) { padding-left: 0.5rem; } @@ -1705,17 +1787,23 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo color: #038788; } .fullpage.meetup-offre > h2 { - font-family: "Barlow", sans-serif; - font-size: 2.3rem; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; + text-transform: uppercase; margin-bottom: 3vh; width: auto; } .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; diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index 743999f..d47092a 100644 --- a/web/themes/erabletheme/css/styles.css.map +++ b/web/themes/erabletheme/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":"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;EbXZ;EACA,WAlBa;EAmBb;EaWgB;EACA,cdpCT;;AcuCK;EACI;EACA;EACA;EACA;EACA;;AbHhB;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;;AUAb;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EdeA;EACA,WAlBa;EAmBb;EcfA,kBVRG;EUSH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;;;AAEJ;EArBJ;IAsBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AC9DA;EACI;EACA;EACA;EACA,ahBLG;EgBMH,chBNG;EgBOH;EACA;;AACA;EARJ;IASQ;;;AAGR;EfSA;EACA,WAlBa;EAmBb;;AeTI;EACI,ahBhBD;EgBiBC,chBjBD;;AgBkBC;EAHJ;IAIQ;;;AAGR;EACI,kBXtBL;EWuBK;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAEJ;EAZJ;IAaQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EfvFZ;EACA,WAlBa;EAmBb;EeuFgB;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI,OXjIjB;EWkIiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;EfjKA;EACA,WAlBa;EAmBb;EeiKI;EACA,ahB1LG;;AgB2LH;EACI;;AACA;EfvKR;EACA,WAlBa;EAmBb;EeuKY;;AAGR;EACI;;AACA;Ef9KR;EACA,WAlBa;EAmBb;Ee8KY;EACA,kBXtMT;EWuMS;EACA;EACA;;AAMZ;EACI;;AAEJ;EACI;;;AAIR;EflMI;EACA,WAlBa;EAmBb;;AekMA;EACI;EACA,chB5NG;;AgB6NH;EACI,Wf7NG;Ee8NH;EACA,OX/NL;;AWkOH;EfxNA;EACA,WANS;EAOT;EACA;EACA,OIdG;EWoOC;EACA;;AftNJ;EACI,OIhBD;;AWwOC;EACI;EACA;EACA,ahB5OD;EgB6OC,chB7OD;EgB8OC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OXjRb;EWkRa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX9Rb;;AWqRa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WfhSL;EeiSK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXtTjB;EWuTiB;EACA;EACA;EACA;EACA,Wf3TT;Ee4TS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,Wf1UL;Ee2UK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;Af3TpB;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AWsWW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfxVpB;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AWmYW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACtZlB;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;EjBsBI;EACA,WAlBa;EAmBb;EiBtBA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OblCL;;AaqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBrCA;EACA,WAlBa;EAmBb;EiBqCA,kBb5DG;Ea6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AC7CF;AAMA;EACI;EACA;EACA;EACA;;;ACbJ;AAQA;ACRA;EACI;;;ACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ALjBJ;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAMA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAKhB;EAKI;;AAJA;EACI;EACA;;AAGJ;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAGR;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAXJ;IAYQ;;EACA;IACI;IACA;;;AAGR;EAlBJ;IAmBM;;;AAEF;EArBJ;IAsBM;;EACA;IACI;IACA;IACA;;;AAIV;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA,kBC3HP;ED4HO;EACA;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxKP;EDyKO;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OCjMf;;ADmMW;EACI;EACA,OCrMf;;ADuMW;EA1BJ;IA2BQ;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;;AAEJ;EACI;;AAQpB;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EAvEJ;IAwEQ;IACA;IACA;;EACA;IACI;;EACA;IACI;IACA;;;AAKhB;EACI;EACA;EACA;;AAGR;EACI;;AAGR;EACE;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA,WHpRA;EGqRA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE,kBCtSH;;ADwSC;EACE;EACA;;AACA;EACE,kBC5SL;;ADkTT;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;EACA,WH9TI;EG+TJ;;AACA;EACE;;AACA;EACE;;;AErUd;EACI;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;IACA;;;AAGR;EA3BJ;IA4BQ;IACA,cNrCL;;;AMwCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODpDX;ECqDW,WLvDT;EKwDS;EACA;EACA;;AAEJ;EAVJ;IAWQ;IACA;;;AAGR;EAlBJ;IAmBQ;IACA;;;AAIR;EACI;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrFrB;;ACuFiB;EACI;;AAIZ;EArBJ;IAsBQ;IACA;IACA,eNhGT;;;AMqGH;EA9FJ;IA+FQ;;;AAGR;EAzGJ;IA0GQ;;;;AC1GR;EACI;EACA;;AACA;EAHJ;IAIM;IACA;;;AAEF;EACI;;AACA;EAFJ;IAGQ;;;AAEN;EACE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASM;IACA;IACA;;;AAEF;EACE;;AACA;EACE,OFzDL;;AE4DC;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIR;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI,OFpGP;;AEsGG;EACI;;AAIV;EAEI;EACA;EACA;;ANhEJ;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;;AGCT;EPyBA;EACA,WAtBa;EAuBb;;AOxBA;EACI;EACA,cRNG;;AQOH;EACI,WPPG;EOQH;EACA,OHTL;;AGYH;EACI,cRdG;EQeH;;AACA;EACI,WPhBG;EOiBH;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEA;EACI,WPhCF;EOiCE;;AAIJ;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;;AAGJ;EPvBA;EACA,WA/BU;EAgCV,OIjCG;EJkCH;EOsBI;;APrBJ;EOmBA;IPlBE,WAlCQ;;;AOyDV;EACI;EACA;EACA;;APfJ;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AGiEL;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;;AClFJ;EACI;EACA;EACA;;AACE;EACI;EACA;EACA;EACA,cTTD;ESUC,eTVD;ESWC;EACA;;AAEI;EACI;EACA;;AAEJ;EACE;;AAKV;EACI;EACA,WRzBG;EQ0BH;EACA;EACA;EACA,OJ7BL;EI8BK;EACA;EACA;;AACA;EAVJ;IAWM,WRjCA;;;AQqCN;EACI;EACA,WRvCE;EQwCF;;AACA;EAJJ;IAKM,WRzCA;IQ0CE;;;AAIR;ERtCJ;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EQmCQ;;ARlCR;EACI,OIjBD;;AJmBH;EQ6BI;IR5BF,WAfO;;;;ASNb;EACI;;AACA;EACI;EACA;ELMJ;;AKJI;EToCJ;EACA;EACA,WAxCW;ESIH;;AAEJ;ETgCJ;EACA;EACA,WAxCW;ESQH;EACA;EACA;;AAEJ;ETUJ;EACA,WAtBa;EAuBb;;ASTI;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAQpB;EACI;EACA;;AACA;EACI;;;AAIZ;EACI;;;AZ5DJ;AahBA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EAHF;IAIM;;;AAMN;EAhBF;IAiBI;IACA;;;AAGJ;EACE;EACA;;AACA;EVNA;EACA,WAtBa;EAuBb;EUME;;AACA;EAHF;IAII;;;AAGJ;EAVF;IAWI;;;AAGJ;EAEE;EACA;EACA;EACA;EACA;;AVDA;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AMkDT;EAPF;IAQI;IACA;IACA;;;AAGJ;EAxDF;IAyDI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AAKJ;EACI;ENhEA;EMkEA;EACA;;AACA;EV/DA;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EU4DI;;AV3DJ;EACI,OIjBD;;AJmBH;EUsDA;IVrDE,WAfO;;;AUuEL;EAHJ;IAIQ;;;AAEJ;EANJ;IAOQ;IACA;;;AAIJ;EV5CJ;EACA;EACA,WAxCW;;AUoFH;EAFJ;IAGQ;IACA;;;AAIZ;EACI;;AACA;EVtEJ;EACA,WAtBa;EAuBb;;AUsEM;EAFF;IAGM;IACA;;;AAGN;EATJ;IAUQ;;;AAGR;EAEI;EACA;EACA;EACA;;AVhEJ;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AMiHL;EANJ;IAOQ;IACA;;;AAGR;EAjDJ;IAkDQ;IACA;;;;ACxHR;EACI;EACA;EACA;EPGA;EODA;;AACA;EXKA;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EWRI;EACA;EACA,kBPRA;EOSA;EACA;EACA;EACA;;AXGJ;EACI,OIjBD;;AJmBH;EWdA;IXeE,WAfO;;;AWSL;EATJ;IAUQ;;;AAIR;EACI;EACA;EACA,OPpBK;;AOwBL;EXhBJ;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EWaQ;EACA;EACA,kBP7BJ;EO8BI;EACA;EACA;EACA;;AXlBR;EACI,OIjBD;;AJmBH;EWOI;IXNF,WAfO;;;AW8BD;EATJ;IAUQ;;;AAIR;EXfJ;EACA,WAtBa;EAuBb;EWeQ,WXxCE;EWyCF;;AAGJ;EXrBJ;EACA,WAtBa;EAuBb;EWqBQ;EACA;;AAGJ;EACI;;AAIJ;EACI;EACA;EACA;;AXbR;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AO+DD;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;AAIF;EXrDJ;EACA,WA/BU;EAgCV,OIjCG;EJkCH;EWoDQ;EACA,cZxFD;;ACoCP;EWiDI;IXhDF,WAlCQ;;;AWyFV;EACI;;AAEJ;EA/FJ;IAgGQ;IACA;IACA;IACA;;;AAEJ;EArGJ;IAsGQ;IACA;;;AAIF;EADF;IAEI;IACA,aZ7GG;IY8GH,cZ9GG;;;;AaAX;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAKZ;AAAA;EZSA;EACA,WA/BU;EAgCV,OIjCG;EJkCH;EYTI;EACA;;AZSJ;EYbA;AAAA;IZcE,WAlCQ;;;AY2BV;EACI;;AAGJ;EZRA;EACA,WAtBa;EAuBb;EYQI;;AAEJ;EAtCJ;IAuCQ;;EACA;IACQ;IACA;IACA;;EAGR;IACI;;EAGJ;IACI;;;;AAOR;EACI;;AAEI;EACI;EZpBZ;EACA;EACA,WAxCW;;AY6DH;EZvCR;EACA,WAtBa;EAuBb;EYuCY;;AAEJ;EACI;EACA;;;ACtEZ;EACI;;AAEI;EACI;EbqCZ;EACA;EACA,WAxCW;;AaIH;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EAVJ;IAWQ;;;AAEJ;EAbJ;IAcQ;;;AAKZ;EbPZ;EACA,WAtBa;EAuBb;EaOgB;EACA,cdpCT;;AcuCK;EACI;EACA;EACA;EACA;EACA;;AbIhB;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;;AUAb;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EdmBA;EACA,WAtBa;EAuBb;EcnBA,kBVRG;EUSH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;;;AAEJ;EArBJ;IAsBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AC9DA;EACI;EACA;EACA;EACA,ahBLG;EgBMH,chBNG;EgBOH;EACA;;AACA;EARJ;IASQ;;;AAGR;EfaA;EACA,WAtBa;EAuBb;;AebI;EACI,ahBhBD;EgBiBC,chBjBD;;AgBkBC;EAHJ;IAIQ;;;AAGR;EACI,kBXtBL;EWuBK;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAEJ;EAZJ;IAaQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EfnFZ;EACA,WAtBa;EAuBb;EemFgB;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI,OXjIjB;EWkIiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;Ef7JA;EACA,WAtBa;EAuBb;Ee6JI;EACA,ahB1LG;;AgB2LH;EACI;;AACA;EfnKR;EACA,WAtBa;EAuBb;EemKY;;AAGR;EACI;;AACA;Ef1KR;EACA,WAtBa;EAuBb;Ee0KY;EACA,kBXtMT;EWuMS;EACA;EACA;;AAMZ;EACI;;AAEJ;EACI;;;AAIR;Ef9LI;EACA,WAtBa;EAuBb;;Ae8LA;EACI;EACA,chB5NG;;AgB6NH;EACI,Wf7NG;Ee8NH;EACA,OX/NL;;AWkOH;EfxNA;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EeqNI;EACA;;AfrNJ;EACI,OIjBD;;AJmBH;Ee+MA;If9ME,WAfO;;;AemOL;EACI;EACA;EACA,ahB5OD;EgB6OC,chB7OD;EgB8OC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OXjRb;EWkRa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX9Rb;;AWqRa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WfhSL;EeiSK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXtTjB;EWuTiB;EACA;EACA;EACA;EACA,Wf3TT;Ee4TS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,Wf1UL;Ee2UK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfpTpB;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AWsWW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfjVpB;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AWmYW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACtZlB;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;EjB0BI;EACA,WAtBa;EAuBb;EiB1BA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OblCL;;AaqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBjCA;EACA,WAtBa;EAuBb;EiBiCA,kBb5DG;Ea6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/fonts/Barlow/BarlowCondensed-Regular.woff2 b/web/themes/erabletheme/fonts/Barlow/BarlowCondensed-Regular.woff2 new file mode 100644 index 0000000..40440f0 Binary files /dev/null and b/web/themes/erabletheme/fonts/Barlow/BarlowCondensed-Regular.woff2 differ diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js index 7dc67f8..69fe3a8 100644 --- a/web/themes/erabletheme/js/erabletheme.js +++ b/web/themes/erabletheme/js/erabletheme.js @@ -16,8 +16,19 @@ let slickEl = $('.slick-container').children().first().children().first().children().first().children().first(); console.log(slickEl); $(slickEl).slick({ + centerMode: true, + //centerPadding: '600px', + slidesToShow: 3, dots: true, - appendDots: $('#carousel_dots') + appendDots: $('#carousel_dots'), + responsive: [ + { + breakpoint: 760, + settings: { + slidesToShow: 1 + } + }, + ], }); })(jQuery, window); @@ -191,7 +202,7 @@ function showSubmenu() { programLink.classList.add("submenu-open"); - const rect = programLink.getBoundingClientRect(); + let rect = programLink.getBoundingClientRect(); programSubmenu.style.top = `${rect.bottom}px`; programSubmenu.style.left = `${rect.left}px`; programSubmenu.style.display = "block"; diff --git a/web/themes/erabletheme/scss/_home.scss b/web/themes/erabletheme/scss/_home.scss index 031bf62..f1e0dc7 100644 --- a/web/themes/erabletheme/scss/_home.scss +++ b/web/themes/erabletheme/scss/_home.scss @@ -1,61 +1,72 @@ .home_introduction { - background-color: rgb(27, 197, 112); // to remove - position: relative; - border-bottom: solid 2px $teal; + background-color: white; + width: 100%; + box-sizing: border-box; + padding: 4rem 1rem; + h2 { + display: none; + } + > .logo { + display: flex; + justify-content: center; + align-items: center; width: 100%; - padding: 4rem 0; - h2 { - display: none; - } - > div { - z-index: 1; - position: relative; - } - > .logo { - text-align: center; - width: 100%; - margin-bottom: 3rem; - img { - width: 35vw; - @media (min-width: $breakpoint_tablet) { - width: 25vw; - } - @media (min-width: $breakpoint_desktop) { - width: 18vw; - } - } - } - article > div { - height: unset !important; - p { - @include main_text_content(); - @media (min-width: $breakpoint_desktop) { - margin-left: 12.5vw; - max-width: 50vw; - } - } - @media (min-width: $breakpoint_tablet) { - padding: 0 !important; - } - } - div.more-link { - @include fluo_button(); - margin-top: 3rem; - margin-bottom: 1.5rem; - display: flex; - justify-content: center; - align-items: center; - @media (min-width: $breakpoint_desktop) { - display: flex; - justify-content: flex-end; - } + margin-bottom: 2rem; + img { + width: 50%; + height: auto; + @media (min-width: $breakpoint_tablet) { + width: 100%; + } + @media (min-width: $breakpoint_desktop) { + //width: 18vw; + } } @media (min-width: $breakpoint_tablet) { - padding-left: 12.5vw; - padding-right: 12.5vw; + width: 170%; + margin: 0 3rem; } + } + article > div { + height: unset !important; + min-height: 100%; + p { + @include main_text_content(); + width: 100%; + @media (min-width: $breakpoint_tablet) { + padding-right: 3rem; + } + } + @media (min-width: $breakpoint_tablet) { + padding: 0 !important; + } + } + div.more-link { + @include fluo_button(); + margin-top: 3rem; + margin-bottom: 1.5rem; + display: flex; + justify-content: center; + align-items: center; + @media (min-width: $breakpoint_tablet) { + position: absolute; + left:0; + right:0; + } + } + @media (min-width: $breakpoint_tablet) { + padding: 8rem 1rem; + padding-top: 4rem; + margin: 6rem 0; + margin-left: 20vw; + margin-right: 20vw; + width: calc(100% - 40vw); + display: flex; + justify-content: space-around; + } } +// plus sur l'accueil .home_consultation { position: relative; @include beige_gradient(); diff --git a/web/themes/erabletheme/scss/global/_fonts.scss b/web/themes/erabletheme/scss/global/_fonts.scss index bfb2cbc..66be1a4 100644 --- a/web/themes/erabletheme/scss/global/_fonts.scss +++ b/web/themes/erabletheme/scss/global/_fonts.scss @@ -39,5 +39,12 @@ src: url('../fonts/Barlow/barlow-light.woff2') format('woff2'), url('../fonts/Barlow/barlow_light.woff') format('woff'); font-weight: 300; - font-style: normal; + font-style: normal +} + +@font-face { + font-family: 'Barlow Condensed'; + src: url('../fonts/Barlow/BarlowCondensed-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; } diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss index 10c88d8..cc45871 100644 --- a/web/themes/erabletheme/scss/global/_global.scss +++ b/web/themes/erabletheme/scss/global/_global.scss @@ -24,4 +24,4 @@ em { #block-erabletheme-titredepage { display: none; -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/global/variables/_typography.scss b/web/themes/erabletheme/scss/global/variables/_typography.scss index a84370e..f3543b1 100644 --- a/web/themes/erabletheme/scss/global/variables/_typography.scss +++ b/web/themes/erabletheme/scss/global/variables/_typography.scss @@ -1,7 +1,7 @@ /* SIZES */ $sm_font_size: 0.8rem; $m_font_size: 0.9rem; -$l_font_size: 1.3rem; +$l_font_size: 1.2rem; $xl_font_size: 1.6rem; $main_font_size: 1rem; $title_size: 2.3rem; @@ -9,14 +9,18 @@ $title_size: 2.3rem; /* MIXINS */ @mixin main_title() { - font-family: "Barlow", sans-serif; - font-size: $title_size; + font-family: "Barlow Condensed", sans-serif; + font-size: $l_font_size; padding: 0 $x_margin; margin-top: 1rem; color: $teal; + text-transform: uppercase; a { color: $teal; } + @media (min-width: $breakpoint_tablet) { + font-size: $title_size; + } } @mixin main_text_content() { @@ -27,9 +31,12 @@ $title_size: 2.3rem; @mixin sous_titre() { font-family: "Marianne", sans-serif; - font-size: $l_font_size; + font-size: $m_font_size; color: $teal; font-weight: 800; + @media (min-width: $breakpoint_tablet) { + font-size: $l_font_size; + } } @mixin sous_titre_alt() { @@ -56,4 +63,4 @@ $title_size: 2.3rem; a:hover { background-color: $fluo_green; } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/partials/_articles_teaser.scss b/web/themes/erabletheme/scss/partials/_articles_teaser.scss index 1757b57..ab7b86e 100644 --- a/web/themes/erabletheme/scss/partials/_articles_teaser.scss +++ b/web/themes/erabletheme/scss/partials/_articles_teaser.scss @@ -1,8 +1,11 @@ .views-row { - article { + article.actu-teaser { + background-color: white; + padding: 2rem; + box-sizing: border-box; > div:first-of-type { width: 100%; - height: 30vh; + aspect-ratio: 16 / 9; overflow: hidden; padding-left: $x_margin; padding-right: $x_margin; @@ -13,40 +16,41 @@ height: auto; width: 100%; } - } - @media (min-width: $breakpoint_tablet) { - height: 20vh; + .legende { + display: none !important; + } } } .preview_meta { font-family: "Marianne", sans-serif; - font-size: $m_font_size; + font-size: $sm_font_size; width: auto; display: flex; justify-content: space-between; color: $teal; - border-top: solid 1px $teal; margin: 0 $x_margin; margin-top: 1.3rem; padding-top: 0.7rem; - > div:first-of-type { - font-weight: 800; + @media (min-width: $breakpoint_tablet) { + font-size: $m_font_size; } } .preview_sous_titre { font-family: "Marianne", sans-serif; - font-size: $l_font_size; + font-size: $m_font_size; padding: 5px $x_margin; @media (min-width: $breakpoint_tablet) { + font-size: $l_font_size; padding-top: 0; } } h2 { @include main_title(); + margin-bottom: 0.5rem; } } - -} \ No newline at end of file + +} diff --git a/web/themes/erabletheme/scss/partials/_carousel.scss b/web/themes/erabletheme/scss/partials/_carousel.scss index 3544888..012d89f 100644 --- a/web/themes/erabletheme/scss/partials/_carousel.scss +++ b/web/themes/erabletheme/scss/partials/_carousel.scss @@ -1,12 +1,18 @@ .slick-container { - @include beige_gradient(); - width: 100vw; - border-bottom: solid 2px $teal; - div.views-row article { + width: 100%; + margin-bottom: 5rem; + @media screen and (min-width: $breakpoint_tablet) { + width: 200vw; + transform: translateX(-50vw); + } + div.views-row { + padding: 0 3vw; + @media screen and (min-width: $breakpoint_tablet) { + padding: 0 6vw; + } + > article { width: 100%; > div:first-of-type { // container du lien image - width: 100%; - height: 30vh !important; overflow-y: hidden; padding: 0 !important; display: flex; @@ -21,9 +27,6 @@ } } } - @media (min-width: $breakpoint_desktop) { - height: 50vh !important; - } } @media (min-width: $breakpoint_tablet) { .preview_meta { @@ -33,48 +36,75 @@ h2, .preview_sous_titre { padding-left: 0; padding-right: 0; - } + } } - } + } + } .slick-arrow { - display: none !important; - width: 2rem; - height: 2rem; + width: 1.5rem; + height: 1.5rem; border-radius: 1.5rem; - border: solid 1px $teal; - top: unset; - bottom: 5%; - background-color: rgba(255, 255, 255, 0.4) !important; + background-color: $teal !important; transition: background-color 0.3s ease; - @media (min-width: $breakpoint_desktop) { - transform: translateY(-5rem); + top: unset !important; + bottom: calc(-25px - 4rem); + @media (min-width: $breakpoint_tablet) { + width: 2rem; + height: 2rem; + bottom: calc(-25px - 6rem); + } + &:hover { + background-color: white !important; + &::before { + color: $teal; + } + } + &::before { + opacity: 1 !important; + color: white; + font-weight: bold; + font-family: 'Marianne', sans-serif; + display: block; + font-size: $sm_font_size !important; + @media (min-width: $breakpoint_tablet) { + font-size: $l_font_size !important; + } } } - .slick-arrow:hover { - background-color: rgba(255, 255, 255, 0.8) !important; + .slick-prev { + left: 20vw; + @media (min-width: $breakpoint_desktop) { + left: calc(50vw + 35vw); + } } - .slick-arrow::before { - color: $teal; - font-family: 'Marianne', sans-serif; - display: block; - padding-bottom: 3px; + .slick-next { + right: 20vw; + @media (min-width: $breakpoint_desktop) { + right: calc(50vw + 35vw); + } + } + > div > div > div:first-of-type { + z-index: 2; + position: relative; + margin-bottom: 4rem; + @media (min-width: $breakpoint_tablet) { + margin-bottom: 6rem; + } } #carousel_dots { - position: relative; - margin-top: -15px; - ul { - position: relative; - bottom: 0; - li.slick-active button::before{ - color: $fluo_green; - } - li button::before{ - color: rgba(0.9, 0.9, 0.9, 1); - } - } - @media (min-width: $breakpoint_desktop) { - margin-top: 4vh; - } + z-index: 1; + position: relative; + margin-top: -15px; + ul { + position: relative; + bottom: 0; + li.slick-active button::before{ + color: $teal; + } + li button::before{ + color: rgba(0.9, 0.9, 0.9, 1); + } + } } footer { @include fluo_button(); @@ -82,16 +112,4 @@ margin-top: 4rem; margin-bottom: 4rem; } - @media (min-width: $breakpoint_tablet) { - padding: 0 12.5vw; - .slick-prev, .slick-next { - display: block !important; - } - .slick-prev { - left: -5rem; - } - .slick-next { - right: -5rem; - } - } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss index 277e6f3..b2d2154 100644 --- a/web/themes/erabletheme/scss/partials/_header.scss +++ b/web/themes/erabletheme/scss/partials/_header.scss @@ -174,9 +174,6 @@ body.toolbar-fixed header[role="banner"] { padding: 0; align-items: center; flex-direction: column; - @media screen and (min-width: $breakpoint_desktop) { - padding-top: 3rem; - } > li { width: 100%; display: flex; @@ -264,53 +261,51 @@ body.toolbar-fixed header[role="banner"] { } } #block-erabletheme-navigationprincipale { - width: 100vw; - display: none; - position: absolute; - padding-top: 1rem; - // background-color: white; - // box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); - @media (min-width: $breakpoint_desktop) { - display: block; - } - ul { - width: 100%; - display: flex; - padding: 1rem 10vw; - justify-content: space-around; - // border-top: solid 1px $dark_green; - li { - font-family: 'Marianne', sans-serif; - font-size: $m_font_size; - padding: 4px 12px; - background-color: white; - transition: background-color 0.3s ease; - &:first-of-type { - display: flex; - justify-items: center; - &::after { - content: url(../assets/icons/arrow-down-s-line.svg); - display: inline-block; - height: 1rem; - width: 1rem; - margin-left: 0.2rem; - } + background: linear-gradient(to bottom, white, transparent); + width: 100vw; + display: none; + position: absolute; + padding-top: 1rem; + @media (min-width: $breakpoint_desktop) { + display: block; + } + ul { + width: 100%; + display: flex; + padding: 1rem 10vw; + justify-content: space-around; + li { + font-family: 'Marianne', sans-serif; + font-size: $m_font_size; + padding: 4px 12px; + background-color: white; + transition: background-color 0.3s ease; + &:first-of-type { + display: flex; + justify-items: center; + &::after { + content: url(../assets/icons/arrow-down-s-line.svg); + display: inline-block; + height: 1rem; + width: 1rem; + margin-left: 0.2rem; } - &:hover, &.submenu-open { + } + &:hover, &.submenu-open { + background-color: $fluo_green; + } + a { + font-weight: 800; + color: black; + &:is-active { background-color: $fluo_green; } - a { - font-weight: 800; - color: black; - &:is-active { - background-color: $fluo_green; - } - } - } - } + } + } + } } #block-erabletheme-leprogramme { - position: absolute; + position: fixed; background-color: white; max-height: 0vh; overflow: hidden; @@ -327,6 +322,9 @@ body.toolbar-fixed header[role="banner"] { margin: 0.5rem 0; a { color: black; + &:hover, &.is-active { + font-weight: 800; + } } } } diff --git a/web/themes/erabletheme/templates/node/node--actualite--home.html.twig b/web/themes/erabletheme/templates/node/node--actualite--home.html.twig index fd6afe8..40d55ed 100644 --- a/web/themes/erabletheme/templates/node/node--actualite--home.html.twig +++ b/web/themes/erabletheme/templates/node/node--actualite--home.html.twig @@ -68,7 +68,7 @@ * @ingroup themeable */ #} - + {{ content.field_image }}
diff --git a/web/themes/erabletheme/templates/node/node--actualite--teaser.html.twig b/web/themes/erabletheme/templates/node/node--actualite--teaser.html.twig index d1a9a9c..5f91c5a 100644 --- a/web/themes/erabletheme/templates/node/node--actualite--teaser.html.twig +++ b/web/themes/erabletheme/templates/node/node--actualite--teaser.html.twig @@ -68,7 +68,7 @@ * @ingroup themeable */ #} - + {{ content.field_image }} {{ content.field_date }} {{ content.field_type_d_actualite }}