.bloc.formulaire-demandeur { // Sur ce formulaire, on veut que les libellés et les inputs soient proches les uns des autres. fieldset .fieldsetContent .field.field-type-text, fieldset .fieldsetContent .field.field-type-select, fieldset .fieldsetContent .field.field-type-date, fieldset .fieldsetContent .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) { flex: 1; grid-template-columns: auto 1fr; grid-gap: .5em; } .bloc-titre { grid-column: 1/-1; } // Bloc de fieldset - Qualité + Collectivité &--qualite-collectivite { flex-direction: row; & > fieldset { flex: 1; } .fieldsetContent .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) { display: block; } .form-libelle { display: none; } .visualClear { display: none; } } // Fieldset État civil - Particuliers et Personnes morales fieldset[id*="etat-civil"], fieldset[id*="personne-morale"]{ display: grid; .particulier--nom-prenom, .personne_morale--nom-prenom { flex-direction: row; .search-frequent-16 { white-space: nowrap; margin: 0; } } // Particulier - groupe de champs liés aux infos de naissance .particulier--naissance { display: grid; grid-template-columns: auto 1fr; grid-gap: 2em; .field.field-type-date input{ max-width: 15ch; } } .particulier--naissance-dpt-pays { display: grid; grid-template-columns: repeat(2, 1fr); } .personne_morale--denom-rs, .personne_morale--siret-cj { display: grid; grid-template-columns: 1fr 1fr; } } // Adresse fieldset[id*="adresse"] { .bloc { flex-direction: row; } .adresse--num-voie { display: grid; grid-template-columns: 2fr 7fr; } } // Coordonnées fieldset[id*="coordonnees"]{ .bloc { flex-direction: row; flex-wrap: wrap; .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) > div { flex: unset; display: inline-block; } &-titre { width: 100%; } } } }