/*eql*/ /*global*/ @font-face { font-family: 'Font Awesome'; src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2"); font-weight: 400; font-style: normal; } /*marianne*/ @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff"); font-weight: 300; font-style: italic; } @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-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff"); font-weight: 600; 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; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff"); font-weight: 1000; font-style: normal; } @font-face { font-family: 'Marianne'; src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff"); font-weight: 1000; font-style: italic; } /* Source Code Pro */ @font-face { font-family: 'Source Code Pro'; src: url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Source Code Pro'; src: url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff") format("woff"); font-weight: 1000; font-style: normal; } /* Colors used for EQL */ .layout-container { font-family: "Marianne", sans-serif; margin: none; top: 0%; left: 0%; width: 100%; overflow: hidden; } .layout-content { padding-top: 7rem; padding-bottom: 6rem; } .path-frontpage { margin: 0; } .path-node { margin: 0; } .field--name-field-titre .field__item { color: #09398b; font-weight: 900; font-size: 2rem; } .field--name-field-titre .field__label { visibility: hidden; } .inter-titre { color: #009ee3; text-transform: uppercase; } a { text-decoration: none; } /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ .layout--threecol-25-50-25 { padding-top: 2rem; background: url('data:image/svg+xml,'); background-repeat: no-repeat; } .layout__region--top { padding-bottom: 3rem; } .layout__region--top .block-region-top { height: inherit; } .layout__region--top .block-entity-fieldnodefield-images { display: none; height: inherit; } .layout__region--top .block-entity-fieldnodetitle { width: 80%; margin: auto; } .layout__region--top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: #009ee3; background-color: white; text-transform: uppercase; padding: 2rem 1rem 2rem 1rem; } .layout__region--first .block-region-first { width: 50%; float: right; } .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; justify-content: left; padding-right: 2rem; } .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { display: flex; font-size: 1rem; font-weight: 800; color: #09398b; border-bottom: 1px solid #009ee3; padding-bottom: 0.5rem; padding-top: 0.5rem; } .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { text-decoration: underline; } .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { font-size: 1.5rem; font-weight: 800; color: #09398b; text-transform: uppercase; } .layout__region--second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } .layout__region--third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; width: 72%; } .layout__region--third .field--name-field-fichiers { min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; } .layout__region--third .field--name-field-fichiers span:nth-of-type(2) { display: none; } .layout__region--third .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .layout__region--third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); width: 50px; height: 53px; padding-right: 1rem; } .layout__region--third .field--name-field-fichiers .file--mime-application-pdf a { display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .layout__region--third .block-entity-fieldnodefield-ress { margin-top: 5rem; } .layout__region--third .block-entity-fieldnodefield-ress h2 { font-size: 1rem; color: black; } .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource { display: flex; border: 2px solid #009ee3; padding-left: 1rem; padding-bottom: 3rem; width: 69%; height: fit-content; margin-bottom: 1rem; } .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field, .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource a { line-height: 0.6rem; font-size: 1.5rem; color: #09398b; font-weight: 500; } .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { width: 50%; } .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .field--type-entity-reference-revisions .paragraph-summary { font-family: "Marianne", sans-serif; font-size: 5rem; font-weight: 600; color: black !important; text-transform: capitalize; } .field--type-entity-reference-revisions .paragraph-summary span:nth-of-type(2n) { display: block; font-size: 1rem; } .field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) { font-size: 2rem; } .block-views-blockhome-nodes-block-1 .node-type-static div:first-child { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; } .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images { grid-column: 1 /span 10; } .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img { height: auto; } .block-views-blockhome-nodes-block-1 .field--name-title { grid-column: 2; } .block-views-blockhome-nodes-block-1 .field--name-title h2 { grid-column: 2; } .block-views-blockhome-nodes-block-1 .field--name-title h2 a { color: #009ee3; font-weight: 900; } .block-views-blockhome-nodes-block-1 .links.inline { grid-column: 2; align-self: flex-end; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: white; border: 2px solid #009ee3; list-style: none; } .block-views-blockhome-nodes-block-1 .links.inline a { text-transform: uppercase; font-weight: 700; color: #009ee3; } .block-views-blockhome-nodes-block-1 .links.inline a:after { content: url('data:image/svg+xml,'); } .block-views-blockactus-blocks-pages-block-1 { border-bottom: 5px solid #009ee3; border-top: 5px solid #009ee3; } .block-views-blockactus-blocks-pages-block-1 .view-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; margin: auto; padding-top: 2rem; } .block-views-blockactus-blocks-pages-block-1 .view-content .views-row:nth-of-type(1) { grid-column: 2; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite { color: black; line-height: 1.5rem; padding: 0.5rem; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child { display: flex; flex-direction: column; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(1) { order: 1; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(4) { order: 2; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(5) { order: 3; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img { width: 70%; height: fit-content; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images::after { display: block; content: url('data:image/svg+xml, '); } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field:not(.field--name-field-images) { width: 100%; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite h2 { margin: 0; } .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite a { color: black; } .layout--onecol .block-block-content { display: grid; grid-template-columns: 1fr repeat(8, 2fr) 1fr; position: relative; height: 0; } .layout--onecol .field--type-link { grid-area: 8 / span 9; justify-self: end; position: relative; top: -200%; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: white; border: 2px solid #009ee3; list-style: none; } .layout--onecol .field--type-link a { text-transform: uppercase; font-weight: 700; color: #009ee3; } .layout--onecol .field--type-link a::after { content: url('data:image/svg+xml,'); } .view-display-id-block_2:is(.view-id-home_nodes) { padding-top: 2rem; background: url('data:image/svg+xml,'); background-repeat: no-repeat; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static { width: 70%; margin: auto; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) { display: flex; flex-direction: row; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links { align-self: flex-end; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: white; border: 2px solid #009ee3; list-style: none; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a { text-transform: uppercase; font-weight: 700; color: #009ee3; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a:after { content: url('data:image/svg+xml,'); } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img { width: 15rem; height: auto; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title { display: none; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche { flex: 1 1 50px; padding-left: 1rem; } .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { font-size: 1.5rem; width: 110%; margin-bottom: 2rem; padding-bottom: 2rem; margin-block-start: 0; } .block-entity-fieldnodetitle { width: 80%; margin: auto; } .block-entity-fieldnodetitle .field--name-title { font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; padding: 2rem 1rem 2rem 1rem; } .field--name-field-partenaires { padding-top: 3rem; } .field--name-field-partenaires .paragraph--type--partenaire { padding-bottom: 3rem; display: grid; grid-template-columns: repeat(auto-fill, 120px); grid-template-rows: repeat(auto-fill); } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { grid-column: 1 / 4; grid-row: 1 / 3; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre { grid-column: 3 / 7; grid-row: 1; font-weight: 800; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte { grid-column: 3 / 7; grid-row: 2; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien { grid-column: 3 / 7; grid-row: 3; } .field--name-field-partenaires a { color: black; } .field--name-field-partenaires a svg { display: none; } .path-actualites { background-color: rgba(0, 158, 227, 0.2); margin: 0; } .path-actualites .block-region-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; margin: auto; } .path-actualites .block-region-content .block-views:nth-of-type(1) { grid-column: 2; } .path-actualites .block-region-content .block-views .view-display-id-block_2 { padding-top: 0; } .path-actualites .block-region-content .block-views .node-type-actualite { color: #09398b; line-height: 1.5rem; padding: 0.5rem; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child { display: flex; flex-direction: column; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) { order: 1; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) { order: 2; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) { order: 3; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a { color: #09398b; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img { width: 100%; height: fit-content; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after { display: block; content: url('data:image/svg+xml, '); } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) { width: 80%; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 { margin: 0; } /*partials*/ .layout-container { position: relative; } header { width: 100%; position: fixed; z-index: 99; } #header-top { height: 7rem; background-color: white; box-shadow: 1px 0px 8px black; display: flex; flex-direction: row; justify-content: space-between; color: black; top: 0%; } #header-top .region-header-top-left { display: flex; flex-direction: row; padding: 1rem; align-items: start; color: black; font-weight: 800; } #header-top .region-header-top-left #block-logogouv { display: flex; height: 100%; align-items: center; } #header-top .region-header-top-left ul { list-style: none; display: flex; flex-direction: row; } #header-top .region-header-top-left ul :is(.sous-liste) { display: flex; flex-direction: column; padding: 1rem; } #header-top .region-header-top-left ul .ul1.sous-liste { padding-right: 2rem; } #header-top .region-header-top-left ul li a { color: black; } #header-top .region-header-top-left ul li .is-active { color: #009ee3; } #header-top .region-header-top-left ul li :hover { color: #009ee3; } #header-top .region-header-top-left ul:is(.ul1 .sous-liste .ul2) { display: none; } #header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) { display: block; background-color: #009ee3; padding: 1rem; } #header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) a { color: white; } #header-top #block-burger { z-index: 1; background-color: #009ee3; font-size: 0.7rem; color: white; display: block; width: 7rem; height: 100%; margin-top: 0; } #header-top #block-burger :hover { cursor: pointer; } #header-top #block-burger h2 { padding-top: 1rem; } #header-top #block-burger h2:after { display: block; margin: auto; content: url('data:image/svg+xml, '); } #header-top #block-burger #block-burger-menu { display: block; margin: 0; align-self: center; text-align: center; } #header-top #block-burger .ul1:not(.sous-liste) { width: 300%; position: relative; right: 260px; margin: 0; padding-top: 2rem; padding-bottom: 2rem; z-index: 99; } #header-top #block-burger ul { display: none; background-color: #009ee3; line-height: 2rem; list-style: none; } #header-top #block-burger ul .ul1 .sous-liste a { opacity: 1; } #header-top #block-burger ul a { opacity: 0.6; color: white; font-weight: 800; font-size: 1rem; } #header-top #block-burger.opened ul { display: block; } #fotter-bottom { display: flex; flex: 1 1 120px; flex-direction: row; background-color: white; } #fotter-bottom .region { display: block; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; border-left: #009ee3 solid 1px; } #fotter-bottom .region h2 { margin-top: 0; color: #09398b; } #fotter-bottom .region img { max-width: 5rem; max-height: 5rem; } #fotter-bottom .region-footer-bottom-left { width: 35%; border: none; } #fotter-bottom .region-footer-bottom-left #block-pieddepage ul { margin-top: 0; color: #09398b; font-weight: 800; list-style: none; } #fotter-bottom .region-footer-bottom-left #block-pieddepage ul a { color: #09398b; font-size: 1.5rem; margin-top: 0; } #fotter-bottom .view-id-partenaires .view-content { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; padding-top: 1rem; } #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { padding-right: 1rem; padding-bottom: 1rem; } #fotter-bottom .block-views-blockpartenaires-block-2 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); }