$sidr-width: em(280px);

@include media($bp-medium) {
    .sidr-menu-content {
        display: none;
    }
}

.sidr {
    position:   fixed;
    top:        0;
    height:     100%;
    z-index:    999999;
    width:      $sidr-width;
    overflow-x: hidden;
    overflow-y: auto;
    padding:    1em;
    body.sidr-main-open & {
        box-shadow: 10px 0 0 0 rgba(0, 0, 0, 0.45);
    }
    background: $couleur-primaire;
    color:      white;
    a {
        color: white;
        &:hover, &:focus {
            color:           white;
            text-decoration: underline;
        }
    }
    &.right {
        left:  auto;
        right: -$sidr-width;
    }

    &.left {
        left:  -$sidr-width;
        right: auto;
    }

    .recherche {
        margin-bottom: 1em;
        h2 {
            display: none;
        }
        &.formulaire_spip form {
            background: none;
        }
        .motcle {
            border:       1px solid $couleur-texte;
            font-size:    80%;
            padding:      0 0.5em;
            width:        13em;
            height:       28px;
            line-height:  28px;
            margin-right: 0.5em;
        }
        .submit {
            border:        none;
            margin:        0;
            padding:       0;
            background:    #000;
            color:         white;
            font-size:     80%;
            border-radius: 50%;
            width:         28px;
            height:        28px;
            line-height:   28px;
        }
    }

}