.formulaire_spip.formulaire_recherche {
    form {
        position:      relative;
        border:        1px solid #B3B3B3;
        border-radius: $spacer/2;
        padding:       0 1.5em 0 2.5em;
        width:         100%;
        display:       flex;
        align-items:   center;
        background:    white;
        &:before {
            content:         ' ';
            display:         block;
            position:        absolute;
            top:             50%;
            transform:       translateY(-50%);
            left:            0.5em;
            width:           em(24px);
            height:          em(24px);
            background:       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AURFBMoLjGuegAAAixJREFUSMet1k+oT2kYB/DPvVfIJdTNn92Mkz8bSeQmKavjz0RsnAWxGX8nO5aykasoU1OspAidxVjM0L2d0szCn8UUG9nwTkoiShEyBtk86jh+v36/y3027/M873Oe7/t9z/t+z+nRwrK8nIIt2IjFmBFTz3ELl3EuVcVzHayn0bgHv+AwpnZ49nXUHUtV8aEjQJaXk3ARG2rz73ADCR8xByswsVbzFzalqnjRFiDLyz78ibW11Q3ht1QVLxss+7EDhzAt0jexKlXFuybAuBgP1Jo/xLpUFXdarShVxWv8muXlH7iCBViOI9j/FYMsLwfwAP2x8mWpKu7qwrK8/AH/YAAfsCBVxf16TW/Q7Y/4aLfNg80DHIywD7uaNb34Kfz3OGn0dgavwl/fCmBR+Le6OdctWPyHaxHOy/JyQhNgcviPfbs9qp3KqU2Az5dk8ncATKn5L5sAKfxFcR++xZbE+DRVxdsmwN/hD2DNaDtnebkMWYRXW73ks7V4KMvL8aNo3ofjtdTZrwBSVVzHcMQLcbqbrQphPIGVkbqRqmKkFQPYiWfhb8Vw3NJ2zWfjEvbVtOvnTmo6GEymR+p//I4R3A81/RGrsbmhqB+xLVXF+U7fg7m4gKVdvoZ/Q8LbgvQ2buU9DGJ7iFg7ux0aNh976wcmy8stbRm02OtZccZnRuoJbqeqeNyo21PTsS+Y9BgjawcyZgBtQLaOKUALkDe9Yw2QquIUdscPQ/UJnd+sxVRX3GIAAAAASUVORK5CYII=');
            background-size: contain;
            opacity:0.7;
        }
    }
    button, label {
        @include visuallyhidden;
    }
    input[type=search],
    input[type=text] {
        width:       100%;
        padding:     0;
        border:      none;
        min-height:  2.5em;
        line-height: 2.5em;
        background:  white;
    }
}

a.back-to-top {
    display: none;
    @include media($bp-large-up) {
        position:    fixed;
        width:       52px;
        height:      66px;
        right:       20px;
        bottom:      20px;
        z-index:     999;
        text-indent: -9999px;
        background:  url("../images/back-top.png") no-repeat center;
        outline:     none;
    }
    &:focus {
        background: none !important;
    }
}


// ------------------------------------------------
// Affichage de valeurs de formulaires
// ------------------------------------------------

.champ.afficher {
    display: flex;
    margin-bottom: 0.5em;
    .label {
        margin-right: 1em;
        width: 25%;
    }
    &.saisie_fieldset {
        display: block;
        margin: 1em 0;
        & > .champ {
            margin-left: 1.5em;
        }
    }
}