/*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; }
.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; }
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout__region--top {
padding-bottom: 3rem;
height: 300px; }
.layout__region--top .block-entity-fieldnodetitle {
width: fit-content;
margin-left: 13%;
margin-top: 200px; }
.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 .field--type-text-long {
padding-right: 2rem; }
.layout__region--third .block-entity-fieldnodefield-fichiers {
height: fit-content;
border: 2px solid #009ee3;
width: 72%; }
.layout__region--third .field--name-field-fichiers {
min-height: 4rem;
background: white;
color: #009ee3;
padding-left: 1rem;
padding-top: 1rem; }
.layout__region--third .field--name-field-fichiers span:nth-of-type(2) {
display: none; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf {
height: inherit;
margin: auto; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf ::before {
content: url("../images/pictos/noun_Download_file_307900.svg");
width: 50px;
height: 53px;
padding-right: 1rem; }
.layout__region--third .field--name-field-fichiers .file--mime-application-pdf a {
display: inline-flex;
align-items: center;
color: #009ee3;
font-weight: 800; }
.layout__region--third .block-entity-fieldnodefield-ress {
margin-top: 5rem; }
.layout__region--third .block-entity-fieldnodefield-ress h2 {
font-size: 1rem;
color: black; }
.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource {
display: flex;
border: 2px solid #009ee3;
padding-left: 1rem;
padding-bottom: 3rem;
width: 69%;
height: fit-content;
margin-bottom: 1rem;
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; }
.field--type-entity-reference-revisions .paragraph-summary {
font-family: "Marianne", sans-serif;
font-size: 5rem;
font-weight: 600;
color: black !important;
text-transform: capitalize; }
.field--type-entity-reference-revisions .paragraph-summary span:nth-of-type(2n) {
display: block;
font-size: 1rem; }
.field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) {
font-size: 2rem; }
.block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
.block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
grid-column: 1 /span 10; }
.block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img {
height: auto; }
.block-views-blockhome-nodes-block-1 .field--name-title {
grid-column: 2; }
.block-views-blockhome-nodes-block-1 .field--name-title h2 {
grid-column: 2; }
.block-views-blockhome-nodes-block-1 .field--name-title h2 a {
color: #009ee3;
font-weight: 900; }
.block-views-blockhome-nodes-block-1 .links.inline {
grid-column: 2;
align-self: flex-end;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: white;
border: 2px solid #009ee3;
list-style: none; }
.block-views-blockhome-nodes-block-1 .links.inline a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3; }
.block-views-blockhome-nodes-block-1 .links.inline a:after {
content: url('data:image/svg+xml,'); }
.block-views-blockactus-blocks-pages-block-1 {
border-bottom: 5px solid #009ee3;
border-top: 5px solid #009ee3; }
.block-views-blockactus-blocks-pages-block-1 .view-content {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
margin: auto;
padding-top: 2rem; }
.block-views-blockactus-blocks-pages-block-1 .view-content .views-row:nth-of-type(1) {
grid-column: 2; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite {
color: black;
line-height: 1.5rem;
padding: 0.5rem; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child {
display: flex;
flex-direction: column; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(1) {
order: 1; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(4) {
order: 2; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(5) {
order: 3; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img {
width: 70%;
height: fit-content; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images::after {
display: block;
content: url('data:image/svg+xml,'); }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field:not(.field--name-field-images) {
width: 100%; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite h2 {
margin: 0; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite a {
color: black; }
.layout--onecol .block-block-content {
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
position: relative;
height: 0; }
.layout--onecol .field--type-link {
grid-area: 8 / span 9;
justify-self: end;
position: relative;
top: -200%;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: white;
border: 2px solid #009ee3;
list-style: none; }
.layout--onecol .field--type-link a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3; }
.layout--onecol .field--type-link a::after {
content: url('data:image/svg+xml,'); }
.view-display-id-block_2:is(.view-id-home_nodes) {
padding-top: 2rem;
background: url('data:image/svg+xml,');
background-repeat: no-repeat; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
width: 70%;
margin: auto; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
display: flex;
flex-direction: row; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links {
align-self: flex-end;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: white;
border: 2px solid #009ee3;
list-style: none; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a:after {
content: url('data:image/svg+xml,'); }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
width: 15rem;
height: auto; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title {
display: none; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
flex: 1 1 50px;
padding-left: 1rem; }
.view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
font-size: 1.5rem;
width: 110%;
margin-bottom: 2rem;
padding-bottom: 2rem;
margin-block-start: 0; }
.node-id-20 {
background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
background-repeat: no-repeat;
background-position-y: 7rem; }
.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: 1 / 3; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
grid-column: 3 / 7;
grid-row: 1;
font-weight: 800; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
grid-column: 3 / 7;
grid-row: 2; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
grid-column: 3 / 7;
grid-row: 3; }
.field--name-field-partenaires a {
color: black; }
.field--name-field-partenaires a svg {
display: none; }
.node-id-35 .region-content {
background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
background-repeat: no-repeat;
background-position-y: 7rem; }
.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; }
.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 repeat(4, 2fr) 1fr;
margin: auto; }
.path-actualites .block-region-content .block-views:nth-of-type(1) {
grid-column: 2; }
.path-actualites .block-region-content .block-views .view-display-id-block_2 {
padding-top: 0; }
.path-actualites .block-region-content .block-views .node-type-actualite {
color: #09398b;
line-height: 1.5rem;
padding: 0.5rem; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
display: flex;
flex-direction: column; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
order: 1; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
order: 2; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
order: 3; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
color: #09398b; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
width: 100%;
height: fit-content; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
display: block;
content: url('data:image/svg+xml,'); }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
width: 80%; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
margin: 0; }
.node-id-4 {
background: url("../images/pictos/carre-contour-bleu_programme.svg");
background-repeat: no-repeat;
background-position-y: 7rem; }
.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-5 .region-content {
background: url("../images/pictos/carre-contour-bleu_contact.svg");
background-repeat: no-repeat;
background-position-y: 7rem; }
.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; }
/*partials*/
.layout-container {
position: relative; }
header {
width: 100%;
position: fixed;
z-index: 99; }
#header-top {
height: 7rem;
background-color: white;
box-shadow: 1px 0px 8px black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: black;
top: 0%; }
#header-top .region-header-top-left {
display: flex;
flex-direction: row;
padding: 1rem;
align-items: start;
color: black;
font-weight: 800; }
#header-top .region-header-top-left #block-logogouv {
display: flex;
height: 100%;
align-items: center; }
#header-top .region-header-top-left #block-logoeql {
display: flex;
height: 100%;
align-items: center;
padding-left: 2rem; }
#header-top .region-header-top-left #block-logoeql img {
height: 80%; }
#header-top .region-header-top-left ul {
list-style: none;
display: flex;
flex-direction: row; }
#header-top .region-header-top-left ul :is(.sous-liste) {
display: flex;
flex-direction: column;
padding: 1rem; }
#header-top .region-header-top-left ul .ul1.sous-liste {
padding-right: 2rem; }
#header-top .region-header-top-left ul li a {
color: black; }
#header-top .region-header-top-left ul li .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul li :hover {
color: #009ee3; }
#header-top .region-header-top-left ul:is(.ul1 .sous-liste .ul2) {
display: none; }
#header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) {
display: block;
background-color: #009ee3;
padding: 1rem; }
#header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) a {
color: white; }
#header-top #block-burger {
z-index: 1;
background-color: #009ee3;
font-size: 0.7rem;
color: white;
display: block;
width: 7rem;
height: 100%;
margin-top: 0; }
#header-top #block-burger :hover {
cursor: pointer; }
#header-top #block-burger h2 {
padding-top: 1rem; }
#header-top #block-burger h2:after {
display: block;
margin: auto;
content: url('data:image/svg+xml,'); }
#header-top #block-burger #block-burger-menu {
display: block;
margin: 0;
align-self: center;
text-align: center; }
#header-top #block-burger .ul1:not(.sous-liste) {
width: 300%;
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem;
padding-bottom: 2rem;
z-index: 99; }
#header-top #block-burger ul {
display: none;
background-color: #009ee3;
line-height: 2rem;
list-style: none; }
#header-top #block-burger ul .ul1 .sous-liste a {
opacity: 1; }
#header-top #block-burger ul a {
opacity: 0.6;
color: white;
font-weight: 800;
font-size: 1rem; }
#header-top #block-burger.opened ul {
display: block; }
#fotter-bottom {
display: flex;
flex: 1 1 120px;
flex-direction: row;
background-color: white; }
#fotter-bottom .region {
display: block;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
border-left: #009ee3 solid 1px; }
#fotter-bottom .region h2 {
margin-top: 0;
color: #09398b;
font-size: 1.2rem; }
#fotter-bottom .region img {
max-width: 5rem;
max-height: 5rem; }
#fotter-bottom .region-footer-bottom-left {
width: 35%;
border: none; }
#fotter-bottom .region-footer-bottom-left #block-pieddepage ul {
margin-top: 0;
color: #09398b;
font-weight: 800;
list-style: none; }
#fotter-bottom .region-footer-bottom-left #block-pieddepage ul a {
color: #09398b;
font-size: 1.2rem;
text-decoration: underline;
margin-top: 0; }
#fotter-bottom .view-id-partenaires .view-content {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
padding-top: 1rem; }
#fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
padding-right: 1rem;
padding-bottom: 1rem; }
#fotter-bottom .block-views-blockpartenaires-block-2 img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); }