/* ******************** */
/* Gestion des tooltips */
/* ******************** */
label {
    display: inline-block;
    /*width: 5em;*/
}
  

/* ************************************************************ */
/* Styles pour l'affichage des utilisateurs et les formulaires  */
/* ************************************************************ */
#userModifyLink {
    font-size:small;
}

#modifyProfilePicture {
    background: white;    
    margin-left:10px;
    padding:5px;
    opacity: 0.5;
}

#modifyProfilePicture a {
    font-weight: normal;
    text-decoration: none;
    color:black;
}

#modifyProfilePicture a:hover {
    font-weight: bold;
}

#userCreateForm input[type="text"],
#userCreateForm input[type="email"],
#userCreateForm input[type="password"],
#userCreateForm label{
    width: 250px;
}

.userTopText{
    width: 45%;
    padding-bottom: 20px;
}

.userForm div{
    padding-bottom: 10px;
}

.userForm>div input[type=text], .userForm>div input[type=email], .userForm>div input[type=password]{
    width: 190px;
}

.userForm>div input[type=tel]{
    width: 50px;
}

.userForm>div select{
    width: 100px;
    height: 26px;
    padding: 3px;
}

select#city{
    min-width: 200px;
}

.userFormSubmit{
    padding-left: 80px;
    padding-bottom: 25px !important;
}

.userFormAddress br:nth-child(4){
    display: block;
    margin: 5px;
}

#userInformation, 
#userRights {
    padding-left: 20px;
}

.userInfo{
    display: block;
    float: left;
    width: 200px;
}

.userValue{
    
}

#ProfilePicExplanation{
    padding: 7px 0;
}

.chooseProfilePicture img:hover{
    opacity: 0.6;
}

.userRightsTable td{
    padding: 0 5px 5px 5px;
}

.userRights{
    padding-bottom: 10px;
}

.userCount{
    padding-bottom: 10px;
}

#userSearch{
    height: 25px;
    width: 300px;
}

#userResult{
    width:100%;
    border-collapse:collapse;
    border: solid 1px black;
    margin-top: 20px;
}

#userResult div, #userResult a{
    border-left: solid 1px black;
    padding: 0 5px 0 5px;
}

#userResult a{
    color: black;
} 

#userSearchHeader, #userSearchHeader a{
    padding: 5px 5px 5px 2px;
    border-bottom: solid 1px black;
    background-color: #cc3333;
    color: white;
    font-weight: bold;
}

.results:nth-of-type(2n+1){
    background-color: lightgrey;
}

.results:hover div{
    background-color: #9999ff;
}

.loginInfoTable{
    font-size: larger;
    border-collapse:collapse;
    border: solid 1px black;
    margin-top: 20px;
}

.loginInfoTable tr, .loginInfoTable th{
    border-left: solid 1px black;
}

.loginInfoTable td {
    border-bottom: solid 1px black;
    padding: 5px 10px;
}

.loginInfoTable th{
    padding: 5px 5px 5px 2px;
    border-bottom: solid 1px black;
    background-color: #cc3333;
    color: white;
}

.loginInfoTable tr:nth-of-type(2n+1){
    background-color: darkgrey;
}

.loginInfoTable td:nth-of-type(2n){
    font-weight: bold;    
}

.loginInfoTable td:nth-of-type(2n+1){
    width: 250px;
}

.userSearchHeader{
    display: none;
}


.filename {
    font-style: italic;
    font-family: monospace;
}

#userPasswordLostFormNickname input, #userPasswordLostFormEmail input{
    width: 98%;
}


/* Validation des documents*/
#displayDocuments {
    list-style: none;
}

