/* ================ 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, td, 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;
}

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;
}
b textarea {
    font-weight: bold;
}

/* styles généraux */

/*a {text-decoration: none; color: #1BAED8;}*/
a {text-decoration: none; color: blue;}
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;}

textarea {display: block;}
.placeholder { color: #aaa; }

input:focus, select:focus {
    outline: none;
}
input[type=text], input[type=email], input[type=password] {
    /*border-radius: 6px;*/
    font-size: 14px;
    /*padding: 3px 6px;*/
    padding: 2px;
}
/*select {
    border: 1px solid gray;
    border-radius: 6px;
    padding: 3px 6px;
}*/

.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;
}

.black {color: black;}
.error, .attention {color:red;font-weight:bold;}
.ok {color:#00bf00;}
.warning {color: #ffa500;}
.invalid {background:#ffdfdf !important; border:1px solid #df7d7d !important;}
.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 !important;}
.fright {float:right !important;}

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

.noresize {resize: none;}

blockquote {
    background: url(https://hub-avocat.fr/images/hub-avocat/openquote1.gif) no-repeat top left;
    color: #4f4f4f;
    margin: 0;
    font-size: 14px;
    padding: 8px;
    text-indent: 16px;
    font-style: italic;
}
blockquote span {
    background: url(https://hub-avocat.fr/images/hub-avocat/closequote1.gif) no-repeat bottom right;
    display: block;
    padding: 0 4px 4px;
}

h1.rouge, header.rouge {
    color: #A90134;
    margin: 12px 0 16px;
    font-size: 18px;
    text-shadow: 1px 1px 1px #CCC;
}
h1.bleu, header.bleu {
    color: #3d5c81;
    margin: 12px 0 16px;
    font-size: 18px;
    text-shadow: 1px 1px 1px #CCC;
}
.jhblue {
    color: #627F91;
}
.siteavocat-bleu {
    color: #01BCE9;
}

/* sprites - icons (max 32x32) */

i {
    display: inline-block;
}
i.icon {
    background-image: url("https://hub-avocat.fr/images/hub-avocat/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/hub-avocat/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;
}

/* 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;
    background: -moz-linear-gradient(top,#dc101b,#8d0a10);
    background: -webkit-gradient(linear,left top,left bottom,from(#dc101b),to(#8d0a10));
    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;
    background: -moz-linear-gradient(top,#b40d15,#65070c);
    background: -webkit-gradient(linear,left top,left bottom,from(#b40d15),to(#65070c));
    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 unicouleur */
.bg-green {background: green; color: white;}
.bg-green.withhover:hover {background: #006000;}
.bg-blue {background: #024282;}
.bg-blue.withhover:hover {background: #013263;}
.bg-lightgreen {background: #56bb2b; color: white;}
.bg-lightgreen.withhover:hover {background: #4aa025;}

.col-siteavocat {color: #62a6d6;}
.bg-siteavocat {background: #0e73bd;}
.bg-siteavocat.withhover:hover {background: #0b5b97;}

/* drapeaux */
.flag {
	width: 16px;
	height: 11px;
	background:url(/images/sprites/flags.png) no-repeat
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb, .flag.flag-en {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sy {background-position: -48px -143px}
.flag.flag-sz {background-position: -64px -143px}
.flag.flag-tc {background-position: -80px -143px}
.flag.flag-td {background-position: -96px -143px}
.flag.flag-tf {background-position: -112px -143px}
.flag.flag-tg {background-position: -128px -143px}
.flag.flag-th {background-position: -144px -143px}
.flag.flag-tj {background-position: -160px -143px}
.flag.flag-tk {background-position: -176px -143px}
.flag.flag-tl {background-position: -192px -143px}
.flag.flag-tm {background-position: -208px -143px}
.flag.flag-tn {background-position: -224px -143px}
.flag.flag-to {background-position: -240px -143px}
.flag.flag-tr {background-position: 0 -154px}
.flag.flag-tt {background-position: -16px -154px}
.flag.flag-tv {background-position: -32px -154px}
.flag.flag-tw {background-position: -48px -154px}
.flag.flag-tz {background-position: -64px -154px}
.flag.flag-ua {background-position: -80px -154px}
.flag.flag-ug {background-position: -96px -154px}
.flag.flag-um {background-position: -112px -154px}
.flag.flag-us {background-position: -128px -154px}
.flag.flag-uy {background-position: -144px -154px}
.flag.flag-uz {background-position: -160px -154px}
.flag.flag-va {background-position: -176px -154px}
.flag.flag-vc {background-position: -192px -154px}
.flag.flag-ve {background-position: -208px -154px}
.flag.flag-vg {background-position: -224px -154px}
.flag.flag-vi {background-position: -240px -154px}
.flag.flag-vn {background-position: 0 -165px}
.flag.flag-vu {background-position: -16px -165px}
.flag.flag-wales {background-position: -32px -165px}
.flag.flag-wf {background-position: -48px -165px}
.flag.flag-ws {background-position: -64px -165px}
.flag.flag-ye {background-position: -80px -165px}
.flag.flag-yt {background-position: -96px -165px}
.flag.flag-za {background-position: -112px -165px}
.flag.flag-zanzibar {background-position: -128px -165px}
.flag.flag-zm {background-position: -144px -165px}
.flag.flag-zw {background-position: -160px -165px}

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

body {
    color: black;
    font-family: Arial;
    font-size: 12px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
textarea {
    color: black;
    font-family: Arial;
    font-size: 12px;
}

#fancybox-content {background: white;}
.logo-revendeur {margin: 10px 0;}
#all-wrapper {
    position: relative;
}

.site-under-construction {
    position: fixed;
    right: 0;
    top: 0;
}

/* ==== Scroll up ==== */
#toTop {
	background-image: url('/images/elements/scrollup-2.png');
	background-repeat: no-repeat;
	bottom: 15px;
	display: none;
	filter: alpha(opacity=60);
	height: 93px;
	opacity: .6;
	position: fixed;
	right: 15px;
	width: 70px;
}
#toTop:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

@media (max-width: 1050px) {
    #toTop {
        visibility: hidden;
    }
}

/* ======== Page d'identification ======== */
#loginwrapper {
    background: white;
    border: 1px solid gray;
    margin: 100px auto;
    padding: 20px;
    width: 450px;
}
#loginwrapper.ajax {
    border: none;
    margin: 0;
}
#loginwrapper h1 {
    font-size: 18px;
}
#loginwrapper table {
    margin: 0 auto;
    width: 400px;
}
#loginwrapper table td {
    min-width: 100px;
    padding: 5px;
}
#loginwrapper input[type=email], #loginwrapper input[type=password] {
    width: 200px;
}

/* ======== Barre de commande pour le mode édition ======== */
#editbar-wrapper {
    /*background: #f0f0f0;*/
    border-bottom: 2px ridge gray;
    min-width: 1000px;
    width: 100%;
}
#editbar {
    margin: 0 auto;
    width: 1000px;
}
#editbar li a {
    background: transparent;
    color: #3f3f3f;
    text-shadow: 1px 1px 1px #fff;
}
#editbar > ul > li:hover > a {
    background: #3f3f3f;
    background: -moz-linear-gradient(top,#6a6a6a,#3f3f3f);
    background: -webkit-gradient(linear,left top,left bottom,from(#6a6a6a),to(#3f3f3f));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6a6a6a',EndColorStr='#3f3f3f',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#3f3f3f)";
    color: white;
    text-decoration:none;
    text-shadow: none;
}
#editbar li.nohover:hover a {
    background: transparent;
    color: #3f3f3f;
    text-shadow: 1px 1px 1px #fff;
}
#editbar li li a {
    background: white;
    color: #3d5c81;
}
#editbar li li a:hover{
    background: #eee;
    color: #666;
    text-decoration: underline;
    text-shadow: none;
}
#editbar li li a.active {
    background: #e0e0e0;
}

.dropdownmenu {
    list-style:none;
    margin:0 auto;
    padding:0;
}
.dropdownmenu li {
    float:left;
    margin: 0;
    padding: 0;
}
.dropdownmenu li a {
    display: inline-block;
    font-size: 13px; font-weight: bold;
    margin: 0;
    padding: 6px 10px;
    text-decoration: none;
    text-align: center;
}
.dropdownmenu li a img {
}
.dropdownmenu li a span {
    display: block;
    padding: 0;
}
.dropdownmenu li a .glyphicon {
    float: right;
}
.dropdownmenu li.first a span {
    padding: 0;
}
.dropdownmenu li ul {
    background: white;
    border: 1px solid #cecece;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    display:none;
    height:auto;
    filter:alpha(opacity=95);
    margin: 0;
    padding: 0;
    opacity:0.95;
    position:absolute;
    z-index:200;
}
.dropdownmenu li:hover ul {
    display:block;
}
.dropdownmenu li li {
    display:block;
    float:none;
    margin: 0;
    min-width: 170px;
    max-width: 300px;
    padding: 0;
}
.dropdownmenu li li a {
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0;
    display:block;
    font-size:13px;
    font-style:normal;
    font-weight: normal;
    margin: 0;
    padding:7px 15px 7px 5px;
    text-align:left;
    text-shadow: none;
}
.dropdownmenu li li a:hover{
    filter:alpha(opacity=100);
    margin: 0;
    opacity:1.0;
    padding:7px 15px 7px 5px;
    text-decoration: underline;
}

.palette-coleurs {
    list-style: none;
    width: 362px;
}
.palette-coleurs .col {
    float: left;
    width: 180px;
    
}
.palette-coleurs .select-color {
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    display: block;
    text-align: left;
}

/* barres admin */
.adminbar-wrapper {
	color: gray;
	font-size: 16px; font-weight: bold;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	text-shadow: 1px 1px 2px white;
	width: 980px;
}
.adminbar-wrapper a {
	display: inline-block;
}
.adminbar-wrapper .logout {
	color: #B82F15;
}
#editbar-wrapper .admin-tiles-wrapper {
	display: none;
	margin: 0 auto;
	width: 1000px;
}

/* ======== Choix du modele ======== */
#choix-templates {
    background: rgba(0,0,0,0.5);
    color: white;
    left: 0;
    height: 100%;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 250px;
}
#choix-templates:hover {
    background: rgba(0,0,0,0.9);
}
#choix-templates .titre {
    font-size: 14px;
}
#choix-templates a {
    color: white;
}

