diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile
index 9b46db9..6fe8986 160000
--- a/web/profiles/d8-starterkit-profile
+++ b/web/profiles/d8-starterkit-profile
@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0
diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index c394229..ca93934 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -131,6 +131,16 @@
a {
text-decoration: none; }
+@media (max-width: 1325px) {
+ .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
+ position: relative; }
+ .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
+ position: relative;
+ bottom: +337%; }
+ .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
+ position: relative;
+ bottom: +72%; } }
+
@media (max-width: 1330px) {
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
position: relative; }
@@ -284,58 +294,53 @@ a {
.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;
- grid-template-rows: repeat(4, auto); }
- .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
- z-index: -99;
- filter: grayscale(100%);
- filter: brightness(0%);
- opacity: 0.5;
- grid-column: 1 /span 10;
- grid-row: 1 / span 4; }
- .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img {
- width: 100vw;
- height: auto; }
- .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 3;
- font-size: 6rem;
- font-weight: 800;
- color: #009ee3;
- margin: 0; }
- .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+.block-views-blockhome-nodes-block-1 {
+ background: url("../images/pictos/carre-contour-bleu_contact.svg"); }
+ .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); }
+ .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
+ display: none; }
+ .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: 800;
+ color: #009ee3;
+ line-height: 6rem;
margin: 0; }
- .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
- grid-column: 4;
- grid-row: 1;
- margin-top: 2rem; }
- .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; }
- .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; }
- .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; }
- .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
- display: block;
- content: url('data:image/svg+xml,'); }
+ .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+ margin: 0; }
+ .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
+ grid-column: 4;
+ grid-row: 1;
+ margin-top: 2rem; }
+ .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; }
+ .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; }
+ .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; }
+ .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
+ display: block;
+ content: url('data:image/svg+xml,'); }
.block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
display: grid;
@@ -365,45 +370,32 @@ a {
.block-region-content {
position: relative; }
-
-.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
- display: grid;
- grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- position: relative;
- background-color: #009ee3;
- height: 0;
- width: 100%;
- position: relative; }
- .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
- position: relative;
- bottom: +326%;
- grid-column: 5;
- width: inherit;
- font-size: 0.8rem;
- list-style: none;
- background-color: #009ee3;
- display: flex;
- justify-content: center; }
- .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a {
- text-transform: uppercase;
- font-weight: 700;
- color: #09398b; }
- .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a:before {
- display: block;
- width: fit-content;
- content: url('data:image/svg+xml,'); }
- .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
- position: relative;
- bottom: +140%;
+ .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
grid-column: 5;
background-color: #009ee3; }
- .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
- color: white;
- font-size: 1.2rem;
- padding-left: 1rem;
- padding-right: 1rem;
- margin-top: 0;
+ .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
text-align: center; }
+ .block-region-content .block-block-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"); }
+ .block-region-content .block-block-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; }
+ .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
+ margin-top: 0;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center; }
+ .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
+ font-weight: 800;
+ color: white;
+ font-size: 1.3rem; }
+ .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
+ display: block;
+ content: url("../images/pictos/noun_Arrow_3771902.svg"); }
.block-views-blockactus-blocks-pages-block-1 {
clear: both;
@@ -703,65 +695,95 @@ a {
background-color: #009ee3;
text-transform: uppercase; }
-.block-views-blockfaq-block-1 {
+.path-faq .block-region-content {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
- .block-views-blockfaq-block-1 div:first-child {
- grid-column: 2 / span 3; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
- border-bottom: 1px solid #009ee3;
- padding-bottom: 2rem; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
- display: none; }
- .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;
+ .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;
- font-size: 1.5rem; }
- .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; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
- display: none; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
- display: block; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
- display: none; }
- .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; }
- .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; }
- .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; }
- .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; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
+ 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_External Link_674151.svg");
+ content: url("../images/pictos/noun_Download_file_307900.svg");
width: 30px;
height: 30px;
padding-right: 0.8rem; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
- display: none; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
- margin-top: 0.5rem; }
- .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
+ .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;
- text-decoration: underline;
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 {
diff --git a/web/themes/custom/eql/images/pictos/picto_faq.svg b/web/themes/custom/eql/images/pictos/picto_faq.svg
index 1009376..b329f8d 100644
--- a/web/themes/custom/eql/images/pictos/picto_faq.svg
+++ b/web/themes/custom/eql/images/pictos/picto_faq.svg
@@ -1,8 +1,8 @@
+ inkscape:pagecheckerboard="0"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0" />
@@ -50,16 +54,17 @@
+ id="layer1"
+ transform="translate(-46.48071,-78.786087)">
diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss
index 959781c..9a6588b 100644
--- a/web/themes/custom/eql/scss/global/_mediaqueries.scss
+++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss
@@ -1,3 +1,20 @@
+@media (max-width: 1325px){
+ .path-frontpage{
+ .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+ position: relative;
+ .field--name-field-lien.field--type-link{
+ position: relative;
+ bottom: +337%;
+ }
+ .field--name-field-description{
+ position: relative;
+ bottom: +72%;
+ }
+ }
+
+ }
+}
+
@media (max-width: 1330px){
.path-frontpage{
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss
index 09eea77..07f8405 100644
--- a/web/themes/custom/eql/scss/pages/_faq.scss
+++ b/web/themes/custom/eql/scss/pages/_faq.scss
@@ -1,95 +1,136 @@
-.block-views-blockfaq-block-1{
- display: grid;
- grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- div:first-child{
- grid-column: 2 / span 3;
- // width: 70%;
- // margin: auto;
- .node-type-question_reponse{
- border-bottom: 1px solid $blue-light;
- padding-bottom: 2rem;
- .field--name-title{
- display: none;
+.path-faq{
+ .block-region-content{
+ display: grid;
+ grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+ .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
+ grid-column: 5;
+ background-color: $blue-light;
+ .field--name-field-lien{
+ &:before{
+ margin-top: 1rem;
+ display: block;
+ content: url("../images/pictos/picto_faq.svg");
+
+ }
+ text-align: center;
+ a{
+ font-size: 0.8rem;
+ font-weight: 1000;
+ color: $blue-dark;
+ text-transform: uppercase;
+ }
}
-
- .field--name-field-question{
+ .field--name-field-description{
p{
- font-family: 'Source Code Pro' ;
- font-weight: 500 ;
- color: $blue-dark ;
- font-size: 1.5rem;
- &:after{
- display:inline-flex;
- content: url('data:image/svg+xml,');
- justify-self: flex-end;
- }
- }
- }
-
- .field--name-field-reponse{
-
- display: none;
-
- }
- .opened{
- display: block;
- }
- .field--name-field-fichiers{
- span:nth-of-type(2){
- display: none;
- }
-
- .file--mime-application-pdf{
- span:nth-of-type(2){
- display: none;
- }
- ::before{
- display: inline-block;
- content: url("../images/pictos/noun_Download_file_307900.svg");
- width: 30px;
- height: 30px;
- padding-right: 0.8rem;
- }
+ margin-top: 0;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center;
a{
- display: inline-flex;
- align-items: center;
- color: $black;
font-weight: 800;
- }
- }
- }
- .field--name-field-liens{
+ color: $white;
+ font-size: 1.3rem;
+ }
+ &:after{
+ display: block;
+ content:url("../images/pictos/noun_Arrow_3771902.svg")
- a{
- &:before{
- display: inline-block;
- content: url("../images/pictos/noun_External Link_674151.svg");
- width: 30px;
- height: 30px;
- padding-right: 0.8rem;
- }
- display:flex;
- flex-direction: row;
- justify-content: left;
- align-items: center;
- color: $black;
- font-weight: 800;
- }
- svg{
- display: none;
- }
- }
- .field--name-field-ress{
- margin-top: 0.5rem;
-
- a{
- color: $black;
- text-decoration: underline;
- font-weight: 800;
+ }
}
}
}
+ .block-views-blockfaq-block-1{
+ grid-column: 2 / span 3;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ div:first-child{
+ grid-column: 1 / span 3;
+ // width: 70%;
+ // margin: auto;
+ .node-type-question_reponse{
+ border-bottom: 1px solid $blue-light;
+ padding-bottom: 2rem;
+ .field--name-title{
+ display: none;
+ }
+
+ .field--name-field-question{
+ p{
+ font-family: 'Source Code Pro' ;
+ font-weight: 500 ;
+ color: $blue-dark ;
+ font-size: 1.5rem;
+ &:after{
+ display:inline-flex;
+ content: url('data:image/svg+xml,');
+ justify-self: flex-end;
+ }
+ }
+ }
+
+ .field--name-field-reponse{
+ display: none;
+ }
+ .opened{
+ display: block;
+ }
+ .field--name-field-fichiers{
+ span:nth-of-type(2){
+ display: none;
+ }
+
+ .file--mime-application-pdf{
+ span:nth-of-type(2){
+ display: none;
+ }
+ ::before{
+ display: inline-block;
+ content: url("../images/pictos/noun_Download_file_307900.svg");
+ width: 30px;
+ height: 30px;
+ padding-right: 0.8rem;
+ }
+ a{
+ display: inline-flex;
+ align-items: center;
+ color: $black;
+ font-weight: 800;
+ }
+ }
+ }
+ .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;
+ }
+ display:flex;
+ flex-direction: row;
+ justify-content: left;
+ align-items: center;
+ color: $black;
+ font-weight: 800;
+ }
+ svg{
+ display: none;
+ }
+ }
+ .field--name-field-ress{
+ margin-top: 0.5rem;
+
+ a{
+ color: $black;
+ text-decoration: underline;
+ font-weight: 800;
+ }
+ }
+ }
+ }
+ }
}
}
-
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index bd49b5d..bf630e6 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -23,6 +23,7 @@
// 1er bandeau
.block-views-blockhome-nodes-block-1{
+ background: url("../images/pictos/carre-contour-bleu_contact.svg");
.node-type-static{
div:first-child{
@@ -31,24 +32,26 @@
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
grid-template-rows: repeat(4, auto);
.field--name-field-images{
- z-index: -99;
- filter: grayscale(100%);
- filter: brightness(0%);
- opacity: 0.5;
- // display: none;
- grid-column: 1 /span 10;
- grid-row: 1 / span 4;
- img{
- width: 100vw;
- height: auto;
- }
+ display: none;
+ // z-index: -99;
+ // filter: grayscale(100%);
+ // filter: brightness(0%);
+ // opacity: 0.5;
+ // // display: none;
+ // grid-column: 1 /span 10;
+ // grid-row: 1 / span 4;
+ // img{
+ // width: 100vw;
+ // height: auto;
+ // }
}
.field--name-field-accroche{
grid-column: 2 /span 3;
- grid-row: 2 / span 3;
- font-size: 6rem;
+ grid-row: 2 / span 2;
+ font-size: 5rem;
font-weight: 800;
color: $blue-light;
+ line-height: 6rem;
p{
margin: 0;
}
@@ -58,6 +61,7 @@
grid-column: 4;
grid-row: 1;
margin-top: 2rem;
+
h2{
a{
color: #e1000f;
@@ -135,53 +139,90 @@
// bouton foire aux questions
.block-region-content{
position: relative;
-}
-.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
- display: grid;
- grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- position: relative;
- background-color: $blue-light;
- height: 0;
- width: 100%;
- position: relative;
- .field--name-field-lien.field--type-link{
- position: relative;
- bottom: +326%;
- grid-column: 5;
- width:inherit;
- font-size: 0.8rem;
- list-style: none;
- background-color: $blue-light;
- display: flex;
- justify-content: center;
-
- a{
- text-transform: uppercase;
- font-weight: 700;
- color: $blue-dark;
- &:before{
- display: block;
- width: fit-content;
- content: url('data:image/svg+xml,');
+ .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+ // display: grid;
+ // grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+ // position: relative;
+ // background-color: $blue-light;
+ // height: 0;
+ // width: 100%;
+ // position: relative;
+
+ // .field--name-field-lien.field--type-link{
+ // position: relative;
+ // bottom: +326%;
+ // grid-column: 5;
+ // width:inherit;
+ // font-size: 0.8rem;
+ // list-style: none;
+ // background-color: $blue-light;
+ // display: flex;
+ // justify-content: center;
+
+ // a{
+ // text-transform: uppercase;
+ // font-weight: 700;
+ // color: $blue-dark;
+ // &:before{
+ // display: block;
+ // width: fit-content;
+ // content: url('data:image/svg+xml,');
+ // }
+ // }
+ grid-column: 5;
+ background-color: $blue-light;
+ .field--name-field-lien{
+ &:before{
+ margin-top: 1rem;
+ display: block;
+ content: url("../images/pictos/picto_faq.svg");
+ }
+ text-align: center;
+ a{
+ font-size: 0.8rem;
+ font-weight: 1000;
+ color: $blue-dark;
+ text-transform: uppercase;
+ }
}
- }
- }
- .field--name-field-description{
- position: relative;
- bottom: +140%;
- grid-column: 5;
- background-color: $blue-light;
- p{
- color: $white;
- font-size: 1.2rem;
- padding-left: 1rem;
- padding-right: 1rem;
- margin-top: 0;
- text-align: center;
- }
- }
-
+ .field--name-field-description{
+ p{
+ margin-top: 0;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center;
+ a{
+ font-weight: 800;
+ color: $white;
+ font-size: 1.3rem;
+ }
+ &:after{
+ display: block;
+ content:url("../images/pictos/noun_Arrow_3771902.svg")
+
+ }
+ }
+ }
+
+
+ // .field--name-field-description{
+ // position: relative;
+ // bottom: +140%;
+ // grid-column: 5;
+ // background-color: $blue-light;
+ // p{
+ // color: $white;
+ // font-size: 1.2rem;
+ // padding-left: 1rem;
+ // padding-right: 1rem;
+ // margin-top: 0;
+ // text-align: center;
+ // }
+ // }
+
+ }
+
}
// bandeau actus