#displayDocuments li {
    line-height: 40px;
}
#displayDocuments a {  
    line-height: 32px;
    padding-left: 40px;
    width: auto !important;
    height: 32px;
    display: inline-block;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNq8V0tvG1UU/ublsT3x2E5IiFXTRLilCVQoQRWUBRIsWbAAgiKVTbtg2SrtL0BsEa3YsEKseBQqxIJusoBKhLRFSAQVnKQSEknjNA117Pj9mBfnju2xE8b1Q6bHOr6POdfnu98599wxZ1kWWuWT6OSNAM+/ih6laJqkxu/Ufe3STmK/nd1hf6Kb0ZTo6dU/7ukarFFlZms3e+NyJPpIEK3Co0/ZLOSwnHyAdLXizD393CRmpyIz1GUgQv8rgPVMCrulIu6TNkQaH8exU9M9gegbAEexPBkcRkBsRlEaGYM8MdkTiL4BiByPjdw+KobRnAuNwBOJEogJxE5NYfZEZxBivwCekH1IVkpQWhgQFBXS6LgzjtWamZW7O1eoPTdQAGFZRoYS0C9KTTq9fojqyAG7Ooizl+mLTsa5gQHg6CNw7Lspa4s/IrFyB5ZWgVkuwaSToucy0HkBqt9zlkLBjubFgQDQTYPygEOuWkXQI+NJQUT5hyWU2tA8Qem2zvMzA2HAoBOQLpch0P53iwVEFAUyJaXMCR2OHNfdKbA6aLJYtBfGQmEwl2upPeiW2XHdQI4h232Kik+AaA/KXkwGQ6joOtYJRJHKcc/HudcFaXLOLpQxop0JAzGhhrCZ3bdBjHh94HgOJtkwTngKTZhsgpKnewDt6NIo8faI/pDXSyeAxx6BKWhV5CpVclRz+k+pQOGwbKYsCnnJ0KFR/wWqkhCELgFY7hCS+byd+XnK/AwloYeKkE+ScJTCoEi1elClypgs0x1RyKNKV7TEsSib2KYx1GD/DJQ1DQVyHPb74Sc6JdoN2/XhNWw+ogRszVKhYsUqTFVziACuaJXeAaQKBeQrZTuWEhWUkM/fMVQNYYnK9FG2rgDMevsgsw+dKBVpV1XK9DGi0MRgpQ0AC3mKMXMq8rzdqkS9RxJhdtz3AACwC7ZI8a6VXBMKZb3i88HA4EVsV2zUoSGbfoEYYGpYFvC4AOj2dcfBMzwM9dlpZz67ugY9m4UveoQ02kzU2784/eHTLx34rdZn3QOo7zY4PYUXr37eLETk/KfX30Bk7i08s3DhALCb8+/a4FrtmVyfONb7OyGrXEz1esJ9dzSG6ydnUUxs4wg5ZxUvSTtrzItqAMcXzttrmCzNn7GfMW38ltYmhK4MaHXHDSZOXLwASVXhJ+qzWwkoT0VtEMxOy2bw97VvMUrUN9a98vWXdhu/8rGtPYegYpoOE61xXf30M9z95hqev7Rgu2rYMaCt41/f/wDp+CryiYQz1xOAct1xtd5+Pzd/6JhadkFidjIxE3tnDhuLi8663T/j2Ll12+U9jusOQMk06gDMA+PWHIm8fBrvbW/a44fxOJY//Ih221x3eI3tTBC7A1Cs03bvzh/44s23nXFDfvvqKv76edkZb9285fSZ/UNioOxCvSp0GYKCodfadAp7S0v/fb6xgfukrn/ZXOwdAC4vJa4AwpKMxyX/CjAALhkSt6rwJ9IAAAAASUVORK5CYII=) top left no-repeat
}


/* GESTION DES PRODUITS PAR UTILISATEUR */
.noProduct {
    font-weight: bold;
}
#showProductsByUserSelection tr {
    vertical-align: baseline;
}

#showProductsByUserSelection td {
    padding: 5px 10px;
}

.selectableProducts .isSelected {
    text-align: center;
    width: 30px;
}

.selectableProducts .variete {
    width: 429px;
}

.selectableProducts td, .selectableProducts th {
    border: thin solid black;
    white-space: nowrap;
}

.selectableProducts th {
    background-color: firebrick;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}

.selectableProducts td {
    padding: 5px 10px;
    vertical-align: middle;
}

.large-checkbox {
  width: 25px;
  height: 25px;
}


.userSelector {
    font: inherit;  
    text-align: left;
}
.userSelector option {
    font-size: 12px;
}