#choix-templates a.active {
    color: yellow;
}
#openChoixtemplates {
    background: gray;
    background: rgba(0,0,0,0.5);
    color: white;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 0;
}
#openChoixtemplates:hover {
    background: black;
    background: rgba(0,0,0,0.9);
    cursor: pointer;
    text-decoration: underline;
}

/* déconnexion */
#logout {
    bottom: 0;
    left: auto;
    position: fixed;
    right: 0;
    top: auto;
    width: 80px;
}

/* ==== Pagination ==== */
.pagination {
    margin: 16px 6px;
}
.pagination a {
    margin: 0 5px 0 0;
    padding: 2px 8px;
}
.pagination a:hover {
    text-decoration: underline;
}
.pagination a.active {
    border: 1px solid;
    font-weight: bold;
}
.pagination a.desact, .pagination a.desact:hover {
    cursor: default;
	text-decoration: none;
}
.pagination a.active:hover {
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

/* ==== Form ajax ==== */
.ajaxform.working .sendbutton,
.ajaxform.working .fakesendbutton {
    display: none;
}
.ajaxform .gif-working {
    display: none;
}
.ajaxform.working .gif-working {
    display: block;
}

/* ======== Colorpicker ======== */
#colorset-editor {
    background: white;
    padding: 20px;
    min-height: 400px;
    min-width: 400px;
}
#colorset-editor td {
    padding: 4px 10px;
}
#colorset-editor .colorpicker {
    display: none;
}

