/lesprojets et page projet

This commit is contained in:
2025-11-03 22:42:26 +01:00
parent 67cf13da9d
commit 3739306af1
11 changed files with 1230 additions and 23 deletions

View File

@@ -3991,24 +3991,50 @@ body {
width: fit-content;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
padding-right: 0.5rem;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2 {
font-family: "gilroy-light";
text-transform: uppercase;
font-size: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site::before {
content: url("../img/prev.svg");
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe {
width: 80%;
border-bottom: solid black 1px;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site span {
display: none;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe p {
font-family: "gilroy-semibold";
margin-bottom: 0.5rem;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .next-site span {
display: none;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link {
margin-bottom: 1rem;
padding-left: 0rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .next-site::before {
content: url("../img/next.svg");
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link a {
font-size: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
color: red;
text-transform: uppercase;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext {
flex-direction: row;
margin-bottom: 3rem;
margin-bottom: 0rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext .prev-site {
padding-right: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext .prev-site::before {
content: url("../img/prev.svg");
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext .prev-site span {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext .next-site span {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext .next-site::before {
content: url("../img/next.svg");
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper {
display: flex;
@@ -4067,17 +4093,20 @@ body {
padding-left: 0.2rem;
height: 25px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .more-link {
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .more-link {
margin-left: 0;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .more-link a {
display: inline-flex;
justify-content: space-between;
align-items: center;
@@ -4085,10 +4114,12 @@ body {
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a svg {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a svg,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .more-link a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a::after {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf a::after,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .more-link a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
@@ -4102,6 +4133,234 @@ body {
flex-direction: column;
}
.node-type-projet .layout-content {
margin-top: 2rem;
}
.node-type-projet .layout-content .content_container {
width: 95% !important;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first {
flex: 0 1 25%;
margin-top: 1rem;
position: relative;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed;
width: 20% !important;
margin-top: 1rem;
display: flex;
flex-direction: column;
align-items: center;
margin-left: 2rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site {
width: 80%;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 {
text-transform: none;
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 a {
color: rgb(7, 50, 194);
font-weight: 700;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_field_sous_titre p {
font-size: 0.55rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .more-link {
width: fit-content;
background: black;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .more-link {
margin-left: 0;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .more-link a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
padding-left: 0.5rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .more-link a svg {
display: none;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .more-link a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50% !important;
margin-top: 1rem;
max-width: 50%;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
margin-right: 3rem;
margin-top: 1rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe {
border-top: solid black 1px;
padding-bottom: 0.5rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 200px;
border-bottom: solid black 1px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet {
width: 25%;
margin-bottom: 1rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet h4 {
margin: 0;
font-size: 0.7em;
font-family: "gilroy-light";
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet .field_field_contenu {
font-size: 0.8em;
font-family: "gilroy-bold";
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet {
margin-top: 2rem;
width: 100%;
}
@media (max-width: 500px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet {
width: 100%;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-partie-texte .field_field_texte_partie_texte_projet p {
font-family: "gilroy-light";
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens {
width: fit-content;
padding-left: 0.5rem;
background: black;
margin-bottom: 1rem;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens {
margin-left: 0;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents a,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents a svg,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens a svg {
display: none;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents a::after,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 25%;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: fixed;
width: 20% !important;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: relative;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
display: flex;
flex-direction: column;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
}
@media (max-width: 500px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2 {
font-family: "gilroy-light";
text-transform: uppercase;
font-size: 0.5rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row {
width: 80%;
border-bottom: solid black 1px;
padding-bottom: 1rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe {
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe p {
font-family: "gilroy-semibold";
margin-bottom: 0.5rem;
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node {
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node {
margin-left: 0;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node a svg {
display: none;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
color: red;
text-transform: uppercase;
}
main {
background-color: #f6f7f3;
}
@@ -4231,6 +4490,154 @@ main {
object-fit: cover;
}
main {
background-color: #f6f7f3;
}
#lesprojets .content_container {
display: flex;
flex-direction: column;
align-items: center;
}
#lesprojets .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem;
width: fit-content;
margin-left: 10%;
margin: auto;
padding-left: 20%;
}
@media (max-width: 810px) {
#lesprojets .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem;
grid-column: 2/span 9;
padding-left: 0%;
}
}
#lesprojets .content_container #block-quartiers-de-demain-titredepage h1 {
text-align: center;
text-transform: none;
color: rgb(7, 50, 194);
font-size: 2rem;
font-weight: 500;
}
#lesprojets .content_container .views-element-container {
width: 90%;
}
#lesprojets .content_container .views-element-container .views-row {
display: flex;
flex-direction: row;
border-top: solid 1px rgb(7, 50, 194);
padding-top: 2rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group {
width: 25%;
margin-bottom: 2rem;
font-size: 0.4rem;
}
@media (max-width: 810px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group {
width: 45%;
}
}
@media (max-width: 550px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group {
font-size: 0.7rem;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
font-size: 0.55rem;
}
@media (max-width: 550px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content a {
font-size: 0.7rem;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-field-images .field-content img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node {
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node {
margin-left: 0;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node a svg {
display: none;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie {
width: 75%;
padding-left: 0;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul {
display: flex;
flex-direction: row;
margin-top: 0;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet {
font-size: 0.4rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 {
font-size: 0.6rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p {
font-size: 0.5rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
margin-left: 0;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a svg {
display: none;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}
#ressources {
background-color: #f6f7f3;
}