/*eql*/
/*global*/
@font-face {
font-family: 'Font Awesome';
src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
font-weight: 400;
font-style: normal; }
/*marianne*/
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
font-weight: 600;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
font-weight: 800;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
font-weight: 900;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
font-weight: 1000;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
font-weight: 1000;
font-style: italic; }
/* Source Code Pro */
@font-face {
font-family: 'Source Code Pro';
src: url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff") format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'Source Code Pro';
src: url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff") format("woff");
font-weight: 1000;
font-style: normal; }
/* Colors used for EQL */
.layout-container {
font-family: "Marianne", sans-serif;
margin: none;
top: 0%;
left: 0%;
width: 100%;
overflow: hidden; }
.layout-content {
padding-top: 7rem;
padding-bottom: 6rem; }
.path-frontpage {
margin: 0; }
.path-node {
margin: 0; }
.path-faq {
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: 934px) {
#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%; } }
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout__region--top {
padding-bottom: 3rem;
height: 30vh; }
.layout__region--top .block-entity-fieldnodetitle {
width: fit-content;
margin-left: 13%;
margin-top: 15vh; }
.layout__region--top .block-entity-fieldnodefield-images {
display: none;
height: inherit; }
.layout__region--first .block-region-first {
display: flex;
justify-content: end; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
width: 50%;
background-color: white;
padding-right: 2rem; }
.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; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
text-decoration: underline; }
.layout__region--second .block-entity-fieldnodefield-textes {
background-color: white; }
.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; }
.layout__region--second .block-entity-fieldnodefield-textes h4 {
text-transform: none !important; }
.layout__region--second .block-entity-fieldnodefield-textes h4 img {
width: 100%;
height: auto; }
.layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 2rem; }
.layout__region--second .block-entity-fieldnodefield-textes p {
margin-top: 0; }
.layout__region--third .block-entity-fieldnodefield-fichiers {
height: fit-content;
border: 2px solid #009ee3;
width: 72%; }
.layout__region--third .field--name-field-fichiers {
min-height: 4rem;
background: white;
color: #009ee3;
padding-left: 1rem;
padding-top: 1rem; }
.layout__region--third .field--name-field-fichiers span:nth-of-type(2) {
display: none; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf {
height: inherit;
margin: auto; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf ::before {
content: url("../images/pictos/noun_Download_file_307900.svg");
width: 50px;
height: 53px;
padding-right: 1rem; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf a {
display: inline-flex;
align-items: center;
color: #009ee3;
font-weight: 800; }
.layout__region--third .block-entity-fieldnodefield-ress {
margin-top: 5rem; }
.layout__region--third .block-entity-fieldnodefield-ress h2 {
font-size: 1rem;
color: black; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource {
display: flex;
border: 2px solid #009ee3;
padding-left: 1rem;
padding-bottom: 3rem;
width: 69%;
height: fit-content;
margin-bottom: 1rem;
background-color: white; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
border-top: 1px solid #009ee3;
padding-top: 1rem; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field, .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource a {
line-height: 0.6rem;
font-size: 1.5rem;
color: #09398b;
font-weight: 500; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
width: 50%; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
width: 100%;
height: auto; }
.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: 7rem;
margin-top: 6rem;
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 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: 4rem; }
.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; }
.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;
width: fit-content; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
grid-column: 3;
position: relative;
max-width: 70%;
min-width: fit-content;
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; }
.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-views-blockactus-blocks-pages-block-1 {
grid-area: actus;
width: 100vw;
border-bottom: 5px solid #009ee3;
border-top: 5px solid #009ee3; }
.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; }
.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;
width: fit-content;
margin-bottom: 2rem;
align-self: end; }
.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; }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3; }
.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; }
.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%;
margin-bottom: 2rem;
padding-bottom: 2rem;
margin-block-start: 0; }
.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; }
.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: 75%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
grid-template-rows: repeat(auto-fill); }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
grid-column: 1 / 4;
grid-row: 2;
margin-top: 2rem; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
grid-column: 3 / 7;
grid-row: 1;
font-weight: 800; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
grid-column: 3 / 7;
grid-row: 2; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
grid-column: 3 / 7;
grid-row: 3; }
.field--name-field-partenaires a {
color: black; }
.field--name-field-partenaires a svg {
display: none; }
.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; }
.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_partenaire.svg");
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain; }
.node-id-3 .layout__region--top {
padding-bottom: 3rem; }
.node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: #009ee3;
background-color: white;
text-transform: uppercase; }
.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: 80%; }
.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 .layout__region--top {
padding-bottom: 3rem; }
.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; }
.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-region-content {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
.path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
grid-column: 5;
background-color: #009ee3; }
.path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
text-align: center; }
.path-faq .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-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-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
margin-top: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center; }
.path-faq .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-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
display: block;
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
.path-faq .block-region-content .block-views-blockfaq-block-1 {
grid-column: 2 / span 3;
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
.path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child {
grid-column: 1 / span 3; }
.path-faq .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-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
display: none; }
.path-faq .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-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-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
display: none; }
.path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
display: block; }
.path-faq .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-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-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-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-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-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-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
display: none; }
.path-faq .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-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; }
/*partials*/
.layout-container {
position: relative; }
header {
width: 100%;
position: fixed;
z-index: 99; }
#header-top {
height: 7rem;
background-color: white;
box-shadow: 1px 0px 8px black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: black;
top: 0%; }
#header-top .region-header-top-left {
display: flex;
flex-direction: row;
padding: 1rem;
padding-left: 4%;
align-items: start;
color: black;
font-weight: 800; }
#header-top .region-header-top-left #block-logogouv {
display: flex;
height: 100%;
align-items: center; }
#header-top .region-header-top-left #block-logogouv img {
min-width: 80px;
width: 70%;
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 {
min-width: 80px;
width: 80%;
height: auto; }
#header-top .region-header-top-left ul {
font-size: 1.2rem;
list-style: none;
display: flex;
flex-direction: row;
width: 100%; }
#header-top .region-header-top-left ul :is(.sous-liste) {
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 div:first-child li div {
display: none; }
#header-top .region-header-top-left :hover ul div:first-child li div {
display: block;
background-color: white;
padding: 1rem; }
#header-top .region-header-top-left :hover ul div:first-child li div a {
color: black; }
#header-top .region-header-top-left :hover ul div:first-child li div a:hover {
color: #009ee3; }
#header-top .region-header-top-left :hover ul div:nth-child(2) li div {
display: block;
background-color: white;
padding: 1rem; }
#header-top .region-header-top-left :hover ul div:nth-child(2) li div a {
color: black; }
#header-top .region-header-top-left :hover ul div:nth-child(2) li div a:hover {
color: #009ee3; }
#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;
align-self: center;
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: 1rem;
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%;
display: flex;
flex-direction: row; }
#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 {
border-left: #009ee3 solid 1px;
padding-left: 1rem; }
#fotter-bottom .region-footer-bottom-right {
width: 15%; }
#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;
padding-top: 1rem; }
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
padding-right: 1rem;
padding-bottom: 1rem; }