/* bouton spécimen */
#specimen-logged {
    background-image: url(/images/sprites/specimen.png);
}
#specimen-notlogged {
    background-image: url(/images/sprites/specimen-notlogged.png);
}
.specimen-bandeau {
    background-position: top left;
    display: block;
    height: 200px;
    position: fixed;
    right: 0;
    top: 0;
    width: 200px;
}
.specimen-bandeau:hover {
    background-position: bottom left;
}

/* ======== Header ======== */
#header-wrapper {
    width: 100%;
}
#header {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#header h1 {
    margin: 0 0 1em;
    padding-top: 1em;
}
#header-content a {
    color: inherit;
}

#siteavocat-apiheader-wrapper .infos-abonnement {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 3px 0;
    padding: 5px 0 5px 135px;
}
.infos-abonnement .expired {
    color: #e74b4b;
    font-weight: bold;
}

/*.flags-wrapper {
    padding: 5px 0 4px;
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 10;
}*/
.flags-wrapper {
    float: right;
    margin: 10px 5px 0 0;
}
.flags-wrapper .flag {
    margin: 0 6px;
}

#menu-toggle {
    display: none;
}
#menu-toggle .text {
    display: none;
}

#menu-wrapper {
    width: 100%;
}
#menu {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}
#menu li {
    display: block;
    float: left;
    padding: 0;
}
#menu li a {
    display: block;
    font-size: 18px; font-weight: bold;
    /*padding: 8px 20px;*/
    padding: 8px 12px;
    /*text-shadow: 1px 1px 2px #000;*/
}
#menu > li:hover > a {
    
}
#menu li a:hover {
    text-decoration: none;
}
#menu li a.active {
    
}

