/* front */

#visionneuse {
    width: 450px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    /*border: black 1px solid;*/
}

@media (min-width: 768px) {
    #visionneuse {
        width: 910px;
    }
}


#visionneuse figure {
    display: inline-block;
    /*float: left;*/
    width: 205px;
    height: 100%; 
    padding : 4px;
    border: #DADADA 1px solid;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 20px;
    text-align: center;
}

#visionneuse img {
    max-width: 100%;
    max-height: 130px;
}

#visionneuse figcaption {
    background-color: #F4F4F4;
    border: #DADADA 1px solid;
    padding : 4px;
    
}

#visionneuse form {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#visionneuse td {
    padding-bottom: 5px;
}


/* BACKOFFICE */

#administration {
    width: 450px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
}

#administration legend {
    border-bottom: 1px solid white;
}

@media (max-width: 767px)
#administration {
    padding: 10px 0;
}

fieldset {
    border: none;
}

#administration form {
    padding-top: 5px;
}

#visionneuse .picto img {
    width: 20px;
    height: auto;
}

/* Styles & classes uniques et général*/
.center {
    text-align: center;    
}
.right {
    text-align: right;
}

.white {
    color: white;
}

.padding5 {
    padding: 15px;
}

.clear {
    clear: both;
}

.smallSize {
    font-size: 80%;
}

.floatLeft {
    float: left;
}

// LES ENCADRES

.encadreRouge {
    padding-left: 10px;
    padding-right: 10px;
    background: #E55959;
    border: red 1px solid;
}

.encadreVert {
    width: 500px;
    padding : 10px 0; 
    margin: 20px auto;
    background: #5bc0de;
    border: green 1px solid;
}

.encadreNoir {
    padding-left: 10px;
    padding-right: 10px;
    background: #4A5147;
    border: green 1px solid;
}

.encadre_photo {
    width: 400px;
    padding: 10px 25px;
    margin: 20px auto;
    border: green 1px solid;
}

.icone {
    font-size: 18px;
    padding-top: 0px;
}

.gallery-grids {
        margin-left: 7px;
}