.mainrubrik-emplacements {

    // Forms and inputs
    [id*="form-container"] .formEntete #form-content {

        /*     display: flex;
        flex-wrap: wrap;
        gap: calc($emplacement-gap/3) $emplacement-gap; */
        .bloc {
            flex-direction: row;
            flex-wrap: wrap;

            >div.field {
                flex: 100%;
            }

            .bloc-titre {
                flex: 100%;
            }

            &.row-fluid {
                flex: 100%;
                gap: calc($emplacement-gap/3) $emplacement-gap ;
            }

            &.row-fluid div.field {
                flex: 1;

                &.field-type-textarea {
                    flex: 100%;
                }
            }
        }

        .span1 {
            flex: calc(100%/12 - $emplacement-gap);
        }

        .span2 {
            flex: calc(100%/6 - $emplacement-gap);
        }

        .span3 {
            flex: calc(100%/4 - $emplacement-gap);
        }

        .span4 {
            flex: calc(100%/3 - $emplacement-gap);
        }

        .span5 {
            flex: calc(500%/12 - $emplacement-gap);
        }

        .span6 {
            flex: calc(100%/2 - $emplacement-gap);
        }

        .span7 {
            flex: calc(700%/12 - $emplacement-gap);
        }

        .span8 {
            flex: calc(200%/3 - $emplacement-gap);
        }

        .span9 {
            flex: calc(300%/4 - $emplacement-gap);
        }

        .span10 {
            flex: calc(1000%/12 - $emplacement-gap);
        }

        .span11 {
            flex: calc(1100%/12 - $emplacement-gap);
        }

        .span12 {
            flex: 100%;
        }

        .bloc.no-label {
            div.field {
                grid-template-columns: 1fr;
            }

            .form-libelle {
                display: none;
            }
        }
    }

}