#menu li li {
    display: block;
    float: none;
    max-width: 300px;
}
#menu li li a {
    text-align: left;
    text-shadow: none;
}
#menu li li a:hover {
    background: #f0f0f0;
    text-decoration: underline;
}
#menu li li a {
    color: gray;
}

/* réseaux */
/*#header .reseaux-wrapper {
    position: absolute;
    right: 5px;
    top: 5px;
}*/
.reseaux-wrapper {
    float: right;
    margin: 20px 5px 0 0;
}
.adminpage-wrapper .reseaux-wrapper {
    float: none;
}
.reseaux-wrapper > div {
    float: right;
    margin-left: 10px;
}
#sidebar-accueil .reseaux-wrapper > div {
    display: inline-block;
    margin-right: 10px;
}
.reseaux-wrapper.article > div {
    display: inline-block;
    margin-right: 10px;
}
.reseaux-wrapper .google_plus {
    width: 70px;
}
.reseaux-wrapper .facebook_recommend,
.reseaux-wrapper .facebook_follow {
    width: 90px;
}

.btn-linkedin-profile {
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fff,#dedede);
    background-image: linear-gradient(#fff,#dedede);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 3px 5px;
    position: relative;
    top: 1px;
}
.btn-linkedin-profile:hover {
    border-color: #bbb;
    background-color: #d9d9d9;
    background-image: -webkit-linear-gradient(#f8f8f8,#d9d9d9);
    background-image: linear-gradient(#f8f8f8,#d9d9d9);
    box-shadow: none;
}

/*#menu li ul {display: block;}*/

#header-mediumlogo-wrapper a {
    display: block;
}

/* ======== Corps ======== */
#corps-wrapper {
    width: 100%;
}
#corps {
    margin: 0 auto;
    width: 1000px;
}

/* Carrousel - styles communs */
#accueil-carrousel-promo {
    margin: 15px auto;
    width: 750px;
}
#accueil-carrousel-promo .open-editor {
    z-index: 1;
}
.marquee_container {
    height: 250px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.marquee_photos_wrapper {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
}
.marquee_photos {
    
}
.marquee_photo {
    border-radius: 10px;
}
.marquee_texte {
    border-radius: 10px;
    bottom: 50px;
    color: white;
    right: 20px;
    padding: 10px;
    position: absolute;
    text-align: justify;
    width: 250px;
}
.marquee_texte textarea {
    color: white;
}
.marquee_texte .bienvenue-ligne1, .marquee_texte .bienvenue-ligne1 textarea {
    font-size: 14px; font-weight: bold;
    margin: 0 0 12px;
}
.marquee_texte .bienvenue-ligne2, .marquee_texte .bienvenue-ligne2 textarea {
    font-size: 12px;
}

.marquee_nav {
    border-radius: 10px;
    bottom: 10px;
    padding: 5px 10px;
    position: absolute;
    right: 20px;
    text-align: left;
}
.marquee_nav a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    background: url(/images/icons/marquee_nav_buttons.png) no-repeat 0px 0px;
    cursor: pointer;
}
.marquee_nav a:hover { background-position: -25px 0px; }
.marquee_nav a.selected { background-position: -50px 0px; }

.marquee_panels {display: none;}

/* ======== Footer ======== */
#footer-wrapper {
    color: white;
    width: 100%;
}
#footer {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
#footer textarea {
    margin: 0 auto;
    text-align: center;
}
#footer a, #footer textarea {
    color: white;
}

/* ======== Sidebar accueil ======== */
.carre {
    border-radius: 3px;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    width: 12px;
}
.carre.big {
    height: 14px;
    margin-right: 8px;
    width: 14px;
}

