/* ================ reset styles ================ */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}*/
td {
	border:0;
    outline:0;
    font-size:100%;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}
li {
    padding: 3px 0;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    /*height:1px;*/
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* ======== Styles généraux ======== */
body {
    color: black;
    font-family: Arial;
    font-size: 12px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#content {
    /*background: white;*/
    margin: 0 auto;
    min-height: 300px;
    /*padding: 10px 10px 30px;*/
    position: relative;
    /*width: 1000px;*/
}
#content.private {
	width: 1000px;
}
a {text-decoration: none; color: #3d5c81;}
a:hover {cursor: pointer; text-decoration: underline;}
img {border: 0;}
div {margin: 0; padding: 0; word-wrap: break-word;}
p {margin: 12px 0; padding: 0; line-height: 16px; word-wrap: break-word;}

input, textarea { color: #000; }
.placeholder { color: #aaa; }

input:focus, select:focus {
    outline: none;
}
input[type=text], input[type=email], input[type=password] {
    font-size: 13px;
    padding: 2px 4px;
}
select {
    border: 1px solid gray;
    padding: 0;
}

h1 {
	color: #555;
	font-size: 20px;
}
h2 {
	color: #555;
	font-size: 14px;
}

.sendbutton {
    border: 1px solid silver;
    border-radius: 0;
    color: white;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
}
.sendbutton:hover {
    cursor: pointer;
    text-decoration: none;
}

.error, .attention {color:red;font-weight:bold;}
.ok {color:#00bf00;}
.warning {color: #ffa500;}
.invalid {background:#ffdfdf; border:1px solid #df7d7d;}
.valid{background:#97ff97;}
.clear {clear: both;}
.uppercase {text-transform: uppercase;}
.hidden {display: none;}
.invisible {visibility: hidden;}
.center {
    margin-left: auto !important;
    margin-right: auto !important;
}
.textcenter, .textalignC {text-align: center !important;}
.textalignL {text-align: left !important;}
.textalignR {text-align: right !important;}

.fleft {float:left;}
.fright {float:right;}

.linkhover:hover {text-decoration: underline; cursor: pointer;}

.noresize {resize: none;}
.profilimage {
    float: left;
    margin-right: 5px;
}

.tooltip {
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 10px;
}
.tooltip:hover {
    background: rgba(0,0,0,0.9);
    cursor: pointer;
    display: block;
}

table.withpadding td {
	padding: 4px 8px;
}
table.withborder td {
	border: 1px solid silver;
}
table.withhover tbody tr:hover {
	background: #eef;
}
.tableImport thead tr {
	background: #222;
	color: white;
	font-weight: bold;
	text-align: center;
}

.hmred {color: #a90134;}
.hmblue {color: #3d5c81;}
.hmblack {color: black;}
.hmgreen {color: #60cf30;}

.browser-warning {
	background-color: #f3fdac;
	border-bottom: 1px solid #000000;
	font-size: 14px;
	margin-bottom: 12px;
	padding: 10px;
	text-align: center;
}

/* sprites - icons (max 32x32) */
i {
    display: inline-block;
}
i.icon {
    background-image: url("https://hub-avocat.fr/images/sprites/hubavocat-icons-sprite.png");
}
i.icon:hover {cursor: pointer;}

i.icon.accueil {
    width: 26px; height: 28px;
    background-position: 0 0;
}
i.icon.accueil:hover {background-position: -32px 0;}

i.icon.logout {
    width: 26px; height: 28px;
    background-position: 0 -32px;
}
i.icon.logout:hover {background-position: -32px -32px;}

i.icon.close {
    width: 20px; height: 20px;
    background-position: 0 -64px;
}
i.icon.close.withhover:hover {background-position: -32px -64px;}

i.icon.unread {
    width: 32px; height: 32px;
    background-position: 0 -96px;
}
i.icon.unread {background-position: -32px -96px;}
i.icon.contact {
    width: 25px; height: 30px;
    background-position: 0 -128px;
}
i.icon.contact:hover {background-position: -32px -128px;}
i.icon.message {
    width: 32px; height: 32px;
    background-position: 0 -160px;
}
i.icon.message:hover {background-position: -32px -160px;}
i.icon.notification {
    width: 18px; height: 31px;
    background-position: 0 -192px;
}
i.icon.notification:hover, i.icon.notification.hovered {background-position: -32px -192px;}

/* sprites - mini icons (max 16x16) */

i.mini {
    background-image: url("https://hub-avocat.fr/images/sprites/hubavocat-minis-sprite.png");
}
i.mini.bubble {
    width: 16px; height: 15px;
    background-position: 0 0;
}
i.mini.croix-grise {
    width: 8px; height: 8px;
    background-position: 0 -16px;
}
i.mini.clock, i.mini.away {
    width: 10px; height: 10px;
    background-position: 0 -32px;
}
i.mini.rond-vert, i.mini.online {
    width: 12px; height: 12px;
    background-position: 0 -48px;
}
i.mini.rond-rouge, i.mini.offline {
    width: 12px; height: 12px;
    background-position: 0 -64px;
}
i.mini.sound {
    width: 16px; height: 16px;
    background-position: 0 -80px;
}
i.mini.nosound {
    width: 16px; height: 16px;
    background-position: 0 -96px;
}
i.mini.triangle-black {
    width: 10px; height: 10px;
    background-position: 0 -112px;
}
i.mini.triangle-deepblue {
    width: 10px; height: 10px;
    background-position: 0 -128px;
}
i.mini.ok {
    width: 12px; height: 12px;
    background-position: 0 -144px;
}
i.mini.ok:hover {background-position: 0 -160px;}
i.mini.edit {
    width: 12px; height: 14px;
    background-position: 0 -176px;
}
i.mini.edit:hover {
    width: 12px; height: 14px;
    background-position: 0 -192px;
}
i.mini.close, i.mini.delete {
    width: 12px; height: 12px;
    background-position: 0 -208px;
}
i.mini.close.withhover:hover, i.mini.delete.withhover:hover {
    cursor: pointer;
    width: 12px; height: 12px;
    background-position: 0 -224px;
}
i.mini.add {
    width: 12px; height: 12px;
    background-position: 0 -240px;
}
i.mini.add:hover {
    width: 12px; height: 12px;
    background-position: 0 -256px;
}
i.mini.star {
    width: 16px; height: 16px;
    background-position: 0 -272px;
}
i.mini.star.withhover:hover {
    width: 16px; height: 16px;
    background-position: 0 -288px;
}
i.mini.star.empty {
    width: 16px; height: 16px;
    background-position: 0 -304px;
}
i.mini.star.empty.withhover:hover {
    width: 16px; height: 16px;
    background-position: 0 -288px;
}

i.info {
    background: url(/images/sprites/info-sprites.png) no-repeat 0 0;
    display: inline-block;
    height: 20px;
    width: 20px;
}
i.info:hover {
    background-position: left center;
    cursor: pointer;
}
i.info:active {
    background-position: left bottom;
}

i.stars {
    background: url(/images/sprites/stars-sprites.png) no-repeat 0 0;
    display: inline-block;
    height: 24px;
    width: 24px;
}
i.stars:hover, i.stars.hover, i.stars.active {
    background-position: left bottom;
    cursor: pointer;
}

/* gradients */

.gradient-deepblue {
    background: #024282;
    background: -moz-linear-gradient(top,#0257ac,#012d58);
    background: -webkit-gradient(linear,left top,left bottom,from(#0257ac),to(#012d58));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0257ac',EndColorStr='#012d58',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0257ac, endColorstr=#012d58)";
}
.gradient-deepblue.withhover:hover {
    background: #012d58;
    background: -moz-linear-gradient(top,#024282,#00172f);
    background: -webkit-gradient(linear,left top,left bottom,from(#024282),to(#00172f));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#024282',EndColorStr='#00172f',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#024282, endColorstr=#00172f)";
}
.gradient-red {
    background: #b40d15 !important;
    background: -moz-linear-gradient(top,#dc101b,#8d0a10) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#dc101b),to(#8d0a10)) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dc101b',EndColorStr='#8d0a10',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dc101b, endColorstr=#8d0a10)";
}
.gradient-red.withhover:hover {
    background: #8d0a10 !important;
    background: -moz-linear-gradient(top,#b40d15,#65070c) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#b40d15),to(#65070c)) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b40d15',EndColorStr='#65070c',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b40d15, endColorstr=#65070c)";
}
.gradient-orange {
    background: #ff741c;
    background: -moz-linear-gradient(top,#ff9146,#f06000);
    background: -webkit-gradient(linear,left top,left bottom,from(#ff9146),to(#f06000));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff9146',EndColorStr='#f06000',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9146, endColorstr=#f06000)";
}
.gradient-orange.withhover:hover {
    background: #f06000;
    background: -moz-linear-gradient(top,#ff741c,#c64f00);
    background: -webkit-gradient(linear,left top,left bottom,from(#ff741c),to(#c64f00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff741c',EndColorStr='#c64f00',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff741c, endColorstr=#c64f00)";
}
.gradient-green {
    background: #74b24d;
    background: -moz-linear-gradient(top,#8abf6a,#609540);
    background: -webkit-gradient(linear,left top,left bottom,from(#8abf6a),to(#609540));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8abf6a',EndColorStr='#609540',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8abf6a, endColorstr=#609540)";
}
.gradient-green.withhover:hover {
    background: #609540;
    background: -moz-linear-gradient(top,#74b24d,#4d7733);
    background: -webkit-gradient(linear,left top,left bottom,from(#74b24d),to(#4d7733));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#74b24d',EndColorStr='#4d7733',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#74b24d, endColorstr=#4d7733)";
}
.gradient-gray {
    background: #7f7f7f;
    background: -moz-linear-gradient(top,#949494,#6a6a6a);
    background: -webkit-gradient(linear,left top,left bottom,from(#949494),to(#6a6a6a));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#949494',EndColorStr='#6a6a6a',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#949494, endColorstr=#6a6a6a)";
}
.gradient-gray.withhover:hover {
    background: #6a6a6a;
    background: -moz-linear-gradient(top,#7f7f7f,#555555);
    background: -webkit-gradient(linear,left top,left bottom,from(#7f7f7f),to(#555555));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7f7f7f',EndColorStr='#555555',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f7f7f, endColorstr=#555555)";
}
.gradient-verylightgray {
    background: #f4f4f4;
    background: -moz-linear-gradient(top,#ffffff,#f4f4f4);
    background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f4f4f4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#f4f4f4',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f4f4)";
}
.gradient-verylightgray.withhover:hover {
    background: #d4d4d4;
    background: -moz-linear-gradient(top,#e9e9e9,#bfbfbf);
    background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#bfbfbf));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e9e9e9',EndColorStr='#bfbfbf',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#bfbfbf)";
}
.gradient-lightgray {
    background: #e9e9e9;
    background: -moz-linear-gradient(top,#f4f4f4,#d4d4d4);
    background: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#d4d4d4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4',EndColorStr='#d4d4d4',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4, endColorstr=#d4d4d4)";
}
.gradient-lightgray.withhover:hover {
    background: #d4d4d4;
    background: -moz-linear-gradient(top,#e9e9e9,#bfbfbf);
    background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#bfbfbf));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e9e9e9',EndColorStr='#bfbfbf',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#bfbfbf)";
}
.gradient-brown {
    background: #975f3e;
    background: -moz-linear-gradient(top,#b5734a,#784d32);
    background: -webkit-gradient(linear,left top,left bottom,from(#b5734a),to(#784d32));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b5734a',EndColorStr='#784d32',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b5734a, endColorstr=#784d32)";
}
.gradient-brown.withhover:hover {
    background: #784d32;
    background: -moz-linear-gradient(top,#975f3e,#5a3925);
    background: -webkit-gradient(linear,left top,left bottom,from(#975f3e),to(#5a3925));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#975f3e',EndColorStr='#5a3925',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#975f3e, endColorstr=#5a3925)";
}
.gradient-lightblue {
    background: #0c90ff;
    background: -moz-linear-gradient(top,#37a5ff,#007ce1);
    background: -webkit-gradient(linear,left top,left bottom,from(#37a5ff),to(#007ce1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#37a5ff',EndColorStr='#007ce1',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37a5ff, endColorstr=#007ce1)";
}
.gradient-lightblue.withhover:hover {
    background: #007ce1;
    background: -moz-linear-gradient(top,#0c90ff,#0065b7);
    background: -webkit-gradient(linear,left top,left bottom,from(#0c90ff),to(#0065b7));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0c90ff',EndColorStr='#0065b7',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c90ff, endColorstr=#0065b7)";
}

.bg-green {
	background: green;
	color: white;
}