.layout__region--top{ //bandeau titre page static height: 500px; padding-bottom: 3rem; .block-region-top{ height: inherit; } .block-entity-fieldnodefield-images{ height: inherit; .field--name-field-images{ height: inherit; .field__item{ height: inherit; img{ width: 65%; height: inherit; object-fit: cover; position: relative; z-index: -2; } } } } .block-entity-fieldnodetitle{ display: block; position: relative; float: right; top: -420px; width: 60%; z-index: -1; .field--name-title{ font-size: 4rem; font-weight: 800; color: $blue-light; background-color: $white; padding: 2rem 1rem 2rem 1rem; } } } .layout__region--first{ // menu ancres a gauche .block-region-first{ width: 50%; float: right; .block-entity-fieldnodefield-textes{ display: flex; justify-content: left; padding-right: 2rem; .field--name-field-titre{ display: flex; font-size: 1rem; font-weight: 800; color: $blue-dark; border-bottom: 1px solid $blue-light; padding-bottom: 0.5rem; padding-top: 0.5rem; &:hover{ text-decoration: underline; } // &::after{ // border-bottom: olivedrab; // } } } } } .layout__region--second{ // paragraphe texte .block-entity-fieldnodefield-textes{ .field--name-field-titre{ font-size: 2rem; font-weight: 800; color: $blue-dark; } .field--type-text-long{ padding-right: 2rem; } } } .layout__region--third{ // colone de droite fichiers et ressources liƩes .field--name-field-fichiers{ display: flex; justify-self: right; min-height: 4rem; max-width: 70%; background: #009ee3; color: white; align-content: flex-end; align-items: center; justify-content: center; .file--mime-application-pdf{ a{ color: $white; font-weight: 800; } padding: 1rem; } } .block-entity-fieldnodefield-ress{ h2{ font-size: 1rem; color: $blue-dark; } .node-type-ressource{ display: flex; border-bottom: 1px solid $blue-light; padding-bottom: 2rem; max-width: 70%; .field, a{ line-height: 0.6rem; font-size: 1.5rem; color: $blue-dark; font-weight: 500; } // .field--type-image{ // // max-width: 70%; // // max-height: 4rem; // // img{ // // object-fit: scale-down; // // } // } } } }