/* ======== Sidebar d'info ======== */
.sidebar {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 10px;
    width: 200px;
}
.sidebar.left {
    background: white;
    padding: 10px;
}
.sidebar .titre, .sidebar .titre textarea {
    border-bottom: 1px solid gray;
    font-size: 13px; font-weight: bold;
    margin: 6px 0;
    padding: 0 0 6px;
}
.sidebar .titre textarea {
    border-bottom: none;
    text-align: left;
}
.sidebar .nom, .sidebar .nom textarea {
    font-size: 14px; font-weight: bold;
    margin: 0 0 6px;
    padding: 0 0 6px;
}
.sidebar .profilimage {
    float: left;
    margin: 5px 10px 5px 0;
}
.sidebar .coords-buttons-wrapper .address {
    margin-bottom: 1em;
}
.sidebar .coords-buttons-wrapper .lbl-icon {
    display: none;
}
.sidebar .competences p {
    margin: 3px 0;
}
.sidebar ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.sidebar ul li {
    margin: 0;
    padding: 3px 0;
}

/* ======== Contenu ========*/
#content {
    color: #4b4b4b;
    float: left;
    text-align: justify;
    /*padding: 10px 0;*/
}
/*.nonaccueil #content {
    width: 610px;
}*/
#content h1, #content h2, #content h3, #content header {
    /*color: #3E3C3C;*/
}
#content h1, #content h1 textarea {
    font-size: 15px;
}
#content h1 textarea {
    font-weight: bold;
}
#content h2 {
    font-size: 14px;
}
#content h3 {
    font-size: 13px;
}

.content-header, .content-header textarea {
    /*color: #3E3C3C;*/
    font-size: 16px; font-weight: bold;
    margin: 18px 0;
}
.content-header img {
    margin-right: 8px !important;
}
.editmode .content-header img {
    margin-right: 0;
}
.editmode .content-header .imageeditable {
    margin-right: 8px;
}
.content-header img, .content-header .imageeditable {
    float: left;
}
.content-header span {
    display: block;
    float: left;
    margin-top: 10px;
}
.content-header span textarea {
    margin: 0;
}
.content-header span, .content-header span textarea {
    font-size: 18px;
    width: 480px;
}
.withcollabs .content-header span, .withcollabs .content-header span textarea {
    width: 330px;
}
#content p:first-child {margin-top: 0;}

/* contenu en 2 colonnes pour mettre les publications á droite */
.content-withsidebar .leftcol {
    margin-right: 20px;
    width: 650px;
}
.content-withsidebar .rightcol {
    width: 290px;
}
.content-withsidebar .rightcol header {
    margin: 0.67em 0;
}
.content-withsidebar .rightcol header, .content-withsidebar .rightcol header textarea {
    font-size: 14px; font-weight: bold;
}

.sidemenu.subpages ul {
    padding-left: 30px;
}

/* ======== Accueil ======== */
#accueil-contenu .intro {
    margin: 12px 0;
}
#accueil-contenu .titre, #accueil-contenu .titre textarea {
    font-weight: bold;
}
.accueil-intro {
    border-bottom: 1px solid #967C5C;
    font-size: 14px;
}
.accueil-intro p {
    margin: 0 0 12px;
}
.p-margin {
    margin: 12px 0; 
}

/* ======== Publications ======== */
.ajouter-article-bouton {
    /*margin-top: 28px;*/
}
.subscribe-rss {
    margin-top: 30px;
}
.subscribe-rss a {
    color: black;
}

