/*eql*/ /*global*/ @font-face { font-family: 'Font Awesome'; src: url("../fonts/Font Awesome/fa-regular-400.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; } /* Manifont Grotesk */ /* Colors used for EQL */ .layout-container { position: absolute; font-family: "Marianne", sans-serif; margin: none; top: 0%; left: 0%; } .path-frontpage { margin: 0; } a { text-decoration: none; } /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ .field--name-field-liens { float: right; width: 20%; margin-right: 10%; margin-bottom: 2rem; justify-items: center; } .field--name-field-liens .ext { display: flex; flex-direction: row-reverse; position: sticky; height: fit-content; font-weight: 900; background-color: #009ee3; color: white; text-decoration: none; justify-content: left; align-items: center; padding: 0.2rem; } .field--name-field-liens .ext svg { width: 70px; height: 70px; padding: 0; padding-right: 1rem; padding-left: 0.5rem; padding-bottom: 1rem; margin: 0; fill: black; } .field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path { stroke: black; stroke-width: 0.1px; } .field--name-field-fichiers { position: relative; clear: right; float: right; width: 20%; margin-right: 10%; } .field--name-field-fichiers .file--mime-application-pdf { display: flex; height: fit-content; font-weight: 900; background-color: #009ee3; color: white; justify-content: right; align-items: center; padding: 1rem; } .field--name-field-fichiers .file--mime-application-pdf a { color: white; text-decoration: none; } .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; } .contextual-region { display: grid; grid-template-columns: 10% 2fr 2fr 2fr 2fr 10%; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } .block-views-blockactus-blocks-pages-block-1 { background-color: #09398b; } .view-content { display: flex; flex-direction: row; justify-content: space-around; } .view-content .node-type-actualite div:first-child { padding: 1rem; color: white; } .view-content .node-type-actualite div:first-child .field--name-field-images .field__item img { height: 400px; } .view-content .node-type-actualite a { color: white; } /*partials*/ #header-top { height: 7rem; background-color: white; box-shadow: 1px 0px 8px black; display: flex; flex-direction: row; justify-content: space-between; color: black; position: sticky; } #header-top .region-header-top-left { display: flex; flex-direction: row; padding: 1rem; align-items: center; color: black; font-weight: 800; position: sticky; } #header-top .region-header-top-left ul { list-style: none; display: flex; flex-direction: row; } #header-top .region-header-top-left ul li { padding-right: 1rem; } #header-top .region-header-top-left ul li a { color: black; } #header-top .region-header-top-left ul li a .is-active { color: #009ee3; } #header-top .region-header-top-left ul .ul2 { flex-direction: column; } #header-top .region-header-top-left :hover { color: #009ee3; } #header-top li ul { display: flex; flex-direction: column; } #header-top #block-burger { background-color: #009ee3; font-size: 0.7rem; color: white; display: block; width: 7rem; height: 7rem; margin-top: 0; } #header-top #block-burger h2::after { display: block; font-family: 'Font Awesome'; content: "\f0c9"; font-size: 5rem; } #header-top #block-burger #block-burger-menu { display: block; margin-top: 0; align-self: center; text-align: center; } #header-top #block-burger ul { display: none; } #header-top #block-burger ul .open { width: 100vw; position: relative; bottom: 8%; left: calc(-30vw + 50%); display: block; height: fit-content; padding-bottom: 1rem; padding-top: 1rem; background-color: #009ee3; line-height: 2rem; list-style: none; } #header-top #block-burger ul .open .ul1 .sous-liste { left: calc(-50vw + 50%); padding-top: 0; } #header-top #block-burger ul .open .ul1 .sous-liste a { opacity: 1; } #header-top #block-burger ul .open a { color: white; font-weight: 800; font-size: 1.7rem; opacity: 0.7; } #fotter-bottom { display: flex; flex-direction: row; justify-content: space-around; } #fotter-bottom .region { display: block; padding-left: 1rem; border-left: #009ee3 solid 1px; padding-bottom: 2rem; } #fotter-bottom .region h2 { margin-top: 0; color: #09398b; } #fotter-bottom .region img { height: 50px; width: auto; } #fotter-bottom .region-footer-bottom-left { 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; }