/*rorschach*/
/*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-container header {
flex: 0 0 100%;
grid-row: 1; }
.layout-container main {
width: 100%;
position: relative;
grid-column: 1 / 5;
grid-row: 2 / span 4; }
.layout-container main .layout-content {
margin-left: 3rem;
margin-right: 3rem;
padding-bottom: 6rem; }
.layout-container main .layout-content .field__label {
visibility: hidden; }
.layout-container aside {
grid-column: 5 /span 6;
grid-row: 2 /span 4; }
.layout-container footer {
grid-column: 1 / span 10;
grid-row: 6; }
.region-sidebar-second {
margin: 2rem; }
.region-sidebar-first {
margin: 2rem; }
.sidebar {
display: flex;
flex-direction: row; }
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: 810px) {
.page-node-type-static .layout__region--top {
padding-bottom: 0rem; }
.page-node-type-static .layout__region--top .block-entity-fieldnodetitle {
margin-left: 8%;
margin-right: 5%; }
.page-node-type-static .layout__region--first .block-region-first {
display: none; }
.page-node-type-static .layout__region--second {
flex: 0 1 80%;
margin: auto; }
.page-node-type-static .layout__region--third .block-region-third {
margin: auto; } }
@media (max-width: 479px) {
#header-top #block-logogouv img {
min-width: 45px;
width: 70%;
height: auto; }
#header-top #block-logoeql img {
min-width: 45px;
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; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
width: 90%;
display: flex;
margin: auto; } }
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.path-node.page-node-type-static .layout-container {
overflow: unset; }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
padding-bottom: 3rem;
height: 30vh; }
@media (max-width: 810px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
padding-bottom: 0rem; } }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
width: fit-content;
margin-left: 11%;
margin-top: 15vh; }
@media (max-width: 810px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
margin-left: 8%;
margin-right: 5%; } }
.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: flex-end;
position: -webkit-sticky;
position: sticky;
top: 10rem; }
@media (max-width: 810px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
display: none; } }
.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;
scroll-margin-top: 7em; }
.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; }
@media (max-width: 810px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
flex: 0 1 80%;
margin: auto; } }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
margin-top: 1rem;
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', monospace;
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 {
margin-top: 1rem;
display: flex;
flex-direction: column;
width: 70%; }
@media (max-width: 810px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
margin: auto; } }
.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: flex-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" "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;
background: url("../images/pictos/forme_home_2.svg");
background-size: 75%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat; }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
background: url("../images/pictos/forme_home_2_smartphone.svg");
background-size: 100%;
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;
grid-column: 4 / span 6;
grid-row: 2; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
display: block;
width: 400px;
height: 400px; }
@media (max-width: 1517px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
width: 300px;
height: 300px; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item img {
max-width: 100%;
max-height: 100%; }
.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 2;
grid-row: 2 / span 2;
font-size: 5rem;
font-weight: 900;
color: #009ee3;
line-height: 6.9rem;
margin-top: 4rem;
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: 0rem;
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; }
@media (max-width: 810px) {
.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 5;
grid-row: 2;
font-size: 3rem;
line-height: 4.3rem;
margin-top: 0;
margin-bottom: 1rem; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
margin-top: 0rem; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
grid-column: 2;
grid-row: 1 / span 2;
margin-top: 3rem;
margin-bottom: 2rem; }
.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; }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
margin-top: 1rem;
grid-column: 2 / 6;
grid-row: 1; } }
.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,'); }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
grid-column: 2;
grid-row: 3;
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
display: none; } }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
display: none;
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 4;
align-self: flex-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,'); }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
grid-area: presentation;
grid-column: 5;
grid-row: 4; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
display: none; } }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
display: none;
grid-area: presentation;
grid-column: 5;
grid-row: 4;
background-color: #009ee3;
height: fit-content;
align-self: flex-end;
max-width: 70%;
min-width: fit-content; }
.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; }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
background-color: white;
border: 2px solid #009ee3;
padding: 0.4rem 1rem; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
display: none; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: #009ee3;
align-items: center;
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a::after {
display: none; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
display: none; } }
.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: flex-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; }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
display: none;
grid-column: 2 / span 6;
grid-row: 3;
width: 100%;
margin-top: 8rem; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
justify-content: left;
display: flex;
flex-direction: row;
text-transform: uppercase;
text-align: left;
align-items: center;
font-size: 1rem;
font-weight: 800; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1) {
width: 25%;
height: fit-content; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
display: inline-flex;
transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%); }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
margin: 0;
text-align: right;
justify-self: flex-end;
font-size: 1.5rem;
margin-left: 5rem;
margin-top: 0.6rem;
margin-bottom: 2rem; } }
.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 .field--name-field-images {
order: 1; }
.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 .field--name-field-date {
order: 2;
display: flex;
flex-direction: row;
justify-content: flex-start; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date:not(:last-child):after {
padding-right: 1rem;
content: "|"; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date 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 .field--name-title {
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-sous-titre {
order: 4;
margin-top: 0.3rem;
font-weight: 800; }
.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 {
order: 5;
padding-top: 1rem; }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-area: actus;
grid-row: 6;
grid-column: 5 / span 6;
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: flex-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; }
.field--name-field-subheading {
font-size: 1rem; }
.display-none {
display: none; }
.node-book-edit-form {
width: 80%;
border-top-style: solid;
padding: 5rem;
font-size: 1rem; }
.node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper {
font-size: 1rem;
color: rgba(0, 0, 0, 0.2); }
.node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper ul {
list-style: none; }
.node-book-edit-form #field-article-values {
border-collapse: separate;
margin: 3rem; }
.node-book-edit-form #field-article-values tr {
margin: 3rem;
padding: 3rem; }
.node-book-edit-form #field-article-values .paragraph-type {
box-shadow: 1px, black; }
.node-book-edit-form #field-article-values .paragraph-type-label {
font-weight: 800;
background-color: rgba(140, 234, 247, 0.2);
padding: 3rem; }
.js-form-type-tablefield table {
width: 100%; }
.js-form-type-tablefield table td {
overflow: hidden; }
.js-form-type-tablefield table td input {
border-style: none; }
/*partials*/
.layout-container {
position: relative;
width: 100vw; }
.layout-container header {
z-index: 99;
width: 100vw; }
#header-top {
height: 7rem;
padding-right: 2rem;
padding-left: 2rem;
background-color: white;
display: flex;
flex-direction: row;
justify-content: space-between;
color: black;
top: 0%;
scroll-margin: 8rem; }
#header-top .region-header-top-rigth {
display: flex;
flex-direction: row; }
#header-top .region-header-top-left {
display: flex;
flex-direction: row; }
#header-top .region-header-top-left #block-rorschach-site-branding {
display: flex; }
#header-top .region-header-top-left #block-rorschach-site-branding img {
width: 50%; }
#header-top .region-header-top-left #block-rorschach-main-menu {
align-self: baseline;
width: 70%;
margin-left: 3rem;
margin-right: 3rem; }
#header-top .region-header-top-left ul {
font-size: 1rem;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
padding-inline-start: 0px;
padding: 1rem; }
#header-top .region-header-top-left ul ul {
display: flex;
flex-direction: column;
display: none;
min-width: 100px;
width: 100%;
justify-content: space-between;
padding-inline-start: 0px; }
#header-top .region-header-top-left ul li {
display: flex;
flex-direction: column;
background-color: white;
padding-bottom: 0.8rem;
max-width: inherit;
width: 220px;
height: 20px; }
#header-top .region-header-top-left ul li a {
color: black; }
#header-top .region-header-top-left ul li:hover ul {
display: block; }
#header-top .region-header-top-left ul .ul1.sous-liste.ul2 {
padding-left: 1rem; }
#fotter-bottom {
box-shadow: 1px 0px 8px black;
display: flex;
flex: 1 1 120px;
flex-direction: row;
background-color: white;
padding-top: 3rem; }
@media (max-width: 810px) {
#fotter-bottom {
flex-direction: column;
padding-right: 1rem; } }
#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%; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-left {
width: 100%;
margin-left: 0rem; } }
#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; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-right {
width: 100%; } }
#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: flex-end; }
#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%; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-middle {
width: 100%; } }
#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; }
article.node-type-book {
width: 70%; }
article.node-type-book nav h2 {
visibility: hidden; }
article.node-type-book nav ul {
display: flex;
flex-direction: row;
justify-content: space-between;
list-style: none;
box-shadow: 0px 0px 1px black; }
article.node-type-book .links.inline {
list-style: none;
box-shadow: 0px 0px 1px black; }
#block-breadcrumbs nav ol {
list-style: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap; }
#block-breadcrumbs nav ol li {
padding-right: 0.5rem; }
#block-breadcrumbs nav ol li ::after {
padding-left: 0.5rem;
content: ">>"; }
#block-rorschach-primary-local-tasks {
display: flex;
flex-direction: row; }
/*components*/
.quote {
font-weight: 700;
width: 50%;
margin: auto;
background-color: hotpink; }
table {
border-collapse: collapse; }
table thead th {
border: 1px solid #333;
text-align: center;
font-weight: bold;
padding: 1rem;
background-color: grey; }
table tbody td {
border: 1px solid #333;
text-align: center;
padding: 1rem;
background-color: white; }
.display-none {
display: none; }
#paragraph-id--226 tbody td {
text-align: start;
padding: 0rem;
padding-left: 1rem;
padding-right: 1rem; }
#paragraph-id--226 tbody tr {
border: red; }
#paragraph-id--227 td {
text-align: start; }
.note {
display: block;
border: 1px solid #333;
text-align: center;
font-weight: bold;
padding: 1rem;
background-color: #d6d5d5; }
.note-title {
background-color: white;
display: block;
padding: 1rem; }
.book-depth-2 {
border-top: 2px solid black;
border-bottom: 2px solid black; }
.book-depth-2 h1 {
text-transform: uppercase;
text-align: center; }
.book-depth-3 h1 {
text-transform: uppercase;
border-top: 4px double black;
border-bottom: 4px double black; }
.book-depth-4 h1 {
text-transform: uppercase;
border-top: 2px solid black;
border-bottom: 2px solid black; }
.book-depth-5 h1 {
text-transform: uppercase;
border-top: 2px dotted black;
border-bottom: 2px dotted black; }