.article.liste {
    border-bottom: 1px solid gray;
    margin: 5px 0 10px;
    padding: 10px;
    position: relative;
}
.article.liste:hover {
    box-shadow: 0 0 5px #666;
}
.article.mini {
    border-bottom: 1px dotted silver;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.article .titre {
    color: #3E3C3C;
    display: block;
    font-size: 14px;
    margin: 1em 0;
}
.article.mini .titre {
    font-size: 12px;
    margin: 0 0 0.5em;
}
.article img {
    margin: 0 10px 10px 0;
}
.article img.retour {
    margin: 0 6px 0 0;
}
.article .postSurMurBarreau-Image {
    float: left;
}
.article .contenu {
    text-align: justify;
}
.article.liste .contenu:hover {
    cursor: pointer;
    text-decoration: underline;
}
.article .date {
    margin: 0;
    text-align: right;
}
.article .bottom {
    margin: 10px 0;
}
.commentaires_titre {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0;
}

.commentaire {
    border-bottom: 1px solid silver;
    padding: 10px;
}
.commentaire .pseudo {
    font-weight: bold;
}
.commentaire .temps {
    font-style: italic;
}
.commentaire .texte {
    margin: 10px 0;
}
.commentaire:hover .deletewrapper {
    display: inline;
}
.commentaire.waiting {
    background-color: #F0F0FF;
    border: 1px dashed gray;
    margin-top: 10px;
    min-height: 100px;
}
.commentaire.waiting .waitingimage {
    margin-top: -10px;
    margin-right: -10px;
}

.formCommentaires {
    margin: 20px 0;
}
.formCommentaires td {
    padding: 6px 10px;
}
.formCommentaires input[type="text"] {
    border-radius: 0;
    width: 300px;
}
.formCommentaires input[type="text"] {
    border-radius: 0;
    width: 300px;
}
.formCommentaires input[name=secretNumber] {
    margin-right: 10px;
    width: 50px;
}
.formCommentaires textarea {
    display: block;
    font-family: arial;
    margin-top: 10px;
}

.commentaires_table thead td {
    border-bottom: 1px solid silver;
    font-weight: bold;
    text-align: center;
}
.commentaires_table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}
.adminpage-wrapper .commentaires_table td {
    padding: 5px 10px;
}
.rederror {
    color: #9d0000;
    font-weight: bold;
}

.commentaire .redlink {
    color: #9d0000;
}
.commentaire .greenlink {
    color: green;
}

/* ======== Contact ======== */
    
.registerform {
    margin: 0 auto;
    padding: 10px 20px;
    width: 440px;
}
.registerform label {
    display: block;
    font-size: 15px;
    margin: 15px 0 5px 0;
}

.contact-form {
    margin: 20px auto 50px;
    width: 440px;
}
.contact-form .lbl {
    display: block;
    font-size: 15px;
    margin: 15px 0 5px 0;
}
.contact-form select {
    margin: 0;
    padding: 3px 5px;
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
    width: 100%;
}
.contact-form .sendbutton-wrapper {
    margin: 1em 0;
    text-align: center;
}

/* ======== Style d'édition ======== */
.editable-wrapper {
    padding: 5px;
    position: relative;
}
.editable-wrapper .toopen {
    background: gray;
    background: rgba(160,160,160,0.8);
    color: white;
    display: none;
    padding: 6px;
    position: absolute;
    right: 0;
    top: -26px;
}
.editable-wrapper:hover {
    background: #f6f6f6;
    box-shadow: 2px -2px 8px #444;
}
.editable-wrapper.open {
    background: transparent;
    box-shadow: none;
}
.editable-wrapper:hover .toopen {
    display: block;
}
.editable-wrapper.open .toopen {
    display: none;
}
.editable-wrapper:hover .toopen:hover {
    background: black;
    cursor: pointer;
}

.editor-wrapper {
    display: none;
}

.editor-commands {
    margin: 10px 0;
}
.editor-commands .save {
    color: green;
    font-size: 14px; font-weight: bold;
}
.editor-commands .cancel {
    color: gray;
    float: right;
}

/* éditeurs mineurs */
#contenteditable-infos {
    background: white;
    background: rgba(255,255,255,0.9);
    border: 1px solid gray;
    box-shadow: 0 0 10px #aaa;
    color: black;
    display: none;
    font-size: 13px;
    line-height: 1.2em;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 180px;
    z-index: 1000;
}
#contenteditable-infos p {
    margin: 0.5em 0;
}
.contenteditable:hover {
    box-shadow: 0 0 4px #444;
}
input.contenteditable, textarea.contenteditable {
    background: transparent;
    border: none;
    border-radius: 0;
    display: block;
    width: 100%;
}

/* changer une image */
.imageeditable {
    display: inline-block;
}
.imageeditable:hover {
    box-shadow: 0 0 4px #444;
}
.imageeditable img {
    display: block;
}

/* divers */
.content-editable {
    position: relative;
}
.content-editable .open-editor {
    background: gray;
    background: rgba(150,150,150,0.5);
    color: white;
    display: none;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.content-editable:hover .open-editor {
    display: block;
}
.content-editable .open-editor:hover {
    background: black;
    cursor: pointer;
}

.profilimage {
    position: relative;
}
.profilimage .tooltip {
    font-size: 11px;
}
.profilimage:hover .tooltip {
    display: block;
}
#ha-photo-wrap-fancybox {
    background: white;
    padding: 15px;
}

