.layout__region--top{ //bandeau titre page static padding-bottom: 3rem; height: 30vh; .block-entity-fieldnodetitle{ width: fit-content; margin-left: 13%; margin-top: 15vh; } .block-entity-fieldnodefield-images{ display: none; height: inherit; } } .layout__region--first{ // menu ancres a gauche .block-region-first{ display: flex; justify-content: end; .block-entity-fieldnodefield-textes{ display: flex; width: 50%; background-color: $white; // justify-content: flex-end; padding-right: 2rem; .field--name-field-titre{ display: flex; font-size: 1rem; font-weight: 1000; color: $blue-dark; border-bottom: 1px solid $blue-light; padding-bottom: 0.5rem; padding-right: 1rem; &:hover{ text-decoration: underline; } } } } } .layout__region--second{ // paragraphe texte .block-entity-fieldnodefield-textes{ background-color: $white; .field--name-field-titre{ font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: $blue-dark; text-transform: uppercase; } h4{ text-transform: none !important; img{ width: 100%; height: auto; } } .field--type-text-long{ padding-right: 2rem; } p{ margin-top: 0; } } } .layout__region--third{ // colone de droite fichiers et ressources liƩes .block-entity-fieldnodefield-fichiers{ height: fit-content; border: 2px solid $blue-light; width: 72%; } .field--name-field-fichiers{ min-height: 4rem; // max-width: 75%; background: $white; color: $blue-light; padding-left: 1rem; padding-top: 1rem; span:nth-of-type(2){ display: none; } .file--mime-application-pdf{ height: inherit; margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); width: 50px; height: 53px; padding-right: 1rem; } a{ display: inline-flex; align-items: center; color: $blue-light; font-weight: 800; } } } .block-entity-fieldnodefield-ress{ margin-top: 5rem; h2{ font-size: 1rem; color: $black; } .node-type-ressource{ display: flex; border: 2px solid $blue-light; padding-left: 1rem; padding-bottom: 3rem; width: 69%; height: fit-content; margin-bottom: 1rem; background-color: $white; &:first-of-type{ border-top: 1px solid $blue-light; padding-top: 1rem; } .field, a{ line-height: 0.6rem; font-size: 1.5rem; color: $blue-dark; font-weight: 500; } .field--name-field-images{ width: 50%; img{ width: 100%; height: auto; } } } } }