.message-interface{
    
    text-align:left;
    max-width:1024px;
    box-shadow:0 0 4px #555;
    font-family: sans-serif;
    margin:15px auto 15px auto;
    background-color:white;
    display:block;
    text-decoration:none;
    outline:none;
    
}

.message-interface-bandeau{
    background: #40a9bf;
    background: -moz-linear-gradient(top, #40a9bf 0%, #1e535f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40a9bf), color-stop(100%,#1e535f));
    background: -webkit-linear-gradient(top, #40a9bf 0%,#1e535f 100%);
    background: -o-linear-gradient(top, #40a9bf 0%,#1e535f 100%);
    background: -ms-linear-gradient(top, #40a9bf 0%,#1e535f 100%);
    background: linear-gradient(top, #40a9bf 0%,#1e535f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a9bf', endColorstr='#1e535f',GradientType=0 );
    
    color:white;
    padding:4px;
    height:32px;
    box-shadow: 0 0 3px #555;
}

.interface-bandeau-user{
    background: rgb(205,235,142);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZWI4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWM5NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1)));
    background: -webkit-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);
    background: -o-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);
    background: -ms-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);
    background: linear-gradient(to bottom, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );

    color:black;
}

.user-image{
    width:50px;
    height:40px;
    float:left;
    background-repeat:no-repeat;
    background-position:50% 50%;
    margin-right:15px;
    margin-left:5px;
    margin-top:-4px;
}

.message-interface-contenu{
    padding:8px;
    font-size:1.15em;
}

.message-interface-pj{
    background-color:white;
    border-top:1px solid #bbb;
    padding:4px;
}
.message-interface-pj ul{
    padding:0;
    margin:0;
}
.message-interface-pj ul li{
    display:inline-block;
    list-style-type:none;
    height:23px;
    line-height:23px;
    padding:3px;
}
.message-interface-pj ul li a{
    border:1px dashed #ccc;
    display:block;
    height:23px;
    text-decoration:none;
    padding:0 3px 0 3px;
    background:rgba(255,255,255,0.4);
}
.message-interface-pj ul li img{
    margin-bottom:-3px;
}

.filesize-pj{
    color:#888;
    font-size:10px;
}

#send-form-contact{
    display:none;
    background-color:rgba(0,0,0,0.6);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:4000;
}

#send-form-contact .inside{
    font-size:22px;
    color:black;
    background-color:white;
    box-shadow:0 0 8px black;
    width:400px;
    padding:20px;
    margin:auto;
}

.interface-bandeau-closed{
    background: rgb(252,255,244);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1)));
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
color:black;
}