.withcollabs {
    float: left;
    text-align: justify;
}
/******** Collaborateurs **********/
#collabsWrapper {
	float:left;
	margin-left: 10px;
	/*margin-bottom: 10px;*/
}
#collabsWrapper h1 {
    margin-left: 10px;
}
.collabBox {
	border: 1px solid transparent;
	min-height: 50px;
	max-height: 300px;
	margin-top: 10px;
	padding: 4px 10px;
	position: relative;
	width: 300px;
}
.collabBox .imageWrapper {
	float: left;
	margin-right: 10px;
	min-height: 70px;
    max-height: 100px;
	width: 100px;
	overflow: hidden;
}

.collabBox .collab-infos {
    float: left;
    width: 190px;
}

.collabBox div.nom {
	font-size: 14px;
	margin-bottom: 2px;
}
.collabBox .poste {
	margin-bottom: 10px;
}
.collabBox textarea.description {
	/*min-height: 50px;*/
	font-family: arial;
	font-size: 12px;
	margin: 8px 0 0 0;
}
.collabBox .email {
	margin-bottom: 2px;
}

/* login extranet */
#extranet-buttons {
    background-color: white;
    border-radius: 0 0 0 10px;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    padding: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}
body.editmode #extranet-buttons {
}
#extranet-buttons a {
    display: inline-block;
    padding: 0 10px;
}
#extranet-buttons a.first {
    border-right: 1px solid silver;
}

/* GESTION DES PHOTOS */
ul#galerie-list li {
	display: block;
	float: left;
	/*height: 140px;*/
	list-style-type: none;
	margin: 10px 2px 10px 0;
	/*overflow: hidden;*/
	padding: 4px;
	position: relative;
	text-align: center;
	width: 200px;
}
ul#galerie-list li a.fancybox {
	display: block;
	height: 140px;
	margin: 0 0 6px;
	overflow: hidden;
	position: relative;
	width: 200px;
}
ul#galerie-list li span.titre {
	font-style: italic;
}
ul#galerie-list a.fancybox img {
	display: block;
	margin: 0 auto;
	position: relative;
}
/* GESTION DES VIDEOS */
.galeries_photos.videos ul#galerie-list li {
	min-height: 350px;
	width: 560px;
}
.galeries_photos.videos ul#galerie-list div.titre {
	font-size: 14px;
	margin: 12px 0;
	text-align: center;
}
.logos_hebergeurs {
	margin: 0 auto;
	width: 500px;
}
.logos_hebergeurs img {
	display: block;
	float: left;
	margin: 0 20px;
}

/* ======== Site web expiré ======== */
.site-expire-wrapper {
    background: #f0f0f0;
    /*background: rgba(0,0,0,0.5);*/
    background: rgba(255,255,255,0.7);
    left: 0;
    height: 100%;
    /*opacity: 0.5;*/
    position: fixed;
    top: 116px;
    width: 100%;
}
.site-expire-wrapper.suspendu {
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 10;
}
.site-expire {
    /*background: white;*/
    background: #333;
    border-radius: 12px;
    box-shadow: 0 0 25px #333;
    color: white;
    font-size: 13px;
    margin: 40px auto;
    opacity: 1;
    padding: 10px 20px;
    text-align: justify;
    width: 400px;
}
.site-expire h1 {
    font-size: 14px;
}

.site-expire-wrapper.offre-privilege .site-expire {
    background: white;
    padding: 5px 10px;
    position: relative;
    width: 600px;
}
.site-expire-wrapper.offre-privilege img {
    display: block;
}
.site-expire-wrapper.offre-privilege .texte {
    color: black;
    font-family: Arial;
    font-size: 12px;
    left: 280px;
    position: absolute;
    top: 143px;
    width: 325px;
}
.site-expire-wrapper.offre-privilege .texte p {
    line-height: 1.3em;
    margin: 0.3em 0;
}

