/*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; display: flex; flex-flow: row wrap; } .layout-container header { flex: 0 0 100%; } .layout-container main { position: relative; } .layout-container footer { flex: 0 0 100%; } .layout-content { padding-top: 7rem; padding-bottom: 6rem; } .path-frontpage { margin: 0; } .path-node { margin: 0; } .path-faq { margin: 0; } .path-ressources { margin: 0; } .main-content { margin-top: 7rem; } .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; } a { text-decoration: none; } @media (max-width: 959px) { #block-headermenu { display: none; } .page-node-type-static .layout__region--top { height: 23vh; } .page-node-type-static .layout__region--top .block-entity-fieldnodetitle { margin-top: 11vh; } .page-node-type-static .node-id-20 .field--name-field-partenaires .paragraph--type--partenaire { display: flex; flex-direction: column; } .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static { width: 70%; } .path-frontpage .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: column; } .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { width: 100%; } } @media (max-width: 479px) { #header-top #block-logogouv img { min-width: 60px; width: 70%; height: auto; } #header-top #block-logoeql img { min-width: 60px; width: 80%; height: auto; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { display: flex; flex-direction: column; } } /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ .path-node.page-node-type-static .layout-container .layout-content .layout__region--top { padding-bottom: 3rem; height: 30vh; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle { width: fit-content; margin-left: 13%; margin-top: 15vh; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; text-transform: uppercase; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first { position: relative; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first { display: flex; justify-content: end; position: sticky; top: 7rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; width: 50%; background-color: white; padding-right: 2rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { display: flex; font-size: 1rem; font-weight: 1000; color: #09398b; border-bottom: 1px solid #009ee3; padding-bottom: 0.8rem; padding-right: 1rem; margin-top: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { text-decoration: underline; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes { background-color: white; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: #09398b; text-transform: uppercase; margin-top: 2rem; margin-bottom: 0.8rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 img { width: 100%; height: auto; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes p { margin-top: 0; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third { display: flex; flex-direction: column; width: 70%; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; background-color: white; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers { min-height: 4rem; background: white; color: #009ee3; padding-left: 0.8rem; padding-top: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); min-width: 40px; height: auto; padding-right: 0.5rem; display: inline-flex; align-items: center; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; border: 2px solid #009ee3; min-height: 4rem; background: white; color: #009ee3; padding-left: 0.8rem; padding-top: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; align-items: center; justify-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { content: url("../images/pictos/noun_External Link_674151.svg"); min-width: 40px; height: auto; padding-right: 0.5rem; display: inline-flex; align-items: center; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { margin-top: 3rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { font-size: 0.8rem; color: black; font-weight: 900; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { display: flex; flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { color: black; font-size: 1.4rem; font-weight: 600; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { margin: 0; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { display: none; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { display: none; width: 50%; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-type-de-ressource { display: inline-flex; margin-top: 2rem; background: #09398b; margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; color: white; font-weight: 800; vertical-align: middle; } .path-frontpage .block-region-content { display: grid; grid-template-areas: "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "actus actus actus actus actus actus" "actus actus actus actus actus actus" "programme programme programme programme programme programme" "programme programme programme programme programme programme" "programme programme programme programme programme programme"; grid-template-rows: auto auto auto; grid-template-columns: 1fr repeat(4, 2fr) 1fr; min-height: 100vh; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 { grid-area: presentation; grid-row: 1; background: url("../images/pictos/forme_home_2.svg"); background-size: 75%; background-position-y: bottom; background-position-x: left; background-repeat: no-repeat; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; grid-template-rows: repeat(4, auto); } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images { display: none; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche { grid-column: 2 /span 3; grid-row: 2 / span 2; font-size: 5rem; font-weight: 900; color: #009ee3; line-height: 6.9rem; margin-top: 2rem; margin-bottom: 5rem; width: fit-content; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p { margin-top: 4rem; margin-bottom: 0; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span { background-color: white; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title { grid-column: 4; grid-row: 2; margin-top: 3rem; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 { background-color: white; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a { color: #e1000f; font-weight: 900; text-transform: uppercase; font-family: "Source Code Pro"; display: table; margin: 0px auto 0px auto; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline { grid-column: 2; grid-row: 4; max-width: 70%; min-width: fit-content; height: 1.5rem; padding: 0.4rem 1rem; font-size: 0.8rem; margin-bottom: 2.5rem; background-color: white; border: 2px solid #009ee3; list-style: none; text-align: center !important; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a { display: inline-flex; text-transform: uppercase; font-weight: 700; color: #009ee3; align-items: center; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after { display: block; content: url('data:image/svg+xml,'); } .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca { grid-area: presentation; grid-column: 3 /span 4; grid-row: 1; align-self: end; margin-bottom: 2.5rem; max-width: 25%; min-width: fit-content; } .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link { grid-column: 3; position: relative; height: 1.5rem; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: white; border: 2px solid #009ee3; list-style: none; top: -200%; text-align: center !important; } .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a { display: inline-flex; text-transform: uppercase; font-weight: 700; color: #009ee3; align-items: center; } .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a .ext { display: none; } .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after { content: url('data:image/svg+xml,'); } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { grid-area: presentation; grid-column: 5; grid-row: 1; background-color: #009ee3; height: fit-content; align-self: end; } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien { text-align: center; } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before { margin-top: 1rem; display: block; content: url("../images/pictos/picto_faq.svg"); } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a { font-size: 0.8rem; font-weight: 1000; color: #09398b; text-transform: uppercase; } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description { margin-bottom: 1rem; } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p { margin-top: 0; margin-bottom: 0; margin-left: 1.5rem; margin-right: 1.5rem; text-align: center; } .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a { font-weight: 800; color: white; font-size: 1.3rem; } .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 { grid-column: 5; grid-row: 1; height: fit-content; display: flex; justify-self: end; width: 50%; margin-top: 3rem; } .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body { justify-content: right; display: flex; flex-direction: column; text-transform: uppercase; text-align: right; font-size: 1.3rem; } .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after { display: block; content: url("../images/pictos/noun_Arrow_3771902-rouge.svg"); transform: rotate(90deg); height: fit-content; position: relative; top: -30px; right: -60px; } .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) { font-size: 2.5rem; font-weight: 900; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 { grid-area: actus; width: 100vw; border-bottom: 5px solid #009ee3; border-top: 5px solid #009ee3; background: rgba(0, 158, 227, 0.2); } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; margin: auto; padding-top: 2rem; padding-bottom: 4rem; } @media (max-width: 479px) { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { display: flex; padding-left: 1rem; width: 80%; } } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) { grid-column: 2; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite { color: black; line-height: 1.5rem; padding: 0.5rem; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child { display: flex; flex-direction: column; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(1) { order: 1; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(4) { order: 2; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) { order: 3; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img { max-width: 95%; max-height: 150px; object-fit: cover; width: 100%; padding-bottom: 1rem; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time { font-size: 0.9rem; font-weight: 800; padding-right: 1rem; width: fit-content; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time:after { padding-left: 0.5rem; content: "|"; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) { width: 100%; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 { margin: 0; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite a { color: black; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links { padding-top: none !important; list-style: none; width: fit-content; align-self: flex-end; padding-right: 1rem; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a { display: none; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type { padding-top: 1rem; } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 { grid-area: actus; grid-row: 4; grid-column: 5 / span 6; max-width: 50%; min-width: fit-content; margin-bottom: 2rem; align-self: end; } @media (max-width: 479px) { .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 { grid-column: 3 / span 6; } } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link { 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; display: inline-flex; } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a { text-transform: uppercase; font-weight: 700; color: #009ee3; display: inline-flex; align-items: center; } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a::after { content: url('data:image/svg+xml,'); } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 { grid-area: programme; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) { padding-top: 2rem; background: url("../images/pictos/carre-contour-bleu.svg"); background-repeat: no-repeat; max-width: 100vw; background-size: cover; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static { width: 70%; margin: auto; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .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; flex-wrap: wrap; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) :nth-child(4) { order: 3; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links { z-index: 95; 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; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a { text-transform: uppercase; font-weight: 700; color: #009ee3; display: inline-flex; align-items: center; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a:after { content: url('data:image/svg+xml,'); } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img { width: 15rem; height: auto; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title { display: none; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche { flex: 1 1 50px; padding-left: 1rem; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { background-color: white; font-size: 1.5rem; width: 110%; padding-bottom: 2rem; margin-block-start: 0; text-align: start !important; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos { flex: 0 0 80%; padding-top: 4rem; margin: auto; } .node-id-20 { background: url("../images/pictos/carre-contour-bleu_partenaire.svg"); background-repeat: repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } .node-id-20 .layout__region--top { padding-bottom: 3rem; height: 30vh; } .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; } .field--name-field-partenaires { padding-top: 3rem; } .field--name-field-partenaires .paragraph--type--partenaire { background-color: white; width: 100%; padding-bottom: 3rem; display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(auto-fill); } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { grid-column: 1 / 2; grid-row: 2; margin-top: 2rem; padding-right: 1rem; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre { grid-column: 2 / 8; grid-row: 1; font-weight: 800; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte { grid-column: 2 / 8; grid-row: 2; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien { grid-column: 2 / 8; grid-row: 3; } .field--name-field-partenaires a { color: black; font-weight: 800; } .field--name-field-partenaires a svg { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top { background-color: rgba(0, 158, 227, 0.2); height: 40vh; padding-right: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; padding-top: 2rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type { grid-column: 2; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { grid-column: 2 /span 9; margin: 0; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: "Source Code Pro"; font-size: 3rem; font-weight: 500; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { grid-column: 2; text-transform: uppercase; color: #09398b; font-size: 1.2rem; font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { grid-column-start: 5; grid-column-end: 9; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { padding-top: 2rem; width: 600px; max-height: 360px; object-fit: cover; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { display: flex; justify-content: end; margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-entity-fieldnodefield-textes { display: flex; width: 50%; background-color: white; padding-right: 2rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-entity-fieldnodefield-textes .field--name-field-titre { display: flex; font-size: 1rem; font-weight: 1000; color: #09398b; border-bottom: 1px solid #009ee3; padding-bottom: 0.5rem; padding-right: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { text-decoration: underline; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 50%; margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { width: 90%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes { background-color: white; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--name-field-titre { font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: #09398b; text-transform: uppercase; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes h4 img { width: 100%; height: auto; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes p { margin-top: 0; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext { overflow-y: visible !important; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { display: flex; flex-direction: column; width: 65%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; background-color: white; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers { min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; border: 2px solid #009ee3; min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { content: url("../images/pictos/noun_External Link_674151.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { margin-top: 3rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { font-size: 0.8rem; color: black; font-weight: 900; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { display: flex; flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { color: black; font-size: 1.4rem; font-weight: 600; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { margin: 0; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { width: 50%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .node-id-35 .region-content { background: url("../images/pictos/carre-contour-bleu_gouvernance.svg"); background-repeat: no-repeat; max-width: 100vw; background-size: contain; } .node-id-35 .layout__region--top { padding-bottom: 3rem; height: 30vh; } .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { display: none; height: inherit; } .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; } .node-id-3 { background: url("../images/pictos/carre-contour-bleu_programme.svg"); background-repeat: no-repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { display: none; height: inherit; } .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { color: #009ee3; background-color: white; } .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { background: #009ee3 !important; color: white !important; } .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item a { color: white !important; } .node-id-3 .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { background: #009ee3; color: white; } .node-id-3 .block-entity-fieldnodefield-ress { margin-top: 3rem; } .node-id-3 .block-entity-fieldnodefield-ress h2 { font-size: 0.8rem; color: black; font-weight: 900; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource { display: flex; flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { color: black; font-size: 1.4rem; font-weight: 600; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { margin: 0; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { display: none; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { display: none; width: 50%; } .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .path-actualites { background-color: rgba(0, 158, 227, 0.2); margin: 0; } .path-actualites .block-region-content { display: grid; grid-template-columns: 1fr 8fr 1fr; margin: auto; padding-top: 3rem; } .path-actualites .block-region-content .block-views { grid-column: 2; } .path-actualites .block-region-content .block-views .view-content { display: flex; flex-direction: row; flex-wrap: wrap; } .path-actualites .block-region-content .block-views .view-content .views-row { width: 25%; flex: 0 0 25%; } .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; padding-right: 1rem; padding-left: 1rem; } .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%; max-height: 175px; object-fit: cover; } .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 time { font-size: 0.9rem; font-weight: 800; padding-right: 1rem; width: fit-content; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after { padding-left: 0.5rem; content: "|"; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) { width: 100%; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 { margin: 0; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links { padding-top: none !important; list-style: none; width: fit-content; align-self: flex-end; padding-right: 1rem; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a { display: none; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type { padding-top: 1rem; } .node-id-4 { background: url("../images/pictos/carre-contour-bleu_programme.svg"); background-repeat: no-repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } .node-id-4 #block-contenudelapageprincipale { scroll-margin: 8rem; } .node-id-4 .layout__region--top { padding-bottom: 3rem; height: 30vh; } .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { display: none; height: inherit; } .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; } .node-id-4 .layout__region--second { width: 25%; } .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes { background-color: white; } .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: #09398b; text-transform: uppercase; } .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } .node-id-5 .region-content { background: url("../images/pictos/carre-contour-bleu_contact.svg"); background-repeat: no-repeat; max-width: 100vw; background-size: contain; } .node-id-5 .layout__region--top { padding-bottom: 3rem; height: 30vh; } .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; } .path-faq #block-contenudelapageprincipale h2 { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: #009ee3; background-color: white; text-transform: uppercase; width: fit-content; margin-left: 10%; margin-top: 8rem; } .path-faq #block-contenudelapageprincipale .block-region-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; } .path-faq #block-contenudelapageprincipale .block-region-content .block-config-pages.block-config-pages-block { grid-column: 2 / span 3; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 { grid-column: 5; display: flex; flex-direction: column; max-width: fit-content; margin-left: 2rem; padding: 1rem; background-color: #009ee3; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { text-align: center; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before { margin-top: 1rem; display: block; content: url("../images/pictos/picto_faq.svg"); } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a { font-size: 0.8rem; font-weight: 1000; color: #09398b; text-transform: uppercase; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p { display: flex; flex-direction: column; margin-top: 0; margin-left: 1.5rem; margin-right: 1.5rem; text-align: center; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a { font-weight: 800; color: white; font-size: 1.3rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after { margin-left: auto; padding-top: 1rem; display: block; content: url("../images/pictos/noun_Arrow_3771902.svg"); } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 { grid-column: 2 / span 3; display: grid; grid-template-columns: 1fr 1fr 1fr; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child { grid-column: 1 / span 3; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse { border-bottom: 1px solid #009ee3; padding-bottom: 2rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p { font-family: 'Source Code Pro'; font-weight: 500; color: #09398b; font-size: 1.5rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after { display: inline-flex; content: url('data:image/svg+xml,'); justify-self: flex-end; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened { display: block; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before { display: inline-block; content: url("../images/pictos/noun_Download_file_307900.svg"); width: 30px; height: 30px; padding-right: 0.8rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a { display: inline-flex; align-items: center; color: black; font-weight: 800; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a { display: flex; flex-direction: row; justify-content: left; align-items: center; color: black; font-weight: 800; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before { display: inline-block; content: url("../images/pictos/noun_External Link_674151.svg"); width: 30px; height: 30px; padding-right: 0.8rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress { margin-top: 0.5rem; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a { color: black; text-decoration: underline; font-weight: 800; } .node-id-6 { background: url("../images/pictos/carre-contour-bleu_contact.svg"); background-repeat: no-repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } .node-id-6 .layout__region--top { padding-bottom: 3rem; height: 30vh; } .node-id-6 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { display: none; height: inherit; } .node-id-6 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; } .path-ressources.basededonnees .layout-content { width: 100vw; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span { padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span h2 { margin: 0; padding-top: 2rem; height: 4rem; color: white; font-family: "Source Code Pro"; text-transform: uppercase; background: #009ee3; padding-left: 13%; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { position: relative; background: url("../images/pictos/carre-contour-bleu_bdd.svg"); background-repeat: no-repeat; background-position-y: 30vh; max-width: 100vw; background-size: cover; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { background: rgba(0, 158, 227, 0.2); height: fit-content; display: flex; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div { width: 100%; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { height: 100%; display: flex; width: 60%; margin: auto; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content { display: flex; flex-direction: row; margin: auto; margin-top: 2rem; margin-bottom: 2rem; justify-content: space-between; align-items: center; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row { background: white; width: 46%; height: 80%; padding: 1rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a { color: black; font-size: 1.5rem; font-weight: 600; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover { background: #09398b; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a { color: white; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { margin: 2rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { width: 65%; margin: auto; background: white; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { margin: auto; width: 60%; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { display: none; background-color: white; margin-top: 2rem; margin-bottom: 2rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { width: fit-content; display: flex; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id { width: fit-content; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item { width: fit-content; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id { width: fit-content; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 3rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { width: 49%; min-height: 300px; border: 2px solid #009ee3; background-color: white; margin-bottom: 1rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover { background-color: #009ee3; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource { display: flex; flex-direction: column; padding: 1rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource { text-transform: uppercase; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a { color: #009ee3; font-weight: 900; font-size: 0.8rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 { margin: 0; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a { color: black; font-size: 1.4rem; font-weight: 600; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p { margin: 0; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label { display: none; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images { display: none; width: 50%; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs { display: flex; margin-top: 2rem; flex-direction: row; flex-wrap: wrap; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item { margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a { background: #09398b; color: white; font-weight: 800; vertical-align: super; padding-left: 0.1rem; padding-right: 0.1rem; display: inline-flex; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { display: none; } .page-node-type-ressource .layout__region--top .block-region-top { margin-top: 2rem; margin-left: 13%; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { color: #009ee3; text-transform: uppercase; font-weight: 800; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { font-size: 2rem; font-weight: 600; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p { margin-bottom: 0; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- { font-size: 1.5rem; font-weight: 800; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p { margin: 0; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs { display: inline-flex; margin-top: 2rem; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs .field__item { background: #09398b; margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; color: white; font-weight: 800; vertical-align: middle; } .page-node-type-ressource .layout__region--first { margin-top: 3rem; position: relative; } .page-node-type-ressource .layout__region--first .block-region-first { display: flex; justify-content: end; position: sticky; top: 7rem; } .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; width: 50%; background-color: white; padding-right: 2rem; } .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { display: flex; font-size: 1rem; font-weight: 1000; color: #09398b; border-bottom: 1px solid #009ee3; padding-bottom: 0.5rem; padding-right: 1rem; } .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { text-decoration: underline; } .page-node-type-ressource .layout__region--second { margin-top: 3rem; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes { background-color: white; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: #09398b; text-transform: uppercase; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes h4 img { width: 100%; height: auto; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p { margin-top: 0; } .page-node-type-ressource .layout__region--third { margin-top: 3rem; } .page-node-type-ressource .layout__region--third .block-region-third { display: flex; flex-direction: column; width: 70%; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; background-color: white; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers { min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; border: 2px solid #009ee3; min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { content: url("../images/pictos/noun_External Link_674151.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { margin-top: 3rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .field__label { font-size: 0.8rem; color: black; font-weight: 900; margin-bottom: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource { display: flex; flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 { margin: 0; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a { color: black; font-size: 1.4rem; font-weight: 600; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition p { margin: 0; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition .field__label { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images { display: none; width: 50%; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource { text-transform: uppercase; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource a { color: #009ee3; font-weight: 900; font-size: 0.8rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs { display: flex; margin-top: 2rem; flex-direction: row; flex-wrap: wrap; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs .field__item { margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs .field__item a { background: #09398b; color: white; font-weight: 800; vertical-align: super; padding-left: 0.1rem; padding-right: 0.1rem; display: inline-flex; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource ul.links.inline { display: none; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale { background: url("../images/pictos/carre-contour-bleu_programme.svg"); background-repeat: no-repeat; background-position-y: 20vh; max-width: 100vw; background-size: cover; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span { padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle; color: white; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; width: fit-content; margin-left: 10%; margin-top: 8rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { margin: 2rem; margin-top: 4rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { width: 65%; margin: auto; background: white; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 { width: 65%; margin: auto; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters { display: none; background: white; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content { display: flex; flex-wrap: wrap; margin-top: 3rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row { width: 50%; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service { border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; margin-right: 1rem; height: 200px; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: repeat(6 auto); } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste { grid-column: 1 / span 3; grid-row: 1; margin-bottom: 1rem; text-transform: uppercase; font-weight: 800; font-size: 00.8rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo { grid-column: 1; grid-row: 2 / span 6; margin-right: 1rem; max-height: 170px; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img { max-width: 100%; object-fit: cover; height: auto; max-height: 95%; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom { grid-column: 2; grid-row: 2; padding-right: 0.5rem; text-transform: uppercase; font-weight: 800; font-size: 1rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom { grid-column: 3; grid-row: 2; text-transform: uppercase; font-weight: 800; font-size: 1rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure { grid-column: 2 / span 3; grid-row: 3; text-transform: uppercase; font-weight: 800; font-size: 0.8rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title { grid-column: 2 / span 3; grid-row: 4; font-size: 1.3rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a { color: black; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation { grid-column: 2 / span 3; grid-row: 5; text-transform: uppercase; font-weight: 800; font-size: 00.8rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition { display: inline-flex; grid-column: 2 / span 3; grid-row: 6; font-size: 0.8rem; padding-top: 1rem; justify-content: space-between; align-items: center; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .page-node-type-offre-de-service { background: url("../images/pictos/carre-contour-bleu-offre.svg"); background-repeat: no-repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } .page-node-type-offre-de-service .layout__region--top .block-region-top { margin-top: 2rem; margin-left: 13%; display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: repeat(6 auto); } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo { width: fit-content; grid-column: 1; grid-row: 1 / span 6; width: 250px; height: 250px; margin-right: 2rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img { width: 100%; height: auto; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-protagoniste { background: white; width: fit-content; grid-column: 2 /span 3; grid-row: 1; text-transform: uppercase; color: #a01a27; font-weight: 900; font-size: 0.8rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-prenom { background: white; width: fit-content; grid-column: 2; grid-row: 2; padding-right: 0.5rem; text-transform: uppercase; font-weight: 900; font-size: 1.5rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-nom { background: white; width: fit-content; grid-column: 3; grid-row: 2; text-transform: uppercase; font-weight: 900; font-size: 1.5rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-structure { background: white; width: fit-content; grid-column: 2 / span 3; grid-row: 3; text-transform: uppercase; font-weight: 800; font-size: 0.8rem; margin-top: 0.5rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-structure::after { content: url('data:image/svg+xml, '); } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle { background: white; width: fit-content; grid-column: 2 / span 3; grid-row: 4; font-size: 2.5rem; font-family: "Source Code Pro"; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle a { color: black; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-localisation { background: white; width: fit-content; grid-column: 2 / span 3; grid-row: 5; text-transform: uppercase; font-weight: 800; font-size: 00.8rem; } .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-proposition { background: white; width: fit-content; grid-column: 2 / span 3; grid-row: 6; font-size: 0.8rem; padding-top: 1rem; } .page-node-type-offre-de-service .layout__region--second { margin-top: 3rem; margin-left: 20%; margin-right: 2rem; } .page-node-type-offre-de-service .layout__region--second .block-entity-fieldnodebody .field--type-text-with-summary { background: white; } .page-node-type-offre-de-service .layout__region--second .block-entity-fieldnodebody .field--type-text-with-summary p { margin: 0; } .page-node-type-offre-de-service .layout__region--third { margin-top: 3rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third { display: flex; flex-direction: column; width: 70%; } .page-node-type-offre-de-service .layout__region--third .block-region-third .title-contact { background: #009ee3; color: white; text-transform: uppercase; font-weight: 900; font-size: 0.8rem; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel { background: #009ee3; color: white; font-weight: 600; padding-left: 1rem; padding-right: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-telephone { background: #009ee3; color: white; font-weight: 600; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; background-color: white; margin-top: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .field--name-field-fichiers { min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } .page-node-type-offre-de-service .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .page-node-type-offre-de-service .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-liens { margin-top: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; border: 2px solid #009ee3; min-height: 4rem; background: white; color: #009ee3; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { content: url("../images/pictos/noun_External Link_674151.svg"); min-width: 50px; height: auto; padding-right: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { margin-top: 3rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .field__label { font-size: 0.8rem; color: black; font-weight: 900; margin-bottom: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource { display: flex; flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type { border-top: 1px solid #009ee3; padding-top: 1rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after { content: url("../images/pictos/noun_Arrow_3771902.svg"); align-self: end; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 { margin: 0; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a { color: black; font-size: 1.4rem; font-weight: 600; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- { font-weight: 800; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition p { margin: 0; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition .field__label { display: none; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images { display: none; width: 50%; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images img { width: 100%; height: auto; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource { display: inline-flex; margin-top: 2rem; background: #09398b; margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; color: white; font-weight: 800; vertical-align: middle; } .path-ressources.annuairederecherche .layout-content { background: url("../images/pictos/carre-contour-bleu_annuairederecherche.svg"); background-repeat: no-repeat; background-position-y: 7rem; max-width: 100vw; background-size: cover; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span { padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle; color: white; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 { font-family: 'Source Code Pro'; font-size: 2rem; font-weight: 800; color: white; background-color: #009ee3; text-transform: uppercase; width: fit-content; margin-left: 10%; margin-top: 8rem; margin-bottom: 6rem; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 50%; margin-left: 25%; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-config-pages-block { background-color: white; margin-bottom: 4rem; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ { margin-bottom: 3rem; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto auto; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo { grid-column: 1; grid-row: 1 /span 3; margin-right: 1rem; max-height: 8rem; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a { height: 8rem; width: 8rem; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img { height: 100%; width: 100%; object-fit: contain; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title { grid-column: 2; font-weight: 800; background-color: white; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body { background-color: white; grid-column: 2; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p { margin: 0; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien { background-color: white; grid-column: 2; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a { color: black; text-decoration: underline; } .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg { display: none; } /*partials*/ .layout-container { position: relative; } .layout-container 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%; scroll-margin: 8rem; } #header-top .region-header-top-left { display: flex; flex-direction: row; padding: 1rem; padding-left: 4%; align-items: center; color: black; font-weight: 800; flex: 1; } #header-top .region-header-top-left #block-logogouv { display: flex; height: 100%; align-items: center; } #header-top .region-header-top-left #block-logogouv img { width: 80%; height: auto; } #header-top .region-header-top-left #block-logoeql { display: flex; height: 100%; align-items: center; } #header-top .region-header-top-left #block-logoeql img { width: 80%; height: auto; } #header-top .region-header-top-left #block-headermenu { align-self: baseline; width: 70%; } #header-top .region-header-top-left ul { background-color: white; font-size: 1rem; list-style: none; display: flex; flex-direction: row; width: 100%; } #header-top .region-header-top-left ul .is-active { color: #009ee3; } #header-top .region-header-top-left ul ul { display: flex; flex-direction: column; padding: 1rem; } #header-top .region-header-top-left ul ul .is-active { color: #009ee3; } #header-top .region-header-top-left ul li { display: flex; flex-direction: column; padding: 1rem; } #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 ul { display: none; } #header-top .region-header-top-left :hover ul ul { display: block; background-color: white; padding: 0.2rem; } #header-top .region-header-top-left :hover ul ul .is-active { color: #009ee3; } #header-top .region-header-top-left :hover ul ul a { color: black; } #header-top .region-header-top-left :hover ul ul a:hover { color: #009ee3; } #header-top #block-socialnetwork-2 { position: relative; top: -33px; align-self: flex-end; margin-left: auto; } #header-top #block-socialnetwork-2 .field--name-body { min-height: 75px; margin-right: 1rem; } #header-top #block-socialnetwork-2 p { display: flex; flex-direction: row-reverse; margin-bottom: 0; min-height: 65px; justify-content: space-around; width: 120%; } #header-top #block-socialnetwork-2 p a { color: white; font-size: 0; } #header-top #block-socialnetwork-2 p svg.ext { display: none; } #header-top #block-socialnetwork-2 p .link-twitter { display: flex; background-color: black; width: 40px; justify-content: center; align-items: end; } #header-top #block-socialnetwork-2 p .link-twitter:before { content: url("../images/pictos/twitter_white.svg"); min-width: 30px; padding-bottom: 0.3rem; } #header-top #block-socialnetwork-2 p .link-youtube { display: flex; background-color: black; min-width: 40px; justify-content: center; align-items: end; } #header-top #block-socialnetwork-2 p .link-youtube:before { content: url("../images/pictos/youtube_white.svg"); min-width: 25px; padding-bottom: 0.5rem; } #header-top #block-socialnetwork-2 p .link-linkedin { display: flex; background-color: black; min-width: 40px; justify-content: center; align-items: end; } #header-top #block-socialnetwork-2 p .link-linkedin:before { content: url("../images/pictos/linkedin_white.svg"); min-width: 35px; padding-bottom: 0.2rem; } #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; height: 70px; 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 { box-shadow: 1px 0px 8px black; display: flex; flex: 1 1 120px; flex-direction: row; background-color: white; padding-top: 3rem; } #fotter-bottom .region { display: block; padding-left: 2rem; padding-right: 1rem; padding-bottom: 1rem; border-left: #009ee3 solid 1px; } #fotter-bottom .region h2 { margin-top: 0; color: #09398b; font-size: 1.2rem; } #fotter-bottom .region-footer-bottom-left { margin-left: 3rem; border: none; width: 20%; } #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; padding-top: 1rem; } #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { padding-right: 1rem; padding-bottom: 1rem; } #fotter-bottom .region-footer-bottom-left .block-views-blockpartenaires-block-3 img { width: auto; height: 30px; } #fotter-bottom .region-footer-bottom-right { width: 30%; display: flex; flex-direction: column-reverse; justify-content: flex-end; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork { margin-bottom: 1rem; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p { margin-top: 0; display: flex; flex-direction: row-reverse; justify-content: start; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p a { color: white; font-size: 0; padding-left: 1rem; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p svg.ext { display: none; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter { display: flex; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter:before { content: url("../images/pictos/twitter_black.svg"); min-width: 50px; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube { display: flex; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube:before { content: url("../images/pictos/youtube_black.svg"); min-width: 50px; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin { display: flex; } #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin:before { content: url("../images/pictos/linkedin_black.svg"); min-width: 50px; } #fotter-bottom .region-footer-bottom-right #block-pieddepage ul { margin-top: 0; color: #09398b; font-weight: 800; list-style: none; padding-left: 0; } #fotter-bottom .region-footer-bottom-right #block-pieddepage ul a { color: #09398b; font-size: 1.2rem; text-decoration: underline; margin-top: 0; } #fotter-bottom .region-footer-bottom-middle { width: 60%; } #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { padding-right: 1rem; padding-bottom: 1rem; }