.edit-group {
    /*border: 1px solid #333;*/
    margin-bottom: 12px;
}

.edit-key {
    /*padding: 4px;*/
}

.edit-val {
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 4px;
    width: 100%;
}

.edit-mois {
    height: 30px;
}
.edit-mois > span.mois {
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 4px 0;
    width: 8.33%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.edit-mois > span.mois.select {
    background-color: #AfA;
}

.btn-edit {
    background-color: #eeeeee;
    border-radius: 2px;
    color:#999;
    padding: 1px 4px;
    cursor: pointer;
    position: relative;
}
.btn-edit:hover {
    text-decoration: none;
    color:#333;
}
#popup-liste {
    position: absolute;
    border: solid 1px #ccc;
    z-index: 10;
    top:100%;
    background-color: #fafafa;
    text-align: left;
    max-height: 200px;
    overflow: auto;
    width: max-content;
}
#popup-liste div {
    padding: 1px 4px;
}
#popup-liste div:hover {
    background-color: #eee;
    cursor: pointer;
}

#popup-liste div.select {
    background-color: #ccc;
}


#findnom {
    position: relative;
}

#findres {
    position: absolute;
    z-index: 100;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    width: 200%;
}

#findres a {
    color: #333;
    text-decoration: none;
    padding: 4px;
    display: block;
}

#findres a img {
    width: 48px;
    height: 48px;
}

#findres div:hover {
    background-color: #ccc;
}

.nav > li > a {
    padding: 14px 10px;
}

.achat {
    background-color: #AAFFAA;
}

.visible {
    background-color: #e1fafc;
}

.thumb {
    float: left;
    border: 1px solid #ccc;
    /* position: relative; */
    margin: 4px;
    width: 227px;
    height: 270px;
}

.thumb img {
    width: 100%;
}
.thumb .text {
    font-size: 10px;
    padding: 1px;
}

.plan-supp {
    border-color: #F00;
}