/* ======== Commandes ======== */
.commande-validee {
	margin: 20px auto;
	padding: 15px 15px 5px 15px;
	width: 320px;
}
.commande-validee.selfdomaine-ready {
	border: 1px solid green;
	width: 350px;
}
.commande-validee.selfdomaine-wait {
	border: 1px solid gray;
}
.commande-validee img {
	float: left;
	margin: 10px 20px 0 0;
}
.commande-validee .texte {
	float: left;
	font-size: 15px;
	width: 220px;
}
.commande-validee.selfdomaine-ready .texte {
	width: 250px;
}
.commande-validee .texte p {
	line-height: 1.4em;
	margin: 0 0 15px;
}

/* ======== Facturation ======== */
.coordonnes-form td {
	padding: 5px;
}
.coordonnes-form .titre {
	font-size: 14px;
	margin: 12px 0;
	text-align: center;
}
.coordonnes-form .libelle {
	display: inline-block;
	margin: 0 5px;
}
.coordonnes-form input[type=text] {
	width: 100px;
}
.coordonnes-form input {
	width: 385px;
}
.coordonnes-form input.code_postal {
	width: 50px;
}
.coordonnes-form input.ville {
	width: 290px;
}

#coordonnees-cabinet-form td {
    padding: 3px 5px;
}
#coordonnees-cabinet-form input[name=cabinet],
#coordonnees-cabinet-form input[name=adresse] {
    width: 398px;
}

/* ======== Offre spéciale ======== */
#offrespeciale-wrapper.on-website {
    background: url(/images/commander/bandeau-offre-privilege-page-commande-hiver-2015.jpg) no-repeat center top;
    display: block;
    height: 100px;
    width: 100%;
}

#offrespeciale-wrapper.page-commande {
    background: #f4f4f4;
}
#offrespeciale-wrapper.page-commande img {
    display: block;
    margin: 0 auto;
    width: 970px;
}

/* ======== Responsive design ======== */
.respimg-wrapper {
    max-width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
}
.respimg-wrapper img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100% !important;
}

.respgmap-wrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
 .respgmap-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.googlemap-voircarte {
    display: block;
}

/* ======== Styles spéciaux ======== */

.site-1200 #header h1 a,
.site-1200 #header h1 textarea {
    color: rgb(245,234,135);
}
.site-1200 #accueil-contenu .titre,
.site-1200 #accueil-contenu .titre textarea {
    font-size: 16px;
}

.site-1441.model-1 #menu > li.active > a {
    color: #577393 !important;
    font-weight: normal;
}

.site-1613 #header-logo, .site-1613 #header-logo textarea {
    height: 250px;
}
.site-1613 .sidebar {
    margin-top: 15px;
}

.site-1637 #header-logo, .site-1637 #header-logo textarea {
    height: 250px;
}
.site-1637 .sidebar {
    margin-top: 15px;
}

.site-598 #header-with-menu-wrapper h1 {
    bottom: -135px;
}

.site-2042 #header-with-menu-wrapper h1 {
    bottom: -170px;
}

.site-2290 #header, .site-2290 #header textarea {
    text-align: center;
}

.site-2520 #header-logo .profilinfos-ville,
.site-2525 #header-logo .profilinfos-ville,
.site-2526 #header-logo .profilinfos-ville {
    font-size: 12px;
    font-weight: normal;
}
.site-2520.nonaccueil .sidebar .profilinfos-nomavocat,
.site-2525.nonaccueil .sidebar .profilinfos-nomavocat,
.site-2526.nonaccueil .sidebar .profilinfos-nomavocat {
    display: none;
}
.site-2520.nonaccueil .sidebar  .profilimage,
.site-2525.nonaccueil .sidebar  .profilimage,
.site-2526.nonaccueil .sidebar  .profilimage {
    float: none;
    text-align: center;
}
.site-2572.model-6 #corps-wrapper {
    background-image: url('/images/uploads/2572/2572-les avocat-jpeg (3) (800x679).png') no-repeat;
    min-height: 679px;
}
.site-2520 .page-19768 .subscribe-rss {
    visibility: hidden;
}
.site-2520 .page-19768 .site-2520-lien-blog {
    display: none;
}

.site-4345 .tiles-line-2,
.site-4345 .tiles-line-3 {
    display: none;
}

/* ======== Téléphone ======== */
@media
(max-width: 1000px),
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #extranet-buttons {
        display: none;
    }
    .content-header span {
        width: 100%;
    }
    .formCommentaires input[type="text"] {
        width: calc(100% - 10px);
    }
    .formCommentaires textarea {
        padding: 4px;
        width: calc(100% - 